scb-wc-test 0.1.1
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/README.md +130 -0
- package/all.js +54 -0
- package/dummy.png +0 -0
- package/index.d.ts +54 -0
- package/index.js +108 -0
- package/mvc/components/all.js +53 -0
- package/mvc/components/scb-accordion/scb-accordion-item.js +194 -0
- package/mvc/components/scb-accordion/scb-accordion.js +5 -0
- package/mvc/components/scb-app-bar/scb-app-bar.js +144 -0
- package/mvc/components/scb-avatar/scb-avatar.js +99 -0
- package/mvc/components/scb-breadcrumb/scb-breadcrumb-item.js +17 -0
- package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +52 -0
- package/mvc/components/scb-button/scb-button.js +121 -0
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +140 -0
- package/mvc/components/scb-card/scb-card.js +256 -0
- package/mvc/components/scb-checkbox/scb-checkbox-group.js +33 -0
- package/mvc/components/scb-checkbox/scb-checkbox.js +99 -0
- package/mvc/components/scb-chips/scb-chip.js +46 -0
- package/mvc/components/scb-dialog/scb-dialog.js +158 -0
- package/mvc/components/scb-divider/scb-divider.js +53 -0
- package/mvc/components/scb-drawer/scb-drawer-item.js +114 -0
- package/mvc/components/scb-drawer/scb-drawer-section.js +19 -0
- package/mvc/components/scb-drawer/scb-drawer.js +79 -0
- package/mvc/components/scb-drawer/scb-sub-drawer.js +10 -0
- package/mvc/components/scb-fact-card/scb-fact-card-content.js +44 -0
- package/mvc/components/scb-fact-card/scb-fact-card.js +66 -0
- package/mvc/components/scb-footer/scb-footer-section.js +3 -0
- package/mvc/components/scb-footer/scb-footer.js +205 -0
- package/mvc/components/scb-grid/scb-grid-item.js +9 -0
- package/mvc/components/scb-grid/scb-grid.js +81 -0
- package/mvc/components/scb-grid/scb-stack.js +16 -0
- package/mvc/components/scb-header/scb-header-drawer-group.js +1 -0
- package/mvc/components/scb-header/scb-header-drawer-item.js +1 -0
- package/mvc/components/scb-header/scb-header-tab.js +1 -0
- package/mvc/components/scb-header/scb-header-utility.js +1 -0
- package/mvc/components/scb-header/scb-header.js +240 -0
- package/mvc/components/scb-icon-button/scb-icon-button.js +95 -0
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +69 -0
- package/mvc/components/scb-link/scb-link.js +31 -0
- package/mvc/components/scb-list/scb-list-item.js +38 -0
- package/mvc/components/scb-list/scb-list.js +10 -0
- package/mvc/components/scb-menu/scb-menu-item.js +44 -0
- package/mvc/components/scb-menu/scb-menu.js +17 -0
- package/mvc/components/scb-menu/scb-sub-menu.js +29 -0
- package/mvc/components/scb-notification/scb-notification.js +120 -0
- package/mvc/components/scb-progress-indicator/scb-progress-indicator.js +84 -0
- package/mvc/components/scb-radio-button/scb-radio-button.js +95 -0
- package/mvc/components/scb-radio-button/scb-radio-group.js +28 -0
- package/mvc/components/scb-search/scb-search.js +211 -0
- package/mvc/components/scb-snackbar/scb-snackbar.js +83 -0
- package/mvc/components/scb-status-pill/scb-status-pill.js +31 -0
- package/mvc/components/scb-switch/scb-switch.js +54 -0
- package/mvc/components/scb-tabs/scb-primary-tab.js +7 -0
- package/mvc/components/scb-tabs/scb-secondary-tab.js +7 -0
- package/mvc/components/scb-tabs/scb-tabs.js +23 -0
- package/mvc/components/scb-textfield/scb-textfield.js +135 -0
- package/mvc/components/scb-toc/scb-toc-item.js +84 -0
- package/mvc/components/scb-toc/scb-toc.js +6 -0
- package/mvc/components/scb-tooltip/scb-tooltip.js +216 -0
- package/mvc/scb-logo.svg +21 -0
- package/mvc/scb-wc-test.css +1 -0
- package/mvc/scb.svg +14 -0
- package/mvc/vendor/preload-helper.js +1 -0
- package/mvc/vendor/vendor-lit.js +1 -0
- package/mvc/vendor/vendor-material.js +764 -0
- package/mvc/vendor/vendor.js +68 -0
- package/package.json +248 -0
- package/scb-accordion/scb-accordion-item.d.ts +37 -0
- package/scb-accordion/scb-accordion-item.js +343 -0
- package/scb-accordion/scb-accordion.d.ts +6 -0
- package/scb-accordion/scb-accordion.js +33 -0
- package/scb-app-bar/scb-app-bar.d.ts +10 -0
- package/scb-app-bar/scb-app-bar.js +192 -0
- package/scb-avatar/scb-avatar.d.ts +30 -0
- package/scb-avatar/scb-avatar.js +169 -0
- package/scb-breadcrumb/scb-breadcrumb-item.d.ts +9 -0
- package/scb-breadcrumb/scb-breadcrumb-item.js +54 -0
- package/scb-breadcrumb/scb-breadcrumb.d.ts +16 -0
- package/scb-breadcrumb/scb-breadcrumb.js +105 -0
- package/scb-button/scb-button.d.ts +26 -0
- package/scb-button/scb-button.js +247 -0
- package/scb-calendar-card/scb-calendar-card.d.ts +20 -0
- package/scb-calendar-card/scb-calendar-card.js +191 -0
- package/scb-card/scb-card.d.ts +24 -0
- package/scb-card/scb-card.js +345 -0
- package/scb-checkbox/scb-checkbox-group.d.ts +17 -0
- package/scb-checkbox/scb-checkbox-group.js +80 -0
- package/scb-checkbox/scb-checkbox.d.ts +20 -0
- package/scb-checkbox/scb-checkbox.js +157 -0
- package/scb-chips/scb-chip.d.ts +24 -0
- package/scb-chips/scb-chip.js +150 -0
- package/scb-dialog/scb-dialog.d.ts +58 -0
- package/scb-dialog/scb-dialog.js +390 -0
- package/scb-divider/scb-divider.d.ts +9 -0
- package/scb-divider/scb-divider.js +85 -0
- package/scb-drawer/scb-drawer-item.d.ts +61 -0
- package/scb-drawer/scb-drawer-item.js +220 -0
- package/scb-drawer/scb-drawer-section.d.ts +7 -0
- package/scb-drawer/scb-drawer-section.js +44 -0
- package/scb-drawer/scb-drawer.d.ts +97 -0
- package/scb-drawer/scb-drawer.js +258 -0
- package/scb-drawer/scb-sub-drawer.d.ts +10 -0
- package/scb-drawer/scb-sub-drawer.js +43 -0
- package/scb-fact-card/scb-fact-card-content.d.ts +10 -0
- package/scb-fact-card/scb-fact-card-content.js +83 -0
- package/scb-fact-card/scb-fact-card.d.ts +15 -0
- package/scb-fact-card/scb-fact-card.js +110 -0
- package/scb-footer/scb-footer-section.d.ts +21 -0
- package/scb-footer/scb-footer-section.js +28 -0
- package/scb-footer/scb-footer.d.ts +27 -0
- package/scb-footer/scb-footer.js +326 -0
- package/scb-grid/scb-grid-item.d.ts +28 -0
- package/scb-grid/scb-grid-item.js +66 -0
- package/scb-grid/scb-grid.d.ts +33 -0
- package/scb-grid/scb-grid.js +152 -0
- package/scb-grid/scb-stack.d.ts +29 -0
- package/scb-grid/scb-stack.js +82 -0
- package/scb-header/scb-header-drawer-group.d.ts +13 -0
- package/scb-header/scb-header-drawer-group.js +28 -0
- package/scb-header/scb-header-drawer-item.d.ts +14 -0
- package/scb-header/scb-header-drawer-item.js +31 -0
- package/scb-header/scb-header-tab.d.ts +13 -0
- package/scb-header/scb-header-tab.js +28 -0
- package/scb-header/scb-header-utility.d.ts +14 -0
- package/scb-header/scb-header-utility.js +31 -0
- package/scb-header/scb-header.d.ts +105 -0
- package/scb-header/scb-header.js +618 -0
- package/scb-icon-button/scb-icon-button.d.ts +31 -0
- package/scb-icon-button/scb-icon-button.js +208 -0
- package/scb-keyfigure-card/scb-keyfigure-card.d.ts +13 -0
- package/scb-keyfigure-card/scb-keyfigure-card.js +119 -0
- package/scb-link/scb-link.d.ts +17 -0
- package/scb-link/scb-link.js +74 -0
- package/scb-list/scb-list-item.d.ts +32 -0
- package/scb-list/scb-list-item.js +144 -0
- package/scb-list/scb-list.d.ts +8 -0
- package/scb-list/scb-list.js +39 -0
- package/scb-logo.svg +21 -0
- package/scb-menu/scb-menu-item.d.ts +22 -0
- package/scb-menu/scb-menu-item.js +107 -0
- package/scb-menu/scb-menu.d.ts +21 -0
- package/scb-menu/scb-menu.js +98 -0
- package/scb-menu/scb-sub-menu.d.ts +12 -0
- package/scb-menu/scb-sub-menu.js +69 -0
- package/scb-notification/scb-notification.d.ts +16 -0
- package/scb-notification/scb-notification.js +187 -0
- package/scb-progress-indicator/scb-progress-indicator.d.ts +11 -0
- package/scb-progress-indicator/scb-progress-indicator.js +122 -0
- package/scb-radio-button/scb-radio-button.d.ts +19 -0
- package/scb-radio-button/scb-radio-button.js +176 -0
- package/scb-radio-button/scb-radio-group.d.ts +20 -0
- package/scb-radio-button/scb-radio-group.js +81 -0
- package/scb-search/scb-search.d.ts +45 -0
- package/scb-search/scb-search.js +410 -0
- package/scb-snackbar/scb-snackbar.d.ts +17 -0
- package/scb-snackbar/scb-snackbar.js +140 -0
- package/scb-status-pill/scb-status-pill.d.ts +9 -0
- package/scb-status-pill/scb-status-pill.js +62 -0
- package/scb-switch/scb-switch.d.ts +21 -0
- package/scb-switch/scb-switch.js +111 -0
- package/scb-tabs/scb-primary-tab.d.ts +17 -0
- package/scb-tabs/scb-primary-tab.js +93 -0
- package/scb-tabs/scb-secondary-tab.d.ts +17 -0
- package/scb-tabs/scb-secondary-tab.js +97 -0
- package/scb-tabs/scb-tabs.d.ts +10 -0
- package/scb-tabs/scb-tabs.js +66 -0
- package/scb-textfield/scb-textfield.d.ts +41 -0
- package/scb-textfield/scb-textfield.js +258 -0
- package/scb-toc/scb-toc-item.d.ts +21 -0
- package/scb-toc/scb-toc-item.js +196 -0
- package/scb-toc/scb-toc.d.ts +6 -0
- package/scb-toc/scb-toc.js +27 -0
- package/scb-tooltip/scb-tooltip.d.ts +32 -0
- package/scb-tooltip/scb-tooltip.js +329 -0
- package/scb-wc-test.bundle.js +5429 -0
- package/scb-wc-test.css +1 -0
- package/scb-wc-test.d.ts +106 -0
- package/scb.svg +14 -0
|
@@ -0,0 +1,764 @@
|
|
|
1
|
+
import{i as y,e as S,x as c,_ as a,r as L,n as l,a as I,b as v,t as f,E as h,c as Ct,o as K,d as q,u as Je,f as It}from"./vendor.js";/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/const Qe=Symbol("attachableController");let et;et=new MutationObserver(r=>{for(const e of r)e.target[Qe]?.hostConnected()});class tt{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(e){e===null?this.host.removeAttribute("for"):this.host.setAttribute("for",e)}get control(){return this.host.hasAttribute("for")?!this.htmlFor||!this.host.isConnected?null:this.host.getRootNode().querySelector(`#${this.htmlFor}`):this.currentControl||this.host.parentElement}set control(e){e?this.attach(e):this.detach()}constructor(e,t){this.host=e,this.onControlChange=t,this.currentControl=null,e.addController(this),e[Qe]=this,et?.observe(e,{attributeFilter:["for"]})}attach(e){e!==this.currentControl&&(this.setCurrentControl(e),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(e){this.onControlChange(this.currentControl,e),this.currentControl=e}}/**
|
|
6
|
+
* @license
|
|
7
|
+
* Copyright 2021 Google LLC
|
|
8
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
9
|
+
*/const ot={STANDARD:"cubic-bezier(0.2, 0, 0, 1)",EMPHASIZED:"cubic-bezier(.3,0,0,1)"};/**
|
|
10
|
+
* @license
|
|
11
|
+
* Copyright 2022 Google LLC
|
|
12
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
13
|
+
*/const Tt=450,Ue=225,Et=.2,zt=10,At=75,St=.35,$t="::after",Rt="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 Mt=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],Ot=150,Lt=window.matchMedia("(forced-colors: active)");class G extends y{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 tt(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 c`<div class="surface ${S(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,Ot)}),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(St*o,At),s=Math.floor(o*Et),d=Math.sqrt(t**2+e**2)+zt;this.initialSize=s,this.rippleScale=`${(d+i)/s}`,this.rippleSize=`${s}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:o}=window,{left:i,top:s}=this.getBoundingClientRect(),n=t+i,d=o+s,{pageX:m,pageY:C}=e;return{x:m-n,y:C-d}}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:$t,duration:Tt,easing:ot.STANDARD,fill:Rt})}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>=Ue){this.pressed=!1;return}await new Promise(o=>{setTimeout(o,Ue-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 Mt)e?.removeEventListener(o,this),t?.addEventListener(o,this)}}a([l({type:Boolean,reflect:!0})],G.prototype,"disabled",void 0);a([L()],G.prototype,"hovered",void 0);a([L()],G.prototype,"pressed",void 0);a([I(".surface")],G.prototype,"mdRoot",void 0);/**
|
|
14
|
+
* @license
|
|
15
|
+
* Copyright 2024 Google LLC
|
|
16
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
17
|
+
*/const Bt=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}
|
|
18
|
+
`;/**
|
|
19
|
+
* @license
|
|
20
|
+
* Copyright 2022 Google LLC
|
|
21
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
22
|
+
*/let oe=class extends G{};oe.styles=[Bt];oe=a([f("md-ripple")],oe);const Uo=Object.freeze(Object.defineProperty({__proto__:null,get MdRipple(){return oe}},Symbol.toStringTag,{value:"Module"}));/**
|
|
23
|
+
* @license
|
|
24
|
+
* Copyright 2022 Google LLC
|
|
25
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
26
|
+
*/class Ft extends y{render(){return c`<slot></slot>`}connectedCallback(){if(super.connectedCallback(),this.getAttribute("aria-hidden")==="false"){this.removeAttribute("aria-hidden");return}this.setAttribute("aria-hidden","true")}}/**
|
|
27
|
+
* @license
|
|
28
|
+
* Copyright 2024 Google LLC
|
|
29
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
30
|
+
*/const Pt=v`:host{font-size:var(--md-icon-size, 24px);width:var(--md-icon-size, 24px);height:var(--md-icon-size, 24px);color:inherit;font-variation-settings:inherit;font-weight:400;font-family:var(--md-icon-font, Material Symbols Outlined);display:inline-flex;font-style:normal;place-items:center;place-content:center;line-height:1;overflow:hidden;letter-spacing:normal;text-transform:none;user-select:none;white-space:nowrap;word-wrap:normal;flex-shrink:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}::slotted(svg){fill:currentColor}::slotted(*){height:100%;width:100%}
|
|
31
|
+
`;/**
|
|
32
|
+
* @license
|
|
33
|
+
* Copyright 2022 Google LLC
|
|
34
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
35
|
+
*/let re=class extends Ft{};re.styles=[Pt];re=a([f("md-icon")],re);const Go=Object.freeze(Object.defineProperty({__proto__:null,get MdIcon(){return re}},Symbol.toStringTag,{value:"Module"}));/**
|
|
36
|
+
* @license
|
|
37
|
+
* Copyright 2021 Google LLC
|
|
38
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
39
|
+
*/const Dt=["focusin","focusout","pointerdown"];class De extends y{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new tt(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[Ke]){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[Ke]=!0}}onControlChange(e,t){for(const o of Dt)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})],De.prototype,"visible",void 0);a([l({type:Boolean,reflect:!0})],De.prototype,"inward",void 0);const Ke=Symbol("handledByFocusRing");/**
|
|
40
|
+
* @license
|
|
41
|
+
* Copyright 2024 Google LLC
|
|
42
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
+
*/const Nt=v`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
|
|
44
|
+
`;/**
|
|
45
|
+
* @license
|
|
46
|
+
* Copyright 2021 Google LLC
|
|
47
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
48
|
+
*/let Ae=class extends De{};Ae.styles=[Nt];Ae=a([f("md-focus-ring")],Ae);/**
|
|
49
|
+
* @license
|
|
50
|
+
* Copyright 2023 Google LLC
|
|
51
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
52
|
+
*/const rt=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColSpan","ariaCurrent","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText"];rt.map(at);function at(r){return r.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}/**
|
|
53
|
+
* @license
|
|
54
|
+
* Copyright 2023 Google LLC
|
|
55
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
56
|
+
*/function N(r){for(const e of rt)r.createProperty(e,{attribute:at(e),reflect:!0});r.addInitializer(e=>{const t={hostConnected(){e.setAttribute("role","presentation")}};e.addController(t)})}/**
|
|
57
|
+
* @license
|
|
58
|
+
* Copyright 2021 Google LLC
|
|
59
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
60
|
+
*/function Ne(r){const e=new MouseEvent("click",{bubbles:!0});return r.dispatchEvent(e),e}function ye(r){return r.currentTarget!==r.target||r.composedPath()[0]!==r.target||r.target.disabled?!1:!Vt(r)}function Vt(r){const e=Se;return e&&(r.preventDefault(),r.stopImmediatePropagation()),qt(),e}let Se=!1;async function qt(){Se=!0,await null,Se=!1}/**
|
|
61
|
+
* @license
|
|
62
|
+
* Copyright 2021 Google LLC
|
|
63
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
64
|
+
*/function Ve(r,e){e.bubbles&&(!r.shadowRoot||e.composed)&&e.stopPropagation();const t=Reflect.construct(e.constructor,[e.type,e]),o=r.dispatchEvent(t);return o||e.preventDefault(),o}/**
|
|
65
|
+
* @license
|
|
66
|
+
* Copyright 2023 Google LLC
|
|
67
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
68
|
+
*/const _=Symbol("internals"),Ce=Symbol("privateInternals");function W(r){class e extends r{get[_](){return this[Ce]||(this[Ce]=this.attachInternals()),this[Ce]}}return e}/**
|
|
69
|
+
* @license
|
|
70
|
+
* Copyright 2023 Google LLC
|
|
71
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
72
|
+
*/const j=Symbol("createValidator"),H=Symbol("getValidityAnchor"),Ie=Symbol("privateValidator"),z=Symbol("privateSyncValidity"),X=Symbol("privateCustomValidationMessage");function qe(r){var e;class t extends r{constructor(){super(...arguments),this[e]=""}get validity(){return this[z](),this[_].validity}get validationMessage(){return this[z](),this[_].validationMessage}get willValidate(){return this[z](),this[_].willValidate}checkValidity(){return this[z](),this[_].checkValidity()}reportValidity(){return this[z](),this[_].reportValidity()}setCustomValidity(i){this[X]=i,this[z]()}requestUpdate(i,s,n){super.requestUpdate(i,s,n),this[z]()}firstUpdated(i){super.firstUpdated(i),this[z]()}[(e=X,z)](){this[Ie]||(this[Ie]=this[j]());const{validity:i,validationMessage:s}=this[Ie].getValidity(),n=!!this[X],d=this[X]||s;this[_].setValidity({...i,customError:n},d,this[H]()??void 0)}[j](){throw new Error("Implement [createValidator]")}[H](){throw new Error("Implement [getValidityAnchor]")}}return t}/**
|
|
73
|
+
* @license
|
|
74
|
+
* Copyright 2023 Google LLC
|
|
75
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
76
|
+
*/const D=Symbol("getFormValue"),U=Symbol("getFormState");function je(r){class e extends r{get form(){return this[_].form}get labels(){return this[_].labels}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get disabled(){return this.hasAttribute("disabled")}set disabled(o){this.toggleAttribute("disabled",o)}attributeChangedCallback(o,i,s){if(o==="name"||o==="disabled"){const n=o==="disabled"?i!==null:i;this.requestUpdate(o,n);return}super.attributeChangedCallback(o,i,s)}requestUpdate(o,i,s){super.requestUpdate(o,i,s),this[_].setFormValue(this[D](),this[U]())}[D](){throw new Error("Implement [getFormValue]")}[U](){return this[D]()}formDisabledCallback(o){this.disabled=o}}return e.formAssociated=!0,a([l({noAccessor:!0})],e.prototype,"name",null),a([l({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}/**
|
|
77
|
+
* @license
|
|
78
|
+
* Copyright 2023 Google LLC
|
|
79
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
80
|
+
*/class it{constructor(e){this.getCurrentState=e,this.currentValidity={validity:{},validationMessage:""}}getValidity(){const e=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,e)))return this.currentValidity;const{validity:o,validationMessage:i}=this.computeValidity(e);return this.prevState=this.copy(e),this.currentValidity={validationMessage:i,validity:{badInput:o.badInput,customError:o.customError,patternMismatch:o.patternMismatch,rangeOverflow:o.rangeOverflow,rangeUnderflow:o.rangeUnderflow,stepMismatch:o.stepMismatch,tooLong:o.tooLong,tooShort:o.tooShort,typeMismatch:o.typeMismatch,valueMissing:o.valueMissing}},this.currentValidity}}/**
|
|
81
|
+
* @license
|
|
82
|
+
* Copyright 2023 Google LLC
|
|
83
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
84
|
+
*/class st extends it{computeValidity(e){return this.checkboxControl||(this.checkboxControl=document.createElement("input"),this.checkboxControl.type="checkbox"),this.checkboxControl.checked=e.checked,this.checkboxControl.required=e.required,{validity:this.checkboxControl.validity,validationMessage:this.checkboxControl.validationMessage}}equals(e,t){return e.checked===t.checked&&e.required===t.required}copy({checked:e,required:t}){return{checked:e,required:t}}}/**
|
|
85
|
+
* @license
|
|
86
|
+
* Copyright 2019 Google LLC
|
|
87
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
88
|
+
*/const jt=qe(je(W(y)));class T extends jt{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=>{!ye(e)||!this.input||(this.focus(),Ne(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=S({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:d,ariaInvalid:m}=this;return c`
|
|
89
|
+
<div class="container ${n}">
|
|
90
|
+
<input
|
|
91
|
+
type="checkbox"
|
|
92
|
+
id="input"
|
|
93
|
+
aria-checked=${s?"mixed":h}
|
|
94
|
+
aria-label=${d||h}
|
|
95
|
+
aria-invalid=${m||h}
|
|
96
|
+
?disabled=${this.disabled}
|
|
97
|
+
?required=${this.required}
|
|
98
|
+
.indeterminate=${this.indeterminate}
|
|
99
|
+
.checked=${this.checked}
|
|
100
|
+
@input=${this.handleInput}
|
|
101
|
+
@change=${this.handleChange} />
|
|
102
|
+
|
|
103
|
+
<div class="outline"></div>
|
|
104
|
+
<div class="background"></div>
|
|
105
|
+
<md-focus-ring part="focus-ring" for="input"></md-focus-ring>
|
|
106
|
+
<md-ripple for="input" ?disabled=${this.disabled}></md-ripple>
|
|
107
|
+
<svg class="icon" viewBox="0 0 18 18" aria-hidden="true">
|
|
108
|
+
<rect class="mark short" />
|
|
109
|
+
<rect class="mark long" />
|
|
110
|
+
</svg>
|
|
111
|
+
</div>
|
|
112
|
+
`}handleInput(e){const t=e.target;this.checked=t.checked,this.indeterminate=t.indeterminate}handleChange(e){Ve(this,e)}[D](){return!this.checked||this.indeterminate?null:this.value}[U](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[j](){return new st(()=>this)}[H](){return this.input}}N(T);T.shadowRootOptions={...y.shadowRootOptions,delegatesFocus:!0};a([l({type:Boolean})],T.prototype,"checked",void 0);a([l({type:Boolean})],T.prototype,"indeterminate",void 0);a([l({type:Boolean})],T.prototype,"required",void 0);a([l()],T.prototype,"value",void 0);a([L()],T.prototype,"prevChecked",void 0);a([L()],T.prototype,"prevDisabled",void 0);a([L()],T.prototype,"prevIndeterminate",void 0);a([I("input")],T.prototype,"input",void 0);/**
|
|
113
|
+
* @license
|
|
114
|
+
* Copyright 2024 Google LLC
|
|
115
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
116
|
+
*/const Ht=v`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-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-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}}
|
|
117
|
+
`;/**
|
|
118
|
+
* @license
|
|
119
|
+
* Copyright 2018 Google LLC
|
|
120
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
121
|
+
*/let $e=class extends T{};$e.styles=[Ht];$e=a([f("md-checkbox")],$e);/**
|
|
122
|
+
* @license
|
|
123
|
+
* Copyright 2023 Google LLC
|
|
124
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
125
|
+
*/class ge extends y{constructor(){super(...arguments),this.inset=!1,this.insetStart=!1,this.insetEnd=!1}}a([l({type:Boolean,reflect:!0})],ge.prototype,"inset",void 0);a([l({type:Boolean,reflect:!0,attribute:"inset-start"})],ge.prototype,"insetStart",void 0);a([l({type:Boolean,reflect:!0,attribute:"inset-end"})],ge.prototype,"insetEnd",void 0);/**
|
|
126
|
+
* @license
|
|
127
|
+
* Copyright 2024 Google LLC
|
|
128
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
129
|
+
*/const Ut=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}}
|
|
130
|
+
`;/**
|
|
131
|
+
* @license
|
|
132
|
+
* Copyright 2023 Google LLC
|
|
133
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
134
|
+
*/let Re=class extends ge{};Re.styles=[Ut];Re=a([f("md-divider")],Re);/**
|
|
135
|
+
* @license
|
|
136
|
+
* Copyright 2022 Google LLC
|
|
137
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
138
|
+
*/class Kt extends y{connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){return c`<span class="shadow"></span>`}}/**
|
|
139
|
+
* @license
|
|
140
|
+
* Copyright 2024 Google LLC
|
|
141
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
142
|
+
*/const Gt=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}
|
|
143
|
+
`;/**
|
|
144
|
+
* @license
|
|
145
|
+
* Copyright 2022 Google LLC
|
|
146
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
147
|
+
*/let Me=class extends Kt{};Me.styles=[Gt];Me=a([f("md-elevation")],Me);/**
|
|
148
|
+
* @license
|
|
149
|
+
* Copyright 2023 Google LLC
|
|
150
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
151
|
+
*/const Z=Symbol("isFocusable"),Te=Symbol("privateIsFocusable"),J=Symbol("externalTabIndex"),Q=Symbol("isUpdatingTabIndex"),ee=Symbol("updateTabIndex");function nt(r){var e,t,o;class i extends r{constructor(){super(...arguments),this[e]=!0,this[t]=null,this[o]=!1}get[Z](){return this[Te]}set[Z](n){this[Z]!==n&&(this[Te]=n,this[ee]())}connectedCallback(){super.connectedCallback(),this[ee]()}attributeChangedCallback(n,d,m){if(n!=="tabindex"){super.attributeChangedCallback(n,d,m);return}if(this.requestUpdate("tabIndex",Number(d??-1)),!this[Q]){if(!this.hasAttribute("tabindex")){this[J]=null,this[ee]();return}this[J]=this.tabIndex}}[(e=Te,t=J,o=Q,ee)](){const n=this[Z]?0:-1,d=this[J]??n;this[Q]=!0,this.tabIndex=d,this[Q]=!1}}return a([l({noAccessor:!0})],i.prototype,"tabIndex",void 0),i}/**
|
|
152
|
+
* @license
|
|
153
|
+
* Copyright 2023 Google LLC
|
|
154
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
155
|
+
*/var lt;const P=Symbol("indicator"),ct=Symbol("animateIndicator"),Wt=nt(y);class E extends Wt{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=c`<div class="indicator"></div>`;return c`<div
|
|
156
|
+
class="button"
|
|
157
|
+
role="presentation"
|
|
158
|
+
@click=${this.handleContentClick}>
|
|
159
|
+
<md-focus-ring part="focus-ring" inward .control=${this}></md-focus-ring>
|
|
160
|
+
<md-elevation part="elevation"></md-elevation>
|
|
161
|
+
<md-ripple .control=${this}></md-ripple>
|
|
162
|
+
<div
|
|
163
|
+
class="content ${S(this.getContentClasses())}"
|
|
164
|
+
role="presentation">
|
|
165
|
+
<slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
|
|
166
|
+
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
167
|
+
${this.fullWidthIndicator?h:e}
|
|
168
|
+
</div>
|
|
169
|
+
${this.fullWidthIndicator?e:h}
|
|
170
|
+
</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()}[(lt=P,ct)](e){if(!this[P])return;this[P].getAnimations().forEach(o=>{o.cancel()});const t=this.getKeyframes(e);t!==null&&this[P].animate(t,{duration:250,easing:ot.EMPHASIZED})}getKeyframes(e){const t=Yt();if(!this.active)return t?[{opacity:1},{transform:"none"}]:null;const o={},i=e[P]?.getBoundingClientRect()??{},s=i.left,n=i.width,d=this[P].getBoundingClientRect(),m=d.left,C=d.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([I(".indicator")],E.prototype,lt,void 0);a([L()],E.prototype,"fullWidthIndicator",void 0);a([Ct({flatten:!0})],E.prototype,"assignedDefaultNodes",void 0);a([K({slot:"icon",flatten:!0})],E.prototype,"assignedIcons",void 0);function Yt(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}/**
|
|
171
|
+
* @license
|
|
172
|
+
* Copyright 2023 Google LLC
|
|
173
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
174
|
+
*/class V extends y{get activeTab(){return this.tabs.find(e=>e.active)??null}set activeTab(e){e&&this.activateTab(e)}get activeTabIndex(){return this.tabs.findIndex(e=>e.active)}set activeTabIndex(e){const t=()=>{const o=this.tabs[e];o&&this.activateTab(o)};if(!this.slotElement){this.updateComplete.then(t);return}t()}get focusedTab(){return this.tabs.find(e=>e.matches(":focus-within"))}constructor(){super(),this.autoActivate=!1,this.internals=this.attachInternals(),this.internals.role="tablist",this.addEventListener("keydown",this.handleKeydown.bind(this)),this.addEventListener("keyup",this.handleKeyup.bind(this)),this.addEventListener("focusout",this.handleFocusout.bind(this))}async scrollToTab(e){await this.updateComplete;const{tabs:t}=this;if(e??(e=this.activeTab),!e||!t.includes(e)||!this.tabsScrollerElement)return;for(const u of this.tabs)await u.updateComplete;const o=e.offsetLeft,i=e.offsetWidth,s=this.scrollLeft,n=this.offsetWidth,d=48,m=o-d,C=o+i-n+d,b=Math.min(m,Math.max(C,s)),p=this.focusedTab?"auto":"instant";this.tabsScrollerElement.scrollTo({behavior:p,top:0,left:b})}render(){return c`
|
|
175
|
+
<div class="tabs">
|
|
176
|
+
<slot
|
|
177
|
+
@slotchange=${this.handleSlotChange}
|
|
178
|
+
@click=${this.handleTabClick}></slot>
|
|
179
|
+
</div>
|
|
180
|
+
<md-divider part="divider"></md-divider>
|
|
181
|
+
`}async handleTabClick(e){const t=e.target;await 0,!(e.defaultPrevented||!Xt(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[ct](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 d;if(i||s)d=i?0:n.length-1;else{const b=getComputedStyle(this).direction==="rtl"?t:o,{focusedTab:p}=this;if(!p)d=b?0:n.length-1;else{const u=this.tabs.indexOf(p);d=b?u+1:u-1,d>=n.length?d=0:d<0&&(d=n.length-1)}}const m=n[d];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([K({flatten:!0,selector:"[md-tab]"})],V.prototype,"tabs",void 0);a([l({type:Number,attribute:"active-tab-index"})],V.prototype,"activeTabIndex",null);a([l({type:Boolean,attribute:"auto-activate"})],V.prototype,"autoActivate",void 0);a([I(".tabs")],V.prototype,"tabsScrollerElement",void 0);a([I("slot")],V.prototype,"slotElement",void 0);function Xt(r){return r instanceof HTMLElement&&r.hasAttribute("md-tab")}/**
|
|
182
|
+
* @license
|
|
183
|
+
* Copyright 2024 Google LLC
|
|
184
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
185
|
+
*/const Zt=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}
|
|
186
|
+
`;/**
|
|
187
|
+
* @license
|
|
188
|
+
* Copyright 2023 Google LLC
|
|
189
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
190
|
+
*/let Oe=class extends V{};Oe.styles=[Zt];Oe=a([f("md-tabs")],Oe);/**
|
|
191
|
+
* @license
|
|
192
|
+
* Copyright 2023 Google LLC
|
|
193
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
194
|
+
*/class dt extends E{constructor(){super(...arguments),this.inlineIcon=!1}getContentClasses(){return{...super.getContentClasses(),stacked:!this.inlineIcon}}}a([l({type:Boolean,attribute:"inline-icon"})],dt.prototype,"inlineIcon",void 0);/**
|
|
195
|
+
* @license
|
|
196
|
+
* Copyright 2024 Google LLC
|
|
197
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
198
|
+
*/const Jt=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)}
|
|
199
|
+
`;/**
|
|
200
|
+
* @license
|
|
201
|
+
* Copyright 2024 Google LLC
|
|
202
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
203
|
+
*/const ht=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}}
|
|
204
|
+
`;/**
|
|
205
|
+
* @license
|
|
206
|
+
* Copyright 2023 Google LLC
|
|
207
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
208
|
+
*/let Le=class extends dt{};Le.styles=[ht,Jt];Le=a([f("md-primary-tab")],Le);/**
|
|
209
|
+
* @license
|
|
210
|
+
* Copyright 2023 Google LLC
|
|
211
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
212
|
+
*/class Qt extends E{constructor(){super(...arguments),this.fullWidthIndicator=!0}}/**
|
|
213
|
+
* @license
|
|
214
|
+
* Copyright 2024 Google LLC
|
|
215
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
216
|
+
*/const eo=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)))}
|
|
217
|
+
`;/**
|
|
218
|
+
* @license
|
|
219
|
+
* Copyright 2023 Google LLC
|
|
220
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
221
|
+
*/let Be=class extends Qt{};Be.styles=[ht,eo];Be=a([f("md-secondary-tab")],Be);/**
|
|
222
|
+
* @license
|
|
223
|
+
* Copyright 2023 Google LLC
|
|
224
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
225
|
+
*/class to extends it{computeValidity(e){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let t=!1,o=!1;for(const{checked:i,required:s}of e)s&&(t=!0),i&&(o=!0);return this.radioElement.checked=o,this.radioElement.required=t,{validity:{valueMissing:t&&!o},validationMessage:this.radioElement.validationMessage}}equals(e,t){if(e.length!==t.length)return!1;for(let o=0;o<e.length;o++){const i=e[o],s=t[o];if(i.checked!==s.checked||i.required!==s.required)return!1}return!0}copy(e){return e.map(({checked:t,required:o})=>({checked:t,required:o}))}}/**
|
|
226
|
+
* @license
|
|
227
|
+
* Copyright 2022 Google LLC
|
|
228
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
229
|
+
*/class oo{get controls(){const e=this.host.getAttribute("name");return!e||!this.root||!this.host.isConnected?[this.host]:Array.from(this.root.querySelectorAll(`[name="${e}"]`))}constructor(e){this.host=e,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=t=>{const o=t.key==="ArrowDown",i=t.key==="ArrowUp",s=t.key==="ArrowLeft",n=t.key==="ArrowRight";if(!s&&!n&&!o&&!i)return;const d=this.controls;if(!d.length)return;t.preventDefault();const C=getComputedStyle(this.host).direction==="rtl"?s||o:n||o,b=d.indexOf(this.host);let p=C?b+1:b-1;for(;p!==b;){p>=d.length?p=0:p<0&&(p=d.length-1);const u=d[p];if(u.hasAttribute("disabled")){C?p++:p--;continue}for(const w of d)w!==u&&(w.checked=!1,w.tabIndex=-1,w.blur());u.checked=!0,u.tabIndex=0,u.focus(),u.dispatchEvent(new Event("change",{bubbles:!0}));break}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const e of this.controls)e!==this.host&&(e.checked=!1)}updateTabIndices(){const e=this.controls,t=e.find(o=>o.checked);if(t||this.focused){const o=t||this.host;o.tabIndex=0;for(const i of e)i!==o&&(i.tabIndex=-1);return}for(const o of e)o.tabIndex=0}}/**
|
|
230
|
+
* @license
|
|
231
|
+
* Copyright 2018 Google LLC
|
|
232
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
233
|
+
*/var Ge;const Ee=Symbol("checked");let ro=0;const ao=qe(je(W(nt(y))));class Y extends ao{get checked(){return this[Ee]}set checked(e){const t=this.checked;t!==e&&(this[Ee]=e,this.requestUpdate("checked",t),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId=`cutout${++ro}`,this[Ge]=!1,this.required=!1,this.value="on",this.selectionController=new oo(this),this.addController(this.selectionController),this[_].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this))}render(){const e={checked:this.checked};return c`
|
|
234
|
+
<div class="container ${S(e)}" aria-hidden="true">
|
|
235
|
+
<md-ripple
|
|
236
|
+
part="ripple"
|
|
237
|
+
.control=${this}
|
|
238
|
+
?disabled=${this.disabled}></md-ripple>
|
|
239
|
+
<md-focus-ring part="focus-ring" .control=${this}></md-focus-ring>
|
|
240
|
+
<svg class="icon" viewBox="0 0 20 20">
|
|
241
|
+
<mask id="${this.maskId}">
|
|
242
|
+
<rect width="100%" height="100%" fill="white" />
|
|
243
|
+
<circle cx="10" cy="10" r="8" fill="black" />
|
|
244
|
+
</mask>
|
|
245
|
+
<circle
|
|
246
|
+
class="outer circle"
|
|
247
|
+
cx="10"
|
|
248
|
+
cy="10"
|
|
249
|
+
r="10"
|
|
250
|
+
mask="url(#${this.maskId})" />
|
|
251
|
+
<circle class="inner circle" cx="10" cy="10" r="5" />
|
|
252
|
+
</svg>
|
|
253
|
+
|
|
254
|
+
<input
|
|
255
|
+
id="input"
|
|
256
|
+
type="radio"
|
|
257
|
+
tabindex="-1"
|
|
258
|
+
.checked=${this.checked}
|
|
259
|
+
.value=${this.value}
|
|
260
|
+
?disabled=${this.disabled} />
|
|
261
|
+
</div>
|
|
262
|
+
`}updated(){this[_].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,!e.defaultPrevented&&(ye(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()}[(Ge=Ee,D)](){return this.checked?this.value:null}[U](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[j](){return new to(()=>this.selectionController?this.selectionController.controls:[this])}[H](){return this.container}}a([l({type:Boolean})],Y.prototype,"checked",null);a([l({type:Boolean})],Y.prototype,"required",void 0);a([l()],Y.prototype,"value",void 0);a([I(".container")],Y.prototype,"container",void 0);/**
|
|
263
|
+
* @license
|
|
264
|
+
* Copyright 2024 Google LLC
|
|
265
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
266
|
+
*/const io=v`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}input{appearance:none;height:48px;margin:0;position:absolute;width:48px;cursor:inherit}:host([touch-target=none]) input{width:100%;height:100%}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}}
|
|
267
|
+
`;/**
|
|
268
|
+
* @license
|
|
269
|
+
* Copyright 2022 Google LLC
|
|
270
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
271
|
+
*/let Fe=class extends Y{};Fe.styles=[io];Fe=a([f("md-radio")],Fe);/**
|
|
272
|
+
* @license
|
|
273
|
+
* Copyright 2024 Google LLC
|
|
274
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
275
|
+
*/const so=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)}
|
|
276
|
+
`;/**
|
|
277
|
+
* @license
|
|
278
|
+
* Copyright 2023 Google LLC
|
|
279
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
280
|
+
*/function pt(r){r.addInitializer(e=>{const t=e;t.addEventListener("click",async o=>{const{type:i,[_]:s}=t,{form:n}=s;if(!(!n||i==="button")&&(await new Promise(d=>{setTimeout(d)}),!o.defaultPrevented)){if(i==="reset"){n.reset();return}n.addEventListener("submit",d=>{Object.defineProperty(d,"submitter",{configurable:!0,enumerable:!0,get:()=>t})},{capture:!0,once:!0}),s.setFormValue(t.value),n.requestSubmit()}})})}/**
|
|
281
|
+
* @license
|
|
282
|
+
* Copyright 2022 Google LLC
|
|
283
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
284
|
+
*/function We(r,e=!0){return e&&getComputedStyle(r).getPropertyValue("direction").trim()==="rtl"}/**
|
|
285
|
+
* @license
|
|
286
|
+
* Copyright 2018 Google LLC
|
|
287
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
288
|
+
*/const no=W(y);class g extends no{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=We(this,this.flipIconInRtl)}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[_].form}get labels(){return this[_].labels}willUpdate(){this.href&&(this.disabled=!1)}render(){const e=this.href?q`div`:q`button`,{ariaLabel:t,ariaHasPopup:o,ariaExpanded:i}=this,s=t&&this.ariaLabelSelected,n=this.toggle?this.selected:h;let d=h;return this.href||(d=s&&this.selected?this.ariaLabelSelected:t),Je`<${e}
|
|
289
|
+
class="icon-button ${S(this.getRenderClasses())}"
|
|
290
|
+
id="button"
|
|
291
|
+
aria-label="${d||h}"
|
|
292
|
+
aria-haspopup="${!this.href&&o||h}"
|
|
293
|
+
aria-expanded="${!this.href&&i||h}"
|
|
294
|
+
aria-pressed="${n}"
|
|
295
|
+
?disabled="${!this.href&&this.disabled}"
|
|
296
|
+
@click="${this.handleClick}">
|
|
297
|
+
${this.renderFocusRing()}
|
|
298
|
+
${this.renderRipple()}
|
|
299
|
+
${this.selected?h:this.renderIcon()}
|
|
300
|
+
${this.selected?this.renderSelectedIcon():h}
|
|
301
|
+
${this.renderTouchTarget()}
|
|
302
|
+
${this.href&&this.renderLink()}
|
|
303
|
+
</${e}>`}renderLink(){const{ariaLabel:e}=this;return c`
|
|
304
|
+
<a
|
|
305
|
+
class="link"
|
|
306
|
+
id="link"
|
|
307
|
+
href="${this.href}"
|
|
308
|
+
target="${this.target||h}"
|
|
309
|
+
aria-label="${e||h}"></a>
|
|
310
|
+
`}getRenderClasses(){return{"flip-icon":this.flipIcon,selected:this.toggle&&this.selected}}renderIcon(){return c`<span class="icon"><slot></slot></span>`}renderSelectedIcon(){return c`<span class="icon icon--selected"
|
|
311
|
+
><slot name="selected"><slot></slot></slot
|
|
312
|
+
></span>`}renderTouchTarget(){return c`<span class="touch"></span>`}renderFocusRing(){return c`<md-focus-ring
|
|
313
|
+
part="focus-ring"
|
|
314
|
+
for=${this.href?"link":"button"}></md-focus-ring>`}renderRipple(){return c`<md-ripple
|
|
315
|
+
for=${this.href?"link":h}
|
|
316
|
+
?disabled="${!this.href&&this.disabled}"></md-ripple>`}connectedCallback(){this.flipIcon=We(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})))}}N(g),pt(g);g.formAssociated=!0;g.shadowRootOptions={mode:"open",delegatesFocus:!0};a([l({type:Boolean,reflect:!0})],g.prototype,"disabled",void 0);a([l({type:Boolean,attribute:"flip-icon-in-rtl"})],g.prototype,"flipIconInRtl",void 0);a([l()],g.prototype,"href",void 0);a([l()],g.prototype,"target",void 0);a([l({attribute:"aria-label-selected"})],g.prototype,"ariaLabelSelected",void 0);a([l({type:Boolean})],g.prototype,"toggle",void 0);a([l({type:Boolean,reflect:!0})],g.prototype,"selected",void 0);a([l()],g.prototype,"type",void 0);a([l({reflect:!0})],g.prototype,"value",void 0);a([L()],g.prototype,"flipIcon",void 0);/**
|
|
317
|
+
* @license
|
|
318
|
+
* Copyright 2024 Google LLC
|
|
319
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
320
|
+
*/const xe=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}}
|
|
321
|
+
`;/**
|
|
322
|
+
* @license
|
|
323
|
+
* Copyright 2022 Google LLC
|
|
324
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
325
|
+
*/let ae=class extends g{getRenderClasses(){return{...super.getRenderClasses(),filled:!0,"toggle-filled":this.toggle}}};ae.styles=[xe,so];ae=a([f("md-filled-icon-button")],ae);const rr=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledIconButton(){return ae}},Symbol.toStringTag,{value:"Module"}));/**
|
|
326
|
+
* @license
|
|
327
|
+
* Copyright 2024 Google LLC
|
|
328
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
329
|
+
*/const lo=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}}
|
|
330
|
+
`;/**
|
|
331
|
+
* @license
|
|
332
|
+
* Copyright 2022 Google LLC
|
|
333
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
334
|
+
*/let ie=class extends g{getRenderClasses(){return{...super.getRenderClasses(),outlined:!0}}};ie.styles=[xe,lo];ie=a([f("md-outlined-icon-button")],ie);const ir=Object.freeze(Object.defineProperty({__proto__:null,get MdOutlinedIconButton(){return ie}},Symbol.toStringTag,{value:"Module"}));/**
|
|
335
|
+
* @license
|
|
336
|
+
* Copyright 2024 Google LLC
|
|
337
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
338
|
+
*/const co=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)}
|
|
339
|
+
`;/**
|
|
340
|
+
* @license
|
|
341
|
+
* Copyright 2022 Google LLC
|
|
342
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
343
|
+
*/let se=class extends g{getRenderClasses(){return{...super.getRenderClasses(),"filled-tonal":!0,"toggle-filled-tonal":this.toggle}}};se.styles=[xe,co];se=a([f("md-filled-tonal-icon-button")],se);const nr=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledTonalIconButton(){return se}},Symbol.toStringTag,{value:"Module"}));/**
|
|
344
|
+
* @license
|
|
345
|
+
* Copyright 2024 Google LLC
|
|
346
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
347
|
+
*/const ho=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)}
|
|
348
|
+
`;/**
|
|
349
|
+
* @license
|
|
350
|
+
* Copyright 2021 Google LLC
|
|
351
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
352
|
+
*/let ne=class extends g{getRenderClasses(){return{...super.getRenderClasses(),standard:!0}}};ne.styles=[xe,ho];ne=a([f("md-icon-button")],ne);const cr=Object.freeze(Object.defineProperty({__proto__:null,get MdIconButton(){return ne}},Symbol.toStringTag,{value:"Module"}));/**
|
|
353
|
+
* @license
|
|
354
|
+
* Copyright 2023 Google LLC
|
|
355
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
356
|
+
*/class He extends y{constructor(){super(...arguments),this.multiline=!1}render(){return c`
|
|
357
|
+
<slot name="container"></slot>
|
|
358
|
+
<slot class="non-text" name="start"></slot>
|
|
359
|
+
<div class="text">
|
|
360
|
+
<slot name="overline" @slotchange=${this.handleTextSlotChange}></slot>
|
|
361
|
+
<slot
|
|
362
|
+
class="default-slot"
|
|
363
|
+
@slotchange=${this.handleTextSlotChange}></slot>
|
|
364
|
+
<slot name="headline" @slotchange=${this.handleTextSlotChange}></slot>
|
|
365
|
+
<slot
|
|
366
|
+
name="supporting-text"
|
|
367
|
+
@slotchange=${this.handleTextSlotChange}></slot>
|
|
368
|
+
</div>
|
|
369
|
+
<slot class="non-text" name="trailing-supporting-text"></slot>
|
|
370
|
+
<slot class="non-text" name="end"></slot>
|
|
371
|
+
`}handleTextSlotChange(){let e=!1,t=0;for(const o of this.textSlots)if(po(o)&&(t+=1),t>1){e=!0;break}this.multiline=e}}a([l({type:Boolean,reflect:!0})],He.prototype,"multiline",void 0);a([It(".text slot")],He.prototype,"textSlots",void 0);function po(r){for(const e of r.assignedNodes({flatten:!0})){const t=e.nodeType===Node.ELEMENT_NODE,o=e.nodeType===Node.TEXT_NODE&&e.textContent?.match(/\S/);if(t||o)return!0}return!1}/**
|
|
372
|
+
* @license
|
|
373
|
+
* Copyright 2024 Google LLC
|
|
374
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
375
|
+
*/const vo=v`:host{color:var(--md-sys-color-on-surface, #1d1b20);font-family:var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400));line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);align-items:center;box-sizing:border-box;display:flex;gap:16px;min-height:56px;overflow:hidden;padding:12px 16px;position:relative;text-overflow:ellipsis}:host([multiline]){min-height:72px}[name=overline]{color:var(--md-sys-color-on-surface-variant, #49454f);font-family:var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-label-small-size, 0.6875rem);font-weight:var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500));line-height:var(--md-sys-typescale-label-small-line-height, 1rem)}[name=supporting-text]{color:var(--md-sys-color-on-surface-variant, #49454f);font-family:var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-body-medium-size, 0.875rem);font-weight:var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400));line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem)}[name=trailing-supporting-text]{color:var(--md-sys-color-on-surface-variant, #49454f);font-family:var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-label-small-size, 0.6875rem);font-weight:var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500));line-height:var(--md-sys-typescale-label-small-line-height, 1rem)}[name=container]::slotted(*){inset:0;position:absolute}.default-slot{display:inline}.default-slot,.text ::slotted(*){overflow:hidden;text-overflow:ellipsis}.text{display:flex;flex:1;flex-direction:column;overflow:hidden}
|
|
376
|
+
`;/**
|
|
377
|
+
* @license
|
|
378
|
+
* Copyright 2023 Google LLC
|
|
379
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
380
|
+
*/let Pe=class extends He{};Pe.styles=[vo];Pe=a([f("md-item")],Pe);/**
|
|
381
|
+
* @license
|
|
382
|
+
* Copyright 2023 Google LLC
|
|
383
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
384
|
+
*/function vt(r,e=$){const t=mt(r,e);return t&&(t.tabIndex=0,t.focus()),t}function ut(r,e=$){const t=uo(r,e);return t&&(t.tabIndex=0,t.focus()),t}function ze(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 mt(r,e=$){for(const t of r)if(e(t))return t;return null}function uo(r,e=$){for(let t=r.length-1;t>=0;t--){const o=r[t];if(e(o))return o}return null}function mo(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 bo(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 Ye(r,e,t=$,o=!0){if(e){const i=mo(r,e.index,t,o);return i&&(i.tabIndex=0,i.focus()),i}else return vt(r,t)}function Xe(r,e,t=$,o=!0){if(e){const i=bo(r,e.index,t,o);return i&&(i.tabIndex=0,i.focus()),i}else return ut(r,t)}function fo(){return new Event("request-activation",{bubbles:!0,composed:!0})}function $(r){return!r.disabled}/**
|
|
385
|
+
* @license
|
|
386
|
+
* Copyright 2022 Google LLC
|
|
387
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
388
|
+
*/class R extends y{constructor(){super(...arguments),this.disabled=!1,this.type="text",this.isListItem=!0,this.href="",this.target=""}get isDisabled(){return this.disabled&&this.type!=="link"}willUpdate(e){this.href&&(this.type="link"),super.willUpdate(e)}render(){return this.renderListItem(c`
|
|
389
|
+
<md-item>
|
|
390
|
+
<div slot="container">
|
|
391
|
+
${this.renderRipple()} ${this.renderFocusRing()}
|
|
392
|
+
</div>
|
|
393
|
+
<slot name="start" slot="start"></slot>
|
|
394
|
+
<slot name="end" slot="end"></slot>
|
|
395
|
+
${this.renderBody()}
|
|
396
|
+
</md-item>
|
|
397
|
+
`)}renderListItem(e){const t=this.type==="link";let o;switch(this.type){case"link":o=q`a`;break;case"button":o=q`button`;break;default:case"text":o=q`li`;break}const i=this.type!=="text",s=t&&this.target?this.target:h;return Je`
|
|
398
|
+
<${o}
|
|
399
|
+
id="item"
|
|
400
|
+
tabindex="${this.isDisabled||!i?-1:0}"
|
|
401
|
+
?disabled=${this.isDisabled}
|
|
402
|
+
role="listitem"
|
|
403
|
+
aria-selected=${this.ariaSelected||h}
|
|
404
|
+
aria-checked=${this.ariaChecked||h}
|
|
405
|
+
aria-expanded=${this.ariaExpanded||h}
|
|
406
|
+
aria-haspopup=${this.ariaHasPopup||h}
|
|
407
|
+
class="list-item ${S(this.getRenderClasses())}"
|
|
408
|
+
href=${this.href||h}
|
|
409
|
+
target=${s}
|
|
410
|
+
@focus=${this.onFocus}
|
|
411
|
+
>${e}</${o}>
|
|
412
|
+
`}renderRipple(){return this.type==="text"?h:c` <md-ripple
|
|
413
|
+
part="ripple"
|
|
414
|
+
for="item"
|
|
415
|
+
?disabled=${this.isDisabled}></md-ripple>`}renderFocusRing(){return this.type==="text"?h:c` <md-focus-ring
|
|
416
|
+
@visibility-changed=${this.onFocusRingVisibilityChanged}
|
|
417
|
+
part="focus-ring"
|
|
418
|
+
for="item"
|
|
419
|
+
inward></md-focus-ring>`}onFocusRingVisibilityChanged(e){}getRenderClasses(){return{disabled:this.isDisabled}}renderBody(){return c`
|
|
420
|
+
<slot></slot>
|
|
421
|
+
<slot name="overline" slot="overline"></slot>
|
|
422
|
+
<slot name="headline" slot="headline"></slot>
|
|
423
|
+
<slot name="supporting-text" slot="supporting-text"></slot>
|
|
424
|
+
<slot
|
|
425
|
+
name="trailing-supporting-text"
|
|
426
|
+
slot="trailing-supporting-text"></slot>
|
|
427
|
+
`}onFocus(){this.tabIndex===-1&&this.dispatchEvent(fo())}focus(){this.listItemRoot?.focus()}}N(R);R.shadowRootOptions={...y.shadowRootOptions,delegatesFocus:!0};a([l({type:Boolean,reflect:!0})],R.prototype,"disabled",void 0);a([l({reflect:!0})],R.prototype,"type",void 0);a([l({type:Boolean,attribute:"md-list-item",reflect:!0})],R.prototype,"isListItem",void 0);a([l()],R.prototype,"href",void 0);a([l()],R.prototype,"target",void 0);a([I(".list-item")],R.prototype,"listItemRoot",void 0);/**
|
|
428
|
+
* @license
|
|
429
|
+
* Copyright 2024 Google LLC
|
|
430
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
431
|
+
*/const yo=v`:host{display:flex;-webkit-tap-highlight-color:rgba(0,0,0,0);--md-ripple-hover-color: var(--md-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-list-item-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-list-item-pressed-state-layer-opacity, 0.12)}:host(:is([type=button]:not([disabled]),[type=link])){cursor:pointer}md-focus-ring{z-index:1;--md-focus-ring-shape: 8px}a,button,li{background:none;border:none;cursor:inherit;padding:0;margin:0;text-align:unset;text-decoration:none}.list-item{border-radius:inherit;display:flex;flex:1;max-width:inherit;min-width:inherit;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%}.list-item.interactive{cursor:pointer}.list-item.disabled{opacity:var(--md-list-item-disabled-opacity, 0.3);pointer-events:none}[slot=container]{pointer-events:none}md-ripple{border-radius:inherit}md-item{border-radius:inherit;flex:1;height:100%;color:var(--md-list-item-label-text-color, var(--md-sys-color-on-surface, #1d1b20));font-family:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));line-height:var(--md-list-item-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));font-weight:var(--md-list-item-label-text-weight, var(--md-sys-typescale-body-large-weight, var(--md-ref-typeface-weight-regular, 400)));min-height:var(--md-list-item-one-line-container-height, 56px);padding-top:var(--md-list-item-top-space, 12px);padding-bottom:var(--md-list-item-bottom-space, 12px);padding-inline-start:var(--md-list-item-leading-space, 16px);padding-inline-end:var(--md-list-item-trailing-space, 16px)}md-item[multiline]{min-height:var(--md-list-item-two-line-container-height, 72px)}[slot=supporting-text]{color:var(--md-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-supporting-text-size, var(--md-sys-typescale-body-medium-size, 0.875rem));line-height:var(--md-list-item-supporting-text-line-height, var(--md-sys-typescale-body-medium-line-height, 1.25rem));font-weight:var(--md-list-item-supporting-text-weight, var(--md-sys-typescale-body-medium-weight, var(--md-ref-typeface-weight-regular, 400)))}[slot=trailing-supporting-text]{color:var(--md-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));font-family:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-trailing-supporting-text-size, var(--md-sys-typescale-label-small-size, 0.6875rem));line-height:var(--md-list-item-trailing-supporting-text-line-height, var(--md-sys-typescale-label-small-line-height, 1rem));font-weight:var(--md-list-item-trailing-supporting-text-weight, var(--md-sys-typescale-label-small-weight, var(--md-ref-typeface-weight-medium, 500)))}:is([slot=start],[slot=end])::slotted(*){fill:currentColor}[slot=start]{color:var(--md-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}[slot=end]{color:var(--md-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f))}@media(forced-colors: active){.disabled slot{color:GrayText}.list-item.disabled{color:GrayText;opacity:1}}
|
|
432
|
+
`;/**
|
|
433
|
+
* @license
|
|
434
|
+
* Copyright 2022 Google LLC
|
|
435
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
436
|
+
*/let le=class extends R{};le.styles=[yo];le=a([f("md-list-item")],le);const pr=Object.freeze(Object.defineProperty({__proto__:null,get MdListItem(){return le}},Symbol.toStringTag,{value:"Module"}));/**
|
|
437
|
+
* @license
|
|
438
|
+
* Copyright 2023 Google LLC
|
|
439
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
440
|
+
*/const A={ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",Home:"Home",End:"End"};class go{constructor(e){this.handleKeydown=b=>{const p=b.key;if(b.defaultPrevented||!this.isNavigableKey(p))return;const u=this.items;if(!u.length)return;const w=ze(u,this.isActivatable);b.preventDefault();const ke=this.isRtl(),wt=ke?A.ArrowRight:A.ArrowLeft,kt=ke?A.ArrowLeft:A.ArrowRight;let F=null;switch(p){case A.ArrowDown:case kt:F=Ye(u,w,this.isActivatable,this.wrapNavigation());break;case A.ArrowUp:case wt:F=Xe(u,w,this.isActivatable,this.wrapNavigation());break;case A.Home:F=vt(u,this.isActivatable);break;case A.End:F=ut(u,this.isActivatable);break}F&&w&&w.item!==F&&(w.item.tabIndex=-1)},this.onDeactivateItems=()=>{const b=this.items;for(const p of b)this.deactivateItem(p)},this.onRequestActivation=b=>{this.onDeactivateItems();const p=b.target;this.activateItem(p),p.focus()},this.onSlotchange=()=>{const b=this.items;let p=!1;for(const w of b){if(!w.disabled&&w.tabIndex>-1&&!p){p=!0,w.tabIndex=0;continue}w.tabIndex=-1}if(p)return;const u=mt(b,this.isActivatable);u&&(u.tabIndex=0)};const{isItem:t,getPossibleItems:o,isRtl:i,deactivateItem:s,activateItem:n,isNavigableKey:d,isActivatable:m,wrapNavigation:C}=e;this.isItem=t,this.getPossibleItems=o,this.isRtl=i,this.deactivateItem=s,this.activateItem=n,this.isNavigableKey=d,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=ze(e,this.isActivatable);return t&&(t.item.tabIndex=-1),Ye(e,t,this.isActivatable,this.wrapNavigation())}activatePreviousItem(){const e=this.items,t=ze(e,this.isActivatable);return t&&(t.item.tabIndex=-1),Xe(e,t,this.isActivatable,this.wrapNavigation())}}/**
|
|
441
|
+
* @license
|
|
442
|
+
* Copyright 2021 Google LLC
|
|
443
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
444
|
+
*/const xo=new Set(Object.values(A));class bt extends y{get items(){return this.listController.items}constructor(){super(),this.listController=new go({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=>xo.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 c`
|
|
445
|
+
<slot
|
|
446
|
+
@deactivate-items=${this.listController.onDeactivateItems}
|
|
447
|
+
@request-activation=${this.listController.onRequestActivation}
|
|
448
|
+
@slotchange=${this.listController.onSlotchange}>
|
|
449
|
+
</slot>
|
|
450
|
+
`}activateNextItem(){return this.listController.activateNextItem()}activatePreviousItem(){return this.listController.activatePreviousItem()}}a([K({flatten:!0})],bt.prototype,"slotItems",void 0);/**
|
|
451
|
+
* @license
|
|
452
|
+
* Copyright 2024 Google LLC
|
|
453
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
454
|
+
*/const _o=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}
|
|
455
|
+
`;/**
|
|
456
|
+
* @license
|
|
457
|
+
* Copyright 2021 Google LLC
|
|
458
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
459
|
+
*/let ce=class extends bt{};ce.styles=[_o];ce=a([f("md-list")],ce);const ur=Object.freeze(Object.defineProperty({__proto__:null,get MdList(){return ce}},Symbol.toStringTag,{value:"Module"}));/**
|
|
460
|
+
* @license
|
|
461
|
+
* Copyright 2019 Google LLC
|
|
462
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
463
|
+
*/const wo=W(y);class x extends wo{get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[_].form}constructor(){super(),this.disabled=!1,this.href="",this.target="",this.trailingIcon=!1,this.hasIcon=!1,this.type="submit",this.value="",this.handleActivationClick=e=>{!ye(e)||!this.buttonElement||(this.focus(),Ne(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 c`
|
|
464
|
+
${this.renderElevationOrOutline?.()}
|
|
465
|
+
<div class="background"></div>
|
|
466
|
+
<md-focus-ring part="focus-ring" for=${o}></md-focus-ring>
|
|
467
|
+
<md-ripple
|
|
468
|
+
part="ripple"
|
|
469
|
+
for=${o}
|
|
470
|
+
?disabled="${e}"></md-ripple>
|
|
471
|
+
${t}
|
|
472
|
+
`}renderButton(){const{ariaLabel:e,ariaHasPopup:t,ariaExpanded:o}=this;return c`<button
|
|
473
|
+
id="button"
|
|
474
|
+
class="button"
|
|
475
|
+
?disabled=${this.disabled}
|
|
476
|
+
aria-label="${e||h}"
|
|
477
|
+
aria-haspopup="${t||h}"
|
|
478
|
+
aria-expanded="${o||h}">
|
|
479
|
+
${this.renderContent()}
|
|
480
|
+
</button>`}renderLink(){const{ariaLabel:e,ariaHasPopup:t,ariaExpanded:o}=this;return c`<a
|
|
481
|
+
id="link"
|
|
482
|
+
class="button"
|
|
483
|
+
aria-label="${e||h}"
|
|
484
|
+
aria-haspopup="${t||h}"
|
|
485
|
+
aria-expanded="${o||h}"
|
|
486
|
+
href=${this.href}
|
|
487
|
+
target=${this.target||h}
|
|
488
|
+
>${this.renderContent()}
|
|
489
|
+
</a>`}renderContent(){const e=c`<slot
|
|
490
|
+
name="icon"
|
|
491
|
+
@slotchange="${this.handleSlotChange}"></slot>`;return c`
|
|
492
|
+
<span class="touch"></span>
|
|
493
|
+
${this.trailingIcon?h:e}
|
|
494
|
+
<span class="label"><slot></slot></span>
|
|
495
|
+
${this.trailingIcon?e:h}
|
|
496
|
+
`}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}}N(x),pt(x);x.formAssociated=!0;x.shadowRootOptions={mode:"open",delegatesFocus:!0};a([l({type:Boolean,reflect:!0})],x.prototype,"disabled",void 0);a([l()],x.prototype,"href",void 0);a([l()],x.prototype,"target",void 0);a([l({type:Boolean,attribute:"trailing-icon",reflect:!0})],x.prototype,"trailingIcon",void 0);a([l({type:Boolean,attribute:"has-icon",reflect:!0})],x.prototype,"hasIcon",void 0);a([l()],x.prototype,"type",void 0);a([l({reflect:!0})],x.prototype,"value",void 0);a([I(".button")],x.prototype,"buttonElement",void 0);a([K({slot:"icon",flatten:!0})],x.prototype,"assignedIcons",void 0);/**
|
|
497
|
+
* @license
|
|
498
|
+
* Copyright 2021 Google LLC
|
|
499
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
500
|
+
*/class ko extends x{renderElevationOrOutline(){return c`<md-elevation part="elevation"></md-elevation>`}}/**
|
|
501
|
+
* @license
|
|
502
|
+
* Copyright 2024 Google LLC
|
|
503
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
504
|
+
*/const Co=v`:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-filled-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_container-shape-start-start: var(--md-filled-button-container-shape-start-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-button-container-shape-start-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-button-container-shape-end-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-button-container-shape-end-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-button-leading-space, 24px);--_trailing-space: var(--md-filled-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-button-with-trailing-icon-trailing-space, 16px)}
|
|
505
|
+
`;/**
|
|
506
|
+
* @license
|
|
507
|
+
* Copyright 2024 Google LLC
|
|
508
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
509
|
+
*/const ft=v`md-elevation{transition-duration:280ms}:host([disabled]) md-elevation{transition:none}md-elevation{--md-elevation-level: var(--_container-elevation);--md-elevation-shadow-color: var(--_container-shadow-color)}:host(:focus-within) md-elevation{--md-elevation-level: var(--_focus-container-elevation)}:host(:hover) md-elevation{--md-elevation-level: var(--_hover-container-elevation)}:host(:active) md-elevation{--md-elevation-level: var(--_pressed-container-elevation)}:host([disabled]) md-elevation{--md-elevation-level: var(--_disabled-container-elevation)}
|
|
510
|
+
`;/**
|
|
511
|
+
* @license
|
|
512
|
+
* Copyright 2024 Google LLC
|
|
513
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
514
|
+
*/const _e=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}
|
|
515
|
+
`;/**
|
|
516
|
+
* @license
|
|
517
|
+
* Copyright 2021 Google LLC
|
|
518
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
519
|
+
*/let de=class extends ko{};de.styles=[_e,ft,Co];de=a([f("md-filled-button")],de);const br=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledButton(){return de}},Symbol.toStringTag,{value:"Module"}));/**
|
|
520
|
+
* @license
|
|
521
|
+
* Copyright 2021 Google LLC
|
|
522
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
523
|
+
*/class Io extends x{renderElevationOrOutline(){return c`<div class="outline"></div>`}}/**
|
|
524
|
+
* @license
|
|
525
|
+
* Copyright 2024 Google LLC
|
|
526
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
527
|
+
*/const To=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)}
|
|
528
|
+
`;/**
|
|
529
|
+
* @license
|
|
530
|
+
* Copyright 2021 Google LLC
|
|
531
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
532
|
+
*/let he=class extends Io{};he.styles=[_e,To];he=a([f("md-outlined-button")],he);const yr=Object.freeze(Object.defineProperty({__proto__:null,get MdOutlinedButton(){return he}},Symbol.toStringTag,{value:"Module"}));/**
|
|
533
|
+
* @license
|
|
534
|
+
* Copyright 2021 Google LLC
|
|
535
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
536
|
+
*/class Eo extends x{renderElevationOrOutline(){return c`<md-elevation part="elevation"></md-elevation>`}}/**
|
|
537
|
+
* @license
|
|
538
|
+
* Copyright 2024 Google LLC
|
|
539
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
540
|
+
*/const zo=v`:host{--_container-color: var(--md-filled-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-filled-tonal-button-container-elevation, 0);--_container-height: var(--md-filled-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-filled-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-filled-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-font: var(--md-filled-tonal-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-tonal-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-tonal-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-tonal-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-filled-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_container-shape-start-start: var(--md-filled-tonal-button-container-shape-start-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-button-container-shape-start-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-button-container-shape-end-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-button-container-shape-end-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-tonal-button-leading-space, 24px);--_trailing-space: var(--md-filled-tonal-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-tonal-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-tonal-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-tonal-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-tonal-button-with-trailing-icon-trailing-space, 16px)}
|
|
541
|
+
`;/**
|
|
542
|
+
* @license
|
|
543
|
+
* Copyright 2021 Google LLC
|
|
544
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
545
|
+
*/let pe=class extends Eo{};pe.styles=[_e,ft,zo];pe=a([f("md-filled-tonal-button")],pe);const xr=Object.freeze(Object.defineProperty({__proto__:null,get MdFilledTonalButton(){return pe}},Symbol.toStringTag,{value:"Module"}));/**
|
|
546
|
+
* @license
|
|
547
|
+
* Copyright 2021 Google LLC
|
|
548
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
549
|
+
*/class Ao extends x{}/**
|
|
550
|
+
* @license
|
|
551
|
+
* Copyright 2024 Google LLC
|
|
552
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
553
|
+
*/const So=v`:host{--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-text-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-text-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-text-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-text-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-text-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-text-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-text-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-text-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-text-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-text-button-icon-size, 18px);--_pressed-icon-color: var(--md-text-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-text-button-leading-space, 12px);--_trailing-space: var(--md-text-button-trailing-space, 12px);--_with-leading-icon-leading-space: var(--md-text-button-with-leading-icon-leading-space, 12px);--_with-leading-icon-trailing-space: var(--md-text-button-with-leading-icon-trailing-space, 16px);--_with-trailing-icon-leading-space: var(--md-text-button-with-trailing-icon-leading-space, 16px);--_with-trailing-icon-trailing-space: var(--md-text-button-with-trailing-icon-trailing-space, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}
|
|
554
|
+
`;/**
|
|
555
|
+
* @license
|
|
556
|
+
* Copyright 2021 Google LLC
|
|
557
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
558
|
+
*/let ve=class extends Ao{};ve.styles=[_e,So];ve=a([f("md-text-button")],ve);const wr=Object.freeze(Object.defineProperty({__proto__:null,get MdTextButton(){return ve}},Symbol.toStringTag,{value:"Module"}));/**
|
|
559
|
+
* @license
|
|
560
|
+
* Copyright 2023 Google LLC
|
|
561
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
562
|
+
*/class M extends y{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 c`
|
|
563
|
+
<div class="container ${S(this.getContainerClasses())}">
|
|
564
|
+
${this.renderContainerContent()}
|
|
565
|
+
</div>
|
|
566
|
+
`}updated(e){e.has("disabled")&&e.get("disabled")!==void 0&&this.dispatchEvent(new Event("update-focus",{bubbles:!0}))}getContainerClasses(){return{disabled:this.disabled,"has-icon":this.hasIcon}}renderContainerContent(){return c`
|
|
567
|
+
${this.renderOutline()}
|
|
568
|
+
<md-focus-ring part="focus-ring" for=${this.primaryId}></md-focus-ring>
|
|
569
|
+
<md-ripple
|
|
570
|
+
for=${this.primaryId}
|
|
571
|
+
?disabled=${this.rippleDisabled}></md-ripple>
|
|
572
|
+
${this.renderPrimaryAction(this.renderPrimaryContent())}
|
|
573
|
+
`}renderOutline(){return c`<span class="outline"></span>`}renderLeadingIcon(){return c`<slot name="icon" @slotchange=${this.handleIconChange}></slot>`}renderPrimaryContent(){return c`
|
|
574
|
+
<span class="leading icon" aria-hidden="true">
|
|
575
|
+
${this.renderLeadingIcon()}
|
|
576
|
+
</span>
|
|
577
|
+
<span class="label">${this.label}</span>
|
|
578
|
+
<span class="touch"></span>
|
|
579
|
+
`}handleIconChange(e){const t=e.target;this.hasIcon=t.assignedElements({flatten:!0}).length>0}}N(M);M.shadowRootOptions={...y.shadowRootOptions,delegatesFocus:!0};a([l({type:Boolean,reflect:!0})],M.prototype,"disabled",void 0);a([l({type:Boolean,attribute:"always-focusable"})],M.prototype,"alwaysFocusable",void 0);a([l()],M.prototype,"label",void 0);a([l({type:Boolean,reflect:!0,attribute:"has-icon"})],M.prototype,"hasIcon",void 0);/**
|
|
580
|
+
* @license
|
|
581
|
+
* Copyright 2023 Google LLC
|
|
582
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
583
|
+
*/class we extends M{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?c`
|
|
584
|
+
<a
|
|
585
|
+
class="primary action"
|
|
586
|
+
id="link"
|
|
587
|
+
aria-label=${t||h}
|
|
588
|
+
href=${this.href}
|
|
589
|
+
target=${this.target||h}
|
|
590
|
+
>${e}</a
|
|
591
|
+
>
|
|
592
|
+
`:c`
|
|
593
|
+
<button
|
|
594
|
+
class="primary action"
|
|
595
|
+
id="button"
|
|
596
|
+
aria-label=${t||h}
|
|
597
|
+
?disabled=${this.disabled&&!this.alwaysFocusable}
|
|
598
|
+
type="button"
|
|
599
|
+
>${e}</button
|
|
600
|
+
>
|
|
601
|
+
`}renderOutline(){return this.elevated?c`<md-elevation part="elevation"></md-elevation>`:super.renderOutline()}}a([l({type:Boolean})],we.prototype,"elevated",void 0);a([l()],we.prototype,"href",void 0);a([l()],we.prototype,"target",void 0);/**
|
|
602
|
+
* @license
|
|
603
|
+
* Copyright 2024 Google LLC
|
|
604
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
605
|
+
*/const $o=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}}
|
|
606
|
+
`;/**
|
|
607
|
+
* @license
|
|
608
|
+
* Copyright 2024 Google LLC
|
|
609
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
610
|
+
*/const yt=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}}
|
|
611
|
+
`;/**
|
|
612
|
+
* @license
|
|
613
|
+
* Copyright 2024 Google LLC
|
|
614
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
615
|
+
*/const gt=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}
|
|
616
|
+
`;/**
|
|
617
|
+
* @license
|
|
618
|
+
* Copyright 2023 Google LLC
|
|
619
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
620
|
+
*/let ue=class extends we{};ue.styles=[gt,yt,$o];ue=a([f("md-assist-chip")],ue);const Cr=Object.freeze(Object.defineProperty({__proto__:null,get MdAssistChip(){return ue}},Symbol.toStringTag,{value:"Module"}));/**
|
|
621
|
+
* @license
|
|
622
|
+
* Copyright 2023 Google LLC
|
|
623
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
624
|
+
*/const te="aria-label-remove";class Ro extends M{get ariaLabelRemove(){if(this.hasAttribute(te))return this.getAttribute(te);const{ariaLabel:e}=this;return`Remove ${e||this.label}`}set ariaLabelRemove(e){const t=this.ariaLabelRemove;e!==t&&(e===null?this.removeAttribute(te):this.setAttribute(te,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 c`
|
|
625
|
+
${super.renderContainerContent()}
|
|
626
|
+
${this.renderTrailingAction(this.handleTrailingActionFocus)}
|
|
627
|
+
`}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"),d=this.trailingAction?.matches(":focus-within");if(s&&d||!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}))}}/**
|
|
628
|
+
* @license
|
|
629
|
+
* Copyright 2023 Google LLC
|
|
630
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
631
|
+
*/function Mo({ariaLabel:r,disabled:e,focusListener:t,tabbable:o=!1}){return c`
|
|
632
|
+
<button
|
|
633
|
+
class="trailing action"
|
|
634
|
+
aria-label=${r}
|
|
635
|
+
tabindex=${o?h:-1}
|
|
636
|
+
@click=${Oo}
|
|
637
|
+
@focus=${t}>
|
|
638
|
+
<md-focus-ring part="trailing-focus-ring"></md-focus-ring>
|
|
639
|
+
<md-ripple ?disabled=${e}></md-ripple>
|
|
640
|
+
<span class="trailing icon" aria-hidden="true">
|
|
641
|
+
<slot name="remove-trailing-icon">
|
|
642
|
+
<svg viewBox="0 96 960 960">
|
|
643
|
+
<path
|
|
644
|
+
d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z" />
|
|
645
|
+
</svg>
|
|
646
|
+
</slot>
|
|
647
|
+
</span>
|
|
648
|
+
<span class="touch"></span>
|
|
649
|
+
</button>
|
|
650
|
+
`}function Oo(r){this.disabled||(r.stopPropagation(),!this.dispatchEvent(new Event("remove",{cancelable:!0})))||this.remove()}/**
|
|
651
|
+
* @license
|
|
652
|
+
* Copyright 2023 Google LLC
|
|
653
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
654
|
+
*/class B extends Ro{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 c`
|
|
655
|
+
<button
|
|
656
|
+
class="primary action"
|
|
657
|
+
id="button"
|
|
658
|
+
aria-label=${t||h}
|
|
659
|
+
aria-pressed=${this.selected}
|
|
660
|
+
?disabled=${this.disabled&&!this.alwaysFocusable}
|
|
661
|
+
@click=${this.handleClick}
|
|
662
|
+
>${e}</button
|
|
663
|
+
>
|
|
664
|
+
`}renderLeadingIcon(){return this.selected?c`
|
|
665
|
+
<slot name="selected-icon">
|
|
666
|
+
<svg class="checkmark" viewBox="0 0 18 18" aria-hidden="true">
|
|
667
|
+
<path
|
|
668
|
+
d="M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z" />
|
|
669
|
+
</svg>
|
|
670
|
+
</slot>
|
|
671
|
+
`:super.renderLeadingIcon()}renderTrailingAction(e){return this.removable?Mo({focusListener:e,ariaLabel:this.ariaLabelRemove,disabled:this.disabled}):h}renderOutline(){return this.elevated?c`<md-elevation part="elevation"></md-elevation>`:super.renderOutline()}handleClick(e){if(this.disabled)return;const t=this.selected;if(this.selected=!this.selected,!Ve(this,e)){this.selected=t;return}}}a([l({type:Boolean})],B.prototype,"elevated",void 0);a([l({type:Boolean})],B.prototype,"removable",void 0);a([l({type:Boolean,reflect:!0})],B.prototype,"selected",void 0);a([l({type:Boolean,reflect:!0,attribute:"has-selected-icon"})],B.prototype,"hasSelectedIcon",void 0);a([I(".primary.action")],B.prototype,"primaryAction",void 0);a([I(".trailing.action")],B.prototype,"trailingAction",void 0);/**
|
|
672
|
+
* @license
|
|
673
|
+
* Copyright 2024 Google LLC
|
|
674
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
675
|
+
*/const Lo=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}}
|
|
676
|
+
`;/**
|
|
677
|
+
* @license
|
|
678
|
+
* Copyright 2024 Google LLC
|
|
679
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
680
|
+
*/const Bo=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}}
|
|
681
|
+
`;/**
|
|
682
|
+
* @license
|
|
683
|
+
* Copyright 2024 Google LLC
|
|
684
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
685
|
+
*/const Fo=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}}
|
|
686
|
+
`;/**
|
|
687
|
+
* @license
|
|
688
|
+
* Copyright 2023 Google LLC
|
|
689
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
690
|
+
*/let me=class extends B{};me.styles=[gt,yt,Fo,Bo,Lo];me=a([f("md-filter-chip")],me);const Tr=Object.freeze(Object.defineProperty({__proto__:null,get MdFilterChip(){return me}},Symbol.toStringTag,{value:"Module"}));/**
|
|
691
|
+
* @license
|
|
692
|
+
* Copyright 2023 Google LLC
|
|
693
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
694
|
+
*/class xt extends y{get chips(){return this.childElements.filter(e=>e instanceof M)}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 c`<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 p=m?b+1:b-1;for(;p!==b;){p>=n.length?p=0:p<0&&(p=n.length-1);const u=n[p];if(u.disabled&&!u.alwaysFocusable){m?p++:p--;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([K()],xt.prototype,"childElements",void 0);/**
|
|
695
|
+
* @license
|
|
696
|
+
* Copyright 2024 Google LLC
|
|
697
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
698
|
+
*/const Po=v`:host{display:flex;flex-wrap:wrap;gap:8px}
|
|
699
|
+
`;/**
|
|
700
|
+
* @license
|
|
701
|
+
* Copyright 2023 Google LLC
|
|
702
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
703
|
+
*/let be=class extends xt{};be.styles=[Po];be=a([f("md-chip-set")],be);const zr=Object.freeze(Object.defineProperty({__proto__:null,get MdChipSet(){return be}},Symbol.toStringTag,{value:"Module"}));/**
|
|
704
|
+
* @license
|
|
705
|
+
* Copyright 2023 Google LLC
|
|
706
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
707
|
+
*/const _t=Symbol("dispatchHooks");function Do(r,e){const t=r[_t];if(!t)throw new Error(`'${r.type}' event needs setupDispatchHooks().`);t.addEventListener("after",e)}const Ze=new WeakMap;function No(r,...e){let t=Ze.get(r);t||(t=new Set,Ze.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]),d=new EventTarget;n[_t]=d,i=!0;const m=r.dispatchEvent(n);i=!1,m||s.preventDefault(),d.dispatchEvent(new Event("after"))},{capture:!0}),t.add(o)}}/**
|
|
708
|
+
* @license
|
|
709
|
+
* Copyright 2021 Google LLC
|
|
710
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
711
|
+
*/const Vo=qe(je(W(y)));class O extends Vo{constructor(){super(),this.selected=!1,this.icons=!1,this.showOnlySelectedIcon=!1,this.required=!1,this.value="on",this.addEventListener("click",e=>{!ye(e)||!this.input||(this.focus(),Ne(this.input))}),No(this,"keydown"),this.addEventListener("keydown",e=>{Do(e,()=>{e.defaultPrevented||e.key!=="Enter"||this.disabled||!this.input||this.input.click()})})}render(){return c`
|
|
712
|
+
<div class="switch ${S(this.getRenderClasses())}">
|
|
713
|
+
<input
|
|
714
|
+
id="switch"
|
|
715
|
+
class="touch"
|
|
716
|
+
type="checkbox"
|
|
717
|
+
role="switch"
|
|
718
|
+
aria-label=${this.ariaLabel||h}
|
|
719
|
+
?checked=${this.selected}
|
|
720
|
+
?disabled=${this.disabled}
|
|
721
|
+
?required=${this.required}
|
|
722
|
+
@input=${this.handleInput}
|
|
723
|
+
@change=${this.handleChange} />
|
|
724
|
+
|
|
725
|
+
<md-focus-ring part="focus-ring" for="switch"></md-focus-ring>
|
|
726
|
+
<span class="track"> ${this.renderHandle()} </span>
|
|
727
|
+
</div>
|
|
728
|
+
`}getRenderClasses(){return{selected:this.selected,unselected:!this.selected,disabled:this.disabled}}renderHandle(){const e={"with-icon":this.showOnlySelectedIcon?this.selected:this.icons};return c`
|
|
729
|
+
${this.renderTouchTarget()}
|
|
730
|
+
<span class="handle-container">
|
|
731
|
+
<md-ripple for="switch" ?disabled="${this.disabled}"></md-ripple>
|
|
732
|
+
<span class="handle ${S(e)}">
|
|
733
|
+
${this.shouldShowIcons()?this.renderIcons():c``}
|
|
734
|
+
</span>
|
|
735
|
+
</span>
|
|
736
|
+
`}renderIcons(){return c`
|
|
737
|
+
<div class="icons">
|
|
738
|
+
${this.renderOnIcon()}
|
|
739
|
+
${this.showOnlySelectedIcon?c``:this.renderOffIcon()}
|
|
740
|
+
</div>
|
|
741
|
+
`}renderOnIcon(){return c`
|
|
742
|
+
<slot class="icon icon--on" name="on-icon">
|
|
743
|
+
<svg viewBox="0 0 24 24">
|
|
744
|
+
<path
|
|
745
|
+
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" />
|
|
746
|
+
</svg>
|
|
747
|
+
</slot>
|
|
748
|
+
`}renderOffIcon(){return c`
|
|
749
|
+
<slot class="icon icon--off" name="off-icon">
|
|
750
|
+
<svg viewBox="0 0 24 24">
|
|
751
|
+
<path
|
|
752
|
+
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" />
|
|
753
|
+
</svg>
|
|
754
|
+
</slot>
|
|
755
|
+
`}renderTouchTarget(){return c`<span class="touch"></span>`}shouldShowIcons(){return this.icons||this.showOnlySelectedIcon}handleInput(e){const t=e.target;this.selected=t.checked}handleChange(e){Ve(this,e)}[D](){return this.selected?this.value:null}[U](){return String(this.selected)}formResetCallback(){this.selected=this.hasAttribute("selected")}formStateRestoreCallback(e){this.selected=e==="true"}[j](){return new st(()=>({checked:this.selected,required:this.required}))}[H](){return this.input}}N(O);O.shadowRootOptions={mode:"open",delegatesFocus:!0};a([l({type:Boolean})],O.prototype,"selected",void 0);a([l({type:Boolean})],O.prototype,"icons",void 0);a([l({type:Boolean,attribute:"show-only-selected-icon"})],O.prototype,"showOnlySelectedIcon",void 0);a([l({type:Boolean})],O.prototype,"required",void 0);a([l()],O.prototype,"value",void 0);a([I("input")],O.prototype,"input",void 0);/**
|
|
756
|
+
* @license
|
|
757
|
+
* Copyright 2024 Google LLC
|
|
758
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
759
|
+
*/const qo=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}}}
|
|
760
|
+
`;/**
|
|
761
|
+
* @license
|
|
762
|
+
* Copyright 2021 Google LLC
|
|
763
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
764
|
+
*/let fe=class extends O{};fe.styles=[qo];fe=a([f("md-switch")],fe);const Sr=Object.freeze(Object.defineProperty({__proto__:null,get MdSwitch(){return fe}},Symbol.toStringTag,{value:"Module"}));export{Oe as M,Sr as _,Be as a,Le as b,nr as c,cr as d,ur as e,rr as f,br as g,yr as h,Go as i,xr as j,Cr as k,pr as l,Tr as m,zr as n,ir as o,Uo as r,wr as t};
|