import{A as l,x as k,r as $,s as C}from"./ycaG4YXp.min.js";import{e as S}from"./0XPwTFcg.min.js";import{n as i}from"./IYoTYjYE.min.js";import{e as _}from"./p9kcPq91.min.js";import{o as N}from"./5Ss99t85.min.js";import{o as I}from"./RpI-OtYr.min.js";import{Y as P}from"./rwBjrn-0.min.js";import{R as E}from"./bAPu5B1A.min.js";import{r as v}from"./lHimDk5Y.min.js";/**
 * @license
 * Copyright 2018 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const c=t=>t??l;/**
 * @license
 * Copyright 2020 Google LLC
 * SPDX-License-Identifier: BSD-3-Clause
 */const y=Symbol.for(""),j=t=>{if(t?.r===y)return t?._$litStatic$},g=(t,...o)=>({_$litStatic$:o.reduce((n,e,a)=>n+(u=>{if(u._$litStatic$!==void 0)return u._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${u}. Use 'unsafeStatic' to pass non-literal values, but
            take care to ensure page security.`)})(e)+t[a+1],t[0]),r:y}),m=new Map,z=t=>(o,...n)=>{const e=n.length;let a,u;const h=[],w=[];let p,b=0,f=!1;for(;b<e;){for(p=o[b];b<e&&(u=n[b],(a=j(u))!==void 0);)p+=a+o[++b],f=!0;b!==e&&w.push(u),h.push(p),b++}if(b===e&&h.push(o[e]),f){const x=h.join("$$lit$$");(o=m.get(x))===void 0&&(h.raw=h,m.set(x,o=h)),n=w}return t(o,...n)},d=z(k);function D(t){return t&&t.includes("/search/howsearchworks/")}/**
 * @see https://github.com/shoelace-style/shoelace/blob/next/src/internal/slot.ts
 * @license https://github.com/shoelace-style/shoelace/blob/next/LICENSE.md
 */class L{constructor(o,...n){this.slotNames=[],(this.host=o).addController(this),this.slotNames=n,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some(o=>{if(o.nodeType===o.TEXT_NODE&&o.textContent.trim()!=="")return!0;if(o.nodeType===o.ELEMENT_NODE){const n=o;if(n.tagName.toLowerCase()==="bento-sr-only")return!1;if(!n.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(o){return this.host.querySelector(`:scope > [slot="${o}"]`)!==null}test(o){return o==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(o)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(o){const n=o.target;(this.slotNames.includes("[default]")&&!n.name||n.name&&this.slotNames.includes(n.name))&&this.host.requestUpdate()}}const M=":host{--hsw-button-background-color: var(--sys-color-primary);--hsw-button-border-radius: 24px;--hsw-button-box-shadow: none;--hsw-button-color: #fff;--hsw-button-height: 48px;--hsw-button-outline: 2px solid transparent;--hsw-button-background-color-hover: #185abc;--hsw-button-border-hover: 0;--hsw-button-color-hover: #fff;--hsw-button-box-shadow-hover: 0px 1px 4px 0px rgba(60, 64, 67, .25), 0px 1px 2px 0px rgba(60, 64, 67, .3);--hsw-button-color-active: #fff;--hsw-button-background-color-active: #185abc;--hsw-box-shadow-active: 0px 1px 4px 0px rgba(60, 64, 67, .25), 0px 1px 2px 0px rgba(60, 64, 67, .3);--hsw-button-color-focus: #fff;--hsw-button-background-color-focus: #185abc;--hsw-button-box-shadow-focus: 0px 1px 4px 0px rgba(60, 64, 67, .25), 0px 1px 2px 0px rgba(60, 64, 67, .3);--hsw-button-outline-focus: 2px solid transparent;--hsw-button-background-color-focus-visible: #185abc;--hsw-button-border-focus-visible: 0;--hsw-button-color-focus-visible: #fff;--hsw-button-box-shadow-focus-visible: inset 0 0 0 1px #fff;--hsw-button-outline-focus-visible: 2px solid #185abc;display:block}.container{appearance:none;background-color:var(--hsw-button-background-color);border:var(--hsw-button-border, 0);border-radius:var(--hsw-button-border-radius);box-shadow:var(--hsw-button-box-shadow);color:var(--hsw-button-color);cursor:var(--hsw-button-cursor, pointer);display:inline-flex;justify-content:center;font-family:var(--hsw-button-font-family, var(--sys-font-family));font-size:var(--hsw-button-font-size, 16px);font-weight:var(--hsw-button-font-weight, 500);line-height:var(--hsw-button-line-height, 36px);outline:var(--hsw-button-outline);padding:var(--hsw-button-padding, 12px 24px);text-decoration:var(--hsw-button-text-decoration, none);transition:background-color .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s;overflow:visible;width:var(--hsw-button-width, auto)}.container:hover{--hsw-button-color: var(--hsw-button-color-hover);--hsw-button-border: var(--hsw-button-border-hover);--hsw-button-background-color: var(--hsw-button-background-color-hover);--hsw-button-box-shadow: var(--hsw-button-box-shadow-hover);--hsw-button-outline: var(--hsw-button-outline-hover)}.container:active{--hsw-button-color: var(--hsw-button-color-active);--hsw-button-background-color: var(--hsw-button-background-color-active);--hsw-button-box-shadow: var(--hsw-button-box-shadow-hover)}.container:focus{--hsw-button-background-color: var(--hsw-button-background-color-focus);--hsw-button-color: var(--hsw-button-color-focus);--hsw-button-border: var(--hsw-button-border-focus);--hsw-button-outline: var(--hsw-button-outline-focus);--hsw-button-box-shadow: var(--hsw-button-box-shadow-focus)}.container:focus-visible{--hsw-button-background-color: var( --hsw-button-background-color-focus-visible );--hsw-button-border: var(--hsw-button-border-focus-visible);--hsw-button-color: var(--hsw-button-color-focus-visible);--hsw-button-outline: var(--hsw-button-outline-focus-visible);--hsw-button-box-shadow: var(--hsw-button-box-shadow-focus-visible)}.container--medium-emphasis,.container--medium-emphasis-reversed{--hsw-button-background-color: transparent;--hsw-button-color: #185abc;--hsw-button-border: 1px solid #185abc;--hsw-button-color-hover: #174ea6;--hsw-button-background-color-hover: #e8f0fe;--hsw-button-border-hover: 1px solid #1a73e8;--hsw-button-outline-hover: 0;--hsw-button-box-shadow-hover: none;--hsw-button-color-active: #174ea6;--hsw-button-background-color-active: #d2e3fc;--hsw-button-box-shadow-active: none;--hsw-button-color-focus: #174ea6;--hsw-button-background-color-focus: #d2e3fc;--hsw-button-box-shadow-focus: none;--hsw-button-border-focus: 1px solid #1a73e8;--hsw-button-outline-focus: 0;--hsw-button-background-color-focus-visible: #d2e3fc;--hsw-button-border-focus-visible: 1px solid #1a73e8;--hsw-button-color-focus-visible: #174ea6;--hsw-button-outline-focus-visible: 1px solid #1a73e8;--hsw-button-box-shadow-focus-visible: none}.container--medium-emphasis-reversed{--hsw-button-background-color: #000;--hsw-button-color: #fff;--hsw-button-border: 1px solid #fff}.container--low-emphasis{--hsw-button-border-radius: 4px;--hsw-button-padding: 2px;--hsw-button-background-color: transparent;--hsw-button-color: #1a73e8;--hsw-button-background-color-hover: transparent;--hsw-button-color-hover: #174ea6;--hsw-button-box-shadow-hover: none;--hsw-button-background-color-active: #fff;--hsw-button-color-active: #174ea6;--hsw-button-box-shadow-active: none;--hsw-button-background-color-focus: #fff;--hsw-button-color-focus: #174ea6;--hsw-button-box-shadow-focus: none;--hsw-button-background-color-focus-visible: #fff;--hsw-button-color-focus-visible: #174ea6;--hsw-button-box-shadow-focus-visible: none;--hsw-button-outline-focus-visible: 2px solid #1a73e8;display:inline-flex}.container--low-emphasis.container--sm{--hsw-button-padding: 4px;--hsw-button-font-size: 14px;--hsw-button-line-height: 24px;margin-inline-start:-4px;height:auto}.container--box-link{--hsw-button-width: 100%;--hsw-button-border-radius: 4px;--hsw-button-padding: 24px 0;--hsw-button-background-color: transparent;--hsw-button-color: #1a73e8;--hsw-button-background-color-hover: transparent;--hsw-button-color-hover: #174ea6;--hsw-button-box-shadow-hover: none;--hsw-button-background-color-active: #e8f0fe;--hsw-button-color-active: #174ea6;--hsw-button-box-shadow-active: none;--hsw-button-background-color-focus: #e8f0fe;--hsw-button-color-focus: #174ea6;--hsw-button-box-shadow-focus: none;--hsw-button-background-color-focus-visible: #e8f0fe;--hsw-button-color-focus-visible: #174ea6;--hsw-button-box-shadow-focus-visible: none;--hsw-button-outline-focus-visible: 2px solid #1a73e8;display:flex}.container--box-link .group{width:100%;justify-content:space-between}.container--icon-button{--hsw-button-padding: 0;-webkit-tap-highlight-color:transparent}.container--icon-button:active,.container--icon-button:focus-visible{background:#e8eaed!important}.container--icon-button.container--md{background:transparent!important;display:flex;justify-content:center;align-items:center;border-radius:100%;height:48px;width:48px}.container--icon-button.container--lg{background:#fff;display:flex;justify-content:center;align-items:center;border-radius:100%;height:64px;width:64px;box-shadow:0 6px 10px 4px #3c404326}.container--disabled{cursor:default;opacity:.75;pointer-events:none}.container__prefix,.container__suffix{display:inline-flex;vertical-align:middle}.container:not(.container--transparent) svg [fill-target]{fill:var(--hsw-button-color, currentColor)}.container:not(.container--transparent) svg path[stroke]{stroke:var(--hsw-button-color, currentColor)}.container:not(.container--transparent) svg path[fill]:not([fill=none]),.container:not(.container--transparent) svg rect{fill:var(--hsw-button-color, currentColor)}.container--sm{--hsw-button-padding: 7px 24px 9px;--hsw-button-border-radius: 20px}@media (min-width: 1024px){.container--sm{--hsw-button-border-radius: 19px;--hsw-button-padding: 9px 18px 10px;--hsw-button-font-size: 13px;--hsw-button-line-height: 18px}}.container--transparent{--hsw-button-background-color: transparent;--hsw-button-box-shadow: none;--hsw-button-color: unset;--hsw-button-background-color-hover: transparent;--hsw-button-box-shadow-hover: none;--hsw-button-color-hover: unset;--hsw-button-background-color-active: transparent;--hsw-button-box-shadow-active: none;--hsw-button-color-active: unset;--hsw-button-background-color-focus: transparent;--hsw-button-box-shadow-focus: none;--hsw-button-color-focus: unset;--hsw-button-background-color-focus-visible: transparent;--hsw-button-box-shadow-focus-visible: none;--hsw-button-color-focus-visible: unset}.container--interactive-icon{width:64px;height:64px;--hsw-button-border-radius: 50%;--hsw-button-background-color: #fff;--hsw-button-color: #202124;--hsw-button-border: 1px solid #fff;--hsw-button-box-shadow: 0px 2px 6px 2px rgba(60, 64, 67, .15), 0px 1px 2px 0px rgba(60, 64, 67, .3);--hsw-button-background-color-hover: #fff;--hsw-button-border-hover: 0;--hsw-button-color-hover: #202124;--hsw-button-box-shadow-hover: 0px 1px 3px 0px rgba(60, 64, 67, .3), 0px 4px 8px 3px rgba(60, 64, 67, .15);--hsw-button-color-active: #e8eaed;--hsw-button-background-color-active: #185abc;--hsw-button-color-active: #202124;--hsw-box-shadow-active: 0px 1px 3px 0px rgba(60, 64, 67, .3), 0px 4px 8px 3px rgba(60, 64, 67, .15);--hsw-button-background-color-focus: #fff;--hsw-button-color-focus: #202124;--hsw-button-box-shadow-focus: 0px 1px 3px 0px rgba(60, 64, 67, .3), 0px 4px 8px 3px rgba(60, 64, 67, .15);--hsw-button-outline-focus: 2px solid transparent;--hsw-button-background-color-focus-visible: #185abc;--hsw-button-border-focus-visible: 0;--hsw-button-color-focus-visible: #202124;--hsw-button-box-shadow-focus-visible: inset 0 0 0 1px #fff;--hsw-button-outline-focus-visible: 2px solid #185abc;display:flex;justify-content:center;align-items:center}.group{display:flex;align-items:center;gap:10px;text-wrap:nowrap;line-height:24px}[data-icon-type=chevron_right]{width:8px}";var T=Object.defineProperty,O=Object.getOwnPropertyDescriptor,r=(t,o,n,e)=>{for(var a=e>1?void 0:e?O(o,n):o,u=t.length-1,h;u>=0;u--)(h=t[u])&&(a=(e?h(o,n,a):h(a))||a);return e&&a&&T(o,n,a),a};let s=class extends E(C){constructor(){super(...arguments),this.youtubeModalController=new P(this),this.hasSlotController=new L(this,"prefix","suffix"),this.disabled=!1}get variant(){return this.responsiveValue(this.buttonVariant)}connectedCallback(){if(super.connectedCallback(),this.href){const t=this.extractYouTubeVideoId(this.href);t&&(this.videoId=t,this.href=void 0)}this.youtubeModalController.init({videoId:this.videoId})}extractYouTubeVideoId(t){const o=t.match(/(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/);return o?o[1]:null}handleClick(){this.type==="submit"&&!this.disabled&&this.closest("form").requestSubmit(),this.videoId&&this.youtubeModalController.open()}render(){const t=!!this.href,o=this.hasSlotController.test("[default]"),n=t?g`a`:g`button`,e={};return this.radius!==void 0&&(e["--hsw-button-border-radius"]=`${this.radius}px`),D(this.href)||(this.target="_blank"),d`
      <${n}
        class=${N({container:!0,"container--box-link":this.variant==="box-link","container--high-emphasis":this.variant==="high-emphasis","container--medium-emphasis":this.variant==="medium-emphasis","container--medium-emphasis-reversed":this.variant==="medium-emphasis-reversed","container--low-emphasis":this.variant==="low-emphasis","container--interactive-icon":this.variant==="interactive-icon","container--icon-button":!o,"container--with-icon":!!this.icon,"container--transparent":this.transparent,"container--disabled":this.disabled,"container--sm":this.size==="sm","container--md":this.size==="md","container--lg":this.size==="lg"})}
        part="button"
        style=${I(e)}
        ?disabled=${c(t?void 0:this.disabled)}
        href=${c(t?this.href:void 0)}
        target=${c(t?this.target:void 0)}
        download=${c(t?this.download:void 0)}
        rel=${c(t&&this.target?"noreferrer noopener":void 0)}
        role=${c(t?void 0:"button")}
        aria-disabled=${this.disabled?"true":"false"}
        tabindex=${this.disabled?"-1":this.tabIndex??0}
        aria-label=${c(this.label)}
        type=${c(this.type)}
        @click=${()=>this.handleClick()}
      >
        <div class="group">
          ${this.hasSlotController.test("prefix")||this.icon&&this.iconPosition==="start"?d`<span
                  part="prefix"
                  class="container__prefix"
                  data-icon-type="${this.icon}"
                >
                  <slot name="prefix"
                    >${this.icon&&this.iconPosition==="start"&&v(this.icon)||l}</slot
                  >
                </span>`:l}
          ${o?d` <span part="label" class="container__label">
                  <slot></slot>
                </span>`:l}
          ${this.hasSlotController.test("suffix")||this.icon&&this.iconPosition==="end"?d`<span
                  part="suffix"
                  class="container__suffix"
                  data-icon-type="${this.icon}"
                >
                  <slot name="suffix"
                    >${this.icon&&this.iconPosition==="end"&&v(this.icon)||l}</slot
                  >
                </span>`:l}
        </div>
      </${n}>
    `}};s.styles=$(M);r([i({reflect:!0})],s.prototype,"href",2);r([i({type:Boolean,reflect:!0})],s.prototype,"disabled",2);r([i()],s.prototype,"target",2);r([i()],s.prototype,"download",2);r([i({type:String,attribute:"variant"})],s.prototype,"buttonVariant",2);r([i()],s.prototype,"radius",2);r([i({type:Number,attribute:"tabindex"})],s.prototype,"tabIndex",2);r([i()],s.prototype,"icon",2);r([i({type:String,attribute:"icon-position"})],s.prototype,"iconPosition",2);r([i({type:Boolean})],s.prototype,"transparent",2);r([i()],s.prototype,"label",2);r([i()],s.prototype,"type",2);r([i()],s.prototype,"size",2);r([i({attribute:"video-id"})],s.prototype,"videoId",2);r([_({passive:!0})],s.prototype,"handleClick",1);s=r([S("hsw-button")],s);export{c as l};

<!--
Mirrored from: https://www.google.com/search/howsearchworks/assets/_OAi-NRQ.min.js
Mirrored at: 2025-12-18 17:48:37 UTC
Mirror URL: https://google.hw233.vip/search/howsearchworks/assets/_OAi-NRQ.min.js
-->