scb-wc-test 0.1.85 → 0.1.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +3 -2
- package/mvc/components/scb-button/scb-button.js +1 -1
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +29 -19
- package/mvc/components/scb-card/scb-card.js +115 -53
- package/mvc/components/scb-fact-card/scb-fact-card-content.js +46 -44
- package/mvc/components/scb-icon-button/scb-icon-button.js +1 -1
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +21 -8
- package/mvc/components/scb-notification-card/scb-notification-card.js +291 -170
- package/mvc/components/scb-viz/scb-viz.js +106 -107
- package/mvc/vendor/vendor-material.js +102 -102
- package/mvc/vendor/vendor.js +1 -1
- package/package.json +2 -2
- package/scb-badge/scb-badge.d.ts +1 -1
- package/scb-breadcrumb/scb-breadcrumb-item.js +3 -2
- package/scb-calendar-card/scb-calendar-card.js +71 -61
- package/scb-card/scb-card.d.ts +1 -1
- package/scb-card/scb-card.js +116 -54
- package/scb-fact-card/scb-fact-card-content.d.ts +5 -1
- package/scb-fact-card/scb-fact-card-content.js +67 -74
- package/scb-keyfigure-card/scb-keyfigure-card.d.ts +3 -1
- package/scb-keyfigure-card/scb-keyfigure-card.js +23 -11
- package/scb-notification-card/scb-notification-card.d.ts +19 -5
- package/scb-notification-card/scb-notification-card.js +336 -196
- package/scb-viz/scb-viz.d.ts +2 -2
- package/scb-viz/scb-viz.js +163 -162
- package/scb-wc-test.bundle.js +842 -635
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as a,i as _,n as l,a as v,t as f,x as d,e as M,r as O,b as E,E as p,c as
|
|
1
|
+
import{_ as a,i as _,n as l,a as v,t as f,x as d,e as M,r as O,b as E,E as p,c as gt,o as j,d as Ne,u as _t}from"./vendor.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,o,i){try{customElements.get(t)||e(t,o,i)}catch(n){var s=String(n||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2023 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -122,73 +122,19 @@ import{_ as a,i as _,n as l,a as v,t as f,x as d,e as M,r as O,b as E,E as p,c a
|
|
|
122
122
|
* @license
|
|
123
123
|
* Copyright 2023 Google LLC
|
|
124
124
|
* SPDX-License-Identifier: Apache-2.0
|
|
125
|
-
*/function ot(r){
|
|
126
|
-
* @license
|
|
127
|
-
* Copyright 2022 Google LLC
|
|
128
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
129
|
-
*/function je(r,e=!0){return e&&getComputedStyle(r).getPropertyValue("direction").trim()==="rtl"}/**
|
|
130
|
-
* @license
|
|
131
|
-
* Copyright 2018 Google LLC
|
|
132
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
133
|
-
*/const Nt=U(_);class y extends Nt{constructor(){super(...arguments),this.disabled=!1,this.flipIconInRtl=!1,this.href="",this.target="",this.ariaLabelSelected="",this.toggle=!1,this.selected=!1,this.type="submit",this.value="",this.flipIcon=je(this,this.flipIconInRtl)}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[x].form}get labels(){return this[x].labels}willUpdate(){this.href&&(this.disabled=!1)}render(){const e=this.href?Ne`div`:Ne`button`,{ariaLabel:t,ariaHasPopup:o,ariaExpanded:i}=this,s=t&&this.ariaLabelSelected,n=this.toggle?this.selected:p;let c=p;return this.href||(c=s&&this.selected?this.ariaLabelSelected:t),gt`<${e}
|
|
134
|
-
class="icon-button ${M(this.getRenderClasses())}"
|
|
135
|
-
id="button"
|
|
136
|
-
aria-label="${c||p}"
|
|
137
|
-
aria-haspopup="${!this.href&&o||p}"
|
|
138
|
-
aria-expanded="${!this.href&&i||p}"
|
|
139
|
-
aria-pressed="${n}"
|
|
140
|
-
?disabled="${!this.href&&this.disabled}"
|
|
141
|
-
@click="${this.handleClick}">
|
|
142
|
-
${this.renderFocusRing()}
|
|
143
|
-
${this.renderRipple()}
|
|
144
|
-
${this.selected?p:this.renderIcon()}
|
|
145
|
-
${this.selected?this.renderSelectedIcon():p}
|
|
146
|
-
${this.renderTouchTarget()}
|
|
147
|
-
${this.href&&this.renderLink()}
|
|
148
|
-
</${e}>`}renderLink(){const{ariaLabel:e}=this;return d`
|
|
149
|
-
<a
|
|
150
|
-
class="link"
|
|
151
|
-
id="link"
|
|
152
|
-
href="${this.href}"
|
|
153
|
-
target="${this.target||p}"
|
|
154
|
-
aria-label="${e||p}"></a>
|
|
155
|
-
`}getRenderClasses(){return{"flip-icon":this.flipIcon,selected:this.toggle&&this.selected}}renderIcon(){return d`<span class="icon"><slot></slot></span>`}renderSelectedIcon(){return d`<span class="icon icon--selected"
|
|
156
|
-
><slot name="selected"><slot></slot></slot
|
|
157
|
-
></span>`}renderTouchTarget(){return d`<span class="touch"></span>`}renderFocusRing(){return d`<md-focus-ring
|
|
158
|
-
part="focus-ring"
|
|
159
|
-
for=${this.href?"link":"button"}></md-focus-ring>`}renderRipple(){return d`<md-ripple
|
|
160
|
-
for=${this.href?"link":p}
|
|
161
|
-
?disabled="${!this.href&&this.disabled}"></md-ripple>`}connectedCallback(){this.flipIcon=je(this,this.flipIconInRtl),super.connectedCallback()}async handleClick(e){await 0,!(!this.toggle||this.disabled||e.defaultPrevented)&&(this.selected=!this.selected,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))}}K(y),ot(y);y.formAssociated=!0;y.shadowRootOptions={mode:"open",delegatesFocus:!0};a([l({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0);a([l({type:Boolean,attribute:"flip-icon-in-rtl"})],y.prototype,"flipIconInRtl",void 0);a([l()],y.prototype,"href",void 0);a([l()],y.prototype,"target",void 0);a([l({attribute:"aria-label-selected"})],y.prototype,"ariaLabelSelected",void 0);a([l({type:Boolean})],y.prototype,"toggle",void 0);a([l({type:Boolean,reflect:!0})],y.prototype,"selected",void 0);a([l()],y.prototype,"type",void 0);a([l({reflect:!0})],y.prototype,"value",void 0);a([O()],y.prototype,"flipIcon",void 0);/**
|
|
162
|
-
* @license
|
|
163
|
-
* Copyright 2024 Google LLC
|
|
164
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
165
|
-
*/const fe=v`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:var(--_container-height);width:var(--_container-width);justify-content:center}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) max(0px,(48px - var(--_container-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){pointer-events:none}.icon-button{place-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:flex;place-content:center;outline:none;padding:0;position:relative;text-decoration:none;user-select:none;z-index:0;flex:1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.icon ::slotted(*){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size);font-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.flip-icon .icon{transform:scaleX(-1)}.icon{display:inline-flex}.link{height:100%;outline:none;position:absolute;width:100%}.touch{position:absolute;height:max(48px,100%);width:max(48px,100%)}:host([touch-target=none]) .touch{display:none}@media(forced-colors: active){:host([disabled]){--_disabled-icon-opacity: 1}}
|
|
166
|
-
`;/**
|
|
167
|
-
* @license
|
|
168
|
-
* Copyright 2024 Google LLC
|
|
169
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
170
|
-
*/const Vt=v`:host{--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-icon-button-disabled-icon-opacity, 0.38);--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-height: var(--md-icon-button-state-layer-height, 40px);--_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));--_state-layer-width: var(--md-icon-button-state-layer-width, 40px);--_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);--_container-shape-start-start: 0;--_container-shape-start-end: 0;--_container-shape-end-end: 0;--_container-shape-end-start: 0;--_container-height: 0;--_container-width: 0;height:var(--_state-layer-height);width:var(--_state-layer-width)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_state-layer-height))/2) max(0px,(48px - var(--_state-layer-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_state-layer-shape);--md-focus-ring-shape-start-end: var(--_state-layer-shape);--md-focus-ring-shape-end-end: var(--_state-layer-shape);--md-focus-ring-shape-end-start: var(--_state-layer-shape)}.standard{background-color:rgba(0,0,0,0);color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.standard:hover{color:var(--_hover-icon-color)}.standard:focus{color:var(--_focus-icon-color)}.standard:active{color:var(--_pressed-icon-color)}.standard:disabled{color:var(--_disabled-icon-color)}md-ripple{border-radius:var(--_state-layer-shape)}.standard:disabled .icon{opacity:var(--_disabled-icon-opacity)}.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}.selected:not(:disabled){color:var(--_selected-icon-color)}.selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}
|
|
171
|
-
`;/**
|
|
172
|
-
* @license
|
|
173
|
-
* Copyright 2021 Google LLC
|
|
174
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
175
|
-
*/let re=class extends y{getRenderClasses(){return{...super.getRenderClasses(),standard:!0}}};re.styles=[fe,Vt];re=a([f("md-icon-button")],re);const jo=Object.freeze(Object.defineProperty({__proto__:null,get MdIconButton(){return re}},Symbol.toStringTag,{value:"Module"}));/**
|
|
176
|
-
* @license
|
|
177
|
-
* Copyright 2023 Google LLC
|
|
178
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
179
|
-
*/const Y=Symbol("isFocusable"),Ce=Symbol("privateIsFocusable"),X=Symbol("externalTabIndex"),Z=Symbol("isUpdatingTabIndex"),J=Symbol("updateTabIndex");function rt(r){var e,t,o;class i extends r{constructor(){super(...arguments),this[e]=!0,this[t]=null,this[o]=!1}get[Y](){return this[Ce]}set[Y](n){this[Y]!==n&&(this[Ce]=n,this[J]())}connectedCallback(){super.connectedCallback(),this[J]()}attributeChangedCallback(n,c,m){if(n!=="tabindex"){super.attributeChangedCallback(n,c,m);return}if(this.requestUpdate("tabIndex",Number(c??-1)),!this[Z]){if(!this.hasAttribute("tabindex")){this[X]=null,this[J]();return}this[X]=this.tabIndex}}[(e=Ce,t=X,o=Z,J)](){const n=this[Y]?0:-1,c=this[X]??n;this[Z]=!0,this.tabIndex=c,this[Z]=!1}}return a([l({noAccessor:!0})],i.prototype,"tabIndex",void 0),i}/**
|
|
125
|
+
*/const Y=Symbol("isFocusable"),Ce=Symbol("privateIsFocusable"),X=Symbol("externalTabIndex"),Z=Symbol("isUpdatingTabIndex"),J=Symbol("updateTabIndex");function ot(r){var e,t,o;class i extends r{constructor(){super(...arguments),this[e]=!0,this[t]=null,this[o]=!1}get[Y](){return this[Ce]}set[Y](n){this[Y]!==n&&(this[Ce]=n,this[J]())}connectedCallback(){super.connectedCallback(),this[J]()}attributeChangedCallback(n,c,m){if(n!=="tabindex"){super.attributeChangedCallback(n,c,m);return}if(this.requestUpdate("tabIndex",Number(c??-1)),!this[Z]){if(!this.hasAttribute("tabindex")){this[X]=null,this[J]();return}this[X]=this.tabIndex}}[(e=Ce,t=X,o=Z,J)](){const n=this[Y]?0:-1,c=this[X]??n;this[Z]=!0,this.tabIndex=c,this[Z]=!1}}return a([l({noAccessor:!0})],i.prototype,"tabIndex",void 0),i}/**
|
|
180
126
|
* @license
|
|
181
127
|
* Copyright 2023 Google LLC
|
|
182
128
|
* SPDX-License-Identifier: Apache-2.0
|
|
183
|
-
*/class
|
|
129
|
+
*/class Nt extends et{computeValidity(e){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let t=!1,o=!1;for(const{checked:i,required:s}of e)s&&(t=!0),i&&(o=!0);return this.radioElement.checked=o,this.radioElement.required=t,{validity:{valueMissing:t&&!o},validationMessage:this.radioElement.validationMessage}}equals(e,t){if(e.length!==t.length)return!1;for(let o=0;o<e.length;o++){const i=e[o],s=t[o];if(i.checked!==s.checked||i.required!==s.required)return!1}return!0}copy(e){return e.map(({checked:t,required:o})=>({checked:t,required:o}))}}/**
|
|
184
130
|
* @license
|
|
185
131
|
* Copyright 2022 Google LLC
|
|
186
132
|
* SPDX-License-Identifier: Apache-2.0
|
|
187
|
-
*/class
|
|
133
|
+
*/class Vt{get controls(){const e=this.host.getAttribute("name");return!e||!this.root||!this.host.isConnected?[this.host]:Array.from(this.root.querySelectorAll(`[name="${e}"]`))}constructor(e){this.host=e,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=t=>{const o=t.key==="ArrowDown",i=t.key==="ArrowUp",s=t.key==="ArrowLeft",n=t.key==="ArrowRight";if(!s&&!n&&!o&&!i)return;const c=this.controls;if(!c.length)return;t.preventDefault();const C=getComputedStyle(this.host).direction==="rtl"?s||o:n||o,b=c.indexOf(this.host);let h=C?b+1:b-1;for(;h!==b;){h>=c.length?h=0:h<0&&(h=c.length-1);const u=c[h];if(u.hasAttribute("disabled")){C?h++:h--;continue}for(const w of c)w!==u&&(w.checked=!1,w.tabIndex=-1,w.blur());u.checked=!0,u.tabIndex=0,u.focus(),u.dispatchEvent(new Event("change",{bubbles:!0}));break}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const e of this.controls)e!==this.host&&(e.checked=!1)}updateTabIndices(){const e=this.controls,t=e.find(o=>o.checked);if(t||this.focused){const o=t||this.host;o.tabIndex=0;for(const i of e)i!==o&&(i.tabIndex=-1);return}for(const o of e)o.tabIndex=0}}/**
|
|
188
134
|
* @license
|
|
189
135
|
* Copyright 2018 Google LLC
|
|
190
136
|
* SPDX-License-Identifier: Apache-2.0
|
|
191
|
-
*/var
|
|
137
|
+
*/var je;const Ie=Symbol("checked");let qt=0;const jt=Fe(De(U(ot(_))));class G extends jt{get checked(){return this[Ie]}set checked(e){const t=this.checked;t!==e&&(this[Ie]=e,this.requestUpdate("checked",t),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId=`cutout${++qt}`,this[je]=!1,this.required=!1,this.value="on",this.selectionController=new Vt(this),this.addController(this.selectionController),this[x].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this))}render(){const e={checked:this.checked};return d`
|
|
192
138
|
<div class="container ${M(e)}" aria-hidden="true">
|
|
193
139
|
<md-ripple
|
|
194
140
|
part="ripple"
|
|
@@ -217,33 +163,33 @@ import{_ as a,i as _,n as l,a as v,t as f,x as d,e as M,r as O,b as E,E as p,c a
|
|
|
217
163
|
.value=${this.value}
|
|
218
164
|
?disabled=${this.disabled} />
|
|
219
165
|
</div>
|
|
220
|
-
`}updated(){this[x].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,!e.defaultPrevented&&(be(e)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(e){await 0,!(e.key!==" "||e.defaultPrevented)&&this.click()}[(
|
|
166
|
+
`}updated(){this[x].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,!e.defaultPrevented&&(be(e)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(e){await 0,!(e.key!==" "||e.defaultPrevented)&&this.click()}[(je=Ie,F)](){return this.checked?this.value:null}[q](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[N](){return new Nt(()=>this.selectionController?this.selectionController.controls:[this])}[V](){return this.container}}a([l({type:Boolean})],G.prototype,"checked",null);a([l({type:Boolean})],G.prototype,"required",void 0);a([l()],G.prototype,"value",void 0);a([E(".container")],G.prototype,"container",void 0);/**
|
|
221
167
|
* @license
|
|
222
168
|
* Copyright 2024 Google LLC
|
|
223
169
|
* SPDX-License-Identifier: Apache-2.0
|
|
224
|
-
*/const
|
|
170
|
+
*/const Ht=v`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}input{appearance:none;height:48px;margin:0;position:absolute;width:48px;cursor:inherit}:host([touch-target=none]) input{width:100%;height:100%}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}}
|
|
225
171
|
`;/**
|
|
226
172
|
* @license
|
|
227
173
|
* Copyright 2022 Google LLC
|
|
228
174
|
* SPDX-License-Identifier: Apache-2.0
|
|
229
|
-
*/let Se=class extends G{};Se.styles=[
|
|
175
|
+
*/let Se=class extends G{};Se.styles=[Ht];Se=a([f("md-radio")],Se);/**
|
|
230
176
|
* @license
|
|
231
177
|
* Copyright 2022 Google LLC
|
|
232
178
|
* SPDX-License-Identifier: Apache-2.0
|
|
233
|
-
*/class
|
|
179
|
+
*/class Kt extends _{connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){return d`<span class="shadow"></span>`}}/**
|
|
234
180
|
* @license
|
|
235
181
|
* Copyright 2024 Google LLC
|
|
236
182
|
* SPDX-License-Identifier: Apache-2.0
|
|
237
|
-
*/const
|
|
183
|
+
*/const Ut=v`:host,.shadow,.shadow::before,.shadow::after{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-property:inherit;transition-timing-function:inherit}:host{display:flex;pointer-events:none;transition-property:box-shadow,opacity}.shadow::before,.shadow::after{content:"";transition-property:box-shadow,opacity;--_level: var(--md-elevation-level, 0);--_shadow-color: var(--md-elevation-shadow-color, var(--md-sys-color-shadow, #000))}.shadow::before{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 3,1) + 2*clamp(0,var(--_level) - 4,1))) calc(1px*(2*clamp(0,var(--_level),1) + clamp(0,var(--_level) - 2,1) + clamp(0,var(--_level) - 4,1))) 0px var(--_shadow-color);opacity:.3}.shadow::after{box-shadow:0px calc(1px*(clamp(0,var(--_level),1) + clamp(0,var(--_level) - 1,1) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(3*clamp(0,var(--_level),2) + 2*clamp(0,var(--_level) - 2,3))) calc(1px*(clamp(0,var(--_level),4) + 2*clamp(0,var(--_level) - 4,1))) var(--_shadow-color);opacity:.15}
|
|
238
184
|
`;/**
|
|
239
185
|
* @license
|
|
240
186
|
* Copyright 2022 Google LLC
|
|
241
187
|
* SPDX-License-Identifier: Apache-2.0
|
|
242
|
-
*/let ze=class extends
|
|
188
|
+
*/let ze=class extends Kt{};ze.styles=[Ut];ze=a([f("md-elevation")],ze);/**
|
|
243
189
|
* @license
|
|
244
190
|
* Copyright 2023 Google LLC
|
|
245
191
|
* SPDX-License-Identifier: Apache-2.0
|
|
246
|
-
*/var
|
|
192
|
+
*/var rt;const P=Symbol("indicator"),at=Symbol("animateIndicator"),Gt=ot(_);class T extends Gt{get selected(){return this.active}set selected(e){this.active=e}constructor(){super(),this.isTab=!0,this.active=!1,this.hasIcon=!1,this.iconOnly=!1,this.fullWidthIndicator=!1,this.internals=this.attachInternals(),this.internals.role="tab",this.addEventListener("keydown",this.handleKeydown.bind(this))}render(){const e=d`<div class="indicator"></div>`;return d`<div
|
|
247
193
|
class="button"
|
|
248
194
|
role="presentation"
|
|
249
195
|
@click=${this.handleContentClick}>
|
|
@@ -258,51 +204,51 @@ import{_ as a,i as _,n as l,a as v,t as f,x as d,e as M,r as O,b as E,E as p,c a
|
|
|
258
204
|
${this.fullWidthIndicator?p:e}
|
|
259
205
|
</div>
|
|
260
206
|
${this.fullWidthIndicator?e:p}
|
|
261
|
-
</div>`}getContentClasses(){return{"has-icon":this.hasIcon,"has-label":!this.iconOnly}}updated(){this.internals.ariaSelected=String(this.active)}async handleKeydown(e){await 0,!e.defaultPrevented&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}handleContentClick(e){e.stopPropagation(),this.click()}[(
|
|
207
|
+
</div>`}getContentClasses(){return{"has-icon":this.hasIcon,"has-label":!this.iconOnly}}updated(){this.internals.ariaSelected=String(this.active)}async handleKeydown(e){await 0,!e.defaultPrevented&&(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.click())}handleContentClick(e){e.stopPropagation(),this.click()}[(rt=P,at)](e){if(!this[P])return;this[P].getAnimations().forEach(o=>{o.cancel()});const t=this.getKeyframes(e);t!==null&&this[P].animate(t,{duration:250,easing:Ze.EMPHASIZED})}getKeyframes(e){const t=Wt();if(!this.active)return t?[{opacity:1},{transform:"none"}]:null;const o={},i=e[P]?.getBoundingClientRect()??{},s=i.left,n=i.width,c=this[P].getBoundingClientRect(),m=c.left,C=c.width,b=n/C;return!t&&s!==void 0&&m!==void 0&&!isNaN(b)?o.transform=`translateX(${(s-m).toFixed(4)}px) scaleX(${b.toFixed(4)})`:o.opacity=0,[o,{transform:"none"}]}handleSlotChange(){this.iconOnly=!1;for(const e of this.assignedDefaultNodes){const t=e.nodeType===Node.TEXT_NODE&&!!e.wholeText.match(/\S/);if(e.nodeType===Node.ELEMENT_NODE||t)return}this.iconOnly=!0}handleIconSlotChange(){this.hasIcon=this.assignedIcons.length>0}}a([l({type:Boolean,reflect:!0,attribute:"md-tab"})],T.prototype,"isTab",void 0);a([l({type:Boolean,reflect:!0})],T.prototype,"active",void 0);a([l({type:Boolean})],T.prototype,"selected",null);a([l({type:Boolean,attribute:"has-icon"})],T.prototype,"hasIcon",void 0);a([l({type:Boolean,attribute:"icon-only"})],T.prototype,"iconOnly",void 0);a([E(".indicator")],T.prototype,rt,void 0);a([O()],T.prototype,"fullWidthIndicator",void 0);a([gt({flatten:!0})],T.prototype,"assignedDefaultNodes",void 0);a([j({slot:"icon",flatten:!0})],T.prototype,"assignedIcons",void 0);function Wt(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}/**
|
|
262
208
|
* @license
|
|
263
209
|
* Copyright 2023 Google LLC
|
|
264
210
|
* SPDX-License-Identifier: Apache-2.0
|
|
265
|
-
*/class
|
|
211
|
+
*/class it extends T{constructor(){super(...arguments),this.inlineIcon=!1}getContentClasses(){return{...super.getContentClasses(),stacked:!this.inlineIcon}}}a([l({type:Boolean,attribute:"inline-icon"})],it.prototype,"inlineIcon",void 0);/**
|
|
266
212
|
* @license
|
|
267
213
|
* Copyright 2024 Google LLC
|
|
268
214
|
* SPDX-License-Identifier: Apache-2.0
|
|
269
|
-
*/const
|
|
215
|
+
*/const Yt=v`:host{--_active-indicator-color: var(--md-primary-tab-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-height: var(--md-primary-tab-active-indicator-height, 3px);--_active-indicator-shape: var(--md-primary-tab-active-indicator-shape, 3px 3px 0px 0px);--_active-hover-state-layer-color: var(--md-primary-tab-active-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_active-hover-state-layer-opacity: var(--md-primary-tab-active-hover-state-layer-opacity, 0.08);--_active-pressed-state-layer-color: var(--md-primary-tab-active-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_active-pressed-state-layer-opacity: var(--md-primary-tab-active-pressed-state-layer-opacity, 0.12);--_container-color: var(--md-primary-tab-container-color, var(--md-sys-color-surface, #fef7ff));--_container-elevation: var(--md-primary-tab-container-elevation, 0);--_container-height: var(--md-primary-tab-container-height, 48px);--_with-icon-and-label-text-container-height: var(--md-primary-tab-with-icon-and-label-text-container-height, 64px);--_hover-state-layer-color: var(--md-primary-tab-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-primary-tab-hover-state-layer-opacity, 0.08);--_pressed-state-layer-color: var(--md-primary-tab-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-primary-tab-pressed-state-layer-opacity, 0.12);--_active-focus-icon-color: var(--md-primary-tab-active-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_active-hover-icon-color: var(--md-primary-tab-active-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_active-icon-color: var(--md-primary-tab-active-icon-color, var(--md-sys-color-primary, #6750a4));--_active-pressed-icon-color: var(--md-primary-tab-active-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-primary-tab-icon-size, 24px);--_focus-icon-color: var(--md-primary-tab-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-icon-color: var(--md-primary-tab-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_icon-color: var(--md-primary-tab-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-primary-tab-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-font: var(--md-primary-tab-label-text-font, var(--md-sys-typescale-title-small-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-primary-tab-label-text-line-height, var(--md-sys-typescale-title-small-line-height, 1.25rem));--_label-text-size: var(--md-primary-tab-label-text-size, var(--md-sys-typescale-title-small-size, 0.875rem));--_label-text-weight: var(--md-primary-tab-label-text-weight, var(--md-sys-typescale-title-small-weight, var(--md-ref-typeface-weight-medium, 500)));--_active-focus-label-text-color: var(--md-primary-tab-active-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_active-hover-label-text-color: var(--md-primary-tab-active-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_active-label-text-color: var(--md-primary-tab-active-label-text-color, var(--md-sys-color-primary, #6750a4));--_active-pressed-label-text-color: var(--md-primary-tab-active-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-label-text-color: var(--md-primary-tab-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-primary-tab-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-color: var(--md-primary-tab-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-primary-tab-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--md-primary-tab-container-shape-start-start, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-start-end: var(--md-primary-tab-container-shape-start-end, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-end: var(--md-primary-tab-container-shape-end-end, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-primary-tab-container-shape-end-start, var(--md-primary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)))}.content.stacked{flex-direction:column;gap:2px}.content.stacked.has-icon.has-label{height:var(--_with-icon-and-label-text-container-height)}
|
|
270
216
|
`;/**
|
|
271
217
|
* @license
|
|
272
218
|
* Copyright 2024 Google LLC
|
|
273
219
|
* SPDX-License-Identifier: Apache-2.0
|
|
274
|
-
*/const
|
|
220
|
+
*/const st=v`:host{display:inline-flex;align-items:center;justify-content:center;outline:none;padding:0 16px;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;user-select:none;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);color:var(--_label-text-color);z-index:0;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-elevation-level: var(--_container-elevation)}md-focus-ring{--md-focus-ring-shape: 8px}:host([active]) md-focus-ring{margin-bottom:calc(var(--_active-indicator-height) + 1px)}.button::before{background:var(--_container-color);content:"";inset:0;position:absolute;z-index:-1}.button::before,md-ripple,md-elevation{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-end-radius:var(--_container-shape-end-end);border-end-start-radius:var(--_container-shape-end-start)}.content{position:relative;box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;height:var(--_container-height);gap:8px}.indicator{position:absolute;box-sizing:border-box;z-index:-1;transform-origin:bottom left;background:var(--_active-indicator-color);border-radius:var(--_active-indicator-shape);height:var(--_active-indicator-height);inset:auto 0 0 0;opacity:0}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;color:var(--_icon-color);font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size)}:host(:hover){color:var(--_hover-label-text-color);cursor:pointer}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus){color:var(--_focus-label-text-color)}:host(:focus) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active){color:var(--_pressed-label-text-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host([active]) .indicator{opacity:1}:host([active]){color:var(--_active-label-text-color);--md-ripple-hover-color: var(--_active-hover-state-layer-color);--md-ripple-hover-opacity: var(--_active-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_active-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_active-pressed-state-layer-opacity)}:host([active]) ::slotted([slot=icon]){color:var(--_active-icon-color)}:host([active]:hover){color:var(--_active-hover-label-text-color)}:host([active]:hover) ::slotted([slot=icon]){color:var(--_active-hover-icon-color)}:host([active]:focus){color:var(--_active-focus-label-text-color)}:host([active]:focus) ::slotted([slot=icon]){color:var(--_active-focus-icon-color)}:host([active]:active){color:var(--_active-pressed-label-text-color)}:host([active]:active) ::slotted([slot=icon]){color:var(--_active-pressed-icon-color)}:host,::slotted(*){white-space:nowrap}@media(forced-colors: active){.indicator{background:CanvasText}}
|
|
275
221
|
`;/**
|
|
276
222
|
* @license
|
|
277
223
|
* Copyright 2023 Google LLC
|
|
278
224
|
* SPDX-License-Identifier: Apache-2.0
|
|
279
|
-
*/let $e=class extends
|
|
225
|
+
*/let $e=class extends it{};$e.styles=[st,Yt];$e=a([f("md-primary-tab")],$e);/**
|
|
280
226
|
* @license
|
|
281
227
|
* Copyright 2023 Google LLC
|
|
282
228
|
* SPDX-License-Identifier: Apache-2.0
|
|
283
|
-
*/class
|
|
229
|
+
*/class Xt extends T{constructor(){super(...arguments),this.fullWidthIndicator=!0}}/**
|
|
284
230
|
* @license
|
|
285
231
|
* Copyright 2024 Google LLC
|
|
286
232
|
* SPDX-License-Identifier: Apache-2.0
|
|
287
|
-
*/const
|
|
233
|
+
*/const Zt=v`:host{--_active-indicator-color: var(--md-secondary-tab-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-height: var(--md-secondary-tab-active-indicator-height, 2px);--_active-label-text-color: var(--md-secondary-tab-active-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_container-color: var(--md-secondary-tab-container-color, var(--md-sys-color-surface, #fef7ff));--_container-elevation: var(--md-secondary-tab-container-elevation, 0);--_container-height: var(--md-secondary-tab-container-height, 48px);--_focus-label-text-color: var(--md-secondary-tab-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-secondary-tab-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-color: var(--md-secondary-tab-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-secondary-tab-hover-state-layer-opacity, 0.08);--_label-text-font: var(--md-secondary-tab-label-text-font, var(--md-sys-typescale-title-small-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-secondary-tab-label-text-line-height, var(--md-sys-typescale-title-small-line-height, 1.25rem));--_label-text-size: var(--md-secondary-tab-label-text-size, var(--md-sys-typescale-title-small-size, 0.875rem));--_label-text-weight: var(--md-secondary-tab-label-text-weight, var(--md-sys-typescale-title-small-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-secondary-tab-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--md-secondary-tab-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-opacity: var(--md-secondary-tab-pressed-state-layer-opacity, 0.12);--_active-focus-icon-color: var(--md-secondary-tab-active-focus-icon-color, );--_active-focus-label-text-color: var(--md-secondary-tab-active-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-icon-color: var(--md-secondary-tab-active-hover-icon-color, );--_active-hover-label-text-color: var(--md-secondary-tab-active-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-state-layer-color: var(--md-secondary-tab-active-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_active-hover-state-layer-opacity: var(--md-secondary-tab-active-hover-state-layer-opacity, 0.08);--_active-icon-color: var(--md-secondary-tab-active-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_active-indicator-shape: var(--md-secondary-tab-active-indicator-shape, 0);--_active-pressed-icon-color: var(--md-secondary-tab-active-pressed-icon-color, );--_active-pressed-label-text-color: var(--md-secondary-tab-active-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_active-pressed-state-layer-color: var(--md-secondary-tab-active-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_active-pressed-state-layer-opacity: var(--md-secondary-tab-active-pressed-state-layer-opacity, 0.12);--_label-text-color: var(--md-secondary-tab-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_focus-icon-color: var(--md-secondary-tab-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-icon-color: var(--md-secondary-tab-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_icon-size: var(--md-secondary-tab-icon-size, 24px);--_icon-color: var(--md-secondary-tab-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-secondary-tab-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--md-secondary-tab-container-shape-start-start, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-start-end: var(--md-secondary-tab-container-shape-start-end, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-end: var(--md-secondary-tab-container-shape-end-end, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)));--_container-shape-end-start: var(--md-secondary-tab-container-shape-end-start, var(--md-secondary-tab-container-shape, var(--md-sys-shape-corner-none, 0px)))}
|
|
288
234
|
`;/**
|
|
289
235
|
* @license
|
|
290
236
|
* Copyright 2023 Google LLC
|
|
291
237
|
* SPDX-License-Identifier: Apache-2.0
|
|
292
|
-
*/let Re=class extends
|
|
238
|
+
*/let Re=class extends Xt{};Re.styles=[st,Zt];Re=a([f("md-secondary-tab")],Re);/**
|
|
293
239
|
* @license
|
|
294
240
|
* Copyright 2023 Google LLC
|
|
295
241
|
* SPDX-License-Identifier: Apache-2.0
|
|
296
|
-
*/class
|
|
242
|
+
*/class fe extends _{constructor(){super(...arguments),this.inset=!1,this.insetStart=!1,this.insetEnd=!1}}a([l({type:Boolean,reflect:!0})],fe.prototype,"inset",void 0);a([l({type:Boolean,reflect:!0,attribute:"inset-start"})],fe.prototype,"insetStart",void 0);a([l({type:Boolean,reflect:!0,attribute:"inset-end"})],fe.prototype,"insetEnd",void 0);/**
|
|
297
243
|
* @license
|
|
298
244
|
* Copyright 2024 Google LLC
|
|
299
245
|
* SPDX-License-Identifier: Apache-2.0
|
|
300
|
-
*/const
|
|
246
|
+
*/const Jt=v`:host{box-sizing:border-box;color:var(--md-divider-color, var(--md-sys-color-outline-variant, #cac4d0));display:flex;height:var(--md-divider-thickness, 1px);width:100%}:host([inset]),:host([inset-start]){padding-inline-start:16px}:host([inset]),:host([inset-end]){padding-inline-end:16px}:host::before{background:currentColor;content:"";height:100%;width:100%}@media(forced-colors: active){:host::before{background:CanvasText}}
|
|
301
247
|
`;/**
|
|
302
248
|
* @license
|
|
303
249
|
* Copyright 2023 Google LLC
|
|
304
250
|
* SPDX-License-Identifier: Apache-2.0
|
|
305
|
-
*/let Me=class extends
|
|
251
|
+
*/let Me=class extends fe{};Me.styles=[Jt];Me=a([f("md-divider")],Me);/**
|
|
306
252
|
* @license
|
|
307
253
|
* Copyright 2023 Google LLC
|
|
308
254
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -313,20 +259,24 @@ import{_ as a,i as _,n as l,a as v,t as f,x as d,e as M,r as O,b as E,E as p,c a
|
|
|
313
259
|
@click=${this.handleTabClick}></slot>
|
|
314
260
|
</div>
|
|
315
261
|
<md-divider part="divider"></md-divider>
|
|
316
|
-
`}async handleTabClick(e){const t=e.target;await 0,!(e.defaultPrevented||!
|
|
262
|
+
`}async handleTabClick(e){const t=e.target;await 0,!(e.defaultPrevented||!Qt(t)||t.active)&&this.activateTab(t)}activateTab(e){const{tabs:t}=this,o=this.activeTab;if(!(!t.includes(e)||o===e)){for(const i of t)i.active=i===e;if(o){if(!this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))){for(const s of t)s.active=s===o;return}e[at](o)}this.updateFocusableTab(e),this.scrollToTab(e)}}updateFocusableTab(e){for(const t of this.tabs)t.tabIndex=t===e?0:-1}async handleKeydown(e){await 0;const t=e.key==="ArrowLeft",o=e.key==="ArrowRight",i=e.key==="Home",s=e.key==="End";if(e.defaultPrevented||!t&&!o&&!i&&!s)return;const{tabs:n}=this;if(n.length<2)return;e.preventDefault();let c;if(i||s)c=i?0:n.length-1;else{const b=getComputedStyle(this).direction==="rtl"?t:o,{focusedTab:h}=this;if(!h)c=b?0:n.length-1;else{const u=this.tabs.indexOf(h);c=b?u+1:u-1,c>=n.length?c=0:c<0&&(c=n.length-1)}}const m=n[c];m.focus(),this.autoActivate?this.activateTab(m):this.updateFocusableTab(m)}handleKeyup(){this.scrollToTab(this.focusedTab??this.activeTab)}handleFocusout(){if(this.matches(":focus-within"))return;const{activeTab:e}=this;e&&this.updateFocusableTab(e)}handleSlotChange(){const e=this.tabs[0];!this.activeTab&&e&&this.activateTab(e),this.scrollToTab(this.activeTab)}}a([j({flatten:!0,selector:"[md-tab]"})],D.prototype,"tabs",void 0);a([l({type:Number,attribute:"active-tab-index"})],D.prototype,"activeTabIndex",null);a([l({type:Boolean,attribute:"auto-activate"})],D.prototype,"autoActivate",void 0);a([E(".tabs")],D.prototype,"tabsScrollerElement",void 0);a([E("slot")],D.prototype,"slotElement",void 0);function Qt(r){return r instanceof HTMLElement&&r.hasAttribute("md-tab")}/**
|
|
317
263
|
* @license
|
|
318
264
|
* Copyright 2024 Google LLC
|
|
319
265
|
* SPDX-License-Identifier: Apache-2.0
|
|
320
|
-
*/const
|
|
266
|
+
*/const eo=v`:host{box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;scroll-behavior:smooth;scrollbar-width:none;position:relative}:host([hidden]){display:none}:host::-webkit-scrollbar{display:none}.tabs{align-items:end;display:flex;height:100%;overflow:inherit;scroll-behavior:inherit;scrollbar-width:inherit;justify-content:space-between;width:100%}::slotted(*){flex:1}::slotted([active]){z-index:1}
|
|
321
267
|
`;/**
|
|
322
268
|
* @license
|
|
323
269
|
* Copyright 2023 Google LLC
|
|
324
270
|
* SPDX-License-Identifier: Apache-2.0
|
|
325
|
-
*/let Oe=class extends D{};Oe.styles=[
|
|
271
|
+
*/let Oe=class extends D{};Oe.styles=[eo];Oe=a([f("md-tabs")],Oe);/**
|
|
272
|
+
* @license
|
|
273
|
+
* Copyright 2023 Google LLC
|
|
274
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
275
|
+
*/function nt(r){r.addInitializer(e=>{const t=e;t.addEventListener("click",async o=>{const{type:i,[x]:s}=t,{form:n}=s;if(!(!n||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!o.defaultPrevented)){if(i==="reset"){n.reset();return}n.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>t})},{capture:!0,once:!0}),s.setFormValue(t.value),n.requestSubmit()}})})}/**
|
|
326
276
|
* @license
|
|
327
277
|
* Copyright 2019 Google LLC
|
|
328
278
|
* SPDX-License-Identifier: Apache-2.0
|
|
329
|
-
*/const
|
|
279
|
+
*/const to=U(_);class g extends to{get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[x].form}constructor(){super(),this.disabled=!1,this.href="",this.target="",this.trailingIcon=!1,this.hasIcon=!1,this.type="submit",this.value="",this.handleActivationClick=e=>{!be(e)||!this.buttonElement||(this.focus(),Be(this.buttonElement))},this.addEventListener("click",this.handleActivationClick)}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}render(){const e=this.disabled&&!this.href,t=this.href?this.renderLink():this.renderButton(),o=this.href?"link":"button";return d`
|
|
330
280
|
${this.renderElevationOrOutline?.()}
|
|
331
281
|
<div class="background"></div>
|
|
332
282
|
<md-focus-ring part="focus-ring" for=${o}></md-focus-ring>
|
|
@@ -359,15 +309,15 @@ import{_ as a,i as _,n as l,a as v,t as f,x as d,e as M,r as O,b as E,E as p,c a
|
|
|
359
309
|
${this.trailingIcon?p:e}
|
|
360
310
|
<span class="label"><slot></slot></span>
|
|
361
311
|
${this.trailingIcon?e:p}
|
|
362
|
-
`}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}K(g),
|
|
312
|
+
`}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}K(g),nt(g);g.formAssociated=!0;g.shadowRootOptions={mode:"open",delegatesFocus:!0};a([l({type:Boolean,reflect:!0})],g.prototype,"disabled",void 0);a([l()],g.prototype,"href",void 0);a([l()],g.prototype,"target",void 0);a([l({type:Boolean,attribute:"trailing-icon",reflect:!0})],g.prototype,"trailingIcon",void 0);a([l({type:Boolean,attribute:"has-icon",reflect:!0})],g.prototype,"hasIcon",void 0);a([l()],g.prototype,"type",void 0);a([l({reflect:!0})],g.prototype,"value",void 0);a([E(".button")],g.prototype,"buttonElement",void 0);a([j({slot:"icon",flatten:!0})],g.prototype,"assignedIcons",void 0);/**
|
|
363
313
|
* @license
|
|
364
314
|
* Copyright 2021 Google LLC
|
|
365
315
|
* SPDX-License-Identifier: Apache-2.0
|
|
366
|
-
*/class
|
|
316
|
+
*/class oo extends g{renderElevationOrOutline(){return d`<md-elevation part="elevation"></md-elevation>`}}/**
|
|
367
317
|
* @license
|
|
368
318
|
* Copyright 2024 Google LLC
|
|
369
319
|
* SPDX-License-Identifier: Apache-2.0
|
|
370
|
-
*/const
|
|
320
|
+
*/const ro=v`:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-filled-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_container-shape-start-start: var(--md-filled-button-container-shape-start-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-button-container-shape-start-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-button-container-shape-end-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-button-container-shape-end-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-button-leading-space, 24px);--_trailing-space: var(--md-filled-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-button-with-trailing-icon-trailing-space, 16px)}
|
|
371
321
|
`;/**
|
|
372
322
|
* @license
|
|
373
323
|
* Copyright 2024 Google LLC
|
|
@@ -377,78 +327,128 @@ import{_ as a,i as _,n as l,a as v,t as f,x as d,e as M,r as O,b as E,E as p,c a
|
|
|
377
327
|
* @license
|
|
378
328
|
* Copyright 2024 Google LLC
|
|
379
329
|
* SPDX-License-Identifier: Apache-2.0
|
|
380
|
-
*/const
|
|
330
|
+
*/const ye=v`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;cursor:pointer;display:inline-flex;gap:8px;min-height:var(--_container-height);outline:none;padding-block:calc((var(--_container-height) - max(var(--_label-text-line-height),var(--_icon-size)))/2);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);place-content:center;place-items:center;position:relative;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-overflow:ellipsis;text-wrap:nowrap;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){cursor:default;pointer-events:none}.button{border-radius:inherit;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;min-width:calc(64px - var(--_leading-space) - var(--_trailing-space));width:100%;z-index:0;height:100%;font:inherit;color:var(--_label-text-color);padding:0;gap:inherit;text-transform:inherit}.button::-moz-focus-inner{padding:0;border:0}:host(:hover) .button{color:var(--_hover-label-text-color)}:host(:focus-within) .button{color:var(--_focus-label-text-color)}:host(:active) .button{color:var(--_pressed-label-text-color)}.background{background-color:var(--_container-color);border-radius:inherit;inset:0;position:absolute}.label{overflow:hidden}:is(.button,.label,.label slot),.label ::slotted(*){text-overflow:inherit}:host([disabled]) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}:host([disabled]) .background{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.background{border:1px solid CanvasText}:host([disabled]){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1;--_disabled-container-opacity: 1;--_disabled-label-text-color: GrayText;--_disabled-label-text-opacity: 1}}:host([has-icon]:not([trailing-icon])){padding-inline-start:var(--_with-leading-icon-leading-space);padding-inline-end:var(--_with-leading-icon-trailing-space)}:host([has-icon][trailing-icon]){padding-inline-start:var(--_with-trailing-icon-leading-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus-within) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host([disabled]) ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}:host([touch-target=none]) .touch{display:none}
|
|
381
331
|
`;/**
|
|
382
332
|
* @license
|
|
383
333
|
* Copyright 2021 Google LLC
|
|
384
334
|
* SPDX-License-Identifier: Apache-2.0
|
|
385
|
-
*/let
|
|
335
|
+
*/let re=class extends oo{};re.styles=[ye,lt,ro];re=a([f("md-filled-button")],re);const Yo=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledButton(){return re}},Symbol.toStringTag,{value:"Module"}));/**
|
|
386
336
|
* @license
|
|
387
337
|
* Copyright 2021 Google LLC
|
|
388
338
|
* SPDX-License-Identifier: Apache-2.0
|
|
389
|
-
*/class
|
|
339
|
+
*/class ao extends g{renderElevationOrOutline(){return d`<div class="outline"></div>`}}/**
|
|
390
340
|
* @license
|
|
391
341
|
* Copyright 2024 Google LLC
|
|
392
342
|
* SPDX-License-Identifier: Apache-2.0
|
|
393
|
-
*/const
|
|
343
|
+
*/const io=v`:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-button-disabled-label-text-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-button-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-outlined-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-outlined-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-outlined-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-outlined-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-outlined-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-outlined-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-outlined-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-outlined-button-icon-size, 18px);--_pressed-icon-color: var(--md-outlined-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-outlined-button-container-shape-start-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-outlined-button-container-shape-start-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-outlined-button-container-shape-end-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-outlined-button-container-shape-end-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-outlined-button-leading-space, 24px);--_trailing-space: var(--md-outlined-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-outlined-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-outlined-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-outlined-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-outlined-button-with-trailing-icon-trailing-space, 16px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}.outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(:active) .outline{border-color:var(--_pressed-outline-color)}:host([disabled]) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}@media(forced-colors: active){:host([disabled]) .background{border-color:GrayText}:host([disabled]) .outline{opacity:1}}.outline,md-ripple{border-width:var(--_outline-width)}md-ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)}
|
|
394
344
|
`;/**
|
|
395
345
|
* @license
|
|
396
346
|
* Copyright 2021 Google LLC
|
|
397
347
|
* SPDX-License-Identifier: Apache-2.0
|
|
398
|
-
*/let
|
|
348
|
+
*/let ae=class extends ao{};ae.styles=[ye,io];ae=a([f("md-outlined-button")],ae);const Zo=Object.freeze(Object.defineProperty({__proto__:null,get MdOutlinedButton(){return ae}},Symbol.toStringTag,{value:"Module"}));/**
|
|
399
349
|
* @license
|
|
400
350
|
* Copyright 2021 Google LLC
|
|
401
351
|
* SPDX-License-Identifier: Apache-2.0
|
|
402
|
-
*/class
|
|
352
|
+
*/class so extends g{renderElevationOrOutline(){return d`<md-elevation part="elevation"></md-elevation>`}}/**
|
|
403
353
|
* @license
|
|
404
354
|
* Copyright 2024 Google LLC
|
|
405
355
|
* SPDX-License-Identifier: Apache-2.0
|
|
406
|
-
*/const
|
|
356
|
+
*/const no=v`:host{--_container-color: var(--md-filled-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-filled-tonal-button-container-elevation, 0);--_container-height: var(--md-filled-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-filled-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-filled-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-font: var(--md-filled-tonal-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-tonal-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-tonal-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-tonal-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-filled-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_container-shape-start-start: var(--md-filled-tonal-button-container-shape-start-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-button-container-shape-start-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-button-container-shape-end-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-button-container-shape-end-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-tonal-button-leading-space, 24px);--_trailing-space: var(--md-filled-tonal-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-tonal-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-tonal-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-tonal-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-tonal-button-with-trailing-icon-trailing-space, 16px)}
|
|
407
357
|
`;/**
|
|
408
358
|
* @license
|
|
409
359
|
* Copyright 2021 Google LLC
|
|
410
360
|
* SPDX-License-Identifier: Apache-2.0
|
|
411
|
-
*/let
|
|
361
|
+
*/let ie=class extends so{};ie.styles=[ye,lt,no];ie=a([f("md-filled-tonal-button")],ie);const Qo=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledTonalButton(){return ie}},Symbol.toStringTag,{value:"Module"}));/**
|
|
412
362
|
* @license
|
|
413
363
|
* Copyright 2021 Google LLC
|
|
414
364
|
* SPDX-License-Identifier: Apache-2.0
|
|
415
|
-
*/class
|
|
365
|
+
*/class lo extends g{}/**
|
|
416
366
|
* @license
|
|
417
367
|
* Copyright 2024 Google LLC
|
|
418
368
|
* SPDX-License-Identifier: Apache-2.0
|
|
419
|
-
*/const
|
|
369
|
+
*/const co=v`:host{--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-text-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-text-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-text-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-text-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-text-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-text-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-text-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-text-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-text-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-text-button-icon-size, 18px);--_pressed-icon-color: var(--md-text-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-text-button-leading-space, 12px);--_trailing-space: var(--md-text-button-trailing-space, 12px);--_with-leading-icon-leading-space: var(--md-text-button-with-leading-icon-leading-space, 12px);--_with-leading-icon-trailing-space: var(--md-text-button-with-leading-icon-trailing-space, 16px);--_with-trailing-icon-leading-space: var(--md-text-button-with-trailing-icon-leading-space, 16px);--_with-trailing-icon-trailing-space: var(--md-text-button-with-trailing-icon-trailing-space, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}
|
|
420
370
|
`;/**
|
|
421
371
|
* @license
|
|
422
372
|
* Copyright 2021 Google LLC
|
|
423
373
|
* SPDX-License-Identifier: Apache-2.0
|
|
424
|
-
*/let
|
|
374
|
+
*/let se=class extends lo{};se.styles=[ye,co];se=a([f("md-text-button")],se);const tr=Object.freeze(Object.defineProperty({__proto__:null,get MdTextButton(){return se}},Symbol.toStringTag,{value:"Module"}));/**
|
|
425
375
|
* @license
|
|
426
376
|
* Copyright 2024 Google LLC
|
|
427
377
|
* SPDX-License-Identifier: Apache-2.0
|
|
428
|
-
*/const
|
|
378
|
+
*/const ho=v`:host{--_container-color: var(--md-filled-icon-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-height: var(--md-filled-icon-button-container-height, 40px);--_container-width: var(--md-filled-icon-button-container-width, 40px);--_disabled-container-color: var(--md-filled-icon-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-icon-button-disabled-container-opacity, 0.12);--_disabled-icon-color: var(--md-filled-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-icon-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-icon-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-icon-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-icon-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-filled-icon-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-icon-button-icon-size, 24px);--_pressed-icon-color: var(--md-filled-icon-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-icon-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-filled-icon-button-selected-container-color, var(--md-sys-color-primary, #6750a4));--_toggle-selected-focus-icon-color: var(--md-filled-icon-button-toggle-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-hover-icon-color: var(--md-filled-icon-button-toggle-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-hover-state-layer-color: var(--md-filled-icon-button-toggle-selected-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-icon-color: var(--md-filled-icon-button-toggle-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-pressed-icon-color: var(--md-filled-icon-button-toggle-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_toggle-selected-pressed-state-layer-color: var(--md-filled-icon-button-toggle-selected-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_unselected-container-color: var(--md-filled-icon-button-unselected-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_toggle-focus-icon-color: var(--md-filled-icon-button-toggle-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-hover-icon-color: var(--md-filled-icon-button-toggle-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-hover-state-layer-color: var(--md-filled-icon-button-toggle-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_toggle-icon-color: var(--md-filled-icon-button-toggle-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-pressed-icon-color: var(--md-filled-icon-button-toggle-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_toggle-pressed-state-layer-color: var(--md-filled-icon-button-toggle-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-filled-icon-button-container-shape-start-start, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-icon-button-container-shape-start-end, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-icon-button-container-shape-end-end, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-icon-button-container-shape-end-start, var(--md-filled-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.icon-button{color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.icon-button:hover{color:var(--_hover-icon-color)}.icon-button:focus{color:var(--_focus-icon-color)}.icon-button:active{color:var(--_pressed-icon-color)}.icon-button:disabled{color:var(--_disabled-icon-color)}.icon-button::before{background-color:var(--_container-color);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}.icon-button:disabled::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}.icon-button:disabled .icon{opacity:var(--_disabled-icon-opacity)}.toggle-filled{--md-ripple-hover-color: var(--_toggle-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-pressed-state-layer-color)}.toggle-filled:not(:disabled){color:var(--_toggle-icon-color)}.toggle-filled:not(:disabled):hover{color:var(--_toggle-hover-icon-color)}.toggle-filled:not(:disabled):focus{color:var(--_toggle-focus-icon-color)}.toggle-filled:not(:disabled):active{color:var(--_toggle-pressed-icon-color)}.toggle-filled:not(:disabled)::before{background-color:var(--_unselected-container-color)}.selected{--md-ripple-hover-color: var(--_toggle-selected-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-selected-pressed-state-layer-color)}.selected:not(:disabled){color:var(--_toggle-selected-icon-color)}.selected:not(:disabled):hover{color:var(--_toggle-selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_toggle-selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_toggle-selected-pressed-icon-color)}.selected:not(:disabled)::before{background-color:var(--_selected-container-color)}
|
|
429
379
|
`;/**
|
|
430
380
|
* @license
|
|
431
381
|
* Copyright 2022 Google LLC
|
|
432
382
|
* SPDX-License-Identifier: Apache-2.0
|
|
433
|
-
*/
|
|
383
|
+
*/function He(r,e=!0){return e&&getComputedStyle(r).getPropertyValue("direction").trim()==="rtl"}/**
|
|
384
|
+
* @license
|
|
385
|
+
* Copyright 2018 Google LLC
|
|
386
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
387
|
+
*/const po=U(_);class y extends po{constructor(){super(...arguments),this.disabled=!1,this.flipIconInRtl=!1,this.href="",this.target="",this.ariaLabelSelected="",this.toggle=!1,this.selected=!1,this.type="submit",this.value="",this.flipIcon=He(this,this.flipIconInRtl)}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[x].form}get labels(){return this[x].labels}willUpdate(){this.href&&(this.disabled=!1)}render(){const e=this.href?Ne`div`:Ne`button`,{ariaLabel:t,ariaHasPopup:o,ariaExpanded:i}=this,s=t&&this.ariaLabelSelected,n=this.toggle?this.selected:p;let c=p;return this.href||(c=s&&this.selected?this.ariaLabelSelected:t),_t`<${e}
|
|
388
|
+
class="icon-button ${M(this.getRenderClasses())}"
|
|
389
|
+
id="button"
|
|
390
|
+
aria-label="${c||p}"
|
|
391
|
+
aria-haspopup="${!this.href&&o||p}"
|
|
392
|
+
aria-expanded="${!this.href&&i||p}"
|
|
393
|
+
aria-pressed="${n}"
|
|
394
|
+
?disabled="${!this.href&&this.disabled}"
|
|
395
|
+
@click="${this.handleClick}">
|
|
396
|
+
${this.renderFocusRing()}
|
|
397
|
+
${this.renderRipple()}
|
|
398
|
+
${this.selected?p:this.renderIcon()}
|
|
399
|
+
${this.selected?this.renderSelectedIcon():p}
|
|
400
|
+
${this.renderTouchTarget()}
|
|
401
|
+
${this.href&&this.renderLink()}
|
|
402
|
+
</${e}>`}renderLink(){const{ariaLabel:e}=this;return d`
|
|
403
|
+
<a
|
|
404
|
+
class="link"
|
|
405
|
+
id="link"
|
|
406
|
+
href="${this.href}"
|
|
407
|
+
target="${this.target||p}"
|
|
408
|
+
aria-label="${e||p}"></a>
|
|
409
|
+
`}getRenderClasses(){return{"flip-icon":this.flipIcon,selected:this.toggle&&this.selected}}renderIcon(){return d`<span class="icon"><slot></slot></span>`}renderSelectedIcon(){return d`<span class="icon icon--selected"
|
|
410
|
+
><slot name="selected"><slot></slot></slot
|
|
411
|
+
></span>`}renderTouchTarget(){return d`<span class="touch"></span>`}renderFocusRing(){return d`<md-focus-ring
|
|
412
|
+
part="focus-ring"
|
|
413
|
+
for=${this.href?"link":"button"}></md-focus-ring>`}renderRipple(){return d`<md-ripple
|
|
414
|
+
for=${this.href?"link":p}
|
|
415
|
+
?disabled="${!this.href&&this.disabled}"></md-ripple>`}connectedCallback(){this.flipIcon=He(this,this.flipIconInRtl),super.connectedCallback()}async handleClick(e){await 0,!(!this.toggle||this.disabled||e.defaultPrevented)&&(this.selected=!this.selected,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))}}K(y),nt(y);y.formAssociated=!0;y.shadowRootOptions={mode:"open",delegatesFocus:!0};a([l({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0);a([l({type:Boolean,attribute:"flip-icon-in-rtl"})],y.prototype,"flipIconInRtl",void 0);a([l()],y.prototype,"href",void 0);a([l()],y.prototype,"target",void 0);a([l({attribute:"aria-label-selected"})],y.prototype,"ariaLabelSelected",void 0);a([l({type:Boolean})],y.prototype,"toggle",void 0);a([l({type:Boolean,reflect:!0})],y.prototype,"selected",void 0);a([l()],y.prototype,"type",void 0);a([l({reflect:!0})],y.prototype,"value",void 0);a([O()],y.prototype,"flipIcon",void 0);/**
|
|
434
416
|
* @license
|
|
435
417
|
* Copyright 2024 Google LLC
|
|
436
418
|
* SPDX-License-Identifier: Apache-2.0
|
|
437
|
-
*/const
|
|
419
|
+
*/const ge=v`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);height:var(--_container-height);width:var(--_container-width);justify-content:center}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) max(0px,(48px - var(--_container-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){pointer-events:none}.icon-button{place-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:flex;place-content:center;outline:none;padding:0;position:relative;text-decoration:none;user-select:none;z-index:0;flex:1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.icon ::slotted(*){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size);font-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.flip-icon .icon{transform:scaleX(-1)}.icon{display:inline-flex}.link{height:100%;outline:none;position:absolute;width:100%}.touch{position:absolute;height:max(48px,100%);width:max(48px,100%)}:host([touch-target=none]) .touch{display:none}@media(forced-colors: active){:host([disabled]){--_disabled-icon-opacity: 1}}
|
|
438
420
|
`;/**
|
|
439
421
|
* @license
|
|
440
422
|
* Copyright 2022 Google LLC
|
|
441
423
|
* SPDX-License-Identifier: Apache-2.0
|
|
442
|
-
*/let
|
|
424
|
+
*/let ne=class extends y{getRenderClasses(){return{...super.getRenderClasses(),filled:!0,"toggle-filled":this.toggle}}};ne.styles=[ge,ho];ne=a([f("md-filled-icon-button")],ne);const rr=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledIconButton(){return ne}},Symbol.toStringTag,{value:"Module"}));/**
|
|
443
425
|
* @license
|
|
444
426
|
* Copyright 2024 Google LLC
|
|
445
427
|
* SPDX-License-Identifier: Apache-2.0
|
|
446
|
-
*/const
|
|
428
|
+
*/const vo=v`:host{--_container-height: var(--md-outlined-icon-button-container-height, 40px);--_container-width: var(--md-outlined-icon-button-container-width, 40px);--_disabled-icon-color: var(--md-outlined-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-icon-button-disabled-icon-opacity, 0.38);--_disabled-selected-container-color: var(--md-outlined-icon-button-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-outlined-icon-button-disabled-selected-container-opacity, 0.12);--_hover-state-layer-opacity: var(--md-outlined-icon-button-hover-state-layer-opacity, 0.08);--_icon-size: var(--md-outlined-icon-button-icon-size, 24px);--_pressed-state-layer-opacity: var(--md-outlined-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface, #322f35));--_selected-focus-icon-color: var(--md-outlined-icon-button-selected-focus-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-hover-icon-color: var(--md-outlined-icon-button-selected-hover-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-hover-state-layer-color: var(--md-outlined-icon-button-selected-hover-state-layer-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-icon-color: var(--md-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-pressed-icon-color: var(--md-outlined-icon-button-selected-pressed-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-pressed-state-layer-color: var(--md-outlined-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_disabled-outline-color: var(--md-outlined-icon-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-icon-button-disabled-outline-opacity, 0.12);--_focus-icon-color: var(--md-outlined-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color: var(--md-outlined-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-outlined-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_icon-color: var(--md-outlined-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-outlined-icon-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-icon-button-outline-width, 1px);--_pressed-icon-color: var(--md-outlined-icon-button-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--md-outlined-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start: var(--md-outlined-icon-button-container-shape-start-start, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-outlined-icon-button-container-shape-start-end, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-outlined-icon-button-container-shape-end-end, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-outlined-icon-button-container-shape-end-start, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.outlined{background-color:rgba(0,0,0,0);color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.outlined::before{border-color:var(--_outline-color);border-width:var(--_outline-width)}.outlined:hover{color:var(--_hover-icon-color)}.outlined:focus{color:var(--_focus-icon-color)}.outlined:active{color:var(--_pressed-icon-color)}.outlined:disabled{color:var(--_disabled-icon-color)}.outlined:disabled::before{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}.outlined:disabled .icon{opacity:var(--_disabled-icon-opacity)}.outlined::before{block-size:100%;border-style:solid;border-radius:inherit;box-sizing:border-box;content:"";inline-size:100%;inset:0;pointer-events:none;position:absolute;z-index:-1}.outlined.selected::before{border-width:0}.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.selected:not(:disabled){color:var(--_selected-icon-color)}.selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}.selected:not(:disabled)::before{background-color:var(--_selected-container-color)}.selected:disabled::before{background-color:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}@media(forced-colors: active){:host([disabled]){--_disabled-outline-opacity: 1}.selected::before{border-color:CanvasText;border-width:var(--_outline-width)}.selected:disabled::before{border-color:GrayText;opacity:1}}
|
|
447
429
|
`;/**
|
|
448
430
|
* @license
|
|
449
431
|
* Copyright 2022 Google LLC
|
|
450
432
|
* SPDX-License-Identifier: Apache-2.0
|
|
451
|
-
*/let
|
|
433
|
+
*/let le=class extends y{getRenderClasses(){return{...super.getRenderClasses(),outlined:!0}}};le.styles=[ge,vo];le=a([f("md-outlined-icon-button")],le);const ir=Object.freeze(Object.defineProperty({__proto__:null,get MdOutlinedIconButton(){return le}},Symbol.toStringTag,{value:"Module"}));/**
|
|
434
|
+
* @license
|
|
435
|
+
* Copyright 2024 Google LLC
|
|
436
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
437
|
+
*/const uo=v`:host{--_container-color: var(--md-filled-tonal-icon-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-height: var(--md-filled-tonal-icon-button-container-height, 40px);--_container-width: var(--md-filled-tonal-icon-button-container-width, 40px);--_disabled-container-color: var(--md-filled-tonal-icon-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-opacity: var(--md-filled-tonal-icon-button-disabled-container-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-icon-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-icon-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-icon-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-icon-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-filled-tonal-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-icon-button-icon-size, 24px);--_pressed-icon-color: var(--md-filled-tonal-icon-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-icon-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color: var(--md-filled-tonal-icon-button-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_toggle-selected-focus-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-hover-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-hover-state-layer-color: var(--md-filled-tonal-icon-button-toggle-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-pressed-icon-color: var(--md-filled-tonal-icon-button-toggle-selected-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_toggle-selected-pressed-state-layer-color: var(--md-filled-tonal-icon-button-toggle-selected-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_unselected-container-color: var(--md-filled-tonal-icon-button-unselected-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_toggle-focus-icon-color: var(--md-filled-tonal-icon-button-toggle-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-hover-icon-color: var(--md-filled-tonal-icon-button-toggle-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-hover-state-layer-color: var(--md-filled-tonal-icon-button-toggle-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-icon-color: var(--md-filled-tonal-icon-button-toggle-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-pressed-icon-color: var(--md-filled-tonal-icon-button-toggle-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_toggle-pressed-state-layer-color: var(--md-filled-tonal-icon-button-toggle-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filled-tonal-icon-button-container-shape-start-start, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-icon-button-container-shape-start-end, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-icon-button-container-shape-end-end, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-icon-button-container-shape-end-start, var(--md-filled-tonal-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.icon-button{color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.icon-button:hover{color:var(--_hover-icon-color)}.icon-button:focus{color:var(--_focus-icon-color)}.icon-button:active{color:var(--_pressed-icon-color)}.icon-button:disabled{color:var(--_disabled-icon-color)}.icon-button::before{background-color:var(--_container-color);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}.icon-button:disabled::before{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}.icon-button:disabled .icon{opacity:var(--_disabled-icon-opacity)}.toggle-filled-tonal{--md-ripple-hover-color: var(--_toggle-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-pressed-state-layer-color)}.toggle-filled-tonal:not(:disabled){color:var(--_toggle-icon-color)}.toggle-filled-tonal:not(:disabled):hover{color:var(--_toggle-hover-icon-color)}.toggle-filled-tonal:not(:disabled):focus{color:var(--_toggle-focus-icon-color)}.toggle-filled-tonal:not(:disabled):active{color:var(--_toggle-pressed-icon-color)}.toggle-filled-tonal:not(:disabled)::before{background-color:var(--_unselected-container-color)}.selected{--md-ripple-hover-color: var(--_toggle-selected-hover-state-layer-color);--md-ripple-pressed-color: var(--_toggle-selected-pressed-state-layer-color)}.selected:not(:disabled){color:var(--_toggle-selected-icon-color)}.selected:not(:disabled):hover{color:var(--_toggle-selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_toggle-selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_toggle-selected-pressed-icon-color)}.selected:not(:disabled)::before{background-color:var(--_selected-container-color)}
|
|
438
|
+
`;/**
|
|
439
|
+
* @license
|
|
440
|
+
* Copyright 2022 Google LLC
|
|
441
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
442
|
+
*/let ce=class extends y{getRenderClasses(){return{...super.getRenderClasses(),"filled-tonal":!0,"toggle-filled-tonal":this.toggle}}};ce.styles=[ge,uo];ce=a([f("md-filled-tonal-icon-button")],ce);const nr=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledTonalIconButton(){return ce}},Symbol.toStringTag,{value:"Module"}));/**
|
|
443
|
+
* @license
|
|
444
|
+
* Copyright 2024 Google LLC
|
|
445
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
446
|
+
*/const mo=v`:host{--_disabled-icon-color: var(--md-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-icon-button-disabled-icon-opacity, 0.38);--_icon-size: var(--md-icon-button-icon-size, 24px);--_selected-focus-icon-color: var(--md-icon-button-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-icon-button-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-color: var(--md-icon-button-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-icon-button-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-icon-button-selected-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-icon-button-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-color: var(--md-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-state-layer-opacity: var(--md-icon-button-selected-pressed-state-layer-opacity, 0.12);--_state-layer-height: var(--md-icon-button-state-layer-height, 40px);--_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));--_state-layer-width: var(--md-icon-button-state-layer-width, 40px);--_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);--_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);--_container-shape-start-start: 0;--_container-shape-start-end: 0;--_container-shape-end-end: 0;--_container-shape-end-start: 0;--_container-height: 0;--_container-width: 0;height:var(--_state-layer-height);width:var(--_state-layer-width)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_state-layer-height))/2) max(0px,(48px - var(--_state-layer-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_state-layer-shape);--md-focus-ring-shape-start-end: var(--_state-layer-shape);--md-focus-ring-shape-end-end: var(--_state-layer-shape);--md-focus-ring-shape-end-start: var(--_state-layer-shape)}.standard{background-color:rgba(0,0,0,0);color:var(--_icon-color);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}.standard:hover{color:var(--_hover-icon-color)}.standard:focus{color:var(--_focus-icon-color)}.standard:active{color:var(--_pressed-icon-color)}.standard:disabled{color:var(--_disabled-icon-color)}md-ripple{border-radius:var(--_state-layer-shape)}.standard:disabled .icon{opacity:var(--_disabled-icon-opacity)}.selected{--md-ripple-hover-color: var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity: var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color: var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_selected-pressed-state-layer-opacity)}.selected:not(:disabled){color:var(--_selected-icon-color)}.selected:not(:disabled):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled):active{color:var(--_selected-pressed-icon-color)}
|
|
447
|
+
`;/**
|
|
448
|
+
* @license
|
|
449
|
+
* Copyright 2021 Google LLC
|
|
450
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
451
|
+
*/let de=class extends y{getRenderClasses(){return{...super.getRenderClasses(),standard:!0}}};de.styles=[ge,mo];de=a([f("md-icon-button")],de);const cr=Object.freeze(Object.defineProperty({__proto__:null,get MdIconButton(){return de}},Symbol.toStringTag,{value:"Module"}));/**
|
|
452
452
|
* @license
|
|
453
453
|
* Copyright 2023 Google LLC
|
|
454
454
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -681,4 +681,4 @@ import{_ as a,i as _,n as l,a as v,t as f,x as d,e as M,r as O,b as E,E as p,c a
|
|
|
681
681
|
* @license
|
|
682
682
|
* Copyright 2021 Google LLC
|
|
683
683
|
* SPDX-License-Identifier: Apache-2.0
|
|
684
|
-
*/let me=class extends R{};me.styles=[Mo];me=a([f("md-switch")],me);const gr=Object.freeze(Object.defineProperty({__proto__:null,get MdSwitch(){return me}},Symbol.toStringTag,{value:"Module"}));export{$e as M,gr as _,Re as a,Oe as b,
|
|
684
|
+
*/let me=class extends R{};me.styles=[Mo];me=a([f("md-switch")],me);const gr=Object.freeze(Object.defineProperty({__proto__:null,get MdSwitch(){return me}},Symbol.toStringTag,{value:"Module"}));export{$e as M,gr as _,Re as a,Oe as b,Qo as c,rr as d,ir as e,Yo as f,nr as g,cr as h,Fo as i,vr as j,mr as k,hr as l,Bo as m,fr as n,Zo as o,No as r,tr as t};
|