scb-wc 0.1.78 → 0.1.80

package/mvc/components/scb-button/scb-button.js

@@ -1,313 +1,51 @@
-import{_ as E,b as v,d as D,g as y,h as o,l as c,p as F,v as a,y as d}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as n}from"../../vendor/decorate.js";import"../../vendor/elevation.js";import{t as R}from"../../vendor/delegate.js";import{n as N,t as P}from"../../vendor/element-internals.js";import{t as G}from"../../vendor/form-submitter.js";import{n as q,t as H}from"../../vendor/form-label-activation.js";import{n as j,t as T}from"../../vendor/assertClassBrand.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(e,s,b){try{customElements.get(e)||t(e,s,b)}catch(h){var u=String(h||"");if(u.indexOf("already been used")===-1&&u.indexOf("NotSupportedError")===-1)throw h}}}}catch{}})();var U=N(E),r=class extends U{get name(){return this.getAttribute("name")??""}set name(i){this.setAttribute("name",i)}get form(){return this[P].form}constructor(){super(),this.disabled=!1,this.href="",this.target="",this.trailingIcon=!1,this.hasIcon=!1,this.type="submit",this.value="",this.handleActivationClick=i=>{!q(i)||!this.buttonElement||(this.focus(),H(this.buttonElement))},this.addEventListener("click",this.handleActivationClick)}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}render(){const i=this.disabled&&!this.href,t=this.href?this.renderLink():this.renderButton(),e=this.href?"link":"button";return d`
-      ${this.renderElevationOrOutline?.()}
-      <div class="background"></div>
-      <md-focus-ring part="focus-ring" for=${e}></md-focus-ring>
-      <md-ripple
-        part="ripple"
-        for=${e}
-        ?disabled="${i}"></md-ripple>
-      ${t}
-    `}renderButton(){const{ariaLabel:i,ariaHasPopup:t,ariaExpanded:e}=this;return d`<button
-      id="button"
-      class="button"
-      ?disabled=${this.disabled}
-      aria-label="${i||a}"
-      aria-haspopup="${t||a}"
-      aria-expanded="${e||a}">
-      ${this.renderContent()}
-    </button>`}renderLink(){const{ariaLabel:i,ariaHasPopup:t,ariaExpanded:e}=this;return d`<a
-      id="link"
-      class="button"
-      aria-label="${i||a}"
-      aria-haspopup="${t||a}"
-      aria-expanded="${e||a}"
-      href=${this.href}
-      target=${this.target||a}
-      >${this.renderContent()}
-    </a>`}renderContent(){const i=d`<slot
-      name="icon"
-      @slotchange="${this.handleSlotChange}"></slot>`;return d`
-      <span class="touch"></span>
-      ${this.trailingIcon?a:i}
-      <span class="label"><slot></slot></span>
-      ${this.trailingIcon?i:a}
-    `}handleSlotChange(){this.hasIcon=this.assignedIcons.length>0}};R(r),G(r);r.formAssociated=!0;r.shadowRootOptions={mode:"open",delegatesFocus:!0};c([o({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0);c([o()],r.prototype,"href",void 0);c([o()],r.prototype,"target",void 0);c([o({type:Boolean,attribute:"trailing-icon",reflect:!0})],r.prototype,"trailingIcon",void 0);c([o({type:Boolean,attribute:"has-icon",reflect:!0})],r.prototype,"hasIcon",void 0);c([o()],r.prototype,"type",void 0);c([o({reflect:!0})],r.prototype,"value",void 0);c([F(".button")],r.prototype,"buttonElement",void 0);c([D({slot:"icon",flatten:!0})],r.prototype,"assignedIcons",void 0);var W=class extends r{renderElevationOrOutline(){return d`<md-elevation part="elevation"></md-elevation>`}},V=v`:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-filled-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-button-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_hover-icon-color: var(--md-filled-button-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-color: var(--md-filled-button-icon-color, var(--md-sys-color-on-primary, #fff));--_icon-size: var(--md-filled-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-button-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_container-shape-start-start: var(--md-filled-button-container-shape-start-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-button-container-shape-start-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-button-container-shape-end-end, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-button-container-shape-end-start, var(--md-filled-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-button-leading-space, 24px);--_trailing-space: var(--md-filled-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-button-with-trailing-icon-trailing-space, 16px)}
-`,L=v`md-elevation{transition-duration:280ms}:host([disabled]) md-elevation{transition:none}md-elevation{--md-elevation-level: var(--_container-elevation);--md-elevation-shadow-color: var(--_container-shadow-color)}:host(:focus-within) md-elevation{--md-elevation-level: var(--_focus-container-elevation)}:host(:hover) md-elevation{--md-elevation-level: var(--_hover-container-elevation)}:host(:active) md-elevation{--md-elevation-level: var(--_pressed-container-elevation)}:host([disabled]) md-elevation{--md-elevation-level: var(--_disabled-container-elevation)}
-`,x=v`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);box-sizing:border-box;cursor:pointer;display:inline-flex;gap:8px;min-height:var(--_container-height);outline:none;padding-block:calc((var(--_container-height) - max(var(--_label-text-line-height),var(--_icon-size)))/2);padding-inline-start:var(--_leading-space);padding-inline-end:var(--_trailing-space);place-content:center;place-items:center;position:relative;font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);text-overflow:ellipsis;text-wrap:nowrap;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-focus-ring{--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}:host([disabled]){cursor:default;pointer-events:none}.button{border-radius:inherit;cursor:inherit;display:inline-flex;align-items:center;justify-content:center;border:none;outline:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;min-width:calc(64px - var(--_leading-space) - var(--_trailing-space));width:100%;z-index:0;height:100%;font:inherit;color:var(--_label-text-color);padding:0;gap:inherit;text-transform:inherit}.button::-moz-focus-inner{padding:0;border:0}:host(:hover) .button{color:var(--_hover-label-text-color)}:host(:focus-within) .button{color:var(--_focus-label-text-color)}:host(:active) .button{color:var(--_pressed-label-text-color)}.background{background-color:var(--_container-color);border-radius:inherit;inset:0;position:absolute}.label{overflow:hidden}:is(.button,.label,.label slot),.label ::slotted(*){text-overflow:inherit}:host([disabled]) .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}:host([disabled]) .background{background-color:var(--_disabled-container-color);opacity:var(--_disabled-container-opacity)}@media(forced-colors: active){.background{border:1px solid CanvasText}:host([disabled]){--_disabled-icon-color: GrayText;--_disabled-icon-opacity: 1;--_disabled-container-opacity: 1;--_disabled-label-text-color: GrayText;--_disabled-label-text-opacity: 1}}:host([has-icon]:not([trailing-icon])){padding-inline-start:var(--_with-leading-icon-leading-space);padding-inline-end:var(--_with-leading-icon-trailing-space)}:host([has-icon][trailing-icon]){padding-inline-start:var(--_with-trailing-icon-leading-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}::slotted([slot=icon]){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0;color:var(--_icon-color);font-size:var(--_icon-size);inline-size:var(--_icon-size);block-size:var(--_icon-size)}:host(:hover) ::slotted([slot=icon]){color:var(--_hover-icon-color)}:host(:focus-within) ::slotted([slot=icon]){color:var(--_focus-icon-color)}:host(:active) ::slotted([slot=icon]){color:var(--_pressed-icon-color)}:host([disabled]) ::slotted([slot=icon]){color:var(--_disabled-icon-color);opacity:var(--_disabled-icon-opacity)}.touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) 0}:host([touch-target=none]) .touch{display:none}
-`,z=class extends W{};z.styles=[x,L,V];z=c([y("md-filled-button")],z);var X=class extends r{renderElevationOrOutline(){return d`<div class="outline"></div>`}},Y=v`:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-outlined-button-disabled-label-text-opacity, 0.38);--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity: var(--md-outlined-button-disabled-outline-opacity, 0.12);--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-outlined-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-outlined-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-outlined-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-outlined-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-outlined-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-outlined-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-outlined-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-outlined-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-outlined-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-outlined-button-icon-size, 18px);--_pressed-icon-color: var(--md-outlined-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-outlined-button-container-shape-start-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-outlined-button-container-shape-start-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-outlined-button-container-shape-end-end, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-outlined-button-container-shape-end-start, var(--md-outlined-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-outlined-button-leading-space, 24px);--_trailing-space: var(--md-outlined-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-outlined-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-outlined-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-outlined-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-outlined-button-with-trailing-icon-trailing-space, 16px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}.outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}:host(:active) .outline{border-color:var(--_pressed-outline-color)}:host([disabled]) .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}@media(forced-colors: active){:host([disabled]) .background{border-color:GrayText}:host([disabled]) .outline{opacity:1}}.outline,md-ripple{border-width:var(--_outline-width)}md-ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)}
-`,k=class extends X{};k.styles=[x,Y];k=c([y("md-outlined-button")],k);var J=class extends r{renderElevationOrOutline(){return d`<md-elevation part="elevation"></md-elevation>`}},K=v`:host{--_container-color: var(--md-filled-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8));--_container-elevation: var(--md-filled-tonal-button-container-elevation, 0);--_container-height: var(--md-filled-tonal-button-container-height, 40px);--_container-shadow-color: var(--md-filled-tonal-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_disabled-container-color: var(--md-filled-tonal-button-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-container-elevation: var(--md-filled-tonal-button-disabled-container-elevation, 0);--_disabled-container-opacity: var(--md-filled-tonal-button-disabled-container-opacity, 0.12);--_disabled-label-text-color: var(--md-filled-tonal-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-filled-tonal-button-disabled-label-text-opacity, 0.38);--_focus-container-elevation: var(--md-filled-tonal-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-container-elevation: var(--md-filled-tonal-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-color: var(--md-filled-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-state-layer-opacity: var(--md-filled-tonal-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_label-text-font: var(--md-filled-tonal-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-filled-tonal-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-filled-tonal-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-filled-tonal-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-container-elevation: var(--md-filled-tonal-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-color: var(--md-filled-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity: var(--md-filled-tonal-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-filled-tonal-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-filled-tonal-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-filled-tonal-button-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_hover-icon-color: var(--md-filled-tonal-button-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-color: var(--md-filled-tonal-button-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_icon-size: var(--md-filled-tonal-button-icon-size, 18px);--_pressed-icon-color: var(--md-filled-tonal-button-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_container-shape-start-start: var(--md-filled-tonal-button-container-shape-start-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-filled-tonal-button-container-shape-start-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-filled-tonal-button-container-shape-end-end, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-filled-tonal-button-container-shape-end-start, var(--md-filled-tonal-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-filled-tonal-button-leading-space, 24px);--_trailing-space: var(--md-filled-tonal-button-trailing-space, 24px);--_with-leading-icon-leading-space: var(--md-filled-tonal-button-with-leading-icon-leading-space, 16px);--_with-leading-icon-trailing-space: var(--md-filled-tonal-button-with-leading-icon-trailing-space, 24px);--_with-trailing-icon-leading-space: var(--md-filled-tonal-button-with-trailing-icon-leading-space, 24px);--_with-trailing-icon-trailing-space: var(--md-filled-tonal-button-with-trailing-icon-trailing-space, 16px)}
-`,$=class extends J{};$.styles=[x,L,K];$=c([y("md-filled-tonal-button")],$);var Q=class extends r{},Z=v`:host{--_container-height: var(--md-text-button-container-height, 40px);--_disabled-label-text-color: var(--md-text-button-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity: var(--md-text-button-disabled-label-text-opacity, 0.38);--_focus-label-text-color: var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-label-text-color: var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-text-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-text-button-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-text-button-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size: var(--md-text-button-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight: var(--md-text-button-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_pressed-label-text-color: var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-text-button-pressed-state-layer-opacity, 0.12);--_disabled-icon-color: var(--md-text-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity: var(--md-text-button-disabled-icon-opacity, 0.38);--_focus-icon-color: var(--md-text-button-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-icon-color: var(--md-text-button-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-color: var(--md-text-button-icon-color, var(--md-sys-color-primary, #6750a4));--_icon-size: var(--md-text-button-icon-size, 18px);--_pressed-icon-color: var(--md-text-button-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_container-shape-start-start: var(--md-text-button-container-shape-start-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end: var(--md-text-button-container-shape-start-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end: var(--md-text-button-container-shape-end-end, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start: var(--md-text-button-container-shape-end-start, var(--md-text-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_leading-space: var(--md-text-button-leading-space, 12px);--_trailing-space: var(--md-text-button-trailing-space, 12px);--_with-leading-icon-leading-space: var(--md-text-button-with-leading-icon-leading-space, 12px);--_with-leading-icon-trailing-space: var(--md-text-button-with-leading-icon-trailing-space, 16px);--_with-trailing-icon-leading-space: var(--md-text-button-with-trailing-icon-leading-space, 16px);--_with-trailing-icon-trailing-space: var(--md-text-button-with-trailing-icon-trailing-space, 12px);--_container-color: none;--_disabled-container-color: none;--_disabled-container-opacity: 0}
-`,A=class extends Q{};A.styles=[x,Z];A=c([y("md-text-button")],A);var f,l=(f=new WeakSet,class extends E{constructor(...t){super(...t),j(this,f),this.variant="filled",this.size="medium",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1}__getMdHost(){return this.renderRoot.querySelector("md-filled-button, md-outlined-button, md-filled-tonal-button, md-text-button")}__getInnerNativeButton(t){return t?.shadowRoot?.querySelector("button")??null}__handleDefaultSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(s=>s.nodeType===Node.TEXT_NODE?!!s.textContent?.trim():s.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==e&&(this.__hasDefaultSlotContent=e,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const t=this.__getMdHost(),e=this.__getInnerNativeButton(t);if(!t||!e)return;const s=(this.getAttribute("aria-label")||"").trim(),b=(t.getAttribute("aria-label")||"").trim(),u=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",h=s||b||u;h?e.setAttribute("aria-label",h):e.removeAttribute("aria-label");const S=this.getAttribute("aria-controls");S!==null?e.setAttribute("aria-controls",S):e.removeAttribute("aria-controls");const I=this.getAttribute("aria-expanded");I!==null?e.setAttribute("aria-expanded",I):e.removeAttribute("aria-expanded"),t.removeAttribute("aria-label"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(O=>{const p=this.__getMdHost(),g=this.__getInnerNativeButton(p);if(!(!p||!g)){for(const _ of O){if(_.type!=="attributes"||!_.attributeName)continue;const m=_.attributeName,w=this.getAttribute(m);if(m==="aria-label"){const M=(p.getAttribute("aria-label")||"").trim(),B=(w||M||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();B?g.setAttribute("aria-label",B):g.removeAttribute("aria-label"),p.removeAttribute("aria-label")}else(m==="aria-controls"||m==="aria-expanded")&&(w===null?g.removeAttribute(m):g.setAttribute(m,w),m==="aria-expanded"&&this.removeAttribute("aria-expanded"))}p.removeAttribute("aria-label"),p.removeAttribute("aria-controls"),p.removeAttribute("aria-expanded")}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),this.__syncAriaToInner(),T(f,this,C).call(this)}updated(t){(t.has("variant")||t.has("label")||t.has("icon"))&&this.__syncAriaToInner(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&T(f,this,C).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return v`
-      /* Gör hosten stretchbar i t.ex. flex/grid */
-      :host {
-        display: inline-flex;
-        block-size: var(--scb-button-block-size, auto);
-        margin-block-start: var(--scb-button-spacing-block-start, 0);
-        margin-block-end: var(--scb-button-spacing-block-end, 0);
-        margin-inline-start: var(--scb-button-spacing-inline-start, 0);
-        margin-inline-end: var(--scb-button-spacing-inline-end, 0);
-        --scb-button-font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
-        --scb-button-padding-block: calc(var(--spacing-4) - var(--spacing-1));
-        --scb-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
-        --scb-button-container-height: calc(
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/lazy-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/preload-helper.js","../../vendor/lazy-ripple.js"])))=>i.map(i=>d[i]);
+import{g as s,h as C,m as w,p as o,v as c,y as N}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as x}from"../../vendor/preload-helper.js";import{t as a}from"../../vendor/decorate.js";import{n as z,t as y}from"../../vendor/assertClassBrand.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,r){try{customElements.get(e)||t(e,i,r)}catch(b){var l=String(b||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var h,f,m;function P(){return f??(f=x(()=>import("../../vendor/lazy-focus-ring.js").then(p=>p.i),__vite__mapDeps([0,1,2]),import.meta.url)),f}function k(){return m??(m=x(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),m}var n=(h=new WeakSet,class extends C{constructor(...t){super(...t),z(this,h),this.variant="filled",this.size="medium",this.type="button",this.label="Button",this.trailingIcon=!1,this.icon="",this.iconFilled=!1,this.disabled=!1,this.fullWidth=!1,this.href="",this.target="",this.rel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasDefaultSlotContent=!1,this.__nativeFocusRingReady=!1,this.__nativeRippleReady=!1,this.__nativeRipplePendingClick=!1,this.__ensureNativeFocusRing=()=>{this.__nativeFocusRingReady||P().then(({ensureFocusRingReady:e})=>(e(),customElements.whenDefined("md-focus-ring"))).then(()=>{this.__nativeFocusRingReady=!0,this.toggleAttribute("data-native-focus-ring-ready",!0),this.requestUpdate(),this.updateComplete.then(()=>this.__syncNativeFocusRingControl())})},this.__onNativeFocusIn=e=>{const i=e.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=e=>{this.__nativeRippleReady||this.disabled||(e&&(this.__nativeRipplePendingPointerEvent=e),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=e=>{this.__ensureNativeRipple(e)},this.__onNativeClick=e=>{if(this.disabled){e.preventDefault(),e.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple())}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(t){const e=t.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==e&&(this.__hasDefaultSlotContent=e,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const t=this.__getNativeControl();t&&this.__syncAriaToControl(t)}__syncAriaToControl(t){const e=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",r=e||i;r?t.setAttribute("aria-label",r):t.removeAttribute("aria-label");const l=this.getAttribute("aria-controls");l!==null?t.setAttribute("aria-controls",l):t.removeAttribute("aria-controls");const b=this.getAttribute("aria-expanded");b!==null?t.setAttribute("aria-expanded",b):t.removeAttribute("aria-expanded"),this.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(S=>{const u=this.__getNativeControl();if(u)for(const v of S){if(v.type!=="attributes"||!v.attributeName)continue;const d=v.attributeName,g=this.getAttribute(d);if(d==="aria-label"){const _=(g||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();_?u.setAttribute("aria-label",_):u.removeAttribute("aria-label")}else(d==="aria-controls"||d==="aria-expanded")&&(g===null?u.removeAttribute(d):u.setAttribute(d,g),d==="aria-expanded"&&this.removeAttribute("aria-expanded"))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded"]})}connectedCallback(){super.connectedCallback()}firstUpdated(){(this.type==="submit"||this.type==="reset")&&this.addEventListener("click",()=>{if(!this.disabled){const t=this.closest("form");t&&(this.type==="submit"&&t.requestSubmit(),this.type==="reset"&&t.reset())}}),y(h,this,R).call(this)}updated(t){(t.has("variant")||t.has("label")||t.has("icon")||t.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&y(h,this,R).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__syncNativeFocusRingControl(){const t=this.renderRoot.querySelector("md-focus-ring"),e=this.__getNativeControl();t&&e&&(t.control=e,t.visible=e.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&e&&(i.control=e)}async __replayNativeRippleState(){const t=this.renderRoot.querySelector("md-ripple"),e=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,r=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:l}=await k();await l(t,e,i,r)}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}static get styles(){return N`:host,:host([size='small']){--scb-button-icon-size:var(--icon-size-small, 20px)}:host{display:inline-flex;block-size:var(--scb-button-block-size, auto);margin-block-start:var(--scb-button-spacing-block-start, 0);margin-block-end:var(--scb-button-spacing-block-end, 0);margin-inline-start:var(--scb-button-spacing-inline-start, 0);margin-inline-end:var(--scb-button-spacing-inline-end, 0);--scb-button-font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;--scb-button-padding-block:calc(var(--spacing-4) - var(--spacing-1));--scb-button-label-text-line-height:var(--md-sys-typescale-label-small-line-height);--scb-button-container-height:calc(
           var(--scb-button-label-text-line-height) + var(--scb-button-padding-block) + var(--scb-button-padding-block)
-        );
-
-
-        --scb-button-padding-inline: var(--spacing-5);
-        --scb-button-icon-edge-space: var(--spacing-5);
-        --scb-button-icon-gap: var(--spacing-3);
-        --scb-button-icon-size: var(--icon-size-small, 20px);
-
-        /* Label, mappar till md-sys-typescale-label-small */
-        --md-filled-button-label-text-font: var(--md-sys-typescale-label-small-font);
-        --md-filled-button-label-text-size: var(--md-sys-typescale-label-small-size);
-        --md-filled-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
-        --md-filled-button-label-text-tracking: var(--md-sys-typescale-label-small-tracking);
-        --md-filled-button-label-text-weight: var(--md-sys-typescale-label-small-weight);
-
-        --md-outlined-button-label-text-font: var(--md-sys-typescale-label-small-font);
-        --md-outlined-button-label-text-size: var(--md-sys-typescale-label-small-size);
-        --md-outlined-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
-        --md-outlined-button-label-text-tracking: var(--md-sys-typescale-label-small-tracking);
-        --md-outlined-button-label-text-weight: var(--md-sys-typescale-label-small-weight);
-
-        --md-filled-tonal-button-label-text-font: var(--md-sys-typescale-label-small-font);
-        --md-filled-tonal-button-label-text-size: var(--md-sys-typescale-label-small-size);
-        --md-filled-tonal-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
-        --md-filled-tonal-button-label-text-tracking: var(--md-sys-typescale-label-small-tracking);
-        --md-filled-tonal-button-label-text-weight: var(--md-sys-typescale-label-small-weight);
-
-        --md-text-button-label-text-font: var(--md-sys-typescale-label-small-font);
-        --md-text-button-label-text-size: var(--md-sys-typescale-label-small-size);
-        --md-text-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
-        --md-text-button-label-text-tracking: var(--md-sys-typescale-label-small-tracking);
-        --md-text-button-label-text-weight: var(--md-sys-typescale-label-small-weight);
-
-        /* Grundpadding (utan ikon) */
-        --md-filled-button-leading-space: var(--scb-button-padding-inline);
-        --md-filled-button-trailing-space: var(--scb-button-padding-inline);
-        --md-outlined-button-leading-space: var(--scb-button-padding-inline);
-        --md-outlined-button-trailing-space: var(--scb-button-padding-inline);
-        --md-filled-tonal-button-leading-space: var(--scb-button-padding-inline);
-        --md-filled-tonal-button-trailing-space: var(--scb-button-padding-inline);
-        --md-text-button-leading-space: var(--scb-button-padding-inline);
-        --md-text-button-trailing-space: var(--scb-button-padding-inline);
-
-        /* Med ikon: avstånd till ytterkanter + mellan ikon och label */
-        --md-filled-button-with-leading-icon-leading-space: var(--scb-button-icon-edge-space);
-        --md-filled-button-with-leading-icon-trailing-space: var(--scb-button-padding-inline);
-        --md-filled-button-with-trailing-icon-leading-space: var(--scb-button-padding-inline);
-        --md-filled-button-with-trailing-icon-trailing-space: var(--scb-button-icon-edge-space);
-
-        --md-outlined-button-with-leading-icon-leading-space: var(--scb-button-icon-edge-space);
-        --md-outlined-button-with-leading-icon-trailing-space: var(--scb-button-padding-inline);
-        --md-outlined-button-with-trailing-icon-leading-space: var(--scb-button-padding-inline);
-        --md-outlined-button-with-trailing-icon-trailing-space: var(--scb-button-icon-edge-space);
-
-        --md-filled-tonal-button-with-leading-icon-leading-space: var(--scb-button-icon-edge-space);
-        --md-filled-tonal-button-with-leading-icon-trailing-space: var(--scb-button-padding-inline);
-        --md-filled-tonal-button-with-trailing-icon-leading-space: var(--scb-button-padding-inline);
-        --md-filled-tonal-button-with-trailing-icon-trailing-space: var(--scb-button-icon-edge-space);
-
-        --md-text-button-with-leading-icon-leading-space: var(--scb-button-icon-edge-space);
-        --md-text-button-with-leading-icon-trailing-space: var(--scb-button-padding-inline);
-        --md-text-button-with-trailing-icon-leading-space: var(--scb-button-padding-inline);
-        --md-text-button-with-trailing-icon-trailing-space: var(--scb-button-icon-edge-space);
-
-        /* Ikonstorlek */
-        --md-filled-button-icon-size: var(--scb-button-icon-size);
-        --md-outlined-button-icon-size: var(--scb-button-icon-size);
-        --md-filled-tonal-button-icon-size: var(--scb-button-icon-size);
-        --md-text-button-icon-size: var(--scb-button-icon-size);
-      }
-
-      :host([size='small']) {
-        --scb-button-padding-block: calc(var(--spacing-3) - var(--spacing-1));
-        --scb-button-padding-inline: var(--spacing-4);
-        --scb-button-icon-edge-space: var(--spacing-4);
-        --scb-button-icon-gap: var(--spacing-2);
-        --scb-button-icon-size: var(--icon-size-small, 20px);
-      }
-
-      :host([size='large']) {
-        --scb-button-padding-block: var(--spacing-5);
-        --scb-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
-
-        --scb-button-padding-inline: var(--spacing-7);
-        --scb-button-icon-edge-space: var(--spacing-7);
-        --scb-button-icon-gap: var(--spacing-3);
-        --scb-button-icon-size: var(--icon-size-medium, 24px);
-
-        /* Label, mappar till md-sys-typescale-label-medium */
-        --md-filled-button-label-text-font: var(--md-sys-typescale-label-medium-font);
-        --md-filled-button-label-text-size: var(--md-sys-typescale-label-medium-size);
-        --md-filled-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
-        --md-filled-button-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);
-        --md-filled-button-label-text-weight: var(--md-sys-typescale-label-medium-weight);
-
-        --md-outlined-button-label-text-font: var(--md-sys-typescale-label-medium-font);
-        --md-outlined-button-label-text-size: var(--md-sys-typescale-label-medium-size);
-        --md-outlined-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
-        --md-outlined-button-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);
-        --md-outlined-button-label-text-weight: var(--md-sys-typescale-label-medium-weight);
-
-        --md-filled-tonal-button-label-text-font: var(--md-sys-typescale-label-medium-font);
-        --md-filled-tonal-button-label-text-size: var(--md-sys-typescale-label-medium-size);
-        --md-filled-tonal-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
-        --md-filled-tonal-button-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);
-        --md-filled-tonal-button-label-text-weight: var(--md-sys-typescale-label-medium-weight);
-
-        --md-text-button-label-text-font: var(--md-sys-typescale-label-medium-font);
-        --md-text-button-label-text-size: var(--md-sys-typescale-label-medium-size);
-        --md-text-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);
-        --md-text-button-label-text-tracking: var(--md-sys-typescale-label-medium-tracking);
-        --md-text-button-label-text-weight: var(--md-sys-typescale-label-medium-weight);
-      }
-
-      :host([icon-filled]) {
-        --scb-button-font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
-      }
-
-      md-icon {
-        --md-icon-font-variation-settings: var(--scb-button-font-variation-settings) !important;
-        font-variation-settings: var(--scb-button-font-variation-settings) !important;
-      }
-
-      :host([full-width]) {
-        display: flex;
-        inline-size: 100%;
-      }
-
-      /* Låt inre md-knappar fylla hostens höjd */
-      md-filled-button,
-      md-outlined-button,
-      md-filled-tonal-button,
-      md-text-button {
-        block-size: var(--scb-button-block-size, auto);
-        gap: var(--scb-button-icon-gap);
-        --md-filled-button-container-height: var(--scb-button-block-size, var(--scb-button-container-height));
-        --md-outlined-button-container-height: var(--scb-button-block-size, var(--scb-button-container-height));
-        --md-filled-tonal-button-container-height: var(--scb-button-block-size, var(--scb-button-container-height));
-        --md-text-button-container-height: var(--scb-button-block-size, var(--scb-button-container-height));
-      }
-
-      :host([full-width]) md-filled-button,
-      :host([full-width]) md-outlined-button,
-      :host([full-width]) md-filled-tonal-button,
-      :host([full-width]) md-text-button {
-        inline-size: 100%;
-        flex: 1 1 auto;
-      }
-
-      /*  Errorvarianter  */
-      /*
-      md-filled-button[variant='error'],
-      md-outlined-button[variant='error'],
-      md-filled-tonal-button[variant='error'],
-      md-text-button[variant='error'] {
-        --md-sys-color-primary: var(--md-sys-color-error);
-        --md-sys-color-on-primary: var(--md-sys-color-on-error);
-      }
-      */
-
-      /* Outlined – röd outline vid error + tjockare vid hover */
-      /*
-      md-outlined-button[variant='error'] {
-        --_outline-color: var(--md-sys-color-error);
-        --md-outlined-button-pressed-outline-color: var(--md-sys-color-error);
-      }
-      */
-      /* md-outlined-button[variant='error']:hover, */
-      md-outlined-button:hover {
-        --md-outlined-button-outline-width: var(--spacing-1, 1px);
-      }
-
-      /* Filled-tonal – error-färger */
-      /*
-      md-filled-tonal-button[variant='error'] {
-        --md-filled-tonal-button-container-color: var(--md-sys-color-error-container);
-        --md-filled-tonal-button-label-text-color: var(--md-sys-color-on-error-container);
-        --md-filled-tonal-button-hover-label-text-color: var(--md-sys-color-on-error-container);
-        --md-filled-tonal-button-pressed-label-text-color: var(--md-sys-color-on-error-container);
-        --md-filled-tonal-button-focus-label-text-color: var(--md-sys-color-on-error-container);
-        --md-filled-tonal-button-icon-color: var(--md-sys-color-on-error-container);
-        --md-filled-tonal-button-hover-icon-color: var(--md-sys-color-on-error-container);
-        --md-filled-tonal-button-pressed-icon-color: var(--md-sys-color-on-error-container);
-        --md-filled-tonal-button-focus-icon-color: var(--md-sys-color-on-error-container);
-        --md-filled-tonal-button-hover-state-layer-color: var(--md-sys-color-on-error-container);
-        --md-filled-tonal-button-pressed-state-layer-color: var(--md-sys-color-on-error-container);
-      }
-      @media (prefers-color-scheme: dark) {
-        md-filled-tonal-button[variant='error'] {
-          --md-filled-tonal-button-container-color: var(--md-sys-color-on-error);
-        }
-      }
-      */
-    `}render(){const t=!!this.icon?.trim(),e=t?d`<md-icon slot="icon" part="icon" ?filled=${this.iconFilled} aria-hidden="true">${this.icon}</md-icon>`:a,s=a,b=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,u=d`
+        );--scb-button-padding-inline:var(--spacing-5);--scb-button-icon-edge-space:var(--spacing-5);--scb-button-icon-gap:var(--spacing-3)}:host([size='small']){--scb-button-padding-block:calc(var(--spacing-3) - var(--spacing-1));--scb-button-padding-inline:var(--spacing-4);--scb-button-icon-edge-space:var(--spacing-4);--scb-button-icon-gap:var(--spacing-2)}:host([size='large']){--scb-button-padding-block:var(--spacing-5);--scb-button-label-text-line-height:var(--md-sys-typescale-label-medium-line-height);--scb-button-padding-inline:var(--spacing-7);--scb-button-icon-edge-space:var(--spacing-7);--scb-button-icon-gap:var(--spacing-3);--scb-button-icon-size:var(--icon-size-medium, 24px)}:host([icon-filled]){--scb-button-font-variation-settings:'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24}.native-button,.native-button-wrap{position:relative;display:inline-flex}.native-button-wrap{border-radius:var(--md-sys-shape-corner-full, 999px)}.native-button{z-index:0;box-sizing:border-box;align-items:center;justify-content:center;gap:var(--scb-button-icon-gap);min-block-size:var(--scb-button-block-size, var(--scb-button-container-height));block-size:var(--scb-button-block-size, var(--scb-button-container-height));min-inline-size:64px;inline-size:auto;padding-block:var(--scb-button-padding-block);padding-inline:var(--scb-button-padding-inline);overflow:hidden;border:0;border-radius:inherit;background:0 0;color:var(--md-sys-color-primary);font-family:var(--md-sys-typescale-label-small-font);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight);line-height:var(--md-sys-typescale-label-small-line-height);letter-spacing:normal;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}.native-button::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-short, 150ms) var(--motion-easing-standard, ease)}.native-button:hover::before{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}.native-button:active::before{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}.native-button:focus{outline:0}:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible{outline:var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:rgb(15 8 101/38%);cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host([variant='outlined']) .native-button{background:0 0;color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--md-sys-color-outline)}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%);box-shadow:inset 0 0 0 var(--stroke-border, 1px) rgb(15 8 101/12%)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}:host(:not([variant])) .native-button:disabled,:host(:not([variant])) .native-button[aria-disabled=true],:host([variant='filled']) .native-button:disabled,:host([variant='filled']) .native-button[aria-disabled=true],:host([variant='filled-tonal']) .native-button:disabled,:host([variant='filled-tonal']) .native-button[aria-disabled=true]{background:rgb(15 8 101/12%);color:rgb(15 8 101/38%)}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--md-sys-color-primary)}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:rgb(15 8 101/38%)}:host([size='large']) .native-button{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);font-weight:var(--md-sys-typescale-label-medium-weight);line-height:var(--md-sys-typescale-label-medium-line-height);letter-spacing:normal}.native-icon{flex:0 0 auto;display:inline-block;inline-size:var(--scb-button-icon-size);block-size:var(--scb-button-icon-size);overflow:hidden;font-family:"Material Symbols Outlined";font-size:var(--scb-button-icon-size);line-height:1;text-align:center;white-space:nowrap;text-transform:none;word-wrap:normal;direction:ltr;font-feature-settings:"liga"1;font-variation-settings:var(--scb-button-font-variation-settings);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.native-icon.scb-svg-icon{fill:currentColor;font:inherit}.native-button-wrap md-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.native-button-wrap md-focus-ring{pointer-events:none}:host([full-width]){display:flex;inline-size:100%}:host([full-width]) .native-button,:host([full-width]) .native-button-wrap{inline-size:100%;flex:1 1 auto}`}render(){const t=!!this.icon?.trim(),e=t?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:s,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,r=c`
       <slot
         @slotchange=${this.__handleDefaultSlotChange}
-        style=${this.__hasDefaultSlotContent?a:"display: none"}
+        style=${this.__hasDefaultSlotContent?s:"display: none"}
       ></slot>
-      ${this.__hasDefaultSlotContent?a:this.label}
-    `;switch(this.variant){case"filled":return d`
-          <md-filled-button
-            type=${this.type}
-            variant=${s}
-            ?trailing-icon=${this.trailingIcon}
-            ?disabled=${this.disabled}
-            aria-label=${b}
-            href=${this.href||a}
-            target=${this.target||a}
-            rel=${this.rel||a}
-          >
-            ${t&&!this.trailingIcon?e:a}
-            ${u}
-            ${t&&this.trailingIcon?e:a}
-          </md-filled-button>
-        `;case"outlined":return d`
-          <md-outlined-button
-            type=${this.type}
-            variant=${s}
-            ?trailing-icon=${this.trailingIcon}
-            ?disabled=${this.disabled}
-            aria-label=${b}
-            href=${this.href||a}
-            target=${this.target||a}
-            rel=${this.rel||a}
-          >
-            ${t&&!this.trailingIcon?e:a}
-            ${u}
-            ${t&&this.trailingIcon?e:a}
-          </md-outlined-button>
-        `;case"filled-tonal":return d`
-          <md-filled-tonal-button
-            type=${this.type}
-            variant=${s}
-            ?trailing-icon=${this.trailingIcon}
-            ?disabled=${this.disabled}
-            aria-label=${b}
-            href=${this.href||a}
-            target=${this.target||a}
-            rel=${this.rel||a}
-          >
-            ${t&&!this.trailingIcon?e:a}
-            ${u}
-            ${t&&this.trailingIcon?e:a}
-          </md-filled-tonal-button>
-        `;case"text":return d`
-          <md-text-button
-            type=${this.type}
-            variant=${s}
-            ?trailing-icon=${this.trailingIcon}
-            ?disabled=${this.disabled}
-            aria-label=${b}
-            href=${this.href||a}
-            target=${this.target||a}
-            rel=${this.rel||a}
-          >
-            ${t&&!this.trailingIcon?e:a}
-            ${u}
-            ${t&&this.trailingIcon?e:a}
-          </md-text-button>
-        `;default:return d``}}});function C(){const i=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??i,e=this.mapSpacingToken(this.spacingBottom)??i,s=this.mapSpacingToken(this.spacingLeft),b=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-button-spacing-block-start",t):this.style.removeProperty("--scb-button-spacing-block-start"),e?this.style.setProperty("--scb-button-spacing-block-end",e):this.style.removeProperty("--scb-button-spacing-block-end"),s?this.style.setProperty("--scb-button-spacing-inline-start",s):this.style.removeProperty("--scb-button-spacing-inline-start"),b?this.style.setProperty("--scb-button-spacing-inline-end",b):this.style.removeProperty("--scb-button-spacing-inline-end")}n([o({type:String,reflect:!0})],l.prototype,"variant",void 0);n([o({type:String,reflect:!0})],l.prototype,"size",void 0);n([o({type:String,reflect:!0})],l.prototype,"type",void 0);n([o({type:String})],l.prototype,"label",void 0);n([o({type:Boolean,attribute:"trailing-icon"})],l.prototype,"trailingIcon",void 0);n([o({type:String})],l.prototype,"icon",void 0);n([o({type:Boolean,attribute:"icon-filled",reflect:!0})],l.prototype,"iconFilled",void 0);n([o({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0);n([o({type:Boolean,attribute:"full-width",reflect:!0})],l.prototype,"fullWidth",void 0);n([o({type:String})],l.prototype,"href",void 0);n([o({type:String})],l.prototype,"target",void 0);n([o({type:String})],l.prototype,"rel",void 0);n([o({type:String,reflect:!0})],l.prototype,"spacing",void 0);n([o({type:String,attribute:"spacing-top",reflect:!0})],l.prototype,"spacingTop",void 0);n([o({type:String,attribute:"spacing-bottom",reflect:!0})],l.prototype,"spacingBottom",void 0);n([o({type:String,attribute:"spacing-left",reflect:!0})],l.prototype,"spacingLeft",void 0);n([o({type:String,attribute:"spacing-right",reflect:!0})],l.prototype,"spacingRight",void 0);l=n([y("scb-button")],l);export{l as ScbButton};
+      ${this.__hasDefaultSlotContent?s:this.label}
+    `;if(!["filled","outlined","filled-tonal","text"].includes(this.variant))return c``;const l=c`
+      ${t&&!this.trailingIcon?e:s}
+      ${r}
+      ${t&&this.trailingIcon?e:s}
+    `;return c`
+      <span class="native-button-wrap">
+        ${this.href?c`
+              <a
+                class="native-button"
+                part="button"
+                href=${this.disabled?s:this.href}
+                target=${this.target||s}
+                rel=${this.rel||s}
+                aria-label=${i}
+                aria-disabled=${this.disabled?"true":s}
+                tabindex=${this.disabled?"-1":s}
+                @click=${this.__onNativeClick}
+                @focusin=${this.__onNativeFocusIn}
+                @pointerenter=${this.__onNativePointerWarmup}
+                @pointerdown=${this.__onNativePointerWarmup}
+              >
+                ${l}
+              </a>
+            `:c`
+              <button
+                class="native-button"
+                part="button"
+                type=${this.type}
+                ?disabled=${this.disabled}
+                aria-label=${i}
+                @click=${this.__onNativeClick}
+                @focusin=${this.__onNativeFocusIn}
+                @pointerenter=${this.__onNativePointerWarmup}
+                @pointerdown=${this.__onNativePointerWarmup}
+              >
+                ${l}
+              </button>
+            `}
+        ${this.__nativeRippleReady?c`<md-ripple aria-hidden="true"></md-ripple>`:s}
+        ${this.__nativeFocusRingReady?c`<md-focus-ring aria-hidden="true"></md-focus-ring>`:s}
+      </span>
+    `}});function R(){const p=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??p,e=this.mapSpacingToken(this.spacingBottom)??p,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-button-spacing-block-start",t):this.style.removeProperty("--scb-button-spacing-block-start"),e?this.style.setProperty("--scb-button-spacing-block-end",e):this.style.removeProperty("--scb-button-spacing-block-end"),i?this.style.setProperty("--scb-button-spacing-inline-start",i):this.style.removeProperty("--scb-button-spacing-inline-start"),r?this.style.setProperty("--scb-button-spacing-inline-end",r):this.style.removeProperty("--scb-button-spacing-inline-end")}a([o({type:String,reflect:!0})],n.prototype,"variant",void 0);a([o({type:String,reflect:!0})],n.prototype,"size",void 0);a([o({type:String,reflect:!0})],n.prototype,"type",void 0);a([o({type:String})],n.prototype,"label",void 0);a([o({type:Boolean,attribute:"trailing-icon"})],n.prototype,"trailingIcon",void 0);a([o({type:String})],n.prototype,"icon",void 0);a([o({type:Boolean,attribute:"icon-filled",reflect:!0})],n.prototype,"iconFilled",void 0);a([o({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);a([o({type:Boolean,attribute:"full-width",reflect:!0})],n.prototype,"fullWidth",void 0);a([o({type:String})],n.prototype,"href",void 0);a([o({type:String})],n.prototype,"target",void 0);a([o({type:String})],n.prototype,"rel",void 0);a([o({type:String,reflect:!0})],n.prototype,"spacing",void 0);a([o({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);a([o({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);a([o({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);a([o({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=a([w("scb-button")],n);export{n as ScbButton};

package/mvc/components/scb-calendar/scb-calendar-event.js

@@ -1,6 +1,2 @@
-import{_ as l,b as p,g as b,h as i,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as a}from"../../vendor/decorate.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,c){try{customElements.get(e)||t(e,s,c)}catch(u){var o=String(u||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var n,r=(n=class extends l{constructor(...t){super(...t),this.title="",this.description="",this.startDate="",this.endDate="",this.href=""}get date(){return this.startDate}set date(t){const e=(t??"")+"";e!==this.startDate&&(this.startDate=e)}static get observedAttributes(){return[...super.observedAttributes??[],"date"]}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),t==="date"&&(this.date=s??"")}updated(t){super.updated?.(t),(t.has("title")||t.has("description")||t.has("startDate")||t.has("endDate")||t.has("href"))&&this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){return h`
-    `}},n.styles=p`
-    :host {
-      display: block;
-    }
-    `,n);a([i({type:String})],r.prototype,"title",void 0);a([i({type:String})],r.prototype,"description",void 0);a([i({type:String,attribute:"start-date"})],r.prototype,"startDate",void 0);a([i({type:String,attribute:"end-date"})],r.prototype,"endDate",void 0);a([i({type:String})],r.prototype,"href",void 0);r=a([b("scb-calendar-event")],r);
+import{h as p,m as l,p as i,v as b,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as a}from"../../vendor/decorate.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,c){try{customElements.get(e)||t(e,s,c)}catch(u){var o=String(u||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var n,r=(n=class extends p{constructor(...t){super(...t),this.title="",this.description="",this.startDate="",this.endDate="",this.href=""}get date(){return this.startDate}set date(t){const e=(t??"")+"";e!==this.startDate&&(this.startDate=e)}static get observedAttributes(){return[...super.observedAttributes??[],"date"]}attributeChangedCallback(t,e,s){super.attributeChangedCallback(t,e,s),t==="date"&&(this.date=s??"")}updated(t){super.updated?.(t),(t.has("title")||t.has("description")||t.has("startDate")||t.has("endDate")||t.has("href"))&&this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){return b`
+    `}},n.styles=h`:host{display:block}`,n);a([i({type:String})],r.prototype,"title",void 0);a([i({type:String})],r.prototype,"description",void 0);a([i({type:String,attribute:"start-date"})],r.prototype,"startDate",void 0);a([i({type:String,attribute:"end-date"})],r.prototype,"endDate",void 0);a([i({type:String})],r.prototype,"href",void 0);r=a([l("scb-calendar-event")],r);