scb-wc-test 0.1.94 → 0.1.96
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-accordion/scb-accordion-item.js +6 -7
- package/mvc/components/scb-accordion/scb-accordion.js +2 -2
- package/mvc/components/scb-button/scb-button.js +2 -2
- package/mvc/components/scb-chip/scb-chip.js +1 -1
- package/mvc/components/scb-dialog/scb-dialog.js +14 -15
- package/mvc/components/scb-list/scb-list-item.js +2 -2
- package/mvc/components/scb-list/scb-list.js +1 -1
- package/mvc/components/scb-radio-button/scb-radio-button.js +3 -3
- package/mvc/components/scb-switch/scb-switch.js +5 -6
- package/mvc/components/scb-tabs/scb-primary-tab.js +1 -2
- package/mvc/components/scb-tabs/scb-secondary-tab.js +2 -3
- package/mvc/components/scb-tabs/scb-tabs.js +1 -1
- package/mvc/components/scb-textfield/scb-textfield.js +6 -7
- package/mvc/components/scb-toc/scb-toc-item.js +3 -2
- package/mvc/scb-wc-test.css +1 -1
- package/mvc/vendor/vendor-material.js +147 -147
- package/mvc/vendor/vendor.js +1 -1
- package/package.json +2 -2
- package/scb-accordion/scb-accordion-item.d.ts +1 -3
- package/scb-accordion/scb-accordion-item.js +49 -49
- package/scb-dialog/scb-dialog.d.ts +0 -3
- package/scb-dialog/scb-dialog.js +74 -94
- package/scb-radio-button/scb-radio-button.js +3 -3
- package/scb-switch/scb-switch.d.ts +1 -2
- package/scb-switch/scb-switch.js +39 -42
- package/scb-tabs/scb-primary-tab.d.ts +0 -1
- package/scb-tabs/scb-primary-tab.js +24 -28
- package/scb-tabs/scb-secondary-tab.d.ts +0 -1
- package/scb-tabs/scb-secondary-tab.js +31 -35
- package/scb-textfield/scb-textfield.d.ts +0 -6
- package/scb-textfield/scb-textfield.js +34 -39
- package/scb-toc/scb-toc-item.js +15 -14
- package/scb-wc-test.bundle.js +684 -683
- package/scb-wc-test.css +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as a,i as _,n as l,a as v,t as f,x as d,
|
|
1
|
+
import{_ as a,i as _,n as l,a as v,t as f,x as d,r as L,e as T,b as M,o as H,E as p,c as gt,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
|
|
@@ -6,7 +6,7 @@ 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 T,o as H,E a
|
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2021 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: Apache-2.0
|
|
9
|
-
*/const xt=["focusin","focusout","pointerdown"];class
|
|
9
|
+
*/const xt=["focusin","focusout","pointerdown"];class Oe extends _{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new Xe(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){if(!e[Ve]){switch(e.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1;break}e[Ve]=!0}}onControlChange(e,t){for(const o of xt)e?.removeEventListener(o,this),t?.addEventListener(o,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}a([l({type:Boolean,reflect:!0})],Oe.prototype,"visible",void 0);a([l({type:Boolean,reflect:!0})],Oe.prototype,"inward",void 0);const Ve=Symbol("handledByFocusRing");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2024 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -15,7 +15,7 @@ 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 T,o as H,E a
|
|
|
15
15
|
* @license
|
|
16
16
|
* Copyright 2021 Google LLC
|
|
17
17
|
* SPDX-License-Identifier: Apache-2.0
|
|
18
|
-
*/let ee=class extends
|
|
18
|
+
*/let ee=class extends Oe{};ee.styles=[wt];ee=a([f("md-focus-ring")],ee);const Bo=Object.freeze(Object.defineProperty({__proto__:null,get MdFocusRing(){return ee}},Symbol.toStringTag,{value:"Module"}));/**
|
|
19
19
|
* @license
|
|
20
20
|
* Copyright 2022 Google LLC
|
|
21
21
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -30,35 +30,35 @@ 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 T,o as H,E a
|
|
|
30
30
|
* SPDX-License-Identifier: Apache-2.0
|
|
31
31
|
*/let te=class extends kt{};te.styles=[Ct];te=a([f("md-icon")],te);const Po=Object.freeze(Object.defineProperty({__proto__:null,get MdIcon(){return te}},Symbol.toStringTag,{value:"Module"}));/**
|
|
32
32
|
* @license
|
|
33
|
+
* Copyright 2021 Google LLC
|
|
34
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
35
|
+
*/const Ze={STANDARD:"cubic-bezier(0.2, 0, 0, 1)",EMPHASIZED:"cubic-bezier(.3,0,0,1)"};/**
|
|
36
|
+
* @license
|
|
33
37
|
* Copyright 2022 Google LLC
|
|
34
38
|
* SPDX-License-Identifier: Apache-2.0
|
|
35
|
-
*/
|
|
39
|
+
*/const It=450,qe=225,Et=.2,Tt=10,At=75,zt=.35,St="::after",$t="forwards";var k;(function(r){r[r.INACTIVE=0]="INACTIVE",r[r.TOUCH_DELAY=1]="TOUCH_DELAY",r[r.HOLDING=2]="HOLDING",r[r.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"})(k||(k={}));const Rt=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],Mt=150,Lt=window.matchMedia("(forced-colors: active)");class K extends _{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=k.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new Xe(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return d`<div class="surface ${M(e)}"></div>`}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==k.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state===k.HOLDING){this.state=k.WAITING_FOR_CLICK;return}if(this.state===k.TOUCH_DELAY){this.state=k.WAITING_FOR_CLICK,this.startPressAnimation(this.rippleStartEvent);return}}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e)){this.state=k.WAITING_FOR_CLICK,this.startPressAnimation(e);return}this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=k.TOUCH_DELAY,await new Promise(t=>{setTimeout(t,Mt)}),this.state===k.TOUCH_DELAY&&(this.state=k.HOLDING,this.startPressAnimation(e)))}}handleClick(){if(!this.disabled){if(this.state===k.WAITING_FOR_CLICK){this.endPressAnimation();return}this.state===k.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation())}}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),o=Math.max(e,t),i=Math.max(zt*o,At),s=Math.floor(o*Et),c=Math.sqrt(t**2+e**2)+Tt;this.initialSize=s,this.rippleScale=`${(c+i)/s}`,this.rippleSize=`${s}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:o}=window,{left:i,top:s}=this.getBoundingClientRect(),n=t+i,c=o+s,{pageX:m,pageY:C}=e;return{x:m-n,y:C-c}}getTranslationCoordinates(e){const{height:t,width:o}=this.getBoundingClientRect(),i={x:(o-this.initialSize)/2,y:(t-this.initialSize)/2};let s;return e instanceof PointerEvent?s=this.getNormalizedPointerEventCoords(e):s={x:o/2,y:t/2},s={x:s.x-this.initialSize/2,y:s.y-this.initialSize/2},{startPoint:s,endPoint:i}}startPressAnimation(e){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:o}=this.getTranslationCoordinates(e),i=`${t.x}px, ${t.y}px`,s=`${o.x}px, ${o.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${i}) scale(1)`,`translate(${s}) scale(${this.rippleScale})`]},{pseudoElement:St,duration:It,easing:Ze.STANDARD,fill:$t})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=k.INACTIVE;const e=this.growAnimation;let t=1/0;if(typeof e?.currentTime=="number"?t=e.currentTime:e?.currentTime&&(t=e.currentTime.to("ms").value),t>=qe){this.pressed=!1;return}await new Promise(o=>{setTimeout(o,qe-t)}),this.growAnimation===e&&(this.pressed=!1)}shouldReactToEvent(e){if(this.disabled||!e.isPrimary||this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if(e.type==="pointerenter"||e.type==="pointerleave")return!this.isTouch(e);const t=e.buttons===1;return this.isTouch(e)||t}inBounds({x:e,y:t}){const{top:o,left:i,bottom:s,right:n}=this.getBoundingClientRect();return e>=i&&e<=n&&t>=o&&t<=s}isTouch({pointerType:e}){return e==="touch"}async handleEvent(e){if(!Lt?.matches)switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e);break}}onControlChange(e,t){for(const o of Rt)e?.removeEventListener(o,this),t?.addEventListener(o,this)}}a([l({type:Boolean,reflect:!0})],K.prototype,"disabled",void 0);a([L()],K.prototype,"hovered",void 0);a([L()],K.prototype,"pressed",void 0);a([T(".surface")],K.prototype,"mdRoot",void 0);/**
|
|
36
40
|
* @license
|
|
37
41
|
* Copyright 2024 Google LLC
|
|
38
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
39
|
-
*/const
|
|
43
|
+
*/const Ot=v`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
|
|
40
44
|
`;/**
|
|
41
45
|
* @license
|
|
42
46
|
* Copyright 2022 Google LLC
|
|
43
47
|
* SPDX-License-Identifier: Apache-2.0
|
|
44
|
-
*/let
|
|
45
|
-
* @license
|
|
46
|
-
* Copyright 2021 Google LLC
|
|
47
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
48
|
-
*/const Ze={STANDARD:"cubic-bezier(0.2, 0, 0, 1)",EMPHASIZED:"cubic-bezier(.3,0,0,1)"};/**
|
|
48
|
+
*/let oe=class extends K{};oe.styles=[Ot];oe=a([f("md-ripple")],oe);const No=Object.freeze(Object.defineProperty({__proto__:null,get MdRipple(){return oe}},Symbol.toStringTag,{value:"Module"}));/**
|
|
49
49
|
* @license
|
|
50
50
|
* Copyright 2022 Google LLC
|
|
51
51
|
* SPDX-License-Identifier: Apache-2.0
|
|
52
|
-
*/
|
|
52
|
+
*/class Bt extends _{connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){return d`<span class="shadow"></span>`}}/**
|
|
53
53
|
* @license
|
|
54
54
|
* Copyright 2024 Google LLC
|
|
55
55
|
* SPDX-License-Identifier: Apache-2.0
|
|
56
|
-
*/const Ft=v`:host{
|
|
56
|
+
*/const Ft=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}
|
|
57
57
|
`;/**
|
|
58
58
|
* @license
|
|
59
59
|
* Copyright 2022 Google LLC
|
|
60
60
|
* SPDX-License-Identifier: Apache-2.0
|
|
61
|
-
*/let
|
|
61
|
+
*/let we=class extends Bt{};we.styles=[Ft];we=a([f("md-elevation")],we);/**
|
|
62
62
|
* @license
|
|
63
63
|
* Copyright 2023 Google LLC
|
|
64
64
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -66,11 +66,11 @@ 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 T,o as H,E a
|
|
|
66
66
|
* @license
|
|
67
67
|
* Copyright 2023 Google LLC
|
|
68
68
|
* SPDX-License-Identifier: Apache-2.0
|
|
69
|
-
*/function
|
|
69
|
+
*/function j(r){for(const e of Je)r.createProperty(e,{attribute:Qe(e),reflect:!0});r.addInitializer(e=>{const t={hostConnected(){e.setAttribute("role","presentation")}};e.addController(t)})}/**
|
|
70
70
|
* @license
|
|
71
71
|
* Copyright 2023 Google LLC
|
|
72
72
|
* SPDX-License-Identifier: Apache-2.0
|
|
73
|
-
*/const x=Symbol("internals"),
|
|
73
|
+
*/const x=Symbol("internals"),fe=Symbol("privateInternals");function U(r){class e extends r{get[x](){return this[fe]||(this[fe]=this.attachInternals()),this[fe]}}return e}/**
|
|
74
74
|
* @license
|
|
75
75
|
* Copyright 2023 Google LLC
|
|
76
76
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -78,11 +78,11 @@ 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 T,o as H,E a
|
|
|
78
78
|
* @license
|
|
79
79
|
* Copyright 2021 Google LLC
|
|
80
80
|
* SPDX-License-Identifier: Apache-2.0
|
|
81
|
-
*/function Be(r){const e=new MouseEvent("click",{bubbles:!0});return r.dispatchEvent(e),e}function
|
|
81
|
+
*/function Be(r){const e=new MouseEvent("click",{bubbles:!0});return r.dispatchEvent(e),e}function he(r){return r.currentTarget!==r.target||r.composedPath()[0]!==r.target||r.target.disabled?!1:!Pt(r)}function Pt(r){const e=ke;return e&&(r.preventDefault(),r.stopImmediatePropagation()),Dt(),e}let ke=!1;async function Dt(){ke=!0,await null,ke=!1}/**
|
|
82
82
|
* @license
|
|
83
83
|
* Copyright 2019 Google LLC
|
|
84
84
|
* SPDX-License-Identifier: Apache-2.0
|
|
85
|
-
*/const Nt=U(_);class g extends Nt{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=>{!
|
|
85
|
+
*/const Nt=U(_);class g extends Nt{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=>{!he(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`
|
|
86
86
|
${this.renderElevationOrOutline?.()}
|
|
87
87
|
<div class="background"></div>
|
|
88
88
|
<md-focus-ring part="focus-ring" for=${o}></md-focus-ring>
|
|
@@ -115,7 +115,7 @@ 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 T,o as H,E a
|
|
|
115
115
|
${this.trailingIcon?p:e}
|
|
116
116
|
<span class="label"><slot></slot></span>
|
|
117
117
|
${this.trailingIcon?e:p}
|
|
118
|
-
`}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}
|
|
118
|
+
`}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}j(g),et(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([T(".button")],g.prototype,"buttonElement",void 0);a([H({slot:"icon",flatten:!0})],g.prototype,"assignedIcons",void 0);/**
|
|
119
119
|
* @license
|
|
120
120
|
* Copyright 2021 Google LLC
|
|
121
121
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -133,12 +133,12 @@ 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 T,o as H,E a
|
|
|
133
133
|
* @license
|
|
134
134
|
* Copyright 2024 Google LLC
|
|
135
135
|
* SPDX-License-Identifier: Apache-2.0
|
|
136
|
-
*/const
|
|
136
|
+
*/const pe=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}
|
|
137
137
|
`;/**
|
|
138
138
|
* @license
|
|
139
139
|
* Copyright 2021 Google LLC
|
|
140
140
|
* SPDX-License-Identifier: Apache-2.0
|
|
141
|
-
*/let
|
|
141
|
+
*/let Ce=class extends Vt{};Ce.styles=[pe,tt,qt];Ce=a([f("md-filled-button")],Ce);/**
|
|
142
142
|
* @license
|
|
143
143
|
* Copyright 2021 Google LLC
|
|
144
144
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -146,16 +146,16 @@ 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 T,o as H,E a
|
|
|
146
146
|
* @license
|
|
147
147
|
* Copyright 2024 Google LLC
|
|
148
148
|
* SPDX-License-Identifier: Apache-2.0
|
|
149
|
-
*/const
|
|
149
|
+
*/const Kt=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)}
|
|
150
150
|
`;/**
|
|
151
151
|
* @license
|
|
152
152
|
* Copyright 2021 Google LLC
|
|
153
153
|
* SPDX-License-Identifier: Apache-2.0
|
|
154
|
-
*/let
|
|
154
|
+
*/let Ie=class extends Ht{};Ie.styles=[pe,Kt];Ie=a([f("md-outlined-button")],Ie);/**
|
|
155
155
|
* @license
|
|
156
156
|
* Copyright 2021 Google LLC
|
|
157
157
|
* SPDX-License-Identifier: Apache-2.0
|
|
158
|
-
*/class
|
|
158
|
+
*/class jt extends g{renderElevationOrOutline(){return d`<md-elevation part="elevation"></md-elevation>`}}/**
|
|
159
159
|
* @license
|
|
160
160
|
* Copyright 2024 Google LLC
|
|
161
161
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -164,7 +164,7 @@ 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 T,o as H,E a
|
|
|
164
164
|
* @license
|
|
165
165
|
* Copyright 2021 Google LLC
|
|
166
166
|
* SPDX-License-Identifier: Apache-2.0
|
|
167
|
-
*/let
|
|
167
|
+
*/let Ee=class extends jt{};Ee.styles=[pe,tt,Ut];Ee=a([f("md-filled-tonal-button")],Ee);/**
|
|
168
168
|
* @license
|
|
169
169
|
* Copyright 2021 Google LLC
|
|
170
170
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -177,7 +177,7 @@ 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 T,o as H,E a
|
|
|
177
177
|
* @license
|
|
178
178
|
* Copyright 2021 Google LLC
|
|
179
179
|
* SPDX-License-Identifier: Apache-2.0
|
|
180
|
-
*/let
|
|
180
|
+
*/let Te=class extends Gt{};Te.styles=[pe,Wt];Te=a([f("md-text-button")],Te);/**
|
|
181
181
|
* @license
|
|
182
182
|
* Copyright 2021 Google LLC
|
|
183
183
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -185,7 +185,7 @@ 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 T,o as H,E a
|
|
|
185
185
|
* @license
|
|
186
186
|
* Copyright 2023 Google LLC
|
|
187
187
|
* SPDX-License-Identifier: Apache-2.0
|
|
188
|
-
*/const N=Symbol("createValidator"),V=Symbol("getValidityAnchor"),
|
|
188
|
+
*/const N=Symbol("createValidator"),V=Symbol("getValidityAnchor"),ye=Symbol("privateValidator"),A=Symbol("privateSyncValidity"),W=Symbol("privateCustomValidationMessage");function Pe(r){var e;class t extends r{constructor(){super(...arguments),this[e]=""}get validity(){return this[A](),this[x].validity}get validationMessage(){return this[A](),this[x].validationMessage}get willValidate(){return this[A](),this[x].willValidate}checkValidity(){return this[A](),this[x].checkValidity()}reportValidity(){return this[A](),this[x].reportValidity()}setCustomValidity(i){this[W]=i,this[A]()}requestUpdate(i,s,n){super.requestUpdate(i,s,n),this[A]()}firstUpdated(i){super.firstUpdated(i),this[A]()}[(e=W,A)](){this[ye]||(this[ye]=this[N]());const{validity:i,validationMessage:s}=this[ye].getValidity(),n=!!this[W],c=this[W]||s;this[x].setValidity({...i,customError:n},c,this[V]()??void 0)}[N](){throw new Error("Implement [createValidator]")}[V](){throw new Error("Implement [getValidityAnchor]")}}return t}/**
|
|
189
189
|
* @license
|
|
190
190
|
* Copyright 2023 Google LLC
|
|
191
191
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -201,7 +201,7 @@ 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 T,o as H,E a
|
|
|
201
201
|
* @license
|
|
202
202
|
* Copyright 2019 Google LLC
|
|
203
203
|
* SPDX-License-Identifier: Apache-2.0
|
|
204
|
-
*/const Yt=Pe(De(U(_)));class I extends Yt{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,this.addEventListener("click",e=>{!
|
|
204
|
+
*/const Yt=Pe(De(U(_)));class I extends Yt{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,this.addEventListener("click",e=>{!he(e)||!this.input||(this.focus(),Be(this.input))})}update(e){(e.has("checked")||e.has("disabled")||e.has("indeterminate"))&&(this.prevChecked=e.get("checked")??this.checked,this.prevDisabled=e.get("disabled")??this.disabled,this.prevIndeterminate=e.get("indeterminate")??this.indeterminate),super.update(e)}render(){const e=!this.prevChecked&&!this.prevIndeterminate,t=this.prevChecked&&!this.prevIndeterminate,o=this.prevIndeterminate,i=this.checked&&!this.indeterminate,s=this.indeterminate,n=M({disabled:this.disabled,selected:i||s,unselected:!i&&!s,checked:i,indeterminate:s,"prev-unselected":e,"prev-checked":t,"prev-indeterminate":o,"prev-disabled":this.prevDisabled}),{ariaLabel:c,ariaInvalid:m}=this;return d`
|
|
205
205
|
<div class="container ${n}">
|
|
206
206
|
<input
|
|
207
207
|
type="checkbox"
|
|
@@ -225,7 +225,7 @@ 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 T,o as H,E a
|
|
|
225
225
|
<rect class="mark long" />
|
|
226
226
|
</svg>
|
|
227
227
|
</div>
|
|
228
|
-
`}handleInput(e){const t=e.target;this.checked=t.checked,this.indeterminate=t.indeterminate}handleChange(e){Fe(this,e)}[P](){return!this.checked||this.indeterminate?null:this.value}[q](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[N](){return new rt(()=>this)}[V](){return this.input}}
|
|
228
|
+
`}handleInput(e){const t=e.target;this.checked=t.checked,this.indeterminate=t.indeterminate}handleChange(e){Fe(this,e)}[P](){return!this.checked||this.indeterminate?null:this.value}[q](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[N](){return new rt(()=>this)}[V](){return this.input}}j(I);I.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0};a([l({type:Boolean})],I.prototype,"checked",void 0);a([l({type:Boolean})],I.prototype,"indeterminate",void 0);a([l({type:Boolean})],I.prototype,"required",void 0);a([l()],I.prototype,"value",void 0);a([L()],I.prototype,"prevChecked",void 0);a([L()],I.prototype,"prevDisabled",void 0);a([L()],I.prototype,"prevIndeterminate",void 0);a([T("input")],I.prototype,"input",void 0);/**
|
|
229
229
|
* @license
|
|
230
230
|
* Copyright 2024 Google LLC
|
|
231
231
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -234,11 +234,11 @@ 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 T,o as H,E a
|
|
|
234
234
|
* @license
|
|
235
235
|
* Copyright 2018 Google LLC
|
|
236
236
|
* SPDX-License-Identifier: Apache-2.0
|
|
237
|
-
*/let
|
|
237
|
+
*/let Ae=class extends I{};Ae.styles=[Xt];Ae=a([f("md-checkbox")],Ae);/**
|
|
238
238
|
* @license
|
|
239
239
|
* Copyright 2023 Google LLC
|
|
240
240
|
* SPDX-License-Identifier: Apache-2.0
|
|
241
|
-
*/const Y=Symbol("isFocusable"),
|
|
241
|
+
*/const Y=Symbol("isFocusable"),ge=Symbol("privateIsFocusable"),X=Symbol("externalTabIndex"),Z=Symbol("isUpdatingTabIndex"),J=Symbol("updateTabIndex");function at(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[ge]}set[Y](n){this[Y]!==n&&(this[ge]=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=ge,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}/**
|
|
242
242
|
* @license
|
|
243
243
|
* Copyright 2023 Google LLC
|
|
244
244
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -250,7 +250,7 @@ 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 T,o as H,E a
|
|
|
250
250
|
* @license
|
|
251
251
|
* Copyright 2018 Google LLC
|
|
252
252
|
* SPDX-License-Identifier: Apache-2.0
|
|
253
|
-
*/var He;const
|
|
253
|
+
*/var He;const _e=Symbol("checked");let Qt=0;const eo=Pe(De(U(at(_))));class G extends eo{get checked(){return this[_e]}set checked(e){const t=this.checked;t!==e&&(this[_e]=e,this.requestUpdate("checked",t),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId=`cutout${++Qt}`,this[He]=!1,this.required=!1,this.value="on",this.selectionController=new Jt(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`
|
|
254
254
|
<div class="container ${M(e)}" aria-hidden="true">
|
|
255
255
|
<md-ripple
|
|
256
256
|
part="ripple"
|
|
@@ -279,7 +279,7 @@ 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 T,o as H,E a
|
|
|
279
279
|
.value=${this.value}
|
|
280
280
|
?disabled=${this.disabled} />
|
|
281
281
|
</div>
|
|
282
|
-
`}updated(){this[x].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,!e.defaultPrevented&&(
|
|
282
|
+
`}updated(){this[x].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,!e.defaultPrevented&&(he(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()}[(He=_e,P)](){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 Zt(()=>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([T(".container")],G.prototype,"container",void 0);/**
|
|
283
283
|
* @license
|
|
284
284
|
* Copyright 2024 Google LLC
|
|
285
285
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -288,11 +288,72 @@ 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 T,o as H,E a
|
|
|
288
288
|
* @license
|
|
289
289
|
* Copyright 2022 Google LLC
|
|
290
290
|
* SPDX-License-Identifier: Apache-2.0
|
|
291
|
-
*/let
|
|
291
|
+
*/let ze=class extends G{};ze.styles=[to];ze=a([f("md-radio")],ze);/**
|
|
292
|
+
* @license
|
|
293
|
+
* Copyright 2023 Google LLC
|
|
294
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
295
|
+
*/const it=Symbol("dispatchHooks");function oo(r,e){const t=r[it];if(!t)throw new Error(`'${r.type}' event needs setupDispatchHooks().`);t.addEventListener("after",e)}const Ke=new WeakMap;function ro(r,...e){let t=Ke.get(r);t||(t=new Set,Ke.set(r,t));for(const o of e){if(t.has(o))continue;let i=!1;r.addEventListener(o,s=>{if(i)return;s.stopImmediatePropagation();const n=Reflect.construct(s.constructor,[s.type,s]),c=new EventTarget;n[it]=c,i=!0;const m=r.dispatchEvent(n);i=!1,m||s.preventDefault(),c.dispatchEvent(new Event("after"))},{capture:!0}),t.add(o)}}/**
|
|
296
|
+
* @license
|
|
297
|
+
* Copyright 2021 Google LLC
|
|
298
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
299
|
+
*/const ao=Pe(De(U(_)));class S extends ao{constructor(){super(),this.selected=!1,this.icons=!1,this.showOnlySelectedIcon=!1,this.required=!1,this.value="on",this.addEventListener("click",e=>{!he(e)||!this.input||(this.focus(),Be(this.input))}),ro(this,"keydown"),this.addEventListener("keydown",e=>{oo(e,()=>{e.defaultPrevented||e.key!=="Enter"||this.disabled||!this.input||this.input.click()})})}render(){return d`
|
|
300
|
+
<div class="switch ${M(this.getRenderClasses())}">
|
|
301
|
+
<input
|
|
302
|
+
id="switch"
|
|
303
|
+
class="touch"
|
|
304
|
+
type="checkbox"
|
|
305
|
+
role="switch"
|
|
306
|
+
aria-label=${this.ariaLabel||p}
|
|
307
|
+
?checked=${this.selected}
|
|
308
|
+
?disabled=${this.disabled}
|
|
309
|
+
?required=${this.required}
|
|
310
|
+
@input=${this.handleInput}
|
|
311
|
+
@change=${this.handleChange} />
|
|
312
|
+
|
|
313
|
+
<md-focus-ring part="focus-ring" for="switch"></md-focus-ring>
|
|
314
|
+
<span class="track"> ${this.renderHandle()} </span>
|
|
315
|
+
</div>
|
|
316
|
+
`}getRenderClasses(){return{selected:this.selected,unselected:!this.selected,disabled:this.disabled}}renderHandle(){const e={"with-icon":this.showOnlySelectedIcon?this.selected:this.icons};return d`
|
|
317
|
+
${this.renderTouchTarget()}
|
|
318
|
+
<span class="handle-container">
|
|
319
|
+
<md-ripple for="switch" ?disabled="${this.disabled}"></md-ripple>
|
|
320
|
+
<span class="handle ${M(e)}">
|
|
321
|
+
${this.shouldShowIcons()?this.renderIcons():d``}
|
|
322
|
+
</span>
|
|
323
|
+
</span>
|
|
324
|
+
`}renderIcons(){return d`
|
|
325
|
+
<div class="icons">
|
|
326
|
+
${this.renderOnIcon()}
|
|
327
|
+
${this.showOnlySelectedIcon?d``:this.renderOffIcon()}
|
|
328
|
+
</div>
|
|
329
|
+
`}renderOnIcon(){return d`
|
|
330
|
+
<slot class="icon icon--on" name="on-icon">
|
|
331
|
+
<svg viewBox="0 0 24 24">
|
|
332
|
+
<path
|
|
333
|
+
d="M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z" />
|
|
334
|
+
</svg>
|
|
335
|
+
</slot>
|
|
336
|
+
`}renderOffIcon(){return d`
|
|
337
|
+
<slot class="icon icon--off" name="off-icon">
|
|
338
|
+
<svg viewBox="0 0 24 24">
|
|
339
|
+
<path
|
|
340
|
+
d="M6.4 19.2 4.8 17.6 10.4 12 4.8 6.4 6.4 4.8 12 10.4 17.6 4.8 19.2 6.4 13.6 12 19.2 17.6 17.6 19.2 12 13.6Z" />
|
|
341
|
+
</svg>
|
|
342
|
+
</slot>
|
|
343
|
+
`}renderTouchTarget(){return d`<span class="touch"></span>`}shouldShowIcons(){return this.icons||this.showOnlySelectedIcon}handleInput(e){const t=e.target;this.selected=t.checked}handleChange(e){Fe(this,e)}[P](){return this.selected?this.value:null}[q](){return String(this.selected)}formResetCallback(){this.selected=this.hasAttribute("selected")}formStateRestoreCallback(e){this.selected=e==="true"}[N](){return new rt(()=>({checked:this.selected,required:this.required}))}[V](){return this.input}}j(S);S.shadowRootOptions={mode:"open",delegatesFocus:!0};a([l({type:Boolean})],S.prototype,"selected",void 0);a([l({type:Boolean})],S.prototype,"icons",void 0);a([l({type:Boolean,attribute:"show-only-selected-icon"})],S.prototype,"showOnlySelectedIcon",void 0);a([l({type:Boolean})],S.prototype,"required",void 0);a([l()],S.prototype,"value",void 0);a([T("input")],S.prototype,"input",void 0);/**
|
|
344
|
+
* @license
|
|
345
|
+
* Copyright 2024 Google LLC
|
|
346
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
347
|
+
*/const io=v`@layer styles, hcm;@layer styles{:host{display:inline-flex;outline:none;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-switch-track-height, 32px))/2) 0px}md-focus-ring{--md-focus-ring-shape-start-start: var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-start-end: var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-end: var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-start: var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}.switch{align-items:center;display:inline-flex;flex-shrink:0;position:relative;width:var(--md-switch-track-width, 52px);height:var(--md-switch-track-height, 32px);border-start-start-radius:var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}input{appearance:none;height:48px;outline:none;margin:0;position:absolute;width:100%;z-index:1;cursor:inherit}:host([touch-target=none]) input{display:none}}@layer styles{.track{position:absolute;width:100%;height:100%;box-sizing:border-box;border-radius:inherit;display:flex;justify-content:center;align-items:center}.track::before{content:"";display:flex;position:absolute;height:100%;width:100%;border-radius:inherit;box-sizing:border-box;transition-property:opacity,background-color;transition-timing-function:linear;transition-duration:67ms}.disabled .track{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.disabled .track::before,.disabled .track::after{transition:none;opacity:var(--md-switch-disabled-track-opacity, 0.12)}.disabled .track::before{background-clip:content-box}.selected .track::before{background-color:var(--md-switch-selected-track-color, var(--md-sys-color-primary, #6750a4))}.selected:hover .track::before{background-color:var(--md-switch-selected-hover-track-color, var(--md-sys-color-primary, #6750a4))}.selected:focus-within .track::before{background-color:var(--md-switch-selected-focus-track-color, var(--md-sys-color-primary, #6750a4))}.selected:active .track::before{background-color:var(--md-switch-selected-pressed-track-color, var(--md-sys-color-primary, #6750a4))}.selected.disabled .track{background-clip:border-box}.selected.disabled .track::before{background-color:var(--md-switch-disabled-selected-track-color, var(--md-sys-color-on-surface, #1d1b20))}.unselected .track::before{background-color:var(--md-switch-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-track-outline-color, var(--md-sys-color-outline, #79747e));border-style:solid;border-width:var(--md-switch-track-outline-width, 2px)}.unselected:hover .track::before{background-color:var(--md-switch-hover-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-hover-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:focus-visible .track::before{background-color:var(--md-switch-focus-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-focus-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:active .track::before{background-color:var(--md-switch-pressed-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-pressed-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected.disabled .track::before{background-color:var(--md-switch-disabled-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-disabled-track-outline-color, var(--md-sys-color-on-surface, #1d1b20))}}@layer hcm{@media(forced-colors: active){.selected .track::before{background:ButtonText;border-color:ButtonText}.disabled .track::before{border-color:GrayText;opacity:1}.disabled.selected .track::before{background:GrayText}}}@layer styles{.handle-container{display:flex;place-content:center;place-items:center;position:relative;transition:margin 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selected .handle-container{margin-inline-start:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.unselected .handle-container{margin-inline-end:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.disabled .handle-container{transition:none}.handle{border-start-start-radius:var(--md-switch-handle-shape-start-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-handle-shape-start-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-handle-shape-end-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-handle-shape-end-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));height:var(--md-switch-handle-height, 16px);width:var(--md-switch-handle-width, 16px);transform-origin:center;transition-property:height,width;transition-duration:250ms,250ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1),cubic-bezier(0.2, 0, 0, 1);z-index:0}.handle::before{content:"";display:flex;inset:0;position:absolute;border-radius:inherit;box-sizing:border-box;transition:background-color 67ms linear}.disabled .handle,.disabled .handle::before{transition:none}.selected .handle{height:var(--md-switch-selected-handle-height, 24px);width:var(--md-switch-selected-handle-width, 24px)}.handle.with-icon{height:var(--md-switch-with-icon-handle-height, 24px);width:var(--md-switch-with-icon-handle-width, 24px)}.selected:not(.disabled):active .handle,.unselected:not(.disabled):active .handle{height:var(--md-switch-pressed-handle-height, 28px);width:var(--md-switch-pressed-handle-width, 28px);transition-timing-function:linear;transition-duration:100ms}.selected .handle::before{background-color:var(--md-switch-selected-handle-color, var(--md-sys-color-on-primary, #fff))}.selected:hover .handle::before{background-color:var(--md-switch-selected-hover-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:focus-within .handle::before{background-color:var(--md-switch-selected-focus-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:active .handle::before{background-color:var(--md-switch-selected-pressed-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected.disabled .handle::before{background-color:var(--md-switch-disabled-selected-handle-color, var(--md-sys-color-surface, #fef7ff));opacity:var(--md-switch-disabled-selected-handle-opacity, 1)}.unselected .handle::before{background-color:var(--md-switch-handle-color, var(--md-sys-color-outline, #79747e))}.unselected:hover .handle::before{background-color:var(--md-switch-hover-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:focus-within .handle::before{background-color:var(--md-switch-focus-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:active .handle::before{background-color:var(--md-switch-pressed-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected.disabled .handle::before{background-color:var(--md-switch-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-handle-opacity, 0.38)}md-ripple{border-radius:var(--md-switch-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-switch-state-layer-size, 40px);inset:unset;width:var(--md-switch-state-layer-size, 40px)}.selected md-ripple{--md-ripple-hover-color: var(--md-switch-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-color: var(--md-switch-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-switch-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-selected-pressed-state-layer-opacity, 0.12)}.unselected md-ripple{--md-ripple-hover-color: var(--md-switch-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-color: var(--md-switch-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-switch-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-pressed-state-layer-opacity, 0.12)}}@layer hcm{@media(forced-colors: active){.unselected .handle::before{background:ButtonText}.disabled .handle::before{opacity:1}.disabled.unselected .handle::before{background:GrayText}}}@layer styles{.icons{position:relative;height:100%;width:100%}.icon{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;fill:currentColor;transition:fill 67ms linear,opacity 33ms linear,transform 167ms cubic-bezier(0.2, 0, 0, 1);opacity:0}.disabled .icon{transition:none}.selected .icon--on,.unselected .icon--off{opacity:1}.unselected .handle:not(.with-icon) .icon--on{transform:rotate(-45deg)}.icon--off{width:var(--md-switch-icon-size, 16px);height:var(--md-switch-icon-size, 16px);color:var(--md-switch-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:hover .icon--off{color:var(--md-switch-hover-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:focus-within .icon--off{color:var(--md-switch-focus-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:active .icon--off{color:var(--md-switch-pressed-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected.disabled .icon--off{color:var(--md-switch-disabled-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9));opacity:var(--md-switch-disabled-icon-opacity, 0.38)}.icon--on{width:var(--md-switch-selected-icon-size, 16px);height:var(--md-switch-selected-icon-size, 16px);color:var(--md-switch-selected-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:hover .icon--on{color:var(--md-switch-selected-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:focus-within .icon--on{color:var(--md-switch-selected-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:active .icon--on{color:var(--md-switch-selected-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected.disabled .icon--on{color:var(--md-switch-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon--off{fill:Canvas}.icon--on{fill:ButtonText}.disabled.unselected .icon--off,.disabled.selected .icon--on{opacity:1}.disabled .icon--on{fill:GrayText}}}
|
|
348
|
+
`;/**
|
|
349
|
+
* @license
|
|
350
|
+
* Copyright 2021 Google LLC
|
|
351
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
352
|
+
*/let Se=class extends S{};Se.styles=[io];Se=a([f("md-switch")],Se);/**
|
|
292
353
|
* @license
|
|
293
354
|
* Copyright 2023 Google LLC
|
|
294
355
|
* SPDX-License-Identifier: Apache-2.0
|
|
295
|
-
*/var
|
|
356
|
+
*/var st;const F=Symbol("indicator"),nt=Symbol("animateIndicator"),so=at(_);class E extends so{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
|
|
296
357
|
class="button"
|
|
297
358
|
role="presentation"
|
|
298
359
|
@click=${this.handleContentClick}>
|
|
@@ -307,51 +368,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 T,o as H,E a
|
|
|
307
368
|
${this.fullWidthIndicator?p:e}
|
|
308
369
|
</div>
|
|
309
370
|
${this.fullWidthIndicator?e:p}
|
|
310
|
-
</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()}[(
|
|
371
|
+
</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()}[(st=F,nt)](e){if(!this[F])return;this[F].getAnimations().forEach(o=>{o.cancel()});const t=this.getKeyframes(e);t!==null&&this[F].animate(t,{duration:250,easing:Ze.EMPHASIZED})}getKeyframes(e){const t=no();if(!this.active)return t?[{opacity:1},{transform:"none"}]:null;const o={},i=e[F]?.getBoundingClientRect()??{},s=i.left,n=i.width,c=this[F].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"})],E.prototype,"isTab",void 0);a([l({type:Boolean,reflect:!0})],E.prototype,"active",void 0);a([l({type:Boolean})],E.prototype,"selected",null);a([l({type:Boolean,attribute:"has-icon"})],E.prototype,"hasIcon",void 0);a([l({type:Boolean,attribute:"icon-only"})],E.prototype,"iconOnly",void 0);a([T(".indicator")],E.prototype,st,void 0);a([L()],E.prototype,"fullWidthIndicator",void 0);a([gt({flatten:!0})],E.prototype,"assignedDefaultNodes",void 0);a([H({slot:"icon",flatten:!0})],E.prototype,"assignedIcons",void 0);function no(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}/**
|
|
311
372
|
* @license
|
|
312
373
|
* Copyright 2023 Google LLC
|
|
313
374
|
* SPDX-License-Identifier: Apache-2.0
|
|
314
|
-
*/class
|
|
375
|
+
*/class lt extends E{constructor(){super(...arguments),this.inlineIcon=!1}getContentClasses(){return{...super.getContentClasses(),stacked:!this.inlineIcon}}}a([l({type:Boolean,attribute:"inline-icon"})],lt.prototype,"inlineIcon",void 0);/**
|
|
315
376
|
* @license
|
|
316
377
|
* Copyright 2024 Google LLC
|
|
317
378
|
* SPDX-License-Identifier: Apache-2.0
|
|
318
|
-
*/const
|
|
379
|
+
*/const lo=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)}
|
|
319
380
|
`;/**
|
|
320
381
|
* @license
|
|
321
382
|
* Copyright 2024 Google LLC
|
|
322
383
|
* SPDX-License-Identifier: Apache-2.0
|
|
323
|
-
*/const
|
|
384
|
+
*/const ct=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}}
|
|
324
385
|
`;/**
|
|
325
386
|
* @license
|
|
326
387
|
* Copyright 2023 Google LLC
|
|
327
388
|
* SPDX-License-Identifier: Apache-2.0
|
|
328
|
-
*/let $e=class extends
|
|
389
|
+
*/let $e=class extends lt{};$e.styles=[ct,lo];$e=a([f("md-primary-tab")],$e);/**
|
|
329
390
|
* @license
|
|
330
391
|
* Copyright 2023 Google LLC
|
|
331
392
|
* SPDX-License-Identifier: Apache-2.0
|
|
332
|
-
*/class
|
|
393
|
+
*/class co extends E{constructor(){super(...arguments),this.fullWidthIndicator=!0}}/**
|
|
333
394
|
* @license
|
|
334
395
|
* Copyright 2024 Google LLC
|
|
335
396
|
* SPDX-License-Identifier: Apache-2.0
|
|
336
|
-
*/const
|
|
397
|
+
*/const ho=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)))}
|
|
337
398
|
`;/**
|
|
338
399
|
* @license
|
|
339
400
|
* Copyright 2023 Google LLC
|
|
340
401
|
* SPDX-License-Identifier: Apache-2.0
|
|
341
|
-
*/let Re=class extends
|
|
402
|
+
*/let Re=class extends co{};Re.styles=[ct,ho];Re=a([f("md-secondary-tab")],Re);/**
|
|
342
403
|
* @license
|
|
343
404
|
* Copyright 2023 Google LLC
|
|
344
405
|
* SPDX-License-Identifier: Apache-2.0
|
|
345
|
-
*/class
|
|
406
|
+
*/class ve extends _{constructor(){super(...arguments),this.inset=!1,this.insetStart=!1,this.insetEnd=!1}}a([l({type:Boolean,reflect:!0})],ve.prototype,"inset",void 0);a([l({type:Boolean,reflect:!0,attribute:"inset-start"})],ve.prototype,"insetStart",void 0);a([l({type:Boolean,reflect:!0,attribute:"inset-end"})],ve.prototype,"insetEnd",void 0);/**
|
|
346
407
|
* @license
|
|
347
408
|
* Copyright 2024 Google LLC
|
|
348
409
|
* SPDX-License-Identifier: Apache-2.0
|
|
349
|
-
*/const
|
|
410
|
+
*/const po=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}}
|
|
350
411
|
`;/**
|
|
351
412
|
* @license
|
|
352
413
|
* Copyright 2023 Google LLC
|
|
353
414
|
* SPDX-License-Identifier: Apache-2.0
|
|
354
|
-
*/let Me=class extends
|
|
415
|
+
*/let Me=class extends ve{};Me.styles=[po];Me=a([f("md-divider")],Me);/**
|
|
355
416
|
* @license
|
|
356
417
|
* Copyright 2023 Google LLC
|
|
357
418
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -362,20 +423,20 @@ 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 T,o as H,E a
|
|
|
362
423
|
@click=${this.handleTabClick}></slot>
|
|
363
424
|
</div>
|
|
364
425
|
<md-divider part="divider"></md-divider>
|
|
365
|
-
`}async handleTabClick(e){const t=e.target;await 0,!(e.defaultPrevented||!
|
|
426
|
+
`}async handleTabClick(e){const t=e.target;await 0,!(e.defaultPrevented||!vo(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[nt](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([H({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([T(".tabs")],D.prototype,"tabsScrollerElement",void 0);a([T("slot")],D.prototype,"slotElement",void 0);function vo(r){return r instanceof HTMLElement&&r.hasAttribute("md-tab")}/**
|
|
366
427
|
* @license
|
|
367
428
|
* Copyright 2024 Google LLC
|
|
368
429
|
* SPDX-License-Identifier: Apache-2.0
|
|
369
|
-
*/const
|
|
430
|
+
*/const uo=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}
|
|
370
431
|
`;/**
|
|
371
432
|
* @license
|
|
372
433
|
* Copyright 2023 Google LLC
|
|
373
434
|
* SPDX-License-Identifier: Apache-2.0
|
|
374
|
-
*/let
|
|
435
|
+
*/let Le=class extends D{};Le.styles=[uo];Le=a([f("md-tabs")],Le);/**
|
|
375
436
|
* @license
|
|
376
437
|
* Copyright 2024 Google LLC
|
|
377
438
|
* SPDX-License-Identifier: Apache-2.0
|
|
378
|
-
*/const
|
|
439
|
+
*/const mo=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)}
|
|
379
440
|
`;/**
|
|
380
441
|
* @license
|
|
381
442
|
* Copyright 2022 Google LLC
|
|
@@ -384,7 +445,7 @@ 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 T,o as H,E a
|
|
|
384
445
|
* @license
|
|
385
446
|
* Copyright 2018 Google LLC
|
|
386
447
|
* SPDX-License-Identifier: Apache-2.0
|
|
387
|
-
*/const
|
|
448
|
+
*/const bo=U(_);class y extends bo{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),_t`<${e}
|
|
388
449
|
class="icon-button ${M(this.getRenderClasses())}"
|
|
389
450
|
id="button"
|
|
390
451
|
aria-label="${c||p}"
|
|
@@ -412,74 +473,74 @@ 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 T,o as H,E a
|
|
|
412
473
|
part="focus-ring"
|
|
413
474
|
for=${this.href?"link":"button"}></md-focus-ring>`}renderRipple(){return d`<md-ripple
|
|
414
475
|
for=${this.href?"link":p}
|
|
415
|
-
?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})))}}
|
|
476
|
+
?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})))}}j(y),et(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([L()],y.prototype,"flipIcon",void 0);/**
|
|
416
477
|
* @license
|
|
417
478
|
* Copyright 2024 Google LLC
|
|
418
479
|
* SPDX-License-Identifier: Apache-2.0
|
|
419
|
-
*/const
|
|
480
|
+
*/const ue=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}}
|
|
420
481
|
`;/**
|
|
421
482
|
* @license
|
|
422
483
|
* Copyright 2022 Google LLC
|
|
423
484
|
* SPDX-License-Identifier: Apache-2.0
|
|
424
|
-
*/let re=class extends y{getRenderClasses(){return{...super.getRenderClasses(),filled:!0,"toggle-filled":this.toggle}}};re.styles=[
|
|
485
|
+
*/let re=class extends y{getRenderClasses(){return{...super.getRenderClasses(),filled:!0,"toggle-filled":this.toggle}}};re.styles=[ue,mo];re=a([f("md-filled-icon-button")],re);const er=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledIconButton(){return re}},Symbol.toStringTag,{value:"Module"}));/**
|
|
425
486
|
* @license
|
|
426
487
|
* Copyright 2024 Google LLC
|
|
427
488
|
* SPDX-License-Identifier: Apache-2.0
|
|
428
|
-
*/const
|
|
489
|
+
*/const fo=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}}
|
|
429
490
|
`;/**
|
|
430
491
|
* @license
|
|
431
492
|
* Copyright 2022 Google LLC
|
|
432
493
|
* SPDX-License-Identifier: Apache-2.0
|
|
433
|
-
*/let ae=class extends y{getRenderClasses(){return{...super.getRenderClasses(),outlined:!0}}};ae.styles=[
|
|
494
|
+
*/let ae=class extends y{getRenderClasses(){return{...super.getRenderClasses(),outlined:!0}}};ae.styles=[ue,fo];ae=a([f("md-outlined-icon-button")],ae);const or=Object.freeze(Object.defineProperty({__proto__:null,get MdOutlinedIconButton(){return ae}},Symbol.toStringTag,{value:"Module"}));/**
|
|
434
495
|
* @license
|
|
435
496
|
* Copyright 2024 Google LLC
|
|
436
497
|
* SPDX-License-Identifier: Apache-2.0
|
|
437
|
-
*/const
|
|
498
|
+
*/const yo=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
499
|
`;/**
|
|
439
500
|
* @license
|
|
440
501
|
* Copyright 2022 Google LLC
|
|
441
502
|
* SPDX-License-Identifier: Apache-2.0
|
|
442
|
-
*/let ie=class extends y{getRenderClasses(){return{...super.getRenderClasses(),"filled-tonal":!0,"toggle-filled-tonal":this.toggle}}};ie.styles=[
|
|
503
|
+
*/let ie=class extends y{getRenderClasses(){return{...super.getRenderClasses(),"filled-tonal":!0,"toggle-filled-tonal":this.toggle}}};ie.styles=[ue,yo];ie=a([f("md-filled-tonal-icon-button")],ie);const ar=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledTonalIconButton(){return ie}},Symbol.toStringTag,{value:"Module"}));/**
|
|
443
504
|
* @license
|
|
444
505
|
* Copyright 2024 Google LLC
|
|
445
506
|
* SPDX-License-Identifier: Apache-2.0
|
|
446
|
-
*/const
|
|
507
|
+
*/const go=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
508
|
`;/**
|
|
448
509
|
* @license
|
|
449
510
|
* Copyright 2021 Google LLC
|
|
450
511
|
* SPDX-License-Identifier: Apache-2.0
|
|
451
|
-
*/let se=class extends y{getRenderClasses(){return{...super.getRenderClasses(),standard:!0}}};se.styles=[
|
|
512
|
+
*/let se=class extends y{getRenderClasses(){return{...super.getRenderClasses(),standard:!0}}};se.styles=[ue,go];se=a([f("md-icon-button")],se);const sr=Object.freeze(Object.defineProperty({__proto__:null,get MdIconButton(){return se}},Symbol.toStringTag,{value:"Module"}));/**
|
|
452
513
|
* @license
|
|
453
514
|
* Copyright 2023 Google LLC
|
|
454
515
|
* SPDX-License-Identifier: Apache-2.0
|
|
455
|
-
*/function
|
|
516
|
+
*/function dt(r,e=$){const t=pt(r,e);return t&&(t.tabIndex=0,t.focus()),t}function ht(r,e=$){const t=_o(r,e);return t&&(t.tabIndex=0,t.focus()),t}function xe(r,e=$){for(let t=0;t<r.length;t++){const o=r[t];if(o.tabIndex===0&&e(o))return{item:o,index:t}}return null}function pt(r,e=$){for(const t of r)if(e(t))return t;return null}function _o(r,e=$){for(let t=r.length-1;t>=0;t--){const o=r[t];if(e(o))return o}return null}function xo(r,e,t=$,o=!0){for(let i=1;i<r.length;i++){const s=(i+e)%r.length;if(s<e&&!o)return null;const n=r[s];if(t(n))return n}return r[e]?r[e]:null}function wo(r,e,t=$,o=!0){for(let i=1;i<r.length;i++){const s=(e-i+r.length)%r.length;if(s>e&&!o)return null;const n=r[s];if(t(n))return n}return r[e]?r[e]:null}function Ue(r,e,t=$,o=!0){if(e){const i=xo(r,e.index,t,o);return i&&(i.tabIndex=0,i.focus()),i}else return dt(r,t)}function Ge(r,e,t=$,o=!0){if(e){const i=wo(r,e.index,t,o);return i&&(i.tabIndex=0,i.focus()),i}else return ht(r,t)}function $(r){return!r.disabled}/**
|
|
456
517
|
* @license
|
|
457
518
|
* Copyright 2023 Google LLC
|
|
458
519
|
* SPDX-License-Identifier: Apache-2.0
|
|
459
|
-
*/const z={ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",Home:"Home",End:"End"};class
|
|
520
|
+
*/const z={ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",Home:"Home",End:"End"};class ko{constructor(e){this.handleKeydown=b=>{const h=b.key;if(b.defaultPrevented||!this.isNavigableKey(h))return;const u=this.items;if(!u.length)return;const w=xe(u,this.isActivatable);b.preventDefault();const be=this.isRtl(),ft=be?z.ArrowRight:z.ArrowLeft,yt=be?z.ArrowLeft:z.ArrowRight;let B=null;switch(h){case z.ArrowDown:case yt:B=Ue(u,w,this.isActivatable,this.wrapNavigation());break;case z.ArrowUp:case ft:B=Ge(u,w,this.isActivatable,this.wrapNavigation());break;case z.Home:B=dt(u,this.isActivatable);break;case z.End:B=ht(u,this.isActivatable);break}B&&w&&w.item!==B&&(w.item.tabIndex=-1)},this.onDeactivateItems=()=>{const b=this.items;for(const h of b)this.deactivateItem(h)},this.onRequestActivation=b=>{this.onDeactivateItems();const h=b.target;this.activateItem(h),h.focus()},this.onSlotchange=()=>{const b=this.items;let h=!1;for(const w of b){if(!w.disabled&&w.tabIndex>-1&&!h){h=!0,w.tabIndex=0;continue}w.tabIndex=-1}if(h)return;const u=pt(b,this.isActivatable);u&&(u.tabIndex=0)};const{isItem:t,getPossibleItems:o,isRtl:i,deactivateItem:s,activateItem:n,isNavigableKey:c,isActivatable:m,wrapNavigation:C}=e;this.isItem=t,this.getPossibleItems=o,this.isRtl=i,this.deactivateItem=s,this.activateItem=n,this.isNavigableKey=c,this.isActivatable=m,this.wrapNavigation=C??(()=>!0)}get items(){const e=this.getPossibleItems(),t=[];for(const o of e){if(this.isItem(o)){t.push(o);continue}const s=o.item;s&&this.isItem(s)&&t.push(s)}return t}activateNextItem(){const e=this.items,t=xe(e,this.isActivatable);return t&&(t.item.tabIndex=-1),Ue(e,t,this.isActivatable,this.wrapNavigation())}activatePreviousItem(){const e=this.items,t=xe(e,this.isActivatable);return t&&(t.item.tabIndex=-1),Ge(e,t,this.isActivatable,this.wrapNavigation())}}/**
|
|
460
521
|
* @license
|
|
461
522
|
* Copyright 2021 Google LLC
|
|
462
523
|
* SPDX-License-Identifier: Apache-2.0
|
|
463
|
-
*/const
|
|
524
|
+
*/const Co=new Set(Object.values(z));class vt extends _{get items(){return this.listController.items}constructor(){super(),this.listController=new ko({isItem:e=>e.hasAttribute("md-list-item"),getPossibleItems:()=>this.slotItems,isRtl:()=>getComputedStyle(this).direction==="rtl",deactivateItem:e=>{e.tabIndex=-1},activateItem:e=>{e.tabIndex=0},isNavigableKey:e=>Co.has(e),isActivatable:e=>!e.disabled&&e.type!=="text"}),this.internals=this.attachInternals(),this.internals.role="list",this.addEventListener("keydown",this.listController.handleKeydown)}render(){return d`
|
|
464
525
|
<slot
|
|
465
526
|
@deactivate-items=${this.listController.onDeactivateItems}
|
|
466
527
|
@request-activation=${this.listController.onRequestActivation}
|
|
467
528
|
@slotchange=${this.listController.onSlotchange}>
|
|
468
529
|
</slot>
|
|
469
|
-
`}activateNextItem(){return this.listController.activateNextItem()}activatePreviousItem(){return this.listController.activatePreviousItem()}}a([H({flatten:!0})],
|
|
530
|
+
`}activateNextItem(){return this.listController.activateNextItem()}activatePreviousItem(){return this.listController.activatePreviousItem()}}a([H({flatten:!0})],vt.prototype,"slotItems",void 0);/**
|
|
470
531
|
* @license
|
|
471
532
|
* Copyright 2024 Google LLC
|
|
472
533
|
* SPDX-License-Identifier: Apache-2.0
|
|
473
|
-
*/const
|
|
534
|
+
*/const Io=v`:host{background:var(--md-list-container-color, var(--md-sys-color-surface, #fef7ff));color:unset;display:flex;flex-direction:column;outline:none;padding:8px 0;position:relative}
|
|
474
535
|
`;/**
|
|
475
536
|
* @license
|
|
476
537
|
* Copyright 2021 Google LLC
|
|
477
538
|
* SPDX-License-Identifier: Apache-2.0
|
|
478
|
-
*/let ne=class extends
|
|
539
|
+
*/let ne=class extends vt{};ne.styles=[Io];ne=a([f("md-list")],ne);const lr=Object.freeze(Object.defineProperty({__proto__:null,get MdList(){return ne}},Symbol.toStringTag,{value:"Module"}));/**
|
|
479
540
|
* @license
|
|
480
541
|
* Copyright 2023 Google LLC
|
|
481
542
|
* SPDX-License-Identifier: Apache-2.0
|
|
482
|
-
*/class
|
|
543
|
+
*/class R extends _{constructor(){super(...arguments),this.disabled=!1,this.alwaysFocusable=!1,this.label="",this.hasIcon=!1}get rippleDisabled(){return this.disabled}focus(e){this.disabled&&!this.alwaysFocusable||super.focus(e)}render(){return d`
|
|
483
544
|
<div class="container ${M(this.getContainerClasses())}">
|
|
484
545
|
${this.renderContainerContent()}
|
|
485
546
|
</div>
|
|
@@ -496,11 +557,11 @@ 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 T,o as H,E a
|
|
|
496
557
|
</span>
|
|
497
558
|
<span class="label">${this.label}</span>
|
|
498
559
|
<span class="touch"></span>
|
|
499
|
-
`}handleIconChange(e){const t=e.target;this.hasIcon=t.assignedElements({flatten:!0}).length>0}}
|
|
560
|
+
`}handleIconChange(e){const t=e.target;this.hasIcon=t.assignedElements({flatten:!0}).length>0}}j(R);R.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0};a([l({type:Boolean,reflect:!0})],R.prototype,"disabled",void 0);a([l({type:Boolean,attribute:"always-focusable"})],R.prototype,"alwaysFocusable",void 0);a([l()],R.prototype,"label",void 0);a([l({type:Boolean,reflect:!0,attribute:"has-icon"})],R.prototype,"hasIcon",void 0);/**
|
|
500
561
|
* @license
|
|
501
562
|
* Copyright 2023 Google LLC
|
|
502
563
|
* SPDX-License-Identifier: Apache-2.0
|
|
503
|
-
*/class
|
|
564
|
+
*/class me extends R{constructor(){super(...arguments),this.elevated=!1,this.href="",this.target=""}get primaryId(){return this.href?"link":"button"}get rippleDisabled(){return!this.href&&this.disabled}getContainerClasses(){return{...super.getContainerClasses(),disabled:!this.href&&this.disabled,elevated:this.elevated,link:!!this.href}}renderPrimaryAction(e){const{ariaLabel:t}=this;return this.href?d`
|
|
504
565
|
<a
|
|
505
566
|
class="primary action"
|
|
506
567
|
id="link"
|
|
@@ -518,42 +579,42 @@ 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 T,o as H,E a
|
|
|
518
579
|
type="button"
|
|
519
580
|
>${e}</button
|
|
520
581
|
>
|
|
521
|
-
`}renderOutline(){return this.elevated?d`<md-elevation part="elevation"></md-elevation>`:super.renderOutline()}}a([l({type:Boolean})],
|
|
582
|
+
`}renderOutline(){return this.elevated?d`<md-elevation part="elevation"></md-elevation>`:super.renderOutline()}}a([l({type:Boolean})],me.prototype,"elevated",void 0);a([l()],me.prototype,"href",void 0);a([l()],me.prototype,"target",void 0);/**
|
|
522
583
|
* @license
|
|
523
584
|
* Copyright 2024 Google LLC
|
|
524
585
|
* SPDX-License-Identifier: Apache-2.0
|
|
525
|
-
*/const
|
|
586
|
+
*/const Eo=v`:host{--_container-height: var(--md-assist-chip-container-height, 32px);--_disabled-label-text-color: var(--md-assist-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-assist-chip-disabled-label-text-opacity, 0.38);--_elevated-container-color: var(--md-assist-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_elevated-container-elevation: var(--md-assist-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-assist-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-assist-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-assist-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-assist-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-assist-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-assist-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-assist-chip-elevated-pressed-container-elevation, 1);--_focus-label-text-color: var(--md-assist-chip-focus-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-label-text-color: var(--md-assist-chip-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-color: var(--md-assist-chip-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_hover-state-layer-opacity: var(--md-assist-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-assist-chip-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_label-text-font: var(--md-assist-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-assist-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-assist-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-assist-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-assist-chip-pressed-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color: var(--md-assist-chip-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-opacity: var(--md-assist-chip-pressed-state-layer-opacity, 0.12);--_disabled-outline-color: var(--md-assist-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-assist-chip-disabled-outline-opacity, 0.12);--_focus-outline-color: var(--md-assist-chip-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_outline-color: var(--md-assist-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-assist-chip-outline-width, 1px);--_disabled-leading-icon-color: var(--md-assist-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-assist-chip-disabled-leading-icon-opacity, 0.38);--_focus-leading-icon-color: var(--md-assist-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-assist-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-assist-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-assist-chip-icon-size, 18px);--_pressed-leading-icon-color: var(--md-assist-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-assist-chip-container-shape-start-start, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-assist-chip-container-shape-start-end, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-assist-chip-container-shape-end-end, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-assist-chip-container-shape-end-start, var(--md-assist-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-assist-chip-leading-space, 16px);--_trailing-space: var(--md-assist-chip-trailing-space, 16px);--_icon-label-space: var(--md-assist-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-assist-chip-with-leading-icon-leading-space, 8px)}@media(forced-colors: active){.link .outline{border-color:ActiveText}}
|
|
526
587
|
`;/**
|
|
527
588
|
* @license
|
|
528
589
|
* Copyright 2024 Google LLC
|
|
529
590
|
* SPDX-License-Identifier: Apache-2.0
|
|
530
|
-
*/const
|
|
591
|
+
*/const ut=v`.elevated{--md-elevation-level: var(--_elevated-container-elevation);--md-elevation-shadow-color: var(--_elevated-container-shadow-color)}.elevated::before{background:var(--_elevated-container-color)}.elevated:hover{--md-elevation-level: var(--_elevated-hover-container-elevation)}.elevated:focus-within{--md-elevation-level: var(--_elevated-focus-container-elevation)}.elevated:active{--md-elevation-level: var(--_elevated-pressed-container-elevation)}.elevated.disabled{--md-elevation-level: var(--_elevated-disabled-container-elevation)}.elevated.disabled::before{background:var(--_elevated-disabled-container-color);opacity:var(--_elevated-disabled-container-opacity)}@media(forced-colors: active){.elevated md-elevation{border:1px solid CanvasText}.elevated.disabled md-elevation{border-color:GrayText}}
|
|
531
592
|
`;/**
|
|
532
593
|
* @license
|
|
533
594
|
* Copyright 2024 Google LLC
|
|
534
595
|
* SPDX-License-Identifier: Apache-2.0
|
|
535
|
-
*/const
|
|
596
|
+
*/const mt=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);display:inline-flex;height:var(--_container-height);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,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)}:host([disabled]){pointer-events:none}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}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)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space)}.has-icon .primary.action{padding-inline-start:var(--_with-leading-icon-leading-space)}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}:host([touch-target=none]) .touch{display:none}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:where(:focus) .outline{border-color:var(--_focus-outline-color)}:where(.disabled) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;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);height:100%;text-overflow:ellipsis;user-select:none;white-space:nowrap}:where(:hover) .label{color:var(--_hover-label-text-color)}:where(:focus) .label{color:var(--_focus-label-text-color)}:where(:active) .label{color:var(--_pressed-label-text-color)}:where(.disabled) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}.leading.icon ::slotted(*),.leading.icon svg{margin-inline-end:var(--_icon-label-space)}:where(:hover) .leading.icon{color:var(--_hover-leading-icon-color)}:where(:focus) .leading.icon{color:var(--_focus-leading-icon-color)}:where(:active) .leading.icon{color:var(--_pressed-leading-icon-color)}:where(.disabled) .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){:where(.disabled) :is(.label,.outline,.leading.icon){color:GrayText;opacity:1}}a,button{text-transform:inherit}a,button:not(:disabled){cursor:inherit}
|
|
536
597
|
`;/**
|
|
537
598
|
* @license
|
|
538
599
|
* Copyright 2023 Google LLC
|
|
539
600
|
* SPDX-License-Identifier: Apache-2.0
|
|
540
|
-
*/let le=class extends
|
|
601
|
+
*/let le=class extends me{};le.styles=[mt,ut,Eo];le=a([f("md-assist-chip")],le);const dr=Object.freeze(Object.defineProperty({__proto__:null,get MdAssistChip(){return le}},Symbol.toStringTag,{value:"Module"}));/**
|
|
541
602
|
* @license
|
|
542
603
|
* Copyright 2023 Google LLC
|
|
543
604
|
* SPDX-License-Identifier: Apache-2.0
|
|
544
|
-
*/const Q="aria-label-remove";class
|
|
605
|
+
*/const Q="aria-label-remove";class To extends R{get ariaLabelRemove(){if(this.hasAttribute(Q))return this.getAttribute(Q);const{ariaLabel:e}=this;return`Remove ${e||this.label}`}set ariaLabelRemove(e){const t=this.ariaLabelRemove;e!==t&&(e===null?this.removeAttribute(Q):this.setAttribute(Q,e),this.requestUpdate())}constructor(){super(),this.handleTrailingActionFocus=this.handleTrailingActionFocus.bind(this),this.addEventListener("keydown",this.handleKeyDown.bind(this))}focus(e){if((this.alwaysFocusable||!this.disabled)&&e?.trailing&&this.trailingAction){this.trailingAction.focus(e);return}super.focus(e)}renderContainerContent(){return d`
|
|
545
606
|
${super.renderContainerContent()}
|
|
546
607
|
${this.renderTrailingAction(this.handleTrailingActionFocus)}
|
|
547
608
|
`}handleKeyDown(e){const t=e.key==="ArrowLeft",o=e.key==="ArrowRight";if(!t&&!o||!this.primaryAction||!this.trailingAction)return;const s=getComputedStyle(this).direction==="rtl"?t:o,n=this.primaryAction?.matches(":focus-within"),c=this.trailingAction?.matches(":focus-within");if(s&&c||!s&&n)return;e.preventDefault(),e.stopPropagation(),(s?this.trailingAction:this.primaryAction).focus()}handleTrailingActionFocus(){const{primaryAction:e,trailingAction:t}=this;!e||!t||(e.tabIndex=-1,t.addEventListener("focusout",()=>{e.tabIndex=0},{once:!0}))}}/**
|
|
548
609
|
* @license
|
|
549
610
|
* Copyright 2023 Google LLC
|
|
550
611
|
* SPDX-License-Identifier: Apache-2.0
|
|
551
|
-
*/function
|
|
612
|
+
*/function Ao({ariaLabel:r,disabled:e,focusListener:t,tabbable:o=!1}){return d`
|
|
552
613
|
<button
|
|
553
614
|
class="trailing action"
|
|
554
615
|
aria-label=${r}
|
|
555
616
|
tabindex=${o?p:-1}
|
|
556
|
-
@click=${
|
|
617
|
+
@click=${zo}
|
|
557
618
|
@focus=${t}>
|
|
558
619
|
<md-focus-ring part="trailing-focus-ring"></md-focus-ring>
|
|
559
620
|
<md-ripple ?disabled=${e}></md-ripple>
|
|
@@ -567,11 +628,11 @@ 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 T,o as H,E a
|
|
|
567
628
|
</span>
|
|
568
629
|
<span class="touch"></span>
|
|
569
630
|
</button>
|
|
570
|
-
`}function
|
|
631
|
+
`}function zo(r){this.disabled||(r.stopPropagation(),!this.dispatchEvent(new Event("remove",{cancelable:!0})))||this.remove()}/**
|
|
571
632
|
* @license
|
|
572
633
|
* Copyright 2023 Google LLC
|
|
573
634
|
* SPDX-License-Identifier: Apache-2.0
|
|
574
|
-
*/class
|
|
635
|
+
*/class O extends To{constructor(){super(...arguments),this.elevated=!1,this.removable=!1,this.selected=!1,this.hasSelectedIcon=!1}get primaryId(){return"button"}getContainerClasses(){return{...super.getContainerClasses(),elevated:this.elevated,selected:this.selected,"has-trailing":this.removable,"has-icon":this.hasIcon||this.selected}}renderPrimaryAction(e){const{ariaLabel:t}=this;return d`
|
|
575
636
|
<button
|
|
576
637
|
class="primary action"
|
|
577
638
|
id="button"
|
|
@@ -588,97 +649,36 @@ 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 T,o as H,E a
|
|
|
588
649
|
d="M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z" />
|
|
589
650
|
</svg>
|
|
590
651
|
</slot>
|
|
591
|
-
`:super.renderLeadingIcon()}renderTrailingAction(e){return this.removable?
|
|
652
|
+
`:super.renderLeadingIcon()}renderTrailingAction(e){return this.removable?Ao({focusListener:e,ariaLabel:this.ariaLabelRemove,disabled:this.disabled}):p}renderOutline(){return this.elevated?d`<md-elevation part="elevation"></md-elevation>`:super.renderOutline()}handleClick(e){if(this.disabled)return;const t=this.selected;if(this.selected=!this.selected,!Fe(this,e)){this.selected=t;return}}}a([l({type:Boolean})],O.prototype,"elevated",void 0);a([l({type:Boolean})],O.prototype,"removable",void 0);a([l({type:Boolean,reflect:!0})],O.prototype,"selected",void 0);a([l({type:Boolean,reflect:!0,attribute:"has-selected-icon"})],O.prototype,"hasSelectedIcon",void 0);a([T(".primary.action")],O.prototype,"primaryAction",void 0);a([T(".trailing.action")],O.prototype,"trailingAction",void 0);/**
|
|
592
653
|
* @license
|
|
593
654
|
* Copyright 2024 Google LLC
|
|
594
655
|
* SPDX-License-Identifier: Apache-2.0
|
|
595
|
-
*/const
|
|
656
|
+
*/const So=v`:host{--_container-height: var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color: var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation: var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color: var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color: var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation: var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity: var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation: var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation: var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation: var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color: var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font: var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color: var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color: var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color: var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity: var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color: var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color: var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color: var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity: var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color: var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color: var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color: var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity: var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color: var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color: var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-filter-chip-outline-width, 1px);--_selected-container-color: var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width: var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color: var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color: var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color: var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity: var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color: var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color: var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color: var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity: var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color: var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color: var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color: var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color: var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color: var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color: var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color: var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color: var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color: var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity: var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color: var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color: var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color: var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color: var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color: var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color: var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color: var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color: var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start: var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end: var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end: var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start: var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space: var(--md-filter-chip-leading-space, 16px);--_trailing-space: var(--md-filter-chip-trailing-space, 16px);--_icon-label-space: var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space: var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space: var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)}@media(forced-colors: active){.disabled .checkmark{opacity:1}}
|
|
596
657
|
`;/**
|
|
597
658
|
* @license
|
|
598
659
|
* Copyright 2024 Google LLC
|
|
599
660
|
* SPDX-License-Identifier: Apache-2.0
|
|
600
|
-
*/const
|
|
661
|
+
*/const $o=v`.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)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)}@media(forced-colors: active){:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}}
|
|
601
662
|
`;/**
|
|
602
663
|
* @license
|
|
603
664
|
* Copyright 2024 Google LLC
|
|
604
665
|
* SPDX-License-Identifier: Apache-2.0
|
|
605
|
-
*/const
|
|
666
|
+
*/const Ro=v`.trailing.action{align-items:center;justify-content:center;padding-inline-start:var(--_icon-label-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}.trailing.action :is(md-ripple,md-focus-ring){border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.trailing.action md-focus-ring{inset:unset}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:where(:hover) .trailing.icon{color:var(--_hover-trailing-icon-color)}:where(:focus) .trailing.icon{color:var(--_focus-trailing-icon-color)}:where(:active) .trailing.icon{color:var(--_pressed-trailing-icon-color)}:where(.disabled) .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}:where(.selected) .trailing.icon{color:var(--_selected-trailing-icon-color)}:where(.selected:hover) .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}:where(.selected:focus) .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}:where(.selected:active) .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}@media(forced-colors: active){.trailing.icon{color:ButtonText}:where(.disabled) .trailing.icon{color:GrayText;opacity:1}}
|
|
606
667
|
`;/**
|
|
607
668
|
* @license
|
|
608
669
|
* Copyright 2023 Google LLC
|
|
609
670
|
* SPDX-License-Identifier: Apache-2.0
|
|
610
|
-
*/let ce=class extends
|
|
671
|
+
*/let ce=class extends O{};ce.styles=[mt,ut,Ro,$o,So];ce=a([f("md-filter-chip")],ce);const pr=Object.freeze(Object.defineProperty({__proto__:null,get MdFilterChip(){return ce}},Symbol.toStringTag,{value:"Module"}));/**
|
|
611
672
|
* @license
|
|
612
673
|
* Copyright 2023 Google LLC
|
|
613
674
|
* SPDX-License-Identifier: Apache-2.0
|
|
614
|
-
*/class
|
|
675
|
+
*/class bt extends _{get chips(){return this.childElements.filter(e=>e instanceof R)}constructor(){super(),this.internals=this.attachInternals(),this.addEventListener("focusin",this.updateTabIndices.bind(this)),this.addEventListener("update-focus",this.updateTabIndices.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.internals.role="toolbar"}render(){return d`<slot @slotchange=${this.updateTabIndices}></slot>`}handleKeyDown(e){const t=e.key==="ArrowLeft",o=e.key==="ArrowRight",i=e.key==="Home",s=e.key==="End";if(!t&&!o&&!i&&!s)return;const{chips:n}=this;if(n.length<2)return;if(e.preventDefault(),i||s){const u=i?0:n.length-1;n[u].focus({trailing:s}),this.updateTabIndices();return}const m=getComputedStyle(this).direction==="rtl"?t:o,C=n.find(u=>u.matches(":focus-within"));if(!C){(m?n[0]:n[n.length-1]).focus({trailing:!m}),this.updateTabIndices();return}const b=n.indexOf(C);let h=m?b+1:b-1;for(;h!==b;){h>=n.length?h=0:h<0&&(h=n.length-1);const u=n[h];if(u.disabled&&!u.alwaysFocusable){m?h++:h--;continue}u.focus({trailing:!m}),this.updateTabIndices();break}}updateTabIndices(){const{chips:e}=this;let t;for(const o of e){const i=o.alwaysFocusable||!o.disabled;if(o.matches(":focus-within")&&i){t=o;continue}i&&!t&&(t=o),o.tabIndex=-1}t&&(t.tabIndex=0)}}a([H()],bt.prototype,"childElements",void 0);/**
|
|
615
676
|
* @license
|
|
616
677
|
* Copyright 2024 Google LLC
|
|
617
678
|
* SPDX-License-Identifier: Apache-2.0
|
|
618
|
-
*/const
|
|
679
|
+
*/const Mo=v`:host{display:flex;flex-wrap:wrap;gap:8px}
|
|
619
680
|
`;/**
|
|
620
681
|
* @license
|
|
621
682
|
* Copyright 2023 Google LLC
|
|
622
683
|
* SPDX-License-Identifier: Apache-2.0
|
|
623
|
-
*/let de=class extends
|
|
624
|
-
* @license
|
|
625
|
-
* Copyright 2023 Google LLC
|
|
626
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
627
|
-
*/const bt=Symbol("dispatchHooks");function So(r,e){const t=r[bt];if(!t)throw new Error(`'${r.type}' event needs setupDispatchHooks().`);t.addEventListener("after",e)}const Ge=new WeakMap;function $o(r,...e){let t=Ge.get(r);t||(t=new Set,Ge.set(r,t));for(const o of e){if(t.has(o))continue;let i=!1;r.addEventListener(o,s=>{if(i)return;s.stopImmediatePropagation();const n=Reflect.construct(s.constructor,[s.type,s]),c=new EventTarget;n[bt]=c,i=!0;const m=r.dispatchEvent(n);i=!1,m||s.preventDefault(),c.dispatchEvent(new Event("after"))},{capture:!0}),t.add(o)}}/**
|
|
628
|
-
* @license
|
|
629
|
-
* Copyright 2021 Google LLC
|
|
630
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
631
|
-
*/const Ro=Pe(De(U(_)));class R extends Ro{constructor(){super(),this.selected=!1,this.icons=!1,this.showOnlySelectedIcon=!1,this.required=!1,this.value="on",this.addEventListener("click",e=>{!pe(e)||!this.input||(this.focus(),Be(this.input))}),$o(this,"keydown"),this.addEventListener("keydown",e=>{So(e,()=>{e.defaultPrevented||e.key!=="Enter"||this.disabled||!this.input||this.input.click()})})}render(){return d`
|
|
632
|
-
<div class="switch ${M(this.getRenderClasses())}">
|
|
633
|
-
<input
|
|
634
|
-
id="switch"
|
|
635
|
-
class="touch"
|
|
636
|
-
type="checkbox"
|
|
637
|
-
role="switch"
|
|
638
|
-
aria-label=${this.ariaLabel||p}
|
|
639
|
-
?checked=${this.selected}
|
|
640
|
-
?disabled=${this.disabled}
|
|
641
|
-
?required=${this.required}
|
|
642
|
-
@input=${this.handleInput}
|
|
643
|
-
@change=${this.handleChange} />
|
|
644
|
-
|
|
645
|
-
<md-focus-ring part="focus-ring" for="switch"></md-focus-ring>
|
|
646
|
-
<span class="track"> ${this.renderHandle()} </span>
|
|
647
|
-
</div>
|
|
648
|
-
`}getRenderClasses(){return{selected:this.selected,unselected:!this.selected,disabled:this.disabled}}renderHandle(){const e={"with-icon":this.showOnlySelectedIcon?this.selected:this.icons};return d`
|
|
649
|
-
${this.renderTouchTarget()}
|
|
650
|
-
<span class="handle-container">
|
|
651
|
-
<md-ripple for="switch" ?disabled="${this.disabled}"></md-ripple>
|
|
652
|
-
<span class="handle ${M(e)}">
|
|
653
|
-
${this.shouldShowIcons()?this.renderIcons():d``}
|
|
654
|
-
</span>
|
|
655
|
-
</span>
|
|
656
|
-
`}renderIcons(){return d`
|
|
657
|
-
<div class="icons">
|
|
658
|
-
${this.renderOnIcon()}
|
|
659
|
-
${this.showOnlySelectedIcon?d``:this.renderOffIcon()}
|
|
660
|
-
</div>
|
|
661
|
-
`}renderOnIcon(){return d`
|
|
662
|
-
<slot class="icon icon--on" name="on-icon">
|
|
663
|
-
<svg viewBox="0 0 24 24">
|
|
664
|
-
<path
|
|
665
|
-
d="M9.55 18.2 3.65 12.3 5.275 10.675 9.55 14.95 18.725 5.775 20.35 7.4Z" />
|
|
666
|
-
</svg>
|
|
667
|
-
</slot>
|
|
668
|
-
`}renderOffIcon(){return d`
|
|
669
|
-
<slot class="icon icon--off" name="off-icon">
|
|
670
|
-
<svg viewBox="0 0 24 24">
|
|
671
|
-
<path
|
|
672
|
-
d="M6.4 19.2 4.8 17.6 10.4 12 4.8 6.4 6.4 4.8 12 10.4 17.6 4.8 19.2 6.4 13.6 12 19.2 17.6 17.6 19.2 12 13.6Z" />
|
|
673
|
-
</svg>
|
|
674
|
-
</slot>
|
|
675
|
-
`}renderTouchTarget(){return d`<span class="touch"></span>`}shouldShowIcons(){return this.icons||this.showOnlySelectedIcon}handleInput(e){const t=e.target;this.selected=t.checked}handleChange(e){Fe(this,e)}[P](){return this.selected?this.value:null}[q](){return String(this.selected)}formResetCallback(){this.selected=this.hasAttribute("selected")}formStateRestoreCallback(e){this.selected=e==="true"}[N](){return new rt(()=>({checked:this.selected,required:this.required}))}[V](){return this.input}}K(R);R.shadowRootOptions={mode:"open",delegatesFocus:!0};a([l({type:Boolean})],R.prototype,"selected",void 0);a([l({type:Boolean})],R.prototype,"icons",void 0);a([l({type:Boolean,attribute:"show-only-selected-icon"})],R.prototype,"showOnlySelectedIcon",void 0);a([l({type:Boolean})],R.prototype,"required",void 0);a([l()],R.prototype,"value",void 0);a([T("input")],R.prototype,"input",void 0);/**
|
|
676
|
-
* @license
|
|
677
|
-
* Copyright 2024 Google LLC
|
|
678
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
679
|
-
*/const Mo=v`@layer styles, hcm;@layer styles{:host{display:inline-flex;outline:none;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-switch-track-height, 32px))/2) 0px}md-focus-ring{--md-focus-ring-shape-start-start: var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-start-end: var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-end: var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));--md-focus-ring-shape-end-start: var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}.switch{align-items:center;display:inline-flex;flex-shrink:0;position:relative;width:var(--md-switch-track-width, 52px);height:var(--md-switch-track-height, 32px);border-start-start-radius:var(--md-switch-track-shape-start-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-track-shape-start-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-track-shape-end-end, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-track-shape-end-start, var(--md-switch-track-shape, var(--md-sys-shape-corner-full, 9999px)))}input{appearance:none;height:48px;outline:none;margin:0;position:absolute;width:100%;z-index:1;cursor:inherit}:host([touch-target=none]) input{display:none}}@layer styles{.track{position:absolute;width:100%;height:100%;box-sizing:border-box;border-radius:inherit;display:flex;justify-content:center;align-items:center}.track::before{content:"";display:flex;position:absolute;height:100%;width:100%;border-radius:inherit;box-sizing:border-box;transition-property:opacity,background-color;transition-timing-function:linear;transition-duration:67ms}.disabled .track{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.disabled .track::before,.disabled .track::after{transition:none;opacity:var(--md-switch-disabled-track-opacity, 0.12)}.disabled .track::before{background-clip:content-box}.selected .track::before{background-color:var(--md-switch-selected-track-color, var(--md-sys-color-primary, #6750a4))}.selected:hover .track::before{background-color:var(--md-switch-selected-hover-track-color, var(--md-sys-color-primary, #6750a4))}.selected:focus-within .track::before{background-color:var(--md-switch-selected-focus-track-color, var(--md-sys-color-primary, #6750a4))}.selected:active .track::before{background-color:var(--md-switch-selected-pressed-track-color, var(--md-sys-color-primary, #6750a4))}.selected.disabled .track{background-clip:border-box}.selected.disabled .track::before{background-color:var(--md-switch-disabled-selected-track-color, var(--md-sys-color-on-surface, #1d1b20))}.unselected .track::before{background-color:var(--md-switch-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-track-outline-color, var(--md-sys-color-outline, #79747e));border-style:solid;border-width:var(--md-switch-track-outline-width, 2px)}.unselected:hover .track::before{background-color:var(--md-switch-hover-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-hover-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:focus-visible .track::before{background-color:var(--md-switch-focus-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-focus-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected:active .track::before{background-color:var(--md-switch-pressed-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-pressed-track-outline-color, var(--md-sys-color-outline, #79747e))}.unselected.disabled .track::before{background-color:var(--md-switch-disabled-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));border-color:var(--md-switch-disabled-track-outline-color, var(--md-sys-color-on-surface, #1d1b20))}}@layer hcm{@media(forced-colors: active){.selected .track::before{background:ButtonText;border-color:ButtonText}.disabled .track::before{border-color:GrayText;opacity:1}.disabled.selected .track::before{background:GrayText}}}@layer styles{.handle-container{display:flex;place-content:center;place-items:center;position:relative;transition:margin 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}.selected .handle-container{margin-inline-start:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.unselected .handle-container{margin-inline-end:calc(var(--md-switch-track-width, 52px) - var(--md-switch-track-height, 32px))}.disabled .handle-container{transition:none}.handle{border-start-start-radius:var(--md-switch-handle-shape-start-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-start-end-radius:var(--md-switch-handle-shape-start-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-end-radius:var(--md-switch-handle-shape-end-end, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));border-end-start-radius:var(--md-switch-handle-shape-end-start, var(--md-switch-handle-shape, var(--md-sys-shape-corner-full, 9999px)));height:var(--md-switch-handle-height, 16px);width:var(--md-switch-handle-width, 16px);transform-origin:center;transition-property:height,width;transition-duration:250ms,250ms;transition-timing-function:cubic-bezier(0.2, 0, 0, 1),cubic-bezier(0.2, 0, 0, 1);z-index:0}.handle::before{content:"";display:flex;inset:0;position:absolute;border-radius:inherit;box-sizing:border-box;transition:background-color 67ms linear}.disabled .handle,.disabled .handle::before{transition:none}.selected .handle{height:var(--md-switch-selected-handle-height, 24px);width:var(--md-switch-selected-handle-width, 24px)}.handle.with-icon{height:var(--md-switch-with-icon-handle-height, 24px);width:var(--md-switch-with-icon-handle-width, 24px)}.selected:not(.disabled):active .handle,.unselected:not(.disabled):active .handle{height:var(--md-switch-pressed-handle-height, 28px);width:var(--md-switch-pressed-handle-width, 28px);transition-timing-function:linear;transition-duration:100ms}.selected .handle::before{background-color:var(--md-switch-selected-handle-color, var(--md-sys-color-on-primary, #fff))}.selected:hover .handle::before{background-color:var(--md-switch-selected-hover-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:focus-within .handle::before{background-color:var(--md-switch-selected-focus-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected:active .handle::before{background-color:var(--md-switch-selected-pressed-handle-color, var(--md-sys-color-primary-container, #eaddff))}.selected.disabled .handle::before{background-color:var(--md-switch-disabled-selected-handle-color, var(--md-sys-color-surface, #fef7ff));opacity:var(--md-switch-disabled-selected-handle-opacity, 1)}.unselected .handle::before{background-color:var(--md-switch-handle-color, var(--md-sys-color-outline, #79747e))}.unselected:hover .handle::before{background-color:var(--md-switch-hover-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:focus-within .handle::before{background-color:var(--md-switch-focus-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected:active .handle::before{background-color:var(--md-switch-pressed-handle-color, var(--md-sys-color-on-surface-variant, #49454f))}.unselected.disabled .handle::before{background-color:var(--md-switch-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-handle-opacity, 0.38)}md-ripple{border-radius:var(--md-switch-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-switch-state-layer-size, 40px);inset:unset;width:var(--md-switch-state-layer-size, 40px)}.selected md-ripple{--md-ripple-hover-color: var(--md-switch-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-color: var(--md-switch-selected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-switch-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-selected-pressed-state-layer-opacity, 0.12)}.unselected md-ripple{--md-ripple-hover-color: var(--md-switch-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-color: var(--md-switch-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-switch-hover-state-layer-opacity, 0.08);--md-ripple-pressed-opacity: var(--md-switch-pressed-state-layer-opacity, 0.12)}}@layer hcm{@media(forced-colors: active){.unselected .handle::before{background:ButtonText}.disabled .handle::before{opacity:1}.disabled.unselected .handle::before{background:GrayText}}}@layer styles{.icons{position:relative;height:100%;width:100%}.icon{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;fill:currentColor;transition:fill 67ms linear,opacity 33ms linear,transform 167ms cubic-bezier(0.2, 0, 0, 1);opacity:0}.disabled .icon{transition:none}.selected .icon--on,.unselected .icon--off{opacity:1}.unselected .handle:not(.with-icon) .icon--on{transform:rotate(-45deg)}.icon--off{width:var(--md-switch-icon-size, 16px);height:var(--md-switch-icon-size, 16px);color:var(--md-switch-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:hover .icon--off{color:var(--md-switch-hover-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:focus-within .icon--off{color:var(--md-switch-focus-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected:active .icon--off{color:var(--md-switch-pressed-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9))}.unselected.disabled .icon--off{color:var(--md-switch-disabled-icon-color, var(--md-sys-color-surface-container-highest, #e6e0e9));opacity:var(--md-switch-disabled-icon-opacity, 0.38)}.icon--on{width:var(--md-switch-selected-icon-size, 16px);height:var(--md-switch-selected-icon-size, 16px);color:var(--md-switch-selected-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:hover .icon--on{color:var(--md-switch-selected-hover-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:focus-within .icon--on{color:var(--md-switch-selected-focus-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected:active .icon--on{color:var(--md-switch-selected-pressed-icon-color, var(--md-sys-color-on-primary-container, #21005d))}.selected.disabled .icon--on{color:var(--md-switch-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-switch-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon--off{fill:Canvas}.icon--on{fill:ButtonText}.disabled.unselected .icon--off,.disabled.selected .icon--on{opacity:1}.disabled .icon--on{fill:GrayText}}}
|
|
680
|
-
`;/**
|
|
681
|
-
* @license
|
|
682
|
-
* Copyright 2021 Google LLC
|
|
683
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
684
|
-
*/let he=class extends R{};he.styles=[Mo];he=a([f("md-switch")],he);const mr=Object.freeze(Object.defineProperty({__proto__:null,get MdSwitch(){return he}},Symbol.toStringTag,{value:"Module"}));export{$e as M,mr as _,Re as a,Oe as b,rr as c,ir as d,cr as e,Qo as f,hr as g,vr as h,Po as i,nr as l,Bo as m,tr as o,Vo as r};
|
|
684
|
+
*/let de=class extends bt{};de.styles=[Mo];de=a([f("md-chip-set")],de);const ur=Object.freeze(Object.defineProperty({__proto__:null,get MdChipSet(){return de}},Symbol.toStringTag,{value:"Module"}));export{$e as M,Re as a,Le as b,ar as c,sr as d,dr as e,er as f,pr as g,ur as h,Po as i,lr as l,Bo as m,or as o,No as r};
|