scb-wc 0.1.210 → 0.1.212
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
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]);
|
|
2
|
-
import{g as l,h as S,m as A,p as n,v as c,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as w}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";import{t as x}from"../../vendor/assertClassBrand.js";import{t as T}from"../../vendor/classPrivateMethodInitSpec.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(u){var r=String(u||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var h,g,f;function P(){return g??(g=w(()=>import("../../vendor/lazy-focus-ring.js").then(b=>b.i),__vite__mapDeps([0,1,2]),import.meta.url)),g}function k(){return f??(f=w(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),f}var a=(h=new WeakSet,class extends S{constructor(...e){super(...e),T(this,h),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",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:t})=>(t(),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=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const u=this.getAttribute("aria-haspopup");u!==null?e.setAttribute("aria-haspopup",u):e.removeAttribute("aria-haspopup");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(R=>{const d=this.__getNativeControl();if(d)for(const v of R){if(v.type!=="attributes"||!v.attributeName)continue;const p=v.attributeName,m=this.getAttribute(p);if(p==="aria-label"){const _=(m||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();_?d.setAttribute("aria-label",_):d.removeAttribute("aria-label")}else(p==="aria-controls"||p==="aria-expanded"||p==="aria-haspopup")&&(m===null?d.removeAttribute(p):d.setAttribute(p,m))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){x(h,this,z).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&x(h,this,z).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,u]of i)(u||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`: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-container-height:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-padding-block:var(--scb-button-padding-block-medium, var(--scb-buttons-padding-block-medium, var(--spacing-3, 8px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-gap:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-medium-font, var(--scb-buttons-text-medium-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font))));--scb-button-label-text-size:var(--scb-button-text-medium-size, var(--scb-buttons-text-medium-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));--scb-button-label-text-weight:var(--scb-button-text-medium-weight, var(--scb-buttons-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight))));--scb-button-label-text-line-height:var(--scb-button-text-medium-line-height, var(--scb-buttons-text-medium-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-medium-tracking, var(--scb-buttons-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking))))}:host([size='extra-small']){--scb-button-container-height:var(--scb-buttons-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-button-padding-block-extra-small, var(--scb-buttons-padding-block-extra-small, var(--spacing-2, 4px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-extra-small-font, var(--scb-buttons-text-extra-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font))));--scb-button-label-text-size:var(--scb-button-text-extra-small-size, var(--scb-buttons-text-extra-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));--scb-button-label-text-weight:var(--scb-button-text-extra-small-weight, var(--scb-buttons-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight))));--scb-button-label-text-line-height:var(--scb-button-text-extra-small-line-height, var(--scb-buttons-text-extra-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-extra-small-tracking, var(--scb-buttons-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking))))}:host([size='small']){--scb-button-container-height:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-button-padding-block-small, var(--scb-buttons-padding-block-small, var(--spacing-2, 4px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-small-font, var(--scb-buttons-text-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font))));--scb-button-label-text-size:var(--scb-button-text-small-size, var(--scb-buttons-text-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));--scb-button-label-text-weight:var(--scb-button-text-small-weight, var(--scb-buttons-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight))));--scb-button-label-text-line-height:var(--scb-button-text-small-line-height, var(--scb-buttons-text-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-small-tracking, var(--scb-buttons-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking))))}:host([size='large']){--scb-button-container-height:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-padding-block:var(--scb-button-padding-block-large, var(--scb-buttons-padding-block-large, var(--spacing-5, 16px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-gap:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-large, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-large-font, var(--scb-buttons-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font))));--scb-button-label-text-size:var(--scb-button-text-large-size, var(--scb-buttons-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size))));--scb-button-label-text-weight:var(--scb-button-text-large-weight, var(--scb-buttons-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight))));--scb-button-label-text-line-height:var(--scb-button-text-large-line-height, var(--scb-buttons-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-large-tracking, var(--scb-buttons-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking))))}: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(--scb-button-shape-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(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.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:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--scb-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-button-filled-content-color, var(--md-sys-color-on-primary))}:host([variant='outlined']) .native-button{background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-button-outline-color, var(--md-sys-color-outline))}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--scb-button-tonal-container-color, var(--md-sys-color-secondary-container));color:var(--scb-button-tonal-content-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:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.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 e=!!this.icon?.trim(),t=e?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=c`
|
|
2
|
+
import{g as l,h as S,m as A,p as n,v as c,y as C}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as w}from"../../vendor/preload-helper.js";import{t as N}from"../../vendor/component-defaults.js";import{t as s}from"../../vendor/decorate.js";import{t as x}from"../../vendor/assertClassBrand.js";import{t as T}from"../../vendor/classPrivateMethodInitSpec.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,o){try{customElements.get(t)||e(t,i,o)}catch(u){var r=String(u||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var h,g,f;function P(){return g??(g=w(()=>import("../../vendor/lazy-focus-ring.js").then(b=>b.i),__vite__mapDeps([0,1,2]),import.meta.url)),g}function k(){return f??(f=w(()=>import("../../vendor/lazy-ripple.js"),__vite__mapDeps([3,2]),import.meta.url)),f}var a=(h=new WeakSet,class extends S{constructor(...e){super(...e),T(this,h),this.variant="filled",this.size=N["scb-button"].size,this.type="button",this.name="",this.value="",this.formId=null,this.formAction="",this.formEnctype="",this.formMethod="",this.formNoValidate=!1,this.formTarget="",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:t})=>(t(),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=t=>{const i=t.composedPath()[0];i instanceof HTMLElement&&i.matches(":focus-visible")&&this.__ensureNativeFocusRing()},this.__ensureNativeRipple=t=>{this.__nativeRippleReady||this.disabled||(t&&(this.__nativeRipplePendingPointerEvent=t),k().then(({ensureRippleReady:i})=>i()).then(()=>{this.disabled||(this.__nativeRippleReady=!0,this.requestUpdate(),this.updateComplete.then(()=>{this.__syncNativeFocusRingControl(),this.__replayNativeRippleState()}))}))},this.__onNativePointerWarmup=t=>{this.__ensureNativeRipple(t)},this.__onNativeClick=t=>{if(this.disabled){t.preventDefault(),t.stopPropagation();return}(!this.__nativeRippleReady||this.__nativeRipplePendingPointerEvent)&&(this.__nativeRipplePendingClick=!0,this.__ensureNativeRipple()),!this.href&&queueMicrotask(()=>{if(t.defaultPrevented||this.disabled||this.href)return;const i=this.__getAssociatedForm();if(!i)return;const o=this.__normalizedButtonType();o==="submit"&&this.__requestFormSubmit(i),o==="reset"&&i.reset()})}}__getNativeControl(){return this.renderRoot.querySelector(".native-button")}__handleDefaultSlotChange(e){const t=e.target.assignedNodes({flatten:!0}).some(i=>i.nodeType===Node.TEXT_NODE?!!i.textContent?.trim():i.nodeType===Node.ELEMENT_NODE);this.__hasDefaultSlotContent!==t&&(this.__hasDefaultSlotContent=t,this.requestUpdate()),this.updateComplete.then(()=>this.__syncAriaToInner())}__syncAriaToInner(){const e=this.__getNativeControl();e&&this.__syncAriaToControl(e)}__syncAriaToControl(e){const t=(this.getAttribute("aria-label")||"").trim(),i=this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"",o=t||i;o?e.setAttribute("aria-label",o):e.removeAttribute("aria-label");const r=this.getAttribute("aria-controls");r!==null?e.setAttribute("aria-controls",r):e.removeAttribute("aria-controls");const u=this.getAttribute("aria-haspopup");u!==null?e.setAttribute("aria-haspopup",u):e.removeAttribute("aria-haspopup");const y=this.getAttribute("aria-expanded");y!==null?e.setAttribute("aria-expanded",y):e.removeAttribute("aria-expanded"),this.__ariaObserver?.disconnect(),this.__ariaObserver=new MutationObserver(R=>{const d=this.__getNativeControl();if(d)for(const v of R){if(v.type!=="attributes"||!v.attributeName)continue;const p=v.attributeName,m=this.getAttribute(p);if(p==="aria-label"){const _=(m||(this.label.trim()===""&&!this.__hasDefaultSlotContent?(this.icon||"").trim():"")).trim();_?d.setAttribute("aria-label",_):d.removeAttribute("aria-label")}else(p==="aria-controls"||p==="aria-expanded"||p==="aria-haspopup")&&(m===null?d.removeAttribute(p):d.setAttribute(p,m))}}),this.__ariaObserver.observe(this,{attributes:!0,attributeFilter:["aria-label","aria-controls","aria-expanded","aria-haspopup"]})}connectedCallback(){super.connectedCallback()}focus(e){const t=this.__getNativeControl();if(t){t.focus(e);return}this.updateComplete.then(()=>this.__getNativeControl()?.focus(e))}blur(){this.__getNativeControl()?.blur()}firstUpdated(){x(h,this,z).call(this)}updated(e){(e.has("variant")||e.has("label")||e.has("icon")||e.has("href"))&&this.updateComplete.then(()=>this.__syncAriaToInner()),(this.__nativeFocusRingReady||this.__nativeRippleReady)&&this.updateComplete.then(()=>this.__syncNativeFocusRingControl()),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&x(h,this,z).call(this)}disconnectedCallback(){this.__ariaObserver?.disconnect(),super.disconnectedCallback()}__normalizedButtonType(){return this.type==="submit"||this.type==="reset"?this.type:"button"}__getAssociatedForm(){if(this.formId!==null||this.hasAttribute("form")){const e=(this.formId??this.getAttribute("form")??"").trim();if(!e)return null;const t=this.getRootNode(),i=t instanceof Document||t instanceof ShadowRoot?t.getElementById(e):null;return i instanceof HTMLFormElement?i:null}return this.closest("form")}get form(){return this.__getAssociatedForm()}__requestFormSubmit(e){const t=this.ownerDocument.createElement("button");t.type="submit",t.hidden=!0,t.tabIndex=-1,t.setAttribute("aria-hidden","true"),t.setAttribute("data-scb-button-submitter","");const i=[["name",this.name,this.hasAttribute("name")],["value",this.value,this.hasAttribute("value")],["formaction",this.formAction,this.hasAttribute("formaction")],["formenctype",this.formEnctype,this.hasAttribute("formenctype")],["formmethod",this.formMethod,this.hasAttribute("formmethod")],["formtarget",this.formTarget,this.hasAttribute("formtarget")]];for(const[o,r,u]of i)(u||r!=="")&&t.setAttribute(o,r);this.formNoValidate&&t.setAttribute("formnovalidate",""),e.append(t);try{e.requestSubmit(t)}finally{t.remove()}}__syncNativeFocusRingControl(){const e=this.renderRoot.querySelector("md-focus-ring"),t=this.__getNativeControl();e&&t&&(e.control=t,e.visible=t.matches(":focus-visible"));const i=this.renderRoot.querySelector("md-ripple");i&&t&&(i.control=t)}async __replayNativeRippleState(){const e=this.renderRoot.querySelector("md-ripple"),t=this.__getNativeControl(),i=this.__nativeRipplePendingPointerEvent,o=this.__nativeRipplePendingClick;this.__nativeRipplePendingPointerEvent=void 0,this.__nativeRipplePendingClick=!1;const{syncRippleToControl:r}=await k();await r(e,t,i,o)}mapSpacingToken(e){if(!e)return;const t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}static get styles(){return C`: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-container-height:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-button-padding-block:var(--scb-button-padding-block-medium, var(--scb-buttons-padding-block-medium, var(--spacing-3, 8px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-button-icon-gap:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-medium, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-medium-font, var(--scb-buttons-text-medium-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font))));--scb-button-label-text-size:var(--scb-button-text-medium-size, var(--scb-buttons-text-medium-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));--scb-button-label-text-weight:var(--scb-button-text-medium-weight, var(--scb-buttons-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight))));--scb-button-label-text-line-height:var(--scb-button-text-medium-line-height, var(--scb-buttons-text-medium-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-medium-tracking, var(--scb-buttons-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking))))}:host([size='extra-small']){--scb-button-container-height:var(--scb-buttons-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-button-padding-block-extra-small, var(--scb-buttons-padding-block-extra-small, var(--spacing-2, 4px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-extra-small-font, var(--scb-buttons-text-extra-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font))));--scb-button-label-text-size:var(--scb-button-text-extra-small-size, var(--scb-buttons-text-extra-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));--scb-button-label-text-weight:var(--scb-button-text-extra-small-weight, var(--scb-buttons-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight))));--scb-button-label-text-line-height:var(--scb-button-text-extra-small-line-height, var(--scb-buttons-text-extra-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-extra-small-tracking, var(--scb-buttons-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking))))}:host([size='small']){--scb-button-container-height:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-button-padding-block:var(--scb-button-padding-block-small, var(--scb-buttons-padding-block-small, var(--spacing-2, 4px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-button-icon-gap:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-button-icon-size:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-small, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-small-font, var(--scb-buttons-text-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font))));--scb-button-label-text-size:var(--scb-button-text-small-size, var(--scb-buttons-text-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size))));--scb-button-label-text-weight:var(--scb-button-text-small-weight, var(--scb-buttons-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight))));--scb-button-label-text-line-height:var(--scb-button-text-small-line-height, var(--scb-buttons-text-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-small-tracking, var(--scb-buttons-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking))))}:host([size='large']){--scb-button-container-height:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-button-padding-block:var(--scb-button-padding-block-large, var(--scb-buttons-padding-block-large, var(--spacing-5, 16px)));--scb-button-padding-inline:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-edge-space:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-button-icon-gap:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-button-icon-size:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-button-shape-radius:var(--scb-buttons-shape-radius-large, var(--radius-full, 999px));--scb-button-label-text-font:var(--scb-button-text-large-font, var(--scb-buttons-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font))));--scb-button-label-text-size:var(--scb-button-text-large-size, var(--scb-buttons-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size))));--scb-button-label-text-weight:var(--scb-button-text-large-weight, var(--scb-buttons-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight))));--scb-button-label-text-line-height:var(--scb-button-text-large-line-height, var(--scb-buttons-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height))));--scb-button-label-text-tracking:var(--scb-button-text-large-tracking, var(--scb-buttons-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking))))}: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(--scb-button-shape-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(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));font-family:var(--scb-button-label-text-font);font-size:var(--scb-button-label-text-size);font-weight:var(--scb-button-label-text-weight);line-height:var(--scb-button-label-text-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height)));letter-spacing:var(--scb-button-label-text-tracking, normal);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}::slotted(*){display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.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-focus-ring-color, var(--md-sys-color-primary));outline-offset:var(--spacing-1, 2px)}.native-button:disabled,.native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));cursor:default;opacity:1;pointer-events:none}:host(:not([variant])) .native-button,:host([variant='filled']) .native-button{border-color:transparent;background:var(--scb-button-filled-container-color, var(--md-sys-color-primary));color:var(--scb-button-filled-content-color, var(--md-sys-color-on-primary))}:host([variant='outlined']) .native-button{background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-button-outline-color, var(--md-sys-color-outline))}:host([variant='outlined']) .native-button:disabled,:host([variant='outlined']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content));box-shadow:inset 0 0 0 var(--stroke-border, 1px) var(--scb-color-compat-disabled-container)}:host([variant='filled-tonal']) .native-button{border-color:transparent;background:var(--scb-button-tonal-container-color, var(--md-sys-color-secondary-container));color:var(--scb-button-tonal-content-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:var(--scb-button-disabled-container-color, var(--scb-color-compat-disabled-container));color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}:host([variant='text']) .native-button{min-inline-size:0;background:0 0;color:var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))}:host([variant='text']) .native-button:disabled,:host([variant='text']) .native-button[aria-disabled=true]{color:var(--scb-button-disabled-content-color, var(--scb-color-compat-disabled-content))}.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 e=!!this.icon?.trim(),t=e?c`<span class="native-icon" part="icon" aria-hidden="true">${this.icon}</span>`:l,i=this.label.trim()===""&&!this.__hasDefaultSlotContent?this.icon:void 0,o=c`
|
|
3
3
|
<slot
|
|
4
4
|
@slotchange=${this.__handleDefaultSlotChange}
|
|
5
5
|
style=${this.__hasDefaultSlotContent?l:"display: none"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{h as D,m as W,p as h,v as E,y as G}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.js";import{t as a}from"../../vendor/assertClassBrand.js";import{t as O}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-button/scb-button.js";import{n
|
|
1
|
+
import{h as D,m as W,p as h,v as E,y as G}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as c}from"../../vendor/decorate.js";import{t as a}from"../../vendor/assertClassBrand.js";import{t as O}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-button/scb-button.js";import{n,r as b,t as p}from"../../vendor/classPrivateFieldGet2.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(i,s,l){try{customElements.get(i)||t(i,s,l)}catch(d){var g=String(d||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var o,f,u,v,y,m,_,$,H,r=(o=new WeakSet,f=new WeakMap,u=new WeakMap,v=new WeakMap,y=new WeakMap,m=new WeakMap,_=new WeakMap,$=new WeakMap,H=class extends D{constructor(...t){super(...t),O(this,o),b(this,f,void 0),b(this,u,void 0),b(this,v,void 0),b(this,y,void 0),b(this,m,void 0),b(this,_,void 0),b(this,$,void 0),this._contentId=`scb-collapse-content-${Math.random().toString(36).substr(2,9)}`,this.variant="elements",this.collapsedHeight=40,this.visibleElements=1,this.expanded=!1,this.hideToggle=!1,this.toggleButtonVariant="text",this.toggleButtonSize="medium",this.togglePosition="after",this.toggleLayout="block",this._elementCount=0,this.expandButtonLabel="Mer",this.collapseButtonLabel="Mindre",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.itemsGap=void 0,this._contentHeight=0,n(u,this,0),n(v,this,0),n(m,this,0),n(_,this,0)}get _regionLabel(){return`${this.expanded?this.collapseButtonLabel:this.expandButtonLabel} – ${this._contentId}`}toggle(){this.expanded=!this.expanded}getDefaultSlot(){return this.shadowRoot?.querySelector("slot:not([name])")}getToggleMeasureStyles(){const t=this.toggleButtonSize||"medium",i=t==="large"?"medium":"small",s=t==="large"?"medium":"small",l=`var(--scb-button-text-${t}-font, var(--scb-buttons-text-${t}-font, var(--scb-typography-label-${s}-font, var(--md-sys-typescale-label-${s}-font))))`,g=`var(--scb-button-text-${t}-size, var(--scb-buttons-text-${t}-size, var(--scb-typography-label-${s}-size, var(--md-sys-typescale-label-${s}-size))))`,d=`var(--scb-button-text-${t}-weight, var(--scb-buttons-text-${t}-weight, var(--scb-typography-label-${s}-weight, var(--md-sys-typescale-label-${s}-weight))))`,k=`var(--scb-button-text-${t}-line-height, var(--scb-buttons-text-${t}-line-height, var(--scb-typography-label-${s}-line-height, var(--md-sys-typescale-label-${s}-line-height))))`,S=`var(--scb-button-text-${t}-tracking, var(--scb-buttons-text-${t}-tracking, var(--scb-typography-label-${s}-tracking, var(--md-sys-typescale-label-${s}-tracking))))`,P=`var(--scb-buttons-icon-size-${t}, var(--icon-size-${i}, 20px))`,F=`var(--scb-buttons-gap-${t}, var(--spacing-${t==="medium"||t==="large"?"3":"2"}))`,A=`var(--scb-buttons-padding-inline-${t})`,q=`var(--scb-button-padding-block-${t}, var(--scb-buttons-padding-block-${t}))`,I=`var(--scb-buttons-control-size-${t}, var(--scb-control-size-${t}))`;return[`--scb-collapse-toggle-measure-font-family:${l}`,`--scb-collapse-toggle-measure-font-size:${g}`,`--scb-collapse-toggle-measure-font-weight:${d}`,`--scb-collapse-toggle-measure-line-height:${k}`,`--scb-collapse-toggle-measure-letter-spacing:${S}`,`--scb-collapse-toggle-measure-icon-size:${P}`,`--scb-collapse-toggle-measure-icon-gap:${F}`,`--scb-collapse-toggle-measure-padding-inline:${A}`,`--scb-collapse-toggle-measure-padding-block:${q}`,`--scb-collapse-toggle-measure-block-size:${I}`].join(";")}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}willUpdate(t){t.has("expanded")&&this.variant==="height"&&a(o,this,V).call(this,!!t.get("expanded"),this.expanded),t.has("variant")&&(this._measureContent(!1),this._countElements(!1))}_isFullyCollapsed(){if(this.expanded)return!1;if(this.variant==="height"){const t=typeof this.collapsedHeight=="string"?Number.parseFloat(this.collapsedHeight):this.collapsedHeight;return Number.isFinite(t)&&t<=0}return a(o,this,T).call(this)<=0}firstUpdated(){requestAnimationFrame(()=>{this._measureContent(),this._countElements(),a(o,this,w).call(this),a(o,this,x).call(this)});const t=this.getDefaultSlot();t&&t.addEventListener("slotchange",()=>{requestAnimationFrame(()=>{this._measureContent(),this._countElements(),a(o,this,w).call(this),a(o,this,x).call(this)})}),a(o,this,B).call(this),a(o,this,w).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&a(o,this,B).call(this),t.has("itemsGap")&&(a(o,this,w).call(this),this._measureContent()),this.variant==="elements"&&!t.has("expanded")&&(t.has("variant")||t.has("visibleElements")||t.has("itemsGap"))&&(this._countElements(),a(o,this,x).call(this)),t.has("expanded")&&(a(o,this,w).call(this),this.variant==="height"?a(o,this,U).call(this):this.variant==="elements"&&a(o,this,J).call(this,!!t.get("expanded"),this.expanded),this.dispatchEvent(new CustomEvent("expandedchange",{detail:{expanded:this.expanded},bubbles:!0,composed:!0})))}_measureContent(t=!0){if(this.variant==="height"){const i=this.shadowRoot?.querySelector(".collapse-content"),s=this.getDefaultSlot();if(i){const l=i.scrollHeight;l!==this._contentHeight&&(this._contentHeight=l,t&&this.requestUpdate())}else if(s){const l=s.assignedNodes({flatten:!0});let g=0;l.forEach(k=>{if(k.nodeType===Node.ELEMENT_NODE){const S=k;g+=S.offsetHeight||S.scrollHeight||0}});const d=g;d!==this._contentHeight&&(this._contentHeight=d,t&&this.requestUpdate())}}}_countElements(t=!0){if(this.variant==="elements"){const i=this.getDefaultSlot();if(i){const s=i.assignedNodes({flatten:!0}).filter(l=>l.nodeType===Node.ELEMENT_NODE).length;s!==this._elementCount&&(this._elementCount=s,t&&this.requestUpdate())}}}render(){const t=this._isFullyCollapsed();if(this.variant==="height"){const i=this.expanded?"none":`${this.collapsedHeight}px`,s=this._contentHeight>this.collapsedHeight,l=s&&!this.hideToggle?a(o,this,M).call(this):"";return E`
|
|
2
2
|
<div class="collapse-layout">
|
|
3
|
-
${this.togglePosition==="before"?
|
|
3
|
+
${this.togglePosition==="before"?l:""}
|
|
4
4
|
<div
|
|
5
5
|
class="collapse-content collapse-content--height ${this.expanded?"expanded":""} ${s&&!this.expanded?"has-fade":""}"
|
|
6
6
|
id="${this._contentId}"
|
|
@@ -12,7 +12,7 @@ import{h as D,m as W,p as h,v as E,y as G}from"../../vendor/vendor.js";import"..
|
|
|
12
12
|
>
|
|
13
13
|
<slot></slot>
|
|
14
14
|
</div>
|
|
15
|
-
${this.togglePosition==="after"?
|
|
15
|
+
${this.togglePosition==="after"?l:""}
|
|
16
16
|
</div>
|
|
17
17
|
`}else{const i=a(o,this,T).call(this),s=this._elementCount>i&&!this.hideToggle?a(o,this,M).call(this):"";return E`
|
|
18
18
|
<div class="collapse-layout">
|
|
@@ -29,7 +29,13 @@ import{h as D,m as W,p as h,v as E,y as G}from"../../vendor/vendor.js";import"..
|
|
|
29
29
|
</div>
|
|
30
30
|
${this.togglePosition==="after"?s:""}
|
|
31
31
|
</div>
|
|
32
|
-
`}}},H.styles=G`:host{display:block;box-sizing:border-box;margin-block-start:var(--scb-collapse-spacing-block-start, 0);margin-block-end:var(--scb-collapse-spacing-block-end, 0);margin-inline-start:var(--scb-collapse-spacing-inline-start, 0);margin-inline-end:var(--scb-collapse-spacing-inline-end, 0)}.collapse-content{overflow:hidden;display:flow-root;position:relative;transition:max-height var(--motion-duration-medium) var(--motion-easing-standard)}.collapse-content--elements,.collapse-content--height{transition:height var(--motion-duration-medium) var(--motion-easing-standard)}.collapse-content.expanded{max-height:none;overflow:visible}.collapse-content.animating{overflow:hidden}.collapse-content--height.has-fade{--scb-effect-mask-edge-fade-size:var(--scb-collapse-fade-height, 48px);-webkit-mask-image:var(--scb-effect-mask-vertical-bottom);mask-image:var(--scb-effect-mask-vertical-bottom)}.collapse-layout{display:block}.collapse-control-row{display:block;margin-block-start:var(--spacing-3, 8px)}.collapse-control-row--before{margin-block-start:0;margin-block-end:var(--spacing-3, 12px)}.collapse-toggle{
|
|
32
|
+
`}}},H.styles=G`:host{display:block;box-sizing:border-box;margin-block-start:var(--scb-collapse-spacing-block-start, 0);margin-block-end:var(--scb-collapse-spacing-block-end, 0);margin-inline-start:var(--scb-collapse-spacing-inline-start, 0);margin-inline-end:var(--scb-collapse-spacing-inline-end, 0)}.collapse-content{overflow:hidden;display:flow-root;position:relative;transition:max-height var(--motion-duration-medium) var(--motion-easing-standard)}.collapse-content--elements,.collapse-content--height{transition:height var(--motion-duration-medium) var(--motion-easing-standard)}.collapse-content.expanded{max-height:none;overflow:visible}.collapse-content.animating{overflow:hidden}.collapse-content--height.has-fade{--scb-effect-mask-edge-fade-size:var(--scb-collapse-fade-height, 48px);-webkit-mask-image:var(--scb-effect-mask-vertical-bottom);mask-image:var(--scb-effect-mask-vertical-bottom)}.collapse-layout{display:block}.collapse-control-row{display:block;margin-block-start:var(--spacing-3, 8px)}.collapse-control-row--before{margin-block-start:0;margin-block-end:var(--spacing-3, 12px)}.collapse-toggle{--_scb-collapse-toggle-color:var(
|
|
33
|
+
--scb-collapse-toggle-color,
|
|
34
|
+
var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))
|
|
35
|
+
);--_scb-collapse-toggle-focus-color:var(
|
|
36
|
+
--scb-collapse-toggle-focus-color,
|
|
37
|
+
var(--_scb-collapse-toggle-color)
|
|
38
|
+
);display:inline-grid;inline-size:max-content}.collapse-toggle scb-button,.collapse-toggle__measure{grid-area:1/1}.collapse-toggle scb-button{inline-size:100%;--scb-button-low-emphasis-content-color:var(--_scb-collapse-toggle-color);--md-focus-ring-color:var(--_scb-collapse-toggle-focus-color)}.collapse-toggle__measure{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--scb-collapse-toggle-measure-icon-gap);min-inline-size:64px;min-block-size:var(--scb-collapse-toggle-measure-block-size);block-size:var(--scb-collapse-toggle-measure-block-size);padding-inline:var(--scb-collapse-toggle-measure-padding-inline);padding-block:var(--scb-collapse-toggle-measure-padding-block);border-radius:var(--md-sys-shape-corner-full, 999px);color:transparent;font-family:var(--scb-collapse-toggle-measure-font-family);font-size:var(--scb-collapse-toggle-measure-font-size);font-weight:var(--scb-collapse-toggle-measure-font-weight);line-height:var(--scb-collapse-toggle-measure-line-height);letter-spacing:var(--scb-collapse-toggle-measure-letter-spacing);pointer-events:none;user-select:none;white-space:nowrap;visibility:hidden}.collapse-toggle__measure-icon{display:inline-block;inline-size:var(--scb-collapse-toggle-measure-icon-size);block-size:var(--scb-collapse-toggle-measure-icon-size)}:host([toggle-layout='inline']) .collapse-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3, 12px)}:host([toggle-layout='inline']) .collapse-toggle{flex:0 0 auto}slot[name=toggle-content]{display:contents}::slotted(.scb-collapsed-hidden){display:none!important}`,H);function B(){const e=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??e,i=this.mapSpacingToken(this.spacingBottom)??e,s=this.mapSpacingToken(this.spacingLeft),l=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-collapse-spacing-block-start",t):this.style.removeProperty("--scb-collapse-spacing-block-start"),i?this.style.setProperty("--scb-collapse-spacing-block-end",i):this.style.removeProperty("--scb-collapse-spacing-block-end"),s?this.style.setProperty("--scb-collapse-spacing-inline-start",s):this.style.removeProperty("--scb-collapse-spacing-inline-start"),l?this.style.setProperty("--scb-collapse-spacing-inline-end",l):this.style.removeProperty("--scb-collapse-spacing-inline-end")}function w(){const e=this.mapSpacingToken(this.itemsGap);e?this.style.setProperty("--scb-collapse-items-gap",e):this.style.removeProperty("--scb-collapse-items-gap");const t=this.getDefaultSlot();t&&t.assignedNodes({flatten:!0}).filter(i=>i.nodeType===Node.ELEMENT_NODE).forEach((i,s)=>{const l=i;s===0||!e?l.style.removeProperty("margin-block-start"):l.style.setProperty("margin-block-start","var(--scb-collapse-items-gap)")})}function V(e,t){if(e===t){n(f,this,void 0);return}const i=this.shadowRoot?.querySelector(".collapse-content");if(!i){n(f,this,void 0);return}const s=i.getBoundingClientRect().height,l=Math.max(i.scrollHeight,this._contentHeight,s),g=t?l:Math.min(this.collapsedHeight,l);n(f,this,{startHeight:s,endHeight:g,expanded:t})}function N(e){p(u,this)&&(cancelAnimationFrame(p(u,this)),n(u,this,0)),p(v,this)&&(window.clearTimeout(p(v,this)),n(v,this,0));const t=e??this.shadowRoot?.querySelector(".collapse-content");t&&p(y,this)&&t.removeEventListener("transitionend",p(y,this)),n(y,this,void 0)}function z(e,t){a(o,this,N).call(this,e),e.classList.remove("animating"),e.style.removeProperty("height"),e.style.removeProperty("transition"),e.style.setProperty("max-height",t?"none":`${this.collapsedHeight}px`)}function U(){const e=this.shadowRoot?.querySelector(".collapse-content"),t=p(f,this);if(n(f,this,void 0),!e||!t)return;const i=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;if(a(o,this,N).call(this,e),i||Math.abs(t.startHeight-t.endHeight)<1){a(o,this,z).call(this,e,t.expanded);return}e.classList.add("animating"),e.style.transition="none",e.style.setProperty("max-height","none"),e.style.height=`${t.startHeight}px`,e.getBoundingClientRect(),n(y,this,s=>{s.target===e&&s.propertyName==="height"&&a(o,this,z).call(this,e,t.expanded)}),e.addEventListener("transitionend",p(y,this)),n(u,this,requestAnimationFrame(()=>{n(u,this,0),e.style.removeProperty("transition"),e.style.height=`${t.endHeight}px`})),n(v,this,window.setTimeout(()=>{a(o,this,z).call(this,e,t.expanded)},700))}function T(){const e=typeof this.visibleElements=="string"?parseInt(this.visibleElements,10):this.visibleElements;return Number.isFinite(e)?Math.max(0,Math.floor(e)):0}function C(){const e=this.getDefaultSlot();return e?e.assignedNodes({flatten:!0}).filter(t=>t.nodeType===Node.ELEMENT_NODE):[]}function x(e=this.expanded){if(this.variant!=="elements")return;const t=a(o,this,T).call(this);a(o,this,C).call(this).forEach((i,s)=>{i.classList.toggle("scb-collapsed-hidden",!e&&s>=t)})}function j(e){const t=this.shadowRoot?.querySelector(".collapse-content");if(!t)return 0;const i=a(o,this,C).call(this),s=i.map(g=>g.classList.contains("scb-collapsed-hidden"));a(o,this,x).call(this,e);const l=t.scrollHeight;return i.forEach((g,d)=>{g.classList.toggle("scb-collapsed-hidden",s[d])}),l}function R(e){p(m,this)&&(cancelAnimationFrame(p(m,this)),n(m,this,0)),p(_,this)&&(window.clearTimeout(p(_,this)),n(_,this,0));const t=e??this.shadowRoot?.querySelector(".collapse-content");t&&p($,this)&&t.removeEventListener("transitionend",p($,this)),n($,this,void 0)}function L(e,t){a(o,this,R).call(this,e),a(o,this,x).call(this,t),e.classList.remove("animating"),e.style.removeProperty("height"),e.style.removeProperty("transition")}function J(e,t){const i=this.shadowRoot?.querySelector(".collapse-content");if(!i||e===t){a(o,this,x).call(this,t);return}const s=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1,l=i.getBoundingClientRect().height,g=a(o,this,j).call(this,t);if(a(o,this,R).call(this,i),s||Math.abs(l-g)<1){a(o,this,L).call(this,i,t);return}i.classList.add("animating"),i.style.transition="none",i.style.height=`${l}px`,t&&a(o,this,x).call(this,!0),i.getBoundingClientRect(),n($,this,d=>{d.target===i&&d.propertyName==="height"&&a(o,this,L).call(this,i,t)}),i.addEventListener("transitionend",p($,this)),n(m,this,requestAnimationFrame(()=>{n(m,this,0),i.style.removeProperty("transition"),i.style.height=`${g}px`})),n(_,this,window.setTimeout(()=>{a(o,this,L).call(this,i,t)},700))}function K(){const e=this.expandButtonLabel.length>=this.collapseButtonLabel.length?this.expandButtonLabel:this.collapseButtonLabel;return E`
|
|
33
39
|
<div class="collapse-toggle">
|
|
34
40
|
<span class="collapse-toggle__measure" aria-hidden="true" style="${this.getToggleMeasureStyles()}">
|
|
35
41
|
<span class="collapse-toggle__measure-icon"></span>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.212",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -455,5 +455,5 @@
|
|
|
455
455
|
"./scb-viz/*": null,
|
|
456
456
|
"./mvc/*": "./mvc/*"
|
|
457
457
|
},
|
|
458
|
-
"buildHash": "
|
|
458
|
+
"buildHash": "211F35FB722622BD25EB7A932897B8A6A57101A33EB212FFC4B13DA3AA9ACA33"
|
|
459
459
|
}
|
package/scb-button/scb-button.js
CHANGED
|
@@ -335,7 +335,7 @@ var f = class extends n {
|
|
|
335
335
|
}
|
|
336
336
|
|
|
337
337
|
:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible {
|
|
338
|
-
outline: var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);
|
|
338
|
+
outline: var(--stroke-border-m, 2px) solid var(--md-focus-ring-color, var(--md-sys-color-primary));
|
|
339
339
|
outline-offset: var(--spacing-1, 2px);
|
|
340
340
|
}
|
|
341
341
|
|
|
@@ -54,6 +54,14 @@ var o = class extends t {
|
|
|
54
54
|
margin-block-end: var(--spacing-3, 12px);
|
|
55
55
|
}
|
|
56
56
|
.collapse-toggle {
|
|
57
|
+
--_scb-collapse-toggle-color: var(
|
|
58
|
+
--scb-collapse-toggle-color,
|
|
59
|
+
var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))
|
|
60
|
+
);
|
|
61
|
+
--_scb-collapse-toggle-focus-color: var(
|
|
62
|
+
--scb-collapse-toggle-focus-color,
|
|
63
|
+
var(--_scb-collapse-toggle-color)
|
|
64
|
+
);
|
|
57
65
|
display: inline-grid;
|
|
58
66
|
inline-size: max-content;
|
|
59
67
|
}
|
|
@@ -63,6 +71,8 @@ var o = class extends t {
|
|
|
63
71
|
}
|
|
64
72
|
.collapse-toggle scb-button {
|
|
65
73
|
inline-size: 100%;
|
|
74
|
+
--scb-button-low-emphasis-content-color: var(--_scb-collapse-toggle-color);
|
|
75
|
+
--md-focus-ring-color: var(--_scb-collapse-toggle-focus-color);
|
|
66
76
|
}
|
|
67
77
|
.collapse-toggle__measure {
|
|
68
78
|
box-sizing: border-box;
|
package/scb-wc.bundle.js
CHANGED
|
@@ -1570,7 +1570,7 @@ var ScbWc=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module
|
|
|
1570
1570
|
}
|
|
1571
1571
|
|
|
1572
1572
|
:host(:not([data-native-focus-ring-ready])) .native-button:focus-visible {
|
|
1573
|
-
outline: var(--stroke-border-m, 2px) solid var(--md-sys-color-primary);
|
|
1573
|
+
outline: var(--stroke-border-m, 2px) solid var(--md-focus-ring-color, var(--md-sys-color-primary));
|
|
1574
1574
|
outline-offset: var(--spacing-1, 2px);
|
|
1575
1575
|
}
|
|
1576
1576
|
|
|
@@ -7949,6 +7949,14 @@ var ScbWc=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module
|
|
|
7949
7949
|
margin-block-end: var(--spacing-3, 12px);
|
|
7950
7950
|
}
|
|
7951
7951
|
.collapse-toggle {
|
|
7952
|
+
--_scb-collapse-toggle-color: var(
|
|
7953
|
+
--scb-collapse-toggle-color,
|
|
7954
|
+
var(--scb-button-low-emphasis-content-color, var(--md-sys-color-primary))
|
|
7955
|
+
);
|
|
7956
|
+
--_scb-collapse-toggle-focus-color: var(
|
|
7957
|
+
--scb-collapse-toggle-focus-color,
|
|
7958
|
+
var(--_scb-collapse-toggle-color)
|
|
7959
|
+
);
|
|
7952
7960
|
display: inline-grid;
|
|
7953
7961
|
inline-size: max-content;
|
|
7954
7962
|
}
|
|
@@ -7958,6 +7966,8 @@ var ScbWc=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module
|
|
|
7958
7966
|
}
|
|
7959
7967
|
.collapse-toggle scb-button {
|
|
7960
7968
|
inline-size: 100%;
|
|
7969
|
+
--scb-button-low-emphasis-content-color: var(--_scb-collapse-toggle-color);
|
|
7970
|
+
--md-focus-ring-color: var(--_scb-collapse-toggle-focus-color);
|
|
7961
7971
|
}
|
|
7962
7972
|
.collapse-toggle__measure {
|
|
7963
7973
|
box-sizing: border-box;
|