scb-wc 0.1.74 → 0.1.76

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.
Files changed (88) hide show
  1. package/README.md +41 -22
  2. package/all.js +0 -2
  3. package/index.js +88 -90
  4. package/mvc/components/all.js +0 -2
  5. package/mvc/components/scb-accordion/scb-accordion-item.js +2 -2
  6. package/mvc/components/scb-avatar/scb-avatar.js +2 -2
  7. package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +33 -15
  8. package/mvc/components/scb-button/scb-button.js +80 -41
  9. package/mvc/components/scb-calendar/scb-calendar.js +1 -1
  10. package/mvc/components/scb-calendar-card/scb-calendar-card.js +4 -4
  11. package/mvc/components/scb-card/scb-card.js +3 -3
  12. package/mvc/components/scb-checkbox/scb-checkbox.js +32 -7
  13. package/mvc/components/scb-chip/scb-chip.js +6 -6
  14. package/mvc/components/scb-dialog/scb-dialog.js +1 -1
  15. package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
  16. package/mvc/components/scb-fab/scb-fab.js +24 -6
  17. package/mvc/components/scb-fact-card/scb-fact-card.js +4 -4
  18. package/mvc/components/scb-header/scb-header.js +474 -124
  19. package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +1 -1
  20. package/mvc/components/scb-icon-button/scb-icon-button.js +2 -2
  21. package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +2 -2
  22. package/mvc/components/scb-link/scb-link.js +14 -10
  23. package/mvc/components/scb-list/scb-list-item.js +5 -5
  24. package/mvc/components/scb-list/scb-list.js +3 -3
  25. package/mvc/components/scb-menu/scb-menu-item.js +2 -2
  26. package/mvc/components/scb-nav/scb-nav.js +1 -1
  27. package/mvc/components/scb-notification-card/scb-notification-card.js +1 -1
  28. package/mvc/components/scb-options-menu/scb-options-menu-item.js +1 -1
  29. package/mvc/components/scb-pagination/scb-pagination.js +1 -1
  30. package/mvc/components/scb-progress-stepper/scb-progress-step.js +1 -1
  31. package/mvc/components/scb-radio-button/scb-radio-button.js +39 -9
  32. package/mvc/components/scb-search/scb-search.js +3 -3
  33. package/mvc/components/scb-segmented-button/scb-segmented-item.js +1 -1
  34. package/mvc/components/scb-select/scb-select-option.js +3 -3
  35. package/mvc/components/scb-select/scb-select.js +1 -1
  36. package/mvc/components/scb-slider/scb-slider.js +58 -4
  37. package/mvc/components/scb-status-pill/scb-status-pill.js +1 -1
  38. package/mvc/components/scb-stepper/scb-step.js +1 -1
  39. package/mvc/components/scb-switch/scb-switch.js +51 -6
  40. package/mvc/components/scb-tabs/scb-primary-tab.js +3 -2
  41. package/mvc/components/scb-tabs/scb-secondary-tab.js +3 -2
  42. package/mvc/components/scb-tabs/scb-tabs.js +11 -2
  43. package/mvc/components/scb-textfield/scb-textfield.js +319 -24
  44. package/mvc/components/scb-toc/scb-toc-item.js +1 -1
  45. package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
  46. package/mvc/vendor/assist-chip.js +20 -0
  47. package/mvc/vendor/attachable-controller.js +1 -0
  48. package/mvc/vendor/checkbox-validator.js +1 -0
  49. package/mvc/vendor/chip-set.js +2 -0
  50. package/mvc/vendor/chip.js +18 -0
  51. package/mvc/vendor/delegate.js +1 -0
  52. package/mvc/vendor/element-internals.js +1 -0
  53. package/mvc/vendor/elevation.js +2 -0
  54. package/mvc/vendor/filled-icon-button.js +2 -0
  55. package/mvc/vendor/filled-tonal-icon-button.js +2 -0
  56. package/mvc/vendor/filter-chip.js +43 -0
  57. package/mvc/vendor/focusable.js +1 -0
  58. package/mvc/vendor/form-associated.js +1 -0
  59. package/mvc/vendor/form-label-activation.js +1 -0
  60. package/mvc/vendor/form-submitter.js +1 -0
  61. package/mvc/vendor/icon-button.js +2 -0
  62. package/mvc/vendor/icon.js +2 -0
  63. package/mvc/vendor/list.js +8 -0
  64. package/mvc/vendor/md-focus-ring.js +2 -0
  65. package/mvc/vendor/outlined-icon-button.js +2 -0
  66. package/mvc/vendor/redispatch-event.js +1 -0
  67. package/mvc/vendor/ripple.js +2 -0
  68. package/mvc/vendor/rolldown-runtime.js +1 -0
  69. package/mvc/{components/scb-chevron → vendor}/scb-chevron.js +1 -1
  70. package/mvc/vendor/shared-styles.js +3 -0
  71. package/mvc/vendor/shared-styles2.js +30 -0
  72. package/mvc/vendor/tab-styles.js +17 -0
  73. package/mvc/vendor/validator.js +1 -0
  74. package/package.json +2 -2
  75. package/scb-breadcrumb/scb-breadcrumb.js +38 -21
  76. package/scb-chevron/scb-chevron.js +0 -1
  77. package/scb-components/scb-header/scb-header.d.ts +11 -4
  78. package/scb-datepicker/scb-datepicker.js +0 -1
  79. package/scb-header/scb-header.js +512 -156
  80. package/scb-link/scb-link.js +24 -20
  81. package/scb-wc-public-entry/index.d.ts +97 -0
  82. package/scb-wc.bundle.js +728 -358
  83. package/scb-wc.d.ts +194 -198
  84. package/mvc/components/scb-datepicker/scb-datepicker.js +0 -296
  85. package/mvc/vendor/vendor-material.js +0 -364
  86. package/scb-components/index.d.ts +0 -99
  87. package/scb-components/scb-chevron/scb-chevron.d.ts +0 -11
  88. package/scb-components/scb-datepicker/scb-datepicker.d.ts +0 -39
@@ -0,0 +1,20 @@
1
+ import{b as h,g as m,h as c,l as s,v as r,y as o}from"./vendor.js";import"./vendor-lit.js";import"./elevation.js";import{t as b}from"./chip.js";import{n as y,t as u}from"./shared-styles.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(i,p,v){try{customElements.get(i)||a(i,p,v)}catch(n){var d=String(n||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var t=class extends b{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:a}=this;return this.href?o`
2
+ <a
3
+ class="primary action"
4
+ id="link"
5
+ aria-label=${a||r}
6
+ href=${this.href}
7
+ target=${this.target||r}
8
+ >${e}</a
9
+ >
10
+ `:o`
11
+ <button
12
+ class="primary action"
13
+ id="button"
14
+ aria-label=${a||r}
15
+ ?disabled=${this.disabled&&!this.alwaysFocusable}
16
+ type="button"
17
+ >${e}</button
18
+ >
19
+ `}renderOutline(){return this.elevated?o`<md-elevation part="elevation"></md-elevation>`:super.renderOutline()}};s([c({type:Boolean})],t.prototype,"elevated",void 0);s([c()],t.prototype,"href",void 0);s([c()],t.prototype,"target",void 0);var _=h`: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}}
20
+ `,l=class extends t{};l.styles=[u,y,_];l=s([m("md-assist-chip")],l);export{l as MdAssistChip};
@@ -0,0 +1 @@
1
+ import"./vendor-lit.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(r,h,l){try{customElements.get(r)||e(r,h,l)}catch(s){var o=String(s||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var n=Symbol("attachableController"),i;i=new MutationObserver(t=>{for(const e of t)e.target[n]?.hostConnected()});var a=class{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(t){t===null?this.host.removeAttribute("for"):this.host.setAttribute("for",t)}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(t){t?this.attach(t):this.detach()}constructor(t,e){this.host=t,this.onControlChange=e,this.currentControl=null,t.addController(this),t[n]=this,i?.observe(t,{attributeFilter:["for"]})}attach(t){t!==this.currentControl&&(this.setCurrentControl(t),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(t){this.onControlChange(this.currentControl,t),this.currentControl=t}};export{a as t};
@@ -0,0 +1 @@
1
+ import{t as d}from"./validator.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(o,r,n){try{customElements.get(o)||t(o,r,n)}catch(i){var c=String(i||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var l=class extends d{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}}};export{l as t};
@@ -0,0 +1,2 @@
1
+ import{_ as p,b,d as g,g as m,l as f,y}from"./vendor.js";import"./vendor-lit.js";import{t as _}from"./chip.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(s,n,d){try{customElements.get(s)||i(s,n,d)}catch(a){var t=String(a||"");if(t.indexOf("already been used")===-1&&t.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var u=class extends p{get chips(){return this.childElements.filter(e=>e instanceof _)}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 y`<slot @slotchange=${this.updateTabIndices}></slot>`}handleKeyDown(e){const i=e.key==="ArrowLeft",s=e.key==="ArrowRight",n=e.key==="Home",d=e.key==="End";if(!i&&!s&&!n&&!d)return;const{chips:t}=this;if(t.length<2)return;if(e.preventDefault(),n||d){t[n?0:t.length-1].focus({trailing:d}),this.updateTabIndices();return}const a=getComputedStyle(this).direction==="rtl"?i:s,h=t.find(r=>r.matches(":focus-within"));if(!h){(a?t[0]:t[t.length-1]).focus({trailing:!a}),this.updateTabIndices();return}const c=t.indexOf(h);let o=a?c+1:c-1;for(;o!==c;){o>=t.length?o=0:o<0&&(o=t.length-1);const r=t[o];if(r.disabled&&!r.alwaysFocusable){a?o++:o--;continue}r.focus({trailing:!a}),this.updateTabIndices();break}}updateTabIndices(){const{chips:e}=this;let i;for(const s of e){const n=s.alwaysFocusable||!s.disabled;if(s.matches(":focus-within")&&n){i=s;continue}n&&!i&&(i=s),s.tabIndex=-1}i&&(i.tabIndex=0)}};f([g()],u.prototype,"childElements",void 0);var w=b`:host{display:flex;flex-wrap:wrap;gap:8px}
2
+ `,l=class extends u{};l.styles=[w];l=f([m("md-chip-set")],l);export{l as MdChipSet};
@@ -0,0 +1,18 @@
1
+ import{_ as d,c as p,h as a,l as n,y as s}from"./vendor.js";import"./vendor-lit.js";import"./md-focus-ring.js";import"./ripple.js";import{t as h}from"./delegate.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(i,c,u){try{customElements.get(i)||r(i,c,u)}catch(l){var o=String(l||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var t=class extends d{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 s`
2
+ <div class="container ${p(this.getContainerClasses())}">
3
+ ${this.renderContainerContent()}
4
+ </div>
5
+ `}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 s`
6
+ ${this.renderOutline()}
7
+ <md-focus-ring part="focus-ring" for=${this.primaryId}></md-focus-ring>
8
+ <md-ripple
9
+ for=${this.primaryId}
10
+ ?disabled=${this.rippleDisabled}></md-ripple>
11
+ ${this.renderPrimaryAction(this.renderPrimaryContent())}
12
+ `}renderOutline(){return s`<span class="outline"></span>`}renderLeadingIcon(){return s`<slot name="icon" @slotchange=${this.handleIconChange}></slot>`}renderPrimaryContent(){return s`
13
+ <span class="leading icon" aria-hidden="true">
14
+ ${this.renderLeadingIcon()}
15
+ </span>
16
+ <span class="label">${this.label}</span>
17
+ <span class="touch"></span>
18
+ `}handleIconChange(e){const r=e.target;this.hasIcon=r.assignedElements({flatten:!0}).length>0}};h(t);t.shadowRootOptions={...d.shadowRootOptions,delegatesFocus:!0};n([a({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0);n([a({type:Boolean,attribute:"always-focusable"})],t.prototype,"alwaysFocusable",void 0);n([a()],t.prototype,"label",void 0);n([a({type:Boolean,reflect:!0,attribute:"has-icon"})],t.prototype,"hasIcon",void 0);export{t};
@@ -0,0 +1 @@
1
+ (function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(r,l,d){try{customElements.get(r)||e(r,l,d)}catch(t){var i=String(t||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var o=["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"],u=o.map(n);function n(a){return a.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}function s(a){for(const e of o)a.createProperty(e,{attribute:n(e),reflect:!0});a.addInitializer(e=>{e.addController({hostConnected(){e.setAttribute("role","presentation")}})})}export{s as t};
@@ -0,0 +1 @@
1
+ (function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(t,a,l){try{customElements.get(t)||n(t,a,l)}catch(s){var i=String(s||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();var o=Symbol("internals"),r=Symbol("privateInternals");function c(e){class n extends e{get[o](){return this[r]||(this[r]=this.attachInternals()),this[r]}}return n}export{c as n,o as t};
@@ -0,0 +1,2 @@
1
+ import{_ as n,b as c,g as d,l as v,y as p}from"./vendor.js";import"./vendor-lit.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(a,s,i){try{customElements.get(a)||r(a,s,i)}catch(t){var o=String(t||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var _=class extends n{connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){return p`<span class="shadow"></span>`}},h=c`: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}
2
+ `,l=class extends _{};l.styles=[h];l=v([d("md-elevation")],l);
@@ -0,0 +1,2 @@
1
+ import{b as i,g as d,l as s}from"./vendor.js";import"./vendor-lit.js";import{n as v,t as f}from"./shared-styles2.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(e,a,n){try{customElements.get(e)||c(e,a,n)}catch(t){var l=String(t||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var p=i`: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)}
2
+ `,r=class extends v{getRenderClasses(){return{...super.getRenderClasses(),filled:!0,"toggle-filled":this.toggle}}};r.styles=[f,p];r=s([d("md-filled-icon-button")],r);export{r as MdFilledIconButton};
@@ -0,0 +1,2 @@
1
+ import{b as d,g as s,l as i}from"./vendor.js";import"./vendor-lit.js";import{n as v,t as b}from"./shared-styles2.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(e,a,c){try{customElements.get(e)||n(e,a,c)}catch(t){var l=String(t||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var g=d`: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)}
2
+ `,r=class extends v{getRenderClasses(){return{...super.getRenderClasses(),"filled-tonal":!0,"toggle-filled-tonal":this.toggle}}};r.styles=[b,g];r=i([s("md-filled-tonal-icon-button")],r);export{r as MdFilledTonalIconButton};
@@ -0,0 +1,43 @@
1
+ import{b as p,g as y,h as n,l as o,p as f,v,y as l}from"./vendor.js";import"./vendor-lit.js";import"./md-focus-ring.js";import"./ripple.js";import"./elevation.js";import{t as u}from"./redispatch-event.js";import{t as g}from"./chip.js";import{n as b,t as _}from"./shared-styles.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(i,t,d){try{customElements.get(i)||r(i,t,d)}catch(m){var c=String(m||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw m}}}}catch{}})();var s="aria-label-remove",x=class extends g{get ariaLabelRemove(){if(this.hasAttribute(s))return this.getAttribute(s);const{ariaLabel:e}=this;return`Remove ${e||this.label}`}set ariaLabelRemove(e){e!==this.ariaLabelRemove&&(e===null?this.removeAttribute(s):this.setAttribute(s,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 l`
2
+ ${super.renderContainerContent()}
3
+ ${this.renderTrailingAction(this.handleTrailingActionFocus)}
4
+ `}handleKeyDown(e){const r=e.key==="ArrowLeft",i=e.key==="ArrowRight";if(!r&&!i||!this.primaryAction||!this.trailingAction)return;const t=getComputedStyle(this).direction==="rtl"?r:i,d=this.primaryAction?.matches(":focus-within"),c=this.trailingAction?.matches(":focus-within");t&&c||!t&&d||(e.preventDefault(),e.stopPropagation(),(t?this.trailingAction:this.primaryAction).focus())}handleTrailingActionFocus(){const{primaryAction:e,trailingAction:r}=this;!e||!r||(e.tabIndex=-1,r.addEventListener("focusout",()=>{e.tabIndex=0},{once:!0}))}};function w({ariaLabel:e,disabled:r,focusListener:i,tabbable:t=!1}){return l`
5
+ <button
6
+ class="trailing action"
7
+ aria-label=${e}
8
+ tabindex=${t?v:-1}
9
+ @click=${A}
10
+ @focus=${i}>
11
+ <md-focus-ring part="trailing-focus-ring"></md-focus-ring>
12
+ <md-ripple ?disabled=${r}></md-ripple>
13
+ <span class="trailing icon" aria-hidden="true">
14
+ <slot name="remove-trailing-icon">
15
+ <svg viewBox="0 96 960 960">
16
+ <path
17
+ 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" />
18
+ </svg>
19
+ </slot>
20
+ </span>
21
+ <span class="touch"></span>
22
+ </button>
23
+ `}function A(e){this.disabled||(e.stopPropagation(),this.dispatchEvent(new Event("remove",{cancelable:!0}))&&this.remove())}var a=class extends x{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:r}=this;return l`
24
+ <button
25
+ class="primary action"
26
+ id="button"
27
+ aria-label=${r||v}
28
+ aria-pressed=${this.selected}
29
+ ?disabled=${this.disabled&&!this.alwaysFocusable}
30
+ @click=${this.handleClick}
31
+ >${e}</button
32
+ >
33
+ `}renderLeadingIcon(){return this.selected?l`
34
+ <slot name="selected-icon">
35
+ <svg class="checkmark" viewBox="0 0 18 18" aria-hidden="true">
36
+ <path
37
+ d="M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z" />
38
+ </svg>
39
+ </slot>
40
+ `:super.renderLeadingIcon()}renderTrailingAction(e){return this.removable?w({focusListener:e,ariaLabel:this.ariaLabelRemove,disabled:this.disabled}):v}renderOutline(){return this.elevated?l`<md-elevation part="elevation"></md-elevation>`:super.renderOutline()}handleClick(e){if(this.disabled)return;const r=this.selected;if(this.selected=!this.selected,!u(this,e)){this.selected=r;return}}};o([n({type:Boolean})],a.prototype,"elevated",void 0);o([n({type:Boolean})],a.prototype,"removable",void 0);o([n({type:Boolean,reflect:!0})],a.prototype,"selected",void 0);o([n({type:Boolean,reflect:!0,attribute:"has-selected-icon"})],a.prototype,"hasSelectedIcon",void 0);o([f(".primary.action")],a.prototype,"primaryAction",void 0);o([f(".trailing.action")],a.prototype,"trailingAction",void 0);var k=p`: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}}
41
+ `,L=p`.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}}
42
+ `,C=p`.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}}
43
+ `,h=class extends a{};h.styles=[_,b,C,L,k];h=o([y("md-filter-chip")],h);export{h as MdFilterChip};
@@ -0,0 +1 @@
1
+ import{h as x,l as _}from"./vendor.js";import"./vendor-lit.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(e,n,i){try{customElements.get(e)||s(e,n,i)}catch(t){var b=String(t||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var l=Symbol("isFocusable"),c=Symbol("privateIsFocusable"),o=Symbol("externalTabIndex"),u=Symbol("isUpdatingTabIndex"),d=Symbol("updateTabIndex");function m(a){var s,e,n;class i extends a{constructor(){super(...arguments),this[s]=!0,this[e]=null,this[n]=!1}get[l](){return this[c]}set[l](t){this[l]!==t&&(this[c]=t,this[d]())}connectedCallback(){super.connectedCallback(),this[d]()}attributeChangedCallback(t,r,h){if(t!=="tabindex"){super.attributeChangedCallback(t,r,h);return}if(this.requestUpdate("tabIndex",Number(r??-1)),!this[u]){if(!this.hasAttribute("tabindex")){this[o]=null,this[d]();return}this[o]=this.tabIndex}}[(s=c,e=o,n=u,d)](){const t=this[l]?0:-1,r=this[o]??t;this[u]=!0,this.tabIndex=r,this[u]=!1}}return _([x({noAccessor:!0})],i.prototype,"tabIndex",void 0),i}export{m as t};
@@ -0,0 +1 @@
1
+ import{h as u,l as d}from"./vendor.js";import"./vendor-lit.js";import{t as l}from"./element-internals.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(i,e,t){try{customElements.get(i)||r(i,e,t)}catch(o){var s=String(o||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var n=Symbol("getFormValue"),m=Symbol("getFormState");function f(a){class r extends a{get form(){return this[l].form}get labels(){return this[l].labels}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e)}attributeChangedCallback(e,t,s){if(e==="name"||e==="disabled"){const o=e==="disabled"?t!==null:t;this.requestUpdate(e,o);return}super.attributeChangedCallback(e,t,s)}requestUpdate(e,t,s){super.requestUpdate(e,t,s),this[l].setFormValue(this[n](),this[m]())}[n](){throw new Error("Implement [getFormValue]")}[m](){return this[n]()}formDisabledCallback(e){this.disabled=e}}return r.formAssociated=!0,d([u({noAccessor:!0})],r.prototype,"name",null),d([u({type:Boolean,noAccessor:!0})],r.prototype,"disabled",null),r}export{n,f as r,m as t};
@@ -0,0 +1 @@
1
+ (function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(n,a,c){try{customElements.get(n)||e(n,a,c)}catch(s){var r=String(s||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw s}}}}catch{}})();function l(t){const e=new MouseEvent("click",{bubbles:!0});return t.dispatchEvent(e),e}function f(t){return t.currentTarget!==t.target||t.composedPath()[0]!==t.target||t.target.disabled?!1:!u(t)}function u(t){const e=i;return e&&(t.preventDefault(),t.stopImmediatePropagation()),o(),e}var i=!1;async function o(){i=!0,await null,i=!1}export{f as n,l as t};
@@ -0,0 +1 @@
1
+ import"./vendor-lit.js";import{t as a}from"./element-internals.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var u=customElements.define.bind(customElements);customElements.define=function(e,s,i){try{customElements.get(e)||u(e,s,i)}catch(t){var r=String(t||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();function l(n){n.addInitializer(u=>{const e=u;e.addEventListener("click",async s=>{const{type:i,[a]:r}=e,{form:t}=r;if(!(!t||i==="button")&&(await new Promise(o=>{setTimeout(o)}),!s.defaultPrevented)){if(i==="reset"){t.reset();return}t.addEventListener("submit",o=>{Object.defineProperty(o,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),t.requestSubmit()}})})}export{l as t};
@@ -0,0 +1,2 @@
1
+ import{b as l,g as n,l as i}from"./vendor.js";import"./vendor-lit.js";import{n as p,t as v}from"./shared-styles2.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(o,c,d){try{customElements.get(o)||s(o,c,d)}catch(t){var a=String(t||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var y=l`: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)}
2
+ `,r=class extends p{getRenderClasses(){return{...super.getRenderClasses(),standard:!0}}};r.styles=[v,y];r=i([n("md-icon-button")],r);export{r as MdIconButton};
@@ -0,0 +1,2 @@
1
+ import{t as l}from"./rolldown-runtime.js";import{_ as d,b as c,g as f,l as h,y as m}from"./vendor.js";import"./vendor-lit.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(i,s,a){try{customElements.get(i)||r(i,s,a)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var u=class extends d{render(){return m`<slot></slot>`}connectedCallback(){if(super.connectedCallback(),this.getAttribute("aria-hidden")==="false"){this.removeAttribute("aria-hidden");return}this.setAttribute("aria-hidden","true")}},p=c`: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%}
2
+ `,b=l({MdIcon:()=>e}),e=class extends u{};e.styles=[p];e=h([f("md-icon")],e);export{b as t};
@@ -0,0 +1,8 @@
1
+ import{_ as P,b as R,d as C,g as k,l as A,y as D}from"./vendor.js";import"./vendor-lit.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,s,n){try{customElements.get(i)||e(i,s,n)}catch(o){var a=String(o||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();function w(t,e=h){const i=p(t,e);return i&&(i.tabIndex=0,i.focus()),i}function x(t,e=h){const i=K(t,e);return i&&(i.tabIndex=0,i.focus()),i}function v(t,e=h){for(let i=0;i<t.length;i++){const s=t[i];if(s.tabIndex===0&&e(s))return{item:s,index:i}}return null}function p(t,e=h){for(const i of t)if(e(i))return i;return null}function K(t,e=h){for(let i=t.length-1;i>=0;i--){const s=t[i];if(e(s))return s}return null}function S(t,e,i=h,s=!0){for(let n=1;n<t.length;n++){const a=(n+e)%t.length;if(a<e&&!s)return null;const o=t[a];if(i(o))return o}return t[e]?t[e]:null}function O(t,e,i=h,s=!0){for(let n=1;n<t.length;n++){const a=(e-n+t.length)%t.length;if(a>e&&!s)return null;const o=t[a];if(i(o))return o}return t[e]?t[e]:null}function b(t,e,i=h,s=!0){if(e){const n=S(t,e.index,i,s);return n&&(n.tabIndex=0,n.focus()),n}else return w(t,i)}function g(t,e,i=h,s=!0){if(e){const n=O(t,e.index,i,s);return n&&(n.tabIndex=0,n.focus()),n}else return x(t,i)}function h(t){return!t.disabled}var f={ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowUp:"ArrowUp",ArrowRight:"ArrowRight",Home:"Home",End:"End"},$=class{constructor(t){this.handleKeydown=l=>{const r=l.key;if(l.defaultPrevented||!this.isNavigableKey(r))return;const u=this.items;if(!u.length)return;const c=v(u,this.isActivatable);l.preventDefault();const I=this.isRtl(),E=I?f.ArrowRight:f.ArrowLeft,L=I?f.ArrowLeft:f.ArrowRight;let m=null;switch(r){case f.ArrowDown:case L:m=b(u,c,this.isActivatable,this.wrapNavigation());break;case f.ArrowUp:case E:m=g(u,c,this.isActivatable,this.wrapNavigation());break;case f.Home:m=w(u,this.isActivatable);break;case f.End:m=x(u,this.isActivatable);break;default:break}m&&c&&c.item!==m&&(c.item.tabIndex=-1)},this.onDeactivateItems=()=>{const l=this.items;for(const r of l)this.deactivateItem(r)},this.onRequestActivation=l=>{this.onDeactivateItems();const r=l.target;this.activateItem(r),r.focus()},this.onSlotchange=()=>{const l=this.items;let r=!1;for(const c of l){if(!c.disabled&&c.tabIndex>-1&&!r){r=!0,c.tabIndex=0;continue}c.tabIndex=-1}if(r)return;const u=p(l,this.isActivatable);u&&(u.tabIndex=0)};const{isItem:e,getPossibleItems:i,isRtl:s,deactivateItem:n,activateItem:a,isNavigableKey:o,isActivatable:N,wrapNavigation:_}=t;this.isItem=e,this.getPossibleItems=i,this.isRtl=s,this.deactivateItem=n,this.activateItem=a,this.isNavigableKey=o,this.isActivatable=N,this.wrapNavigation=_??(()=>!0)}get items(){const t=this.getPossibleItems(),e=[];for(const i of t){if(this.isItem(i)){e.push(i);continue}const s=i.item;s&&this.isItem(s)&&e.push(s)}return e}activateNextItem(){const t=this.items,e=v(t,this.isActivatable);return e&&(e.item.tabIndex=-1),b(t,e,this.isActivatable,this.wrapNavigation())}activatePreviousItem(){const t=this.items,e=v(t,this.isActivatable);return e&&(e.item.tabIndex=-1),g(t,e,this.isActivatable,this.wrapNavigation())}},q=new Set(Object.values(f)),y=class extends P{get items(){return this.listController.items}constructor(){super(),this.listController=new $({isItem:t=>t.hasAttribute("md-list-item"),getPossibleItems:()=>this.slotItems,isRtl:()=>getComputedStyle(this).direction==="rtl",deactivateItem:t=>{t.tabIndex=-1},activateItem:t=>{t.tabIndex=0},isNavigableKey:t=>q.has(t),isActivatable:t=>!t.disabled&&t.type!=="text"}),this.internals=this.attachInternals(),this.internals.role="list",this.addEventListener("keydown",this.listController.handleKeydown)}render(){return D`
2
+ <slot
3
+ @deactivate-items=${this.listController.onDeactivateItems}
4
+ @request-activation=${this.listController.onRequestActivation}
5
+ @slotchange=${this.listController.onSlotchange}>
6
+ </slot>
7
+ `}activateNextItem(){return this.listController.activateNextItem()}activatePreviousItem(){return this.listController.activatePreviousItem()}};A([C({flatten:!0})],y.prototype,"slotItems",void 0);var H=R`: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}
8
+ `,d=class extends y{};d.styles=[H];d=A([k("md-list")],d);export{d as MdList};
@@ -0,0 +1,2 @@
1
+ import{t as f}from"./rolldown-runtime.js";import{_ as h,b as m,g as p,h as c,l as s}from"./vendor.js";import"./vendor-lit.js";import{t as v}from"./attachable-controller.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,l,u){try{customElements.get(t)||e(t,l,u)}catch(n){var i=String(n||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var g=["focusin","focusout","pointerdown"],o=class extends h{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new v(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(r){this.attachableController.htmlFor=r}get control(){return this.attachableController.control}set control(r){this.attachableController.control=r}attach(r){this.attachableController.attach(r)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(r){if(!r[d]){switch(r.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1;break}r[d]=!0}}onControlChange(r,e){for(const t of g)r?.removeEventListener(t,this),e?.addEventListener(t,this)}update(r){r.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(r)}};s([c({type:Boolean,reflect:!0})],o.prototype,"visible",void 0);s([c({type:Boolean,reflect:!0})],o.prototype,"inward",void 0);var d=Symbol("handledByFocusRing"),b=m`: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}}
2
+ `,C=f({MdFocusRing:()=>a}),a=class extends o{};a.styles=[b];a=s([p("md-focus-ring")],a);export{C as t};
@@ -0,0 +1,2 @@
1
+ import{b as i,g as l,l as s}from"./vendor.js";import"./vendor-lit.js";import{n as u,t as v}from"./shared-styles2.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var c=customElements.define.bind(customElements);customElements.define=function(e,d,a){try{customElements.get(e)||c(e,d,a)}catch(n){var t=String(n||"");if(t.indexOf("already been used")===-1&&t.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var b=i`: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}}
2
+ `,r=class extends u{getRenderClasses(){return{...super.getRenderClasses(),outlined:!0}}};r.styles=[v,b];r=s([l("md-outlined-icon-button")],r);export{r as MdOutlinedIconButton};
@@ -0,0 +1 @@
1
+ (function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(c,e,r){try{customElements.get(c)||t(c,e,r)}catch(i){var s=String(i||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();function n(o,t){t.bubbles&&(!o.shadowRoot||t.composed)&&t.stopPropagation();const c=Reflect.construct(t.constructor,[t.type,t]),e=o.dispatchEvent(c);return e||t.preventDefault(),e}export{n as t};
@@ -0,0 +1,2 @@
1
+ import{t as m}from"./rolldown-runtime.js";import{_ as E,b as A,c as b,g as C,h as _,l as o,m as p,p as v,y as I}from"./vendor.js";import"./vendor-lit.js";import{t as T}from"./attachable-controller.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,n,r){try{customElements.get(i)||e(i,n,r)}catch(h){var a=String(h||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var S={STANDARD:"cubic-bezier(0.2, 0, 0, 1)",STANDARD_ACCELERATE:"cubic-bezier(.3,0,1,1)",STANDARD_DECELERATE:"cubic-bezier(0,0,0,1)",EMPHASIZED:"cubic-bezier(.3,0,0,1)",EMPHASIZED_ACCELERATE:"cubic-bezier(.3,0,.8,.15)",EMPHASIZED_DECELERATE:"cubic-bezier(.05,.7,.1,1)"},g=450,d=225,R=.2,y=10,P=75,x=.35,N="::after",D="forwards",s;(function(t){t[t.INACTIVE=0]="INACTIVE",t[t.TOUCH_DELAY=1]="TOUCH_DELAY",t[t.HOLDING=2]="HOLDING",t[t.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"})(s||(s={}));var O=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],w=150,L=window.matchMedia("(forced-colors: active)"),l=class extends E{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=s.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new T(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){return I`<div class="surface ${b({hovered:this.hovered,pressed:this.pressed})}"></div>`}update(t){t.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(t)}handlePointerenter(t){this.shouldReactToEvent(t)&&(this.hovered=!0)}handlePointerleave(t){this.shouldReactToEvent(t)&&(this.hovered=!1,this.state!==s.INACTIVE&&this.endPressAnimation())}handlePointerup(t){if(this.shouldReactToEvent(t)){if(this.state===s.HOLDING){this.state=s.WAITING_FOR_CLICK;return}if(this.state===s.TOUCH_DELAY){this.state=s.WAITING_FOR_CLICK,this.startPressAnimation(this.rippleStartEvent);return}}}async handlePointerdown(t){if(this.shouldReactToEvent(t)){if(this.rippleStartEvent=t,!this.isTouch(t)){this.state=s.WAITING_FOR_CLICK,this.startPressAnimation(t);return}this.checkBoundsAfterContextMenu&&!this.inBounds(t)||(this.checkBoundsAfterContextMenu=!1,this.state=s.TOUCH_DELAY,await new Promise(e=>{setTimeout(e,w)}),this.state===s.TOUCH_DELAY&&(this.state=s.HOLDING,this.startPressAnimation(t)))}}handleClick(){if(!this.disabled){if(this.state===s.WAITING_FOR_CLICK){this.endPressAnimation();return}this.state===s.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation())}}handlePointercancel(t){this.shouldReactToEvent(t)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:t,width:e}=this.getBoundingClientRect(),i=Math.max(t,e),n=Math.max(x*i,P),r=Math.floor(i*R),a=Math.sqrt(e**2+t**2)+y;this.initialSize=r,this.rippleScale=`${(a+n)/r}`,this.rippleSize=`${r}px`}getNormalizedPointerEventCoords(t){const{scrollX:e,scrollY:i}=window,{left:n,top:r}=this.getBoundingClientRect(),a=e+n,h=i+r,{pageX:u,pageY:f}=t;return{x:u-a,y:f-h}}getTranslationCoordinates(t){const{height:e,width:i}=this.getBoundingClientRect(),n={x:(i-this.initialSize)/2,y:(e-this.initialSize)/2};let r;return t instanceof PointerEvent?r=this.getNormalizedPointerEventCoords(t):r={x:i/2,y:e/2},r={x:r.x-this.initialSize/2,y:r.y-this.initialSize/2},{startPoint:r,endPoint:n}}startPressAnimation(t){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:e,endPoint:i}=this.getTranslationCoordinates(t),n=`${e.x}px, ${e.y}px`,r=`${i.x}px, ${i.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(${n}) scale(1)`,`translate(${r}) scale(${this.rippleScale})`]},{pseudoElement:N,duration:g,easing:S.STANDARD,fill:D})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=s.INACTIVE;const t=this.growAnimation;let e=1/0;if(typeof t?.currentTime=="number"?e=t.currentTime:t?.currentTime&&(e=t.currentTime.to("ms").value),e>=d){this.pressed=!1;return}await new Promise(i=>{setTimeout(i,d-e)}),this.growAnimation===t&&(this.pressed=!1)}shouldReactToEvent(t){if(this.disabled||!t.isPrimary||this.rippleStartEvent&&this.rippleStartEvent.pointerId!==t.pointerId)return!1;if(t.type==="pointerenter"||t.type==="pointerleave")return!this.isTouch(t);const e=t.buttons===1;return this.isTouch(t)||e}inBounds({x:t,y:e}){const{top:i,left:n,bottom:r,right:a}=this.getBoundingClientRect();return t>=n&&t<=a&&e>=i&&e<=r}isTouch({pointerType:t}){return t==="touch"}async handleEvent(t){if(!L?.matches)switch(t.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(t);break;case"pointerdown":await this.handlePointerdown(t);break;case"pointerenter":this.handlePointerenter(t);break;case"pointerleave":this.handlePointerleave(t);break;case"pointerup":this.handlePointerup(t);break;default:break}}onControlChange(t,e){for(const i of O)t?.removeEventListener(i,this),e?.addEventListener(i,this)}};o([_({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0);o([p()],l.prototype,"hovered",void 0);o([p()],l.prototype,"pressed",void 0);o([v(".surface")],l.prototype,"mdRoot",void 0);var M=A`: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}
2
+ `,H=m({MdRipple:()=>c}),c=class extends l{};c.styles=[M];c=o([C("md-ripple")],c);export{S as n,H as t};
@@ -0,0 +1 @@
1
+ (function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(e,r,a){try{customElements.get(e)||n(e,r,a)}catch(i){var o=String(i||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var _=Object.defineProperty,d=(t,n)=>{let e={};for(var r in t)_(e,r,{get:t[r],enumerable:!0});return n||_(e,Symbol.toStringTag,{value:"Module"}),e};export{d as t};
@@ -1,4 +1,4 @@
1
- import{_ as h,b as v,g as d,h as p,y as f}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(o,a,l){try{customElements.get(o)||r(o,a,l)}catch(i){var s=String(i||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var n,t=(n=class extends h{constructor(...r){super(...r),this.open=!1}render(){return f`
1
+ import{_ as h,b as v,g as d,h as p,y as f}from"./vendor.js";import"./vendor-lit.js";import{t as c}from"./decorate.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(o,a,l){try{customElements.get(o)||r(o,a,l)}catch(i){var s=String(i||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var n,t=(n=class extends h{constructor(...r){super(...r),this.open=!1}render(){return f`
2
2
  <svg
3
3
  class="chevron-icon"
4
4
  viewBox="0 0 24 24"
@@ -0,0 +1,3 @@
1
+ import{b as t}from"./vendor.js";import"./vendor-lit.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,n,l){try{customElements.get(e)||i(e,n,l)}catch(r){var o=String(r||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var c=t`.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}}
2
+ `,v=t`: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}
3
+ `;export{c as n,v as t};
@@ -0,0 +1,30 @@
1
+ import{_ as b,b as g,c as m,h as s,l as i,m as v,n as _,t as p,v as r,y as n}from"./vendor.js";import"./vendor-lit.js";import"./md-focus-ring.js";import"./ripple.js";import{t as y}from"./delegate.js";import{n as x,t as u}from"./element-internals.js";import{t as $}from"./form-submitter.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var a=customElements.define.bind(customElements);customElements.define=function(o,c,h){try{customElements.get(o)||a(o,c,h)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();function f(t,a=!0){return a&&getComputedStyle(t).getPropertyValue("direction").trim()==="rtl"}var I=x(b),e=class extends I{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=f(this,this.flipIconInRtl)}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get form(){return this[u].form}get labels(){return this[u].labels}willUpdate(){this.href&&(this.disabled=!1)}render(){const t=this.href?p`div`:p`button`,{ariaLabel:a,ariaHasPopup:o,ariaExpanded:c}=this,h=a&&this.ariaLabelSelected,l=this.toggle?this.selected:r;let d=r;return this.href||(d=h&&this.selected?this.ariaLabelSelected:a),_`<${t}
2
+ class="icon-button ${m(this.getRenderClasses())}"
3
+ id="button"
4
+ aria-label="${d||r}"
5
+ aria-haspopup="${!this.href&&o||r}"
6
+ aria-expanded="${!this.href&&c||r}"
7
+ aria-pressed="${l}"
8
+ ?disabled="${!this.href&&this.disabled}"
9
+ @click="${this.handleClick}">
10
+ ${this.renderFocusRing()}
11
+ ${this.renderRipple()}
12
+ ${this.selected?r:this.renderIcon()}
13
+ ${this.selected?this.renderSelectedIcon():r}
14
+ ${this.renderTouchTarget()}
15
+ ${this.href&&this.renderLink()}
16
+ </${t}>`}renderLink(){const{ariaLabel:t}=this;return n`
17
+ <a
18
+ class="link"
19
+ id="link"
20
+ href="${this.href}"
21
+ target="${this.target||r}"
22
+ aria-label="${t||r}"></a>
23
+ `}getRenderClasses(){return{"flip-icon":this.flipIcon,selected:this.toggle&&this.selected}}renderIcon(){return n`<span class="icon"><slot></slot></span>`}renderSelectedIcon(){return n`<span class="icon icon--selected"
24
+ ><slot name="selected"><slot></slot></slot
25
+ ></span>`}renderTouchTarget(){return n`<span class="touch"></span>`}renderFocusRing(){return n`<md-focus-ring
26
+ part="focus-ring"
27
+ for=${this.href?"link":"button"}></md-focus-ring>`}renderRipple(){return n`<md-ripple
28
+ for=${this.href?"link":r}
29
+ ?disabled="${!this.href&&this.disabled}"></md-ripple>`}connectedCallback(){this.flipIcon=f(this,this.flipIconInRtl),super.connectedCallback()}async handleClick(t){await 0,!(!this.toggle||this.disabled||t.defaultPrevented)&&(this.selected=!this.selected,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))}};y(e),$(e);e.formAssociated=!0;e.shadowRootOptions={mode:"open",delegatesFocus:!0};i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);i([s({type:Boolean,attribute:"flip-icon-in-rtl"})],e.prototype,"flipIconInRtl",void 0);i([s()],e.prototype,"href",void 0);i([s()],e.prototype,"target",void 0);i([s({attribute:"aria-label-selected"})],e.prototype,"ariaLabelSelected",void 0);i([s({type:Boolean})],e.prototype,"toggle",void 0);i([s({type:Boolean,reflect:!0})],e.prototype,"selected",void 0);i([s()],e.prototype,"type",void 0);i([s({reflect:!0})],e.prototype,"value",void 0);i([v()],e.prototype,"flipIcon",void 0);var z=g`: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}}
30
+ `;export{e as n,z as t};
@@ -0,0 +1,17 @@
1
+ import{_ as m,b as y,c as _,d as g,h as s,l as i,m as b,p as x,u as w,v as p,y as f}from"./vendor.js";import"./vendor-lit.js";import"./md-focus-ring.js";import{n as I}from"./ripple.js";import"./elevation.js";import{t as C}from"./focusable.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(o,c,l){try{customElements.get(o)||e(o,c,l)}catch(n){var d=String(n||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var u,r=Symbol("indicator"),E=Symbol("animateIndicator"),T=C(m),a=class extends T{get selected(){return this.active}set selected(t){this.active=t}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 t=f`<div class="indicator"></div>`;return f`<div
2
+ class="button"
3
+ role="presentation"
4
+ @click=${this.handleContentClick}>
5
+ <md-focus-ring part="focus-ring" inward .control=${this}></md-focus-ring>
6
+ <md-elevation part="elevation"></md-elevation>
7
+ <md-ripple .control=${this}></md-ripple>
8
+ <div
9
+ class="content ${_(this.getContentClasses())}"
10
+ role="presentation">
11
+ <slot name="icon" @slotchange=${this.handleIconSlotChange}></slot>
12
+ <slot @slotchange=${this.handleSlotChange}></slot>
13
+ ${this.fullWidthIndicator?p:t}
14
+ </div>
15
+ ${this.fullWidthIndicator?t:p}
16
+ </div>`}getContentClasses(){return{"has-icon":this.hasIcon,"has-label":!this.iconOnly}}updated(){this.internals.ariaSelected=String(this.active)}async handleKeydown(t){await 0,!t.defaultPrevented&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),this.click())}handleContentClick(t){t.stopPropagation(),this.click()}[(u=r,E)](t){if(!this[r])return;this[r].getAnimations().forEach(o=>{o.cancel()});const e=this.getKeyframes(t);e!==null&&this[r].animate(e,{duration:250,easing:I.EMPHASIZED})}getKeyframes(t){const e=N();if(!this.active)return e?[{opacity:1},{transform:"none"}]:null;const o={},c=t[r]?.getBoundingClientRect()??{},l=c.left,d=c.width,n=this[r].getBoundingClientRect(),h=n.left,v=d/n.width;return!e&&l!==void 0&&h!==void 0&&!isNaN(v)?o.transform=`translateX(${(l-h).toFixed(4)}px) scaleX(${v.toFixed(4)})`:o.opacity=0,[o,{transform:"none"}]}handleSlotChange(){this.iconOnly=!1;for(const t of this.assignedDefaultNodes){const e=t.nodeType===Node.TEXT_NODE&&!!t.wholeText.match(/\S/);if(t.nodeType===Node.ELEMENT_NODE||e)return}this.iconOnly=!0}handleIconSlotChange(){this.hasIcon=this.assignedIcons.length>0}};i([s({type:Boolean,reflect:!0,attribute:"md-tab"})],a.prototype,"isTab",void 0);i([s({type:Boolean,reflect:!0})],a.prototype,"active",void 0);i([s({type:Boolean})],a.prototype,"selected",null);i([s({type:Boolean,attribute:"has-icon"})],a.prototype,"hasIcon",void 0);i([s({type:Boolean,attribute:"icon-only"})],a.prototype,"iconOnly",void 0);i([x(".indicator")],a.prototype,u,void 0);i([b()],a.prototype,"fullWidthIndicator",void 0);i([w({flatten:!0})],a.prototype,"assignedDefaultNodes",void 0);i([g({slot:"icon",flatten:!0})],a.prototype,"assignedIcons",void 0);function N(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}var D=y`: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}}
17
+ `;export{E as n,a as r,D as t};
@@ -0,0 +1 @@
1
+ import"./vendor-lit.js";import{t as n}from"./element-internals.js";(function(){try{var i=typeof globalThis<"u"?globalThis:window;if(!i.__scb_ce_guard_installed__){i.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(r,h,e){try{customElements.get(r)||t(r,h,e)}catch(o){var s=String(o||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var c=Symbol("createValidator"),u=Symbol("getValidityAnchor"),d=Symbol("privateValidator"),a=Symbol("privateSyncValidity"),l=Symbol("privateCustomValidationMessage");function m(i){var t;class r extends i{constructor(){super(...arguments),this[t]=""}get validity(){return this[a](),this[n].validity}get validationMessage(){return this[a](),this[n].validationMessage}get willValidate(){return this[a](),this[n].willValidate}checkValidity(){return this[a](),this[n].checkValidity()}reportValidity(){return this[a](),this[n].reportValidity()}setCustomValidity(e){this[l]=e,this[a]()}requestUpdate(e,s,o){super.requestUpdate(e,s,o),this[a]()}firstUpdated(e){super.firstUpdated(e),this[a]()}[(t=l,a)](){this[d]||(this[d]=this[c]());const{validity:e,validationMessage:s}=this[d].getValidity(),o=!!this[l],y=this[l]||s;this[n].setValidity({...e,customError:o},y,this[u]()??void 0)}[c](){throw new Error("Implement [createValidator]")}[u](){throw new Error("Implement [getValidityAnchor]")}}return r}var g=class{constructor(i){this.getCurrentState=i,this.currentValidity={validity:{},validationMessage:""}}getValidity(){const i=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,i)))return this.currentValidity;const{validity:t,validationMessage:r}=this.computeValidity(i);return this.prevState=this.copy(i),this.currentValidity={validationMessage:r,validity:{badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing}},this.currentValidity}};export{m as i,c as n,u as r,g as t};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "scb-wc",
3
- "version": "0.1.74",
3
+ "version": "0.1.76",
4
4
  "type": "module",
5
5
  "main": "index.js",
6
6
  "module": "index.js",
@@ -460,5 +460,5 @@
460
460
  },
461
461
  "./mvc/*": "./mvc/*"
462
462
  },
463
- "buildHash": "45CF86EC130DD87E7725B8E613AB38DA15C6D6AB147DC8CF9324B79F7CAAB193"
463
+ "buildHash": "778F88A39CD1BCFE418831455CB14FE761846081113113F8B71A18925EE5B7BD"
464
464
  }
@@ -3,10 +3,10 @@ import "../scb-link/scb-link.js";
3
3
  import "./scb-breadcrumb-item.js";
4
4
  import { LitElement as t, css as n, html as r } from "lit";
5
5
  import { customElement as i, property as a } from "lit/decorators.js";
6
- import "@material/web/focus/md-focus-ring.js";
7
- import "@material/web/icon/icon.js";
8
6
  //#region src/scb-components/scb-breadcrumb/scb-breadcrumb.ts
9
- var o = class extends t {
7
+ var o, s = () => {
8
+ customElements.get("md-focus-ring") || (o ??= import("@material/web/focus/md-focus-ring.js").then(() => void 0));
9
+ }, c = class extends t {
10
10
  constructor(...e) {
11
11
  super(...e), this.showAll = !1, this.currentIndex = void 0, this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0;
12
12
  }
@@ -60,12 +60,6 @@ var o = class extends t {
60
60
  outline: none;
61
61
  }
62
62
 
63
- .breadcrumb-animate {
64
- opacity: 0;
65
- transform: translateY(10px);
66
- animation: fadeInBreadcrumb 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
67
- }
68
-
69
63
  md-focus-ring {
70
64
  position: absolute;
71
65
  inset: 0;
@@ -81,6 +75,30 @@ var o = class extends t {
81
75
  display: block;
82
76
  }
83
77
 
78
+ .breadcrumb-animate {
79
+ opacity: 0;
80
+ transform: translateY(10px);
81
+ animation: fadeInBreadcrumb 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
82
+ }
83
+
84
+ .breadcrumb-icon {
85
+ display: inline-block;
86
+ inline-size: 1em;
87
+ overflow: hidden;
88
+ font-family: 'Material Symbols Outlined';
89
+ font-size: var(--icon-size-medium, 24px);
90
+ line-height: 1;
91
+ text-align: center;
92
+ white-space: nowrap;
93
+ text-transform: none;
94
+ word-wrap: normal;
95
+ direction: ltr;
96
+ font-feature-settings: 'liga' 1;
97
+ font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
98
+ -webkit-font-smoothing: antialiased;
99
+ -moz-osx-font-smoothing: grayscale;
100
+ }
101
+
84
102
  @keyframes fadeInBreadcrumb {
85
103
  to {
86
104
  opacity: 1;
@@ -208,15 +226,14 @@ var o = class extends t {
208
226
  aria-label="Visa alla"
209
227
  role="button"
210
228
  tabindex="0"
229
+ @focusin=${s}
211
230
  @click=${this._onEllipsisClick}
212
231
  @keydown=${(e) => {
213
232
  (e.key === "Enter" || e.key === " ") && this._onEllipsisClick();
214
233
  }}
215
234
  >
216
- <md-icon>
217
- <md-focus-ring></md-focus-ring>
218
- more_horiz
219
- </md-icon>
235
+ <md-focus-ring aria-hidden="true"></md-focus-ring>
236
+ <span class="breadcrumb-icon" aria-hidden="true">more_horiz</span>
220
237
  </span>
221
238
  `;
222
239
  let i = this.getItemLabel(e.item), a = this.getItemHref(e.item);
@@ -238,29 +255,29 @@ e([a({
238
255
  type: Boolean,
239
256
  attribute: "show-all",
240
257
  reflect: !0
241
- })], o.prototype, "showAll", void 0), e([a({
258
+ })], c.prototype, "showAll", void 0), e([a({
242
259
  type: Number,
243
260
  attribute: "current-index",
244
261
  reflect: !0
245
- })], o.prototype, "currentIndex", void 0), e([a({
262
+ })], c.prototype, "currentIndex", void 0), e([a({
246
263
  type: String,
247
264
  reflect: !0
248
- })], o.prototype, "spacing", void 0), e([a({
265
+ })], c.prototype, "spacing", void 0), e([a({
249
266
  type: String,
250
267
  attribute: "spacing-top",
251
268
  reflect: !0
252
- })], o.prototype, "spacingTop", void 0), e([a({
269
+ })], c.prototype, "spacingTop", void 0), e([a({
253
270
  type: String,
254
271
  attribute: "spacing-bottom",
255
272
  reflect: !0
256
- })], o.prototype, "spacingBottom", void 0), e([a({
273
+ })], c.prototype, "spacingBottom", void 0), e([a({
257
274
  type: String,
258
275
  attribute: "spacing-left",
259
276
  reflect: !0
260
- })], o.prototype, "spacingLeft", void 0), e([a({
277
+ })], c.prototype, "spacingLeft", void 0), e([a({
261
278
  type: String,
262
279
  attribute: "spacing-right",
263
280
  reflect: !0
264
- })], o.prototype, "spacingRight", void 0), o = e([i("scb-breadcrumb")], o);
281
+ })], c.prototype, "spacingRight", void 0), c = e([i("scb-breadcrumb")], c);
265
282
  //#endregion
266
- export { o as SCBBreadcrumb };
283
+ export { c as SCBBreadcrumb };
@@ -58,4 +58,3 @@ e([a({
58
58
  reflect: !0
59
59
  })], o.prototype, "open", void 0), o = e([i("scb-chevron")], o);
60
60
  //#endregion
61
- export { o as ScbChevron };