scb-wc 0.1.11 → 0.1.13

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-progress-stepper/scb-progress-stepper.js

@@ -1,62 +0,0 @@
-import{_ as d,b,g as m,h as p,y as f}from"../../../../../../../../vendor/vendor.js";import"../../../../../../../../vendor/vendor-lit.js";import{t as i}from"../../../../../../../../vendor/decorate.js";import{ScbProgressStep as u}from"./scb-progress-step.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(s,n,a){try{customElements.get(s)||t(s,n,a)}catch(e){var o=String(e||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw e}}}}catch{}})();var c,r=(c=class extends d{constructor(...t){super(...t),this.progressWidth=23,this.height="normal",this.position="top",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0}mapSpacingToken(t){if(!t)return;const s=String(t).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}applySpacing(){const t=this.mapSpacingToken(this.spacing),s=this.mapSpacingToken(this.spacingTop)??t,n=this.mapSpacingToken(this.spacingBottom)??t,a=this.mapSpacingToken(this.spacingLeft),o=this.mapSpacingToken(this.spacingRight);s?this.style.setProperty("--scb-progress-stepper-spacing-block-start",s):this.style.removeProperty("--scb-progress-stepper-spacing-block-start"),n?this.style.setProperty("--scb-progress-stepper-spacing-block-end",n):this.style.removeProperty("--scb-progress-stepper-spacing-block-end"),a?this.style.setProperty("--scb-progress-stepper-spacing-inline-start",a):this.style.removeProperty("--scb-progress-stepper-spacing-inline-start"),o?this.style.setProperty("--scb-progress-stepper-spacing-inline-end",o):this.style.removeProperty("--scb-progress-stepper-spacing-inline-end")}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing();const s=this.shadowRoot?.querySelector("slot");if(!s)return;t.has("progressWidth")&&s.dispatchEvent(new Event("slotchange"));const n=s.assignedElements({flatten:!0}),a=this.progressWidth;let o=0;n.forEach((e,h)=>{if(e instanceof u){const l=typeof e.width=="string"?parseFloat(e.width.replace("%","")):Number(e.width);o+=l,this.position=="bottom"?e.setAttribute("position","bottom"):e.setAttribute("position","top"),o<=a+2?e.setAttribute("active","true"):e.removeAttribute("active"),h===n.length-1?e.classList.add("last-step"):e.classList.remove("last-step")}})}render(){return f`
-      <div class="progress-bar">
-        <div class="progress-bar__fill" style="width: ${this.progressWidth}%;"></div>
-      </div>
-      <div class="progress-container">
-        <slot></slot>
-      </div>
-    `}},c.styles=b`
-    :host {
-      display: block;
-      width: 100%;
-      font-family: var(--brand-font);
-      position: absolute;
-      top: 0;
-      --progress-step-height: 8px;
-
-      margin-block-start: var(--scb-progress-stepper-spacing-block-start, 0);
-      margin-block-end: var(--scb-progress-stepper-spacing-block-end, 0);
-      margin-inline-start: var(--scb-progress-stepper-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-progress-stepper-spacing-inline-end, 0);
-    }
-    :host([position="bottom"]) {
-      top: auto;
-      bottom: 0;
-    }
-
-    :host([height="normal"]) .progress-bar, :host([height="normal"]) .progress-container {
-      height: var(--progress-step-height);
-    }
-    :host(:hover[height="normal"]) .progress-bar, :host(:hover[height="normal"]) .progress-container {
-      --progress-step-height: 16px;
-      height: var(--progress-step-height);
-    }
-    :host([height="high"]) .progress-bar, :host([height="high"]) .progress-container {
-      --progress-step-height: 16px;
-      height: var(--progress-step-height);
-    }
-    .progress-bar, .progress-container {
-      transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    }
-    .progress-bar {
-      width: 100%;
-      background: var(--md-sys-color-secondary-container);
-      overflow: hidden;
-      position: absolute;
-    }
-    .progress-bar__fill {
-      height: 100%;
-      background: var(--md-sys-color-primary);
-      transition: width 0.3s ease;
-      position: absolute;
-        z-index: 0;
-        max-width: 100%;
-    }
-    .progress-container {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        position: relative;
-        gap: 0;
-    }
-  `,c);i([p({type:Number,reflect:!0,attribute:"progress-width",hasChanged:(g,t)=>g!==t})],r.prototype,"progressWidth",void 0);i([p({type:String,reflect:!0})],r.prototype,"height",void 0);i([p({type:String,reflect:!0})],r.prototype,"position",void 0);i([p({type:String,reflect:!0})],r.prototype,"spacing",void 0);i([p({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",void 0);i([p({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",void 0);i([p({type:String,attribute:"spacing-left",reflect:!0})],r.prototype,"spacingLeft",void 0);i([p({type:String,attribute:"spacing-right",reflect:!0})],r.prototype,"spacingRight",void 0);r=i([m("scb-progress-stepper")],r);export{r as ScbProgressStepper};

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-radio-button/scb-radio-button.js

@@ -1,132 +0,0 @@
-import"../../../../../../../../vendor/vendor-material.js";import{_ as I,b as z,g as A,h as l,v as d,y}from"../../../../../../../../vendor/vendor.js";import"../../../../../../../../vendor/vendor-lit.js";import{t as o}from"../../../../../../../../vendor/decorate.js";import{n as R,t as r}from"../../../../../../../../vendor/assertClassBrand.js";import{n as w,r as x,t as c}from"../../../../../../../../vendor/classPrivateFieldGet2.js";import"./scb-radio-group.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(e,n,f){try{customElements.get(e)||i(e,n,f)}catch(L){var u=String(L||"");if(u.indexOf("already been used")===-1&&u.indexOf("NotSupportedError")===-1)throw L}}}}catch{}})();var s,b,p,v,_,E=!1,g=0,$=t=>{t.metaKey||t.altKey||t.ctrlKey||(E=!0)},h=()=>{E=!1},C=()=>{g===0&&(window.addEventListener("keydown",$,!0),window.addEventListener("pointerdown",h,!0),window.addEventListener("mousedown",h,!0),window.addEventListener("touchstart",h,!0)),g+=1},F=()=>{g=Math.max(0,g-1),g===0&&(window.removeEventListener("keydown",$,!0),window.removeEventListener("pointerdown",h,!0),window.removeEventListener("mousedown",h,!0),window.removeEventListener("touchstart",h,!0))},a=(s=new WeakSet,b=new WeakMap,p=new WeakMap,v=new WeakMap,_=class extends I{constructor(...i){super(...i),R(this,s),x(this,b,void 0),x(this,p,void 0),x(this,v,void 0),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.size="medium",this.deselectable=!1,this.label="",this.supportingText="",this.ariaLabel="",this._radioId="",this._showOuterFocusRing=!1,w(b,this,()=>{this.disabled||this.label?.trim()&&E&&r(s,this,m).call(this,!0)}),w(p,this,()=>{r(s,this,m).call(this,!1)}),w(v,this,()=>{r(s,this,m).call(this,!1)}),this._onClick=e=>{if(this.disabled)return;e.preventDefault(),e.stopPropagation();const n=this.deselectable?!this.checked:!0;n!==this.checked&&(this.checked=n,r(s,this,k).call(this),this.checked&&this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.checked?this.value:""},bubbles:!0,composed:!0})))},this._onRadioChange=e=>{e.detail.name===this.name&&e.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),C(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,r(s,this,S).call(this),this.addEventListener("focusin",c(b,this)),this.addEventListener("focusout",c(p,this)),this.addEventListener("pointerdown",c(v,this),!0),document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),F(),this.removeEventListener("focusin",c(b,this)),this.removeEventListener("focusout",c(p,this)),this.removeEventListener("pointerdown",c(v,this),!0),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){this.__syncInnerAria(),r(s,this,k).call(this)}updated(i){super.updated(i),i.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.disabled&&r(s,this,m).call(this,!1)),(i.has("label")||i.has("supportingText")||i.has("ariaLabel"))&&this.__syncInnerAria(),i.has("label")&&r(s,this,S).call(this),i.has("checked")&&r(s,this,k).call(this)}__syncInnerAria(){const i=this.shadowRoot?.querySelector("md-radio")?.shadowRoot;if(!i)return;const e=i.querySelector('[role="radio"]')||i.querySelector('input[type="radio"]');if(!e)return;const n=!!this.label?.trim(),f=n?`${this._radioId}-label`:"",u=this.supportingText?`${this._radioId}-supporting-text`:"";n&&f?(e.setAttribute("aria-labelledby",f),e.removeAttribute("aria-label")):(e.removeAttribute("aria-labelledby"),this.ariaLabel?.trim()?e.setAttribute("aria-label",this.ariaLabel.trim()):e.removeAttribute("aria-label")),u?e.setAttribute("aria-describedby",u):e.removeAttribute("aria-describedby")}render(){const i=this.supportingText?`${this._radioId}-supporting-text`:void 0,e=!!this.label?.trim(),n=e?d:this.ariaLabel||d;return y`
-      <label class="wrap">
-        ${e?y`<md-focus-ring class="outer-focus-ring" ?visible=${this._showOuterFocusRing}></md-focus-ring>`:d}
-        <div class="radio-wrap">
-          <md-radio
-            id="${this._radioId}"
-            ?disabled=${this.disabled}
-            ?checked=${this.checked}
-            name="${this.name}"
-            value="${this.value}"
-            aria-label=${n}
-            aria-describedby=${i??d}
-            @click=${this._onClick}
-          ></md-radio>
-        </div>
-        ${e?y`<span class="lbl" id="${this._radioId}-label">${this.label}</span>`:d}
-      </label>
-
-      ${this.supportingText?y`<div id="${i}" class="supporting-text">
-            ${this.supportingText}
-          </div>`:d}
-      <slot></slot>
-    `}},_.styles=z`
-  /* layout med inline-grid */
-  :host {
-    display: inline-grid;
-    grid-template-columns: auto;
-    grid-template-rows: auto auto;
-    row-gap: 0;
-    font-family: var(--brand-font, 'Inter', sans-serif);
-
-    --scb-radio-text-font: var(--md-sys-typescale-body-medium-font);
-    --scb-radio-text-size: var(--md-sys-typescale-body-medium-size);
-    --scb-radio-text-line-height: var(--md-sys-typescale-body-medium-line-height);
-    --scb-radio-text-tracking: var(--md-sys-typescale-body-medium-tracking);
-    --scb-radio-text-weight: var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400));
-  }
-
-  :host([size='small']) {
-    --scb-radio-text-font: var(--md-sys-typescale-body-small-font);
-    --scb-radio-text-size: var(--md-sys-typescale-body-small-size);
-    --scb-radio-text-line-height: var(--md-sys-typescale-body-small-line-height);
-    --scb-radio-text-tracking: var(--md-sys-typescale-body-small-tracking);
-    --scb-radio-text-weight: var(--md-sys-typescale-body-small-weight, var(--weight-regular, 400));
-  }
-
-  :host([size='large']) {
-    --scb-radio-text-font: var(--md-sys-typescale-body-large-font);
-    --scb-radio-text-size: var(--md-sys-typescale-body-large-size);
-    --scb-radio-text-line-height: var(--md-sys-typescale-body-large-line-height);
-    --scb-radio-text-tracking: var(--md-sys-typescale-body-large-tracking);
-    --scb-radio-text-weight: var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400));
-  }
-
-  /* Styr horisontellt avstånd när den placeras i horisontell layout */
-  :host([orientation="horizontal"]) {
-    margin-inline-end: var(--scb-radio-gap, var(--spacing-7, 24px));
-  }
-
-  /* Wrapper för md-radio + label */
-  .wrap {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--spacing-5, 16px);
-    cursor: pointer;
-    overflow: visible;
-    position: relative;
-  }
-  :host([disabled]) .wrap { cursor: default; }
-
-  .outer-focus-ring {
-    position: absolute;
-      inset:
-         calc(var(--spacing-2, 4px) * -1)   /* topp */
-         calc(var(--spacing-4, 12px) * -1)  /* höger */
-         calc(var(--spacing-2, 4px) * -1)   /* botten */
-         calc(var(--spacing-4, 12px) * -1); /* vänster */
-    pointer-events: none;
-    --md-focus-ring-shape-start-start: var(--radius-s, 8px);
-    --md-focus-ring-shape-start-end: var(--radius-s, 8px);
-    --md-focus-ring-shape-end-start: var(--radius-s, 8px);
-    --md-focus-ring-shape-end-end: var(--radius-s, 8px);
-  }
-
-  :host([data-has-label]) md-radio::part(focus-ring) {
-    display: none;
-  }
-
-  /* Hit-yta runt md-radio */
-  .radio-wrap {
-    height: var(--scb-radio-target, 40px);
-    align-items: center;
-    display: flex;
-    justify-content: center;
-    overflow: visible;
-  }
-
-  /* Nollställ md-radio marginal */
-  md-radio { margin: 0; }
-
-  /* Label-styling */
-  .lbl {
-    color: var(--md-sys-color-on-surface);
-    font-family: var(--scb-radio-text-font, var(--brand-font));
-    font-size: var(--scb-radio-text-size);
-    line-height: var(--scb-radio-text-line-height);
-    font-weight: var(--scb-radio-text-weight);
-    letter-spacing: var(--scb-radio-text-tracking);
-    margin-top: var(--spacing-1, 2px);
-  }
-  :host([disabled]) .lbl { color: var(--n-60); }
-
-  /* Supporting text styling */
-  .supporting-text {
-    color: var(--md-sys-color-on-surface-variant);
-    font-family: var(--scb-radio-text-font, var(--brand-font));
-    font-size: var(--scb-radio-text-size);
-    line-height: var(--scb-radio-text-line-height, 20px);
-    font-weight: var(--scb-radio-text-weight);
-    letter-spacing: var(--scb-radio-text-tracking);
-    /* gap + wrapperbredd så texten linjerar med labeln */
-    margin-left: calc(var(--spacing-3, 6px) + var(--scb-radio-target, 40px));
-    margin-bottom: var(--spacing-4, 8px);
-  }
-  :host([disabled]) .supporting-text { color: var(--n-60); }
-
-  /* Anpassning för mörkt läge */
-  @media (prefers-color-scheme: dark) {
-    .lbl { color: var(--md-sys-color-on-surface); }
-    .supporting-text { color: var(--md-sys-color-on-surface-variant); }
-  }
-`,_);function m(t){this._showOuterFocusRing!==t&&(this._showOuterFocusRing=t,this.requestUpdate())}function S(){const t=!!this.label?.trim();this.toggleAttribute("data-has-label",t),t||r(s,this,m).call(this,!1)}function k(){const t=this.shadowRoot?.querySelector("md-radio");t&&(t.checked=this.checked,this.checked?t.setAttribute("checked",""):t.removeAttribute("checked"))}o([l({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);o([l({type:Boolean,reflect:!0})],a.prototype,"checked",void 0);o([l({type:String,reflect:!0})],a.prototype,"name",void 0);o([l({type:String,reflect:!0})],a.prototype,"value",void 0);o([l({type:String,reflect:!0})],a.prototype,"size",void 0);o([l({type:Boolean,reflect:!0})],a.prototype,"deselectable",void 0);o([l({type:String})],a.prototype,"label",void 0);o([l({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",void 0);o([l({type:String,attribute:"aria-label"})],a.prototype,"ariaLabel",void 0);a=o([A("scb-radio-button")],a);export{a as ScbRadioButton};

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-radio-button/scb-radio-group.js

@@ -1,43 +0,0 @@
-import{_ as C,b as A,g as R,h as l,y as L}from"../../../../../../../../vendor/vendor.js";import"../../../../../../../../vendor/vendor-lit.js";import{t as o}from"../../../../../../../../vendor/decorate.js";import{n as M,t as a}from"../../../../../../../../vendor/assertClassBrand.js";import{n as v,r as _,t as c}from"../../../../../../../../vendor/classPrivateFieldGet2.js";(function(){try{var h=typeof globalThis<"u"?globalThis:window;if(!h.__scb_ce_guard_installed__){h.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,e,n){try{customElements.get(i)||t(i,e,n)}catch(u){var d=String(u||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var y,p,g,b,s,k,r=(y=new WeakMap,p=new WeakMap,g=new WeakMap,b=new WeakMap,s=new WeakSet,k=class extends C{constructor(){super(),M(this,s),_(this,y,void 0),_(this,p,void 0),_(this,g,void 0),_(this,b,void 0),this.name="",this.orientation="vertical",this.disabled=!1,this.required=!1,this.deselectable=!1,this.size="medium",this.ariaLabel=null,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.value="",this._internals=null,this._form=null,this._formResetHandler=null,this._initialValue="",this._customValidationMessage="",v(y,this,()=>{const t=this.shadowRoot?.querySelector("slot");return t?t.assignedElements({flatten:!0}).filter(i=>i.tagName.toLowerCase()==="scb-radio-button"):[]}),v(p,this,()=>{const t=c(y,this).call(this);if(!t.length)return;let i=null;for(const e of t){const n=e;this.name&&e.setAttribute("name",this.name),this.disabled?e.setAttribute("disabled",""):e.removeAttribute("disabled"),this.orientation==="horizontal"?e.setAttribute("orientation","horizontal"):e.removeAttribute("orientation");const d=e.hasAttribute("data-size-from-group");this.deselectable?e.setAttribute("deselectable",""):e.removeAttribute("deselectable"),this.size==="medium"?d&&(e.removeAttribute("size"),e.removeAttribute("data-size-from-group")):(!e.hasAttribute("size")||d)&&(e.setAttribute("size",this.size),e.setAttribute("data-size-from-group",""));const u=n.value??e.getAttribute("value")??"",S=typeof n.checked=="boolean"?n.checked:e.hasAttribute("checked");if(this.value){const w=String(u)===this.value;w&&!S?n.checked=!0:!w&&S&&(n.checked=!1)}else S&&i===null&&(i=String(u))}!this.value&&i!==null&&(this.value=i)}),v(g,this,t=>{t.target!==this&&t.composedPath().find(i=>i?.tagName?.toLowerCase()==="scb-radio-button")&&(t.stopImmediatePropagation(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})))}),v(b,this,t=>{if(t.target===this)return;const i=t.composedPath().find(u=>u?.tagName?.toLowerCase()==="scb-radio-button");if(!i)return;t.stopImmediatePropagation();const e=i?.checked===!0,n=e?i?.value??i?.getAttribute?.("value")??t.target?.value??"":"";this.value=String(n??"");const d={value:String(n??""),checked:e,originalIsTrusted:t?.isTrusted===!0};this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scb-change",{detail:d,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbchange",{detail:d,bubbles:!0,composed:!0}))}),"attachInternals"in this&&(this._internals=this.attachInternals())}render(){const t=this.orientation==="horizontal"?"row":"column";return L`
-      <div
-        class="g"
-        role="radiogroup"
-        aria-disabled=${String(this.disabled)}
-        aria-required=${String(this.required)}
-        aria-invalid=${a(s,this,V).call(this)?"true":"false"}
-        aria-label=${this.ariaLabel??""}
-        style=${`--_dir:${t}`}
-      >
-        <slot @slotchange=${c(p,this)}></slot>
-      </div>
-    `}firstUpdated(){a(s,this,E).call(this),c(p,this).call(this),this.addEventListener("input",c(g,this)),this.addEventListener("change",c(b,this)),this._initialValue=this.value,this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.value=this._initialValue,this.requestUpdate(),c(p,this).call(this),this.__syncFormValue(),a(s,this,m).call(this)},this._form.addEventListener("reset",this._formResetHandler,!0)),this.__syncFormValue(),a(s,this,m).call(this)}disconnectedCallback(){this.removeEventListener("input",c(g,this)),this.removeEventListener("change",c(b,this)),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),super.disconnectedCallback()}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&a(s,this,E).call(this),(t.has("name")||t.has("disabled")||t.has("orientation")||t.has("size")||t.has("deselectable")||t.has("required")||t.has("value"))&&c(p,this).call(this),(t.has("value")||t.has("disabled")||t.has("name"))&&this.__syncFormValue(),(t.has("value")||t.has("disabled")||t.has("required"))&&a(s,this,m).call(this)}get form(){return this._internals?.form??this._form}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??""}get willValidate(){return this._internals?.willValidate??!this.disabled}get labels(){return this._internals?.labels}checkValidity(){return this._internals?.checkValidity()??!a(s,this,V).call(this)}reportValidity(){return this._internals?.reportValidity()??!a(s,this,V).call(this)}setCustomValidity(t){this._customValidationMessage=String(t??""),a(s,this,m).call(this)}formDisabledCallback(t){this.disabled=t,a(s,this,m).call(this)}__syncFormValue(){if(!this._internals)return;const t=typeof this.name=="string"&&this.name.trim()!=="",i=typeof this.value=="string"&&this.value.trim()!=="",e=this.disabled||!t||!i?null:this.value;this._internals.setFormValue(e)}},k.formAssociated=!0,k.styles=A`
-    :host {
-      display: block;
-
-      /* Vertikal standard-spacing mellan items i gruppen */
-      --scb-radio-gap: var(--spacing-4, 12px);
-
-      /* Vertikalt avstånd mot omgivande innehåll, styrs via spacing/spacing-top/spacing-bottom */
-      margin-block-start: var(--scb-radio-group-spacing-block-start, 0);
-      margin-block-end: var(--scb-radio-group-spacing-block-end, 0);
-      margin-inline-start: var(--scb-radio-group-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-radio-group-spacing-inline-end, 0);
-    }
-
-    /* Horisontell standard-spacing mellan items om gap inte overrideas via CSS-variabel */
-    :host([orientation='horizontal']) {
-      --scb-radio-gap: var(--spacing-8, 32px);
-    }
-
-    .g {
-      display: flex;
-      flex-direction: var(--_dir, column);
-      align-items: flex-start;
-      gap: var(--scb-radio-gap);
-    }
-
-    /* När radioknappar ligger i en grupp ska spacing ägas av gruppen, inte av enskilda items */
-    ::slotted(scb-radio-button) {
-      --scb-radio-gap: 0;
-    }
-  `,k);function V(){return this.disabled?!1:this._customValidationMessage?!0:this.required&&!this.value.trim()}function m(){if(!this._internals)return;const h=!this.disabled&&this.required&&!this.value.trim(),t=this._customValidationMessage||(h?"Välj ett alternativ.":"");this._internals.setValidity(h?{valueMissing:!0}:{},t,this.shadowRoot?.querySelector(".g")??void 0)}function E(){const h=a(s,this,f).call(this,this.spacing),t=a(s,this,f).call(this,this.spacingTop)??h,i=a(s,this,f).call(this,this.spacingBottom)??h,e=a(s,this,f).call(this,this.spacingLeft),n=a(s,this,f).call(this,this.spacingRight);t?this.style.setProperty("--scb-radio-group-spacing-block-start",t):this.style.removeProperty("--scb-radio-group-spacing-block-start"),i?this.style.setProperty("--scb-radio-group-spacing-block-end",i):this.style.removeProperty("--scb-radio-group-spacing-block-end"),e?this.style.setProperty("--scb-radio-group-spacing-inline-start",e):this.style.removeProperty("--scb-radio-group-spacing-inline-start"),n?this.style.setProperty("--scb-radio-group-spacing-inline-end",n):this.style.removeProperty("--scb-radio-group-spacing-inline-end")}function f(h){if(!h)return;const t=String(h).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}o([l({type:String})],r.prototype,"name",void 0);o([l({type:String,reflect:!0})],r.prototype,"orientation",void 0);o([l({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0);o([l({type:Boolean,reflect:!0})],r.prototype,"required",void 0);o([l({type:Boolean,reflect:!0})],r.prototype,"deselectable",void 0);o([l({type:String,reflect:!0})],r.prototype,"size",void 0);o([l({type:String,attribute:"aria-label"})],r.prototype,"ariaLabel",void 0);o([l({type:String,reflect:!0})],r.prototype,"spacing",void 0);o([l({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",void 0);o([l({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",void 0);o([l({type:String,attribute:"spacing-left",reflect:!0})],r.prototype,"spacingLeft",void 0);o([l({type:String,attribute:"spacing-right",reflect:!0})],r.prototype,"spacingRight",void 0);o([l({type:String,reflect:!0})],r.prototype,"value",void 0);r=o([R("scb-radio-group")],r);export{r as ScbRadioGroup};

package/mvc/components/Users/peter/Documents/SCB.Material-latest-dev/src/scb-components/scb-scrollspy/scb-scrollspy.js

@@ -1,79 +0,0 @@
-import{_ as w,b as R,g as M,y as g}from"../../../../../../../../vendor/vendor.js";import"../../../../../../../../vendor/vendor-lit.js";import{t as O}from"../../../../../../../../vendor/decorate.js";(function(){try{var h=typeof globalThis<"u"?globalThis:window;if(!h.__scb_ce_guard_installed__){h.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,s,i){try{customElements.get(e)||t(e,s,i)}catch(o){var n=String(o||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var m,E=(m=class extends w{constructor(...t){super(...t),this.navSelector="",this.offsetTop=0,this.offsetBottom=0,this.updateHash=!0,this.activeId="",this.layout="",this.sidebarNavWidth="320px",this.sidebarHeight="560px",this.stackHeight="",this.sidebarNavTop="0px",this.contentPadding="0px",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__navEl=null,this.__contentEl=null,this.__contentShellEl=null,this.__links=[],this.__observer=null,this.__fallbackScrollRoot=null,this.__entries=new Map,this.__rafId=null,this.__scrollRafId=null,this.__hashAllowUpdates=!1,this.__hashBaselineReady=!1,this.__hashBaselinePos=0,this.__hashBaselineRafId=null,this.__hashScrollRoot=null,this.__hashSuspend=!1,this.__hashInitialApplied=!1,this.__onHashScrollBound=()=>this.__onHashScroll(),this.__scrollAnimSeq=0,this.__syncingActiveId=!1,this.__slotsResolvedOnce=!1,this.__motionMeasureEl=null,this.__focusableRafId=null,this.__autoOffsetTop=0,this.__autoOffsetRafId=null,this.__navResizeObserver=null,this.__onNavClickBound=e=>this.__onNavClick(e),this.__onScrollFallbackBound=()=>this.__updateActiveFromRects(),this.__onResizeBound=()=>{this.__requestActiveRecalc(),this.__requestAutoOffsetMeasure()},this.__onSlotChange=()=>{const e=this.__navEl;this.__teardown(),this.__resolveSlots(),this.__requestEnsureContentFocusable(),this.__navEl&&this.__navEl.addEventListener("click",this.__onNavClickBound,!0),(e!==this.__navEl||!this.__links.length)&&this.__collectLinks(),this.__requestAutoOffsetMeasure(),this.__rebuildObserver(),this.__attachHashScrollRoot(),this.__applyInitialHashIfAny(),!this.__hashInitialApplied&&this.activeId&&this.__applyActiveId(this.activeId,{updateHash:!1,scrollToTarget:!1}),this.__slotsResolvedOnce=!0}}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.__onResizeBound,{passive:!0})}firstUpdated(){this.__ensureMotionMeasureEl(),this.__resolveInternals(),this.__requestEnsureContentFocusable(),this.__requestAutoOffsetMeasure(),this.__applySpacing()}disconnectedCallback(){window.removeEventListener("resize",this.__onResizeBound),this.__teardown(),super.disconnectedCallback()}updated(t){if((t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing(),t.has("navSelector")){this.__onSlotChange();return}if(t.has("layout")){this.__onSlotChange();return}(t.has("offsetTop")||t.has("offsetBottom"))&&(this.__rebuildObserver(),this.__attachHashScrollRoot()),(t.has("sidebarNavWidth")||t.has("sidebarHeight")||t.has("stackHeight")||t.has("sidebarNavTop")||t.has("contentPadding"))&&(this.__resolveInternals(),this.__requestEnsureContentFocusable(),this.__rebuildObserver()),t.has("activeId")&&(this.__syncingActiveId?this.__syncingActiveId=!1:this.__applyExternalActiveId())}__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}__applySpacing(){const t=this.__mapSpacingToken(this.spacing),e=this.__mapSpacingToken(this.spacingTop)??t,s=this.__mapSpacingToken(this.spacingBottom)??t,i=this.__mapSpacingToken(this.spacingLeft),n=this.__mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-scrollspy-spacing-block-start",e):this.style.removeProperty("--scb-scrollspy-spacing-block-start"),s?this.style.setProperty("--scb-scrollspy-spacing-block-end",s):this.style.removeProperty("--scb-scrollspy-spacing-block-end"),i?this.style.setProperty("--scb-scrollspy-spacing-inline-start",i):this.style.removeProperty("--scb-scrollspy-spacing-inline-start"),n?this.style.setProperty("--scb-scrollspy-spacing-inline-end",n):this.style.removeProperty("--scb-scrollspy-spacing-inline-end")}__teardown(){this.__cancelScrollAnimation(),this.__cancelEnsureContentFocusable(),this.__cancelAutoOffsetMeasure(),this.__disconnectAutoOffsetObserver(),this.__disconnectObserver(),this.__navEl&&this.__navEl.removeEventListener("click",this.__onNavClickBound,!0),this.__fallbackScrollRoot&&this.__fallbackScrollRoot.removeEventListener?.("scroll",this.__onScrollFallbackBound),this.__fallbackScrollRoot=null,this.__entries.clear(),this.__links=[],this.__detachHashScrollRoot(),this.__cancelHashBaseline()}__cancelScrollAnimation(){this.__scrollAnimSeq++,this.__scrollRafId!==null&&(window.cancelAnimationFrame(this.__scrollRafId),this.__scrollRafId=null)}__cancelEnsureContentFocusable(){this.__focusableRafId!==null&&(window.cancelAnimationFrame(this.__focusableRafId),this.__focusableRafId=null)}__requestEnsureContentFocusable(){typeof window>"u"||(this.__cancelEnsureContentFocusable(),this.__focusableRafId=window.requestAnimationFrame(()=>{this.__focusableRafId=null,this.__ensureScrollableContentFocusable()}))}__ensureScrollableContentFocusable(){const t=this.__getScrollContainerEl();t instanceof HTMLElement&&(t.hasAttribute("tabindex")||(t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1)&&(t.querySelector('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), summary, [tabindex]:not([tabindex="-1"]), [contenteditable=""], [contenteditable="true"]')||t.setAttribute("tabindex","0")))}__ensureMotionMeasureEl(){if(this.__motionMeasureEl)return;const t=document.createElement("span");t.setAttribute("aria-hidden","true"),t.style.position="fixed",t.style.width="0",t.style.height="0",t.style.overflow="hidden",t.style.pointerEvents="none",t.style.visibility="hidden",this.__motionMeasureEl=t,this.renderRoot.appendChild(t)}__disconnectObserver(){this.__observer&&(this.__observer.disconnect(),this.__observer=null)}__resolveInternals(){this.__contentShellEl=this.layout==="sidebar"?this.renderRoot.querySelector(".sidebar-content"):this.layout==="stack"?this.renderRoot.querySelector(".stack-shell"):null}__resolveSlots(){const t=this.renderRoot.querySelector('slot[name="nav"]'),e=this.renderRoot.querySelector('slot[name="content"]'),s=t?.assignedElements({flatten:!0})??[],i=e?.assignedElements({flatten:!0})??[],n=(this.navSelector||"").trim(),o=n?this.__queryExternalNav(n):s[0],r=i[0];this.__navEl=o instanceof HTMLElement?o:null,this.__contentEl=r instanceof HTMLElement?r:null,this.__resolveInternals()}__queryExternalNav(t){try{return this.getRootNode?.()?.querySelector?.(t)??document.querySelector(t)}catch{return null}}__getScrollContainerEl(){return this.layout==="sidebar"||this.layout==="stack"?this.__contentShellEl:this.__contentEl}__isOffsetTopExplicit(){return this.hasAttribute("offset-top")}__getEffectiveOffsetTop(){const t=this.__isOffsetTopExplicit()?this.offsetTop:this.__autoOffsetTop;return Math.max(0,t)}__cancelAutoOffsetMeasure(){this.__autoOffsetRafId!==null&&(window.cancelAnimationFrame(this.__autoOffsetRafId),this.__autoOffsetRafId=null)}__disconnectAutoOffsetObserver(){this.__navResizeObserver&&(this.__navResizeObserver.disconnect(),this.__navResizeObserver=null)}__requestAutoOffsetMeasure(){if(!(typeof window>"u")){if(this.__isOffsetTopExplicit()){this.__setAutoOffsetTop(0),this.__disconnectAutoOffsetObserver();return}this.__autoOffsetRafId===null&&(this.__autoOffsetRafId=window.requestAnimationFrame(()=>{this.__autoOffsetRafId=null,this.__measureAutoOffset()}))}}__measureAutoOffset(){const t=this.__navEl;if(this.__isOffsetTopExplicit()){this.__setAutoOffsetTop(0),this.__disconnectAutoOffsetObserver();return}if(!(t?.tagName==="SCB-NAV"&&(t.hasAttribute("sticky")||t.sticky===!0))){this.__setAutoOffsetTop(0),this.__disconnectAutoOffsetObserver();return}const e=Math.max(0,Math.round(t.getBoundingClientRect().height));this.__setAutoOffsetTop(e),!this.__navResizeObserver&&"ResizeObserver"in window&&(this.__navResizeObserver=new ResizeObserver(()=>{this.__requestAutoOffsetMeasure()}),this.__navResizeObserver.observe(t))}__setAutoOffsetTop(t){const e=Math.max(0,t);Math.abs(e-this.__autoOffsetTop)<1||(this.__autoOffsetTop=e,this.__rebuildObserver(),this.__requestActiveRecalc())}__rebuildObserver(){this.__disconnectObserver(),this.__entries.clear();const t=this.__getObserverRoot(),e=`-${Math.max(0,this.__getEffectiveOffsetTop())}px 0px -${Math.max(0,this.offsetBottom)}px 0px`;if(!(typeof window>"u")){if("IntersectionObserver"in window){this.__observer=new IntersectionObserver(s=>this.__onIntersect(s),{root:t,rootMargin:e,threshold:[0,.1,.25,.5,.75,1]});for(const s of this.__links)this.__observer.observe(s.targetEl);this.__requestActiveRecalc();return}this.__enableFallbackScrollSpy()}}__enableFallbackScrollSpy(){const t=this.__getObserverRoot()??window;this.__fallbackScrollRoot=t,t.addEventListener?.("scroll",this.__onScrollFallbackBound,{passive:!0}),this.__requestActiveRecalc()}__getObserverRoot(){const t=this.__getScrollContainerEl();return t instanceof HTMLElement&&(t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1)?t:null}__collectLinks(){const t=this.__navEl,e=this.__contentEl;if(!t||!e){this.__links=[];return}const s=Array.from(t.querySelectorAll('scb-menu-item[item-href^="#"], scb-nav-item[href^="#"], scb-nav-item[data-href^="#"], a[href^="#"], button[data-href^="#"]')),i=[];for(const n of s){const o=this.__getHref(n);if(!o||!o.startsWith("#"))continue;const r=o.slice(1);if(!r)continue;const a=e.querySelector(`#${CSS.escape(r)}`);a&&i.push({id:r,navEl:n,targetEl:a})}this.__links=i}__getHref(t){return t.tagName==="A"?t.getAttribute("href")??"":t.tagName==="SCB-MENU-ITEM"?t.itemHref??t.getAttribute("item-href")??"":t.tagName==="BUTTON"?t.getAttribute("data-href")??"":t.tagName==="SCB-NAV-ITEM"?t.href||t.dataHref||t.getAttribute("href")||t.getAttribute("data-href")||"":t.getAttribute("href")??""}__onIntersect(t){for(const e of t){const s=e.target.id;s&&this.__entries.set(s,{id:s,isIntersecting:e.isIntersecting,top:e.boundingClientRect.top,ratio:e.intersectionRatio})}this.__requestActiveRecalc()}__requestActiveRecalc(){this.__rafId===null&&(this.__rafId=window.requestAnimationFrame(()=>{this.__rafId=null,this.__updateActiveFromEntries()}))}__updateActiveFromEntries(){if(this.__entries.size===0){this.__updateActiveFromRects();return}const t=Array.from(this.__entries.values()).filter(n=>n.isIntersecting);if(t.length===0)return;const e=this.__getObserverRoot(),s=((e?e.getBoundingClientRect():null)?.top??0)+Math.max(0,this.__getEffectiveOffsetTop()),i=t.filter(n=>n.top>=s).sort((n,o)=>n.top-o.top)[0]??t.sort((n,o)=>o.top-n.top)[0];i?.id&&this.__setActiveId(i.id,{updateHash:this.updateHash})}__updateActiveFromRects(){if(!this.__contentEl)return;const t=this.__getObserverRoot(),e=((t?t.getBoundingClientRect():null)?.top??0)+Math.max(0,this.__getEffectiveOffsetTop()),s=this.__links.map(n=>{const o=n.targetEl.getBoundingClientRect();return{id:n.id,top:o.top-e}}).filter(n=>Number.isFinite(n.top));if(s.length===0)return;const i=s.filter(n=>n.top>=0).sort((n,o)=>n.top-o.top)[0]??s.sort((n,o)=>o.top-n.top)[0];i?.id&&this.__setActiveId(i.id,{updateHash:this.updateHash})}__applyActiveId(t,e){const s=this.__links.find(i=>i.id===t);if(this.__navEl?.tagName==="SCB-NAV"?this.__navEl.activeHref=`#${t}`:s&&(this.__applyActiveToNav(s.navEl),this.__expandAncestors(s.navEl)),e.scrollToTarget){let i=s?.targetEl??null;if(!i){const n=this.__contentEl??this;try{i=n.querySelector(`#${CSS.escape(t)}`)}catch{i=n.querySelector(`[id="${t}"]`)}!i&&typeof document<"u"&&(i=document.getElementById(t))}i&&this.__scrollToTarget(i)}if(e.updateHash&&this.__hashAllowUpdates&&typeof history<"u")try{history.replaceState(null,"",`#${encodeURIComponent(t)}`)}catch{}this.dispatchEvent(new CustomEvent("scb-scrollspy-active-changed",{bubbles:!0,composed:!0,detail:{id:t}})),this.dispatchEvent(new CustomEvent("scbscrollspyactivechanged",{bubbles:!0,composed:!0,detail:{id:t}}))}__applyExternalActiveId(){const t=(this.activeId||"").trim();t&&(this.__links.length||this.__collectLinks(),this.__applyActiveId(t,{updateHash:this.updateHash,scrollToTarget:this.__slotsResolvedOnce}))}__setActiveId(t,e){!t||t===this.activeId||(this.__syncingActiveId=!0,this.activeId=t,this.__applyActiveId(t,{updateHash:e.updateHash,scrollToTarget:!1}))}__applyActiveToNav(t){const e=this.__navEl;if(!e)return;const s=Array.from(e.querySelectorAll('scb-menu-item[item-href^="#"], scb-nav-item[href^="#"], scb-nav-item[data-href^="#"], a[href^="#"], button[data-href^="#"]'));for(const i of s){const n=i===t;if(i.tagName==="SCB-MENU-ITEM"){const o=i;typeof o.selected=="boolean"&&(o.selected=n),n&&i.dispatchEvent(new CustomEvent("scb-menu-select",{bubbles:!0,composed:!0,detail:{item:i}}))}else i.tagName==="A"||i.tagName==="BUTTON"?n?i.setAttribute("aria-current","location"):i.removeAttribute("aria-current"):i.tagName==="SCB-NAV-ITEM"&&(n?(i.setAttribute("aria-current","location"),i.setAttribute("data-active","true")):(i.removeAttribute("aria-current"),i.removeAttribute("data-active")))}}__expandAncestors(t){let e=t;for(;e;){if(e.tagName==="SCB-MENU-ITEM"){const s=e;typeof s.expanded=="boolean"&&(s.expanded=!0)}e=e.parentElement}}__scrollToTarget(t){const e=typeof window<"u"&&window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches,s=this.__getScrollContainerEl();if(s instanceof HTMLElement&&s.scrollHeight>s.clientHeight+1){const l=this.__getScrollTopInContainer(t,s)-this.__getEffectiveOffsetTop(),d=Math.max(0,s.scrollHeight-s.clientHeight),u=Math.min(d,Math.max(0,l));if(e){s.scrollTop=u;return}this.__animateScroll({get:()=>s.scrollTop,set:f=>{s.scrollTop=f},max:d,to:u});return}if(!(t instanceof HTMLElement))return;const i=t.getBoundingClientRect(),n=(window.scrollY||window.pageYOffset||0)+i.top-this.__getEffectiveOffsetTop(),o=document.documentElement,r=Math.max(0,o.scrollHeight-window.innerHeight),a=Math.min(r,Math.max(0,n));if(e){window.scrollTo(0,a);return}this.__animateScroll({get:()=>window.scrollY||window.pageYOffset||0,set:l=>window.scrollTo(0,l),max:r,to:a})}__getScrollTopInContainer(t,e){const s=e.getBoundingClientRect(),i=t.getBoundingClientRect();return e.scrollTop+(i.top-s.top)}__animateScroll(t){const e=t.get(),s=Math.min(t.max,Math.max(0,t.to));if(!Number.isFinite(e)||!Number.isFinite(s))return;if(Math.abs(s-e)<1){t.set(s);return}this.__cancelScrollAnimation(),this.__ensureMotionMeasureEl();const i=++this.__scrollAnimSeq,n=Math.abs(s-e),o=this.__getScrollDurationMs(n),r=this.__getScrollEasingFn(),a=performance.now(),l=d=>{if(i!==this.__scrollAnimSeq)return;const u=o<=0?1:Math.min(1,(d-a)/o),f=r(u);t.set(e+(s-e)*f),u<1?this.__scrollRafId=window.requestAnimationFrame(l):this.__scrollRafId=null};this.__scrollRafId=window.requestAnimationFrame(l)}__getScrollDurationMs(t){const e=this.__resolveTimeMs("var(--motion-duration-medium, 300ms)")??300,s=this.__resolveTimeMs("var(--motion-duration-long, 500ms)")??500,i=this.__resolveTimeMs("var(--motion-duration-extra-long, 700ms)")??700,n=Math.min(1,Math.max(0,t/1800)),o=e+(s-e)*n;return Math.min(i,Math.max(e,o))}__getScrollEasingFn(){const t=this.__resolveTimingFunction("var(--motion-easing-emphasized-decelerate, var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98)))")??"cubic-bezier(0.05, 0.7, 0.1, 1)";return this.__parseEasingFunction(t)??(e=>e)}__resolveTimeMs(t){const e=this.__motionMeasureEl;if(!e)return null;e.style.transitionDuration=t;const s=getComputedStyle(e).transitionDuration.split(",")[0]?.trim()??"";return this.__parseTimeToMs(s)}__resolveTimingFunction(t){const e=this.__motionMeasureEl;return e?(e.style.transitionTimingFunction=t,getComputedStyle(e).transitionTimingFunction.split(",")[0]?.trim()??null):null}__parseTimeToMs(t){const e=t.trim();if(!e)return null;const s=parseFloat(e);return Number.isFinite(s)?e.endsWith("ms")?s:e.endsWith("s")?s*1e3:null:null}__parseEasingFunction(t){const e=t.trim();if(!e)return null;if(e==="linear")return l=>l;const s=e.match(/cubic-bezier\(([^)]+)\)/i);if(!s)return null;const i=s[1].split(",").map(l=>parseFloat(l.trim())).filter(l=>Number.isFinite(l));if(i.length!==4)return null;const[n,o,r,a]=i;return this.__cubicBezier(n,o,r,a)}__cubicBezier(t,e,s,i){const n=3*t,o=3*(s-t)-n,r=1-n-o,a=3*e,l=3*(i-e)-a,d=1-a-l,u=c=>((r*c+o)*c+n)*c,f=c=>((d*c+l)*c+a)*c,A=c=>(3*r*c+2*o)*c+n,T=c=>{let _=c;for(let p=0;p<8;p++){const y=u(_)-c;if(Math.abs(y)<1e-6)return _;const S=A(_);if(Math.abs(S)<1e-6)break;_=_-y/S}let b=0,v=1;for(_=c;b<v;){const p=u(_)-c;if(Math.abs(p)<1e-6)return _;p>0?v=_:b=_,_=(v+b)/2}return _};return c=>f(T(Math.min(1,Math.max(0,c))))}__detachHashScrollRoot(){if(!this.__hashScrollRoot)return;const t=this.__hashScrollRoot;try{t instanceof Window?t.removeEventListener("scroll",this.__onHashScrollBound):t.removeEventListener("scroll",this.__onHashScrollBound)}catch{}this.__hashScrollRoot=null}__cancelHashBaseline(){this.__hashBaselineRafId!==null&&(window.cancelAnimationFrame(this.__hashBaselineRafId),this.__hashBaselineRafId=null),this.__hashBaselineReady=!1}__attachHashScrollRoot(){this.__detachHashScrollRoot();const t=this.__getObserverRoot()??window;this.__hashScrollRoot=t;try{t.addEventListener("scroll",this.__onHashScrollBound,{passive:!0})}catch{}this.__hashAllowUpdates=!1,this.__scheduleHashBaseline()}__scheduleHashBaseline(){this.__cancelHashBaseline();const t=()=>{this.__hashBaselinePos=this.__getHashScrollPos(),this.__hashBaselineReady=!0,this.__hashBaselineRafId=null};this.__hashBaselineRafId=window.requestAnimationFrame(()=>{this.__hashBaselineRafId=window.requestAnimationFrame(t)})}__getHashScrollPos(){const t=this.__hashScrollRoot;if(t instanceof Window)return t.scrollY||t.pageYOffset||0;if(t&&"scrollTop"in t){const e=t;return typeof e.scrollTop=="number"?e.scrollTop:0}return 0}__onHashScroll(){if(!this.updateHash||this.__hashSuspend||this.__hashAllowUpdates||!this.__hashBaselineReady)return;const t=this.__getHashScrollPos();Math.abs(t-this.__hashBaselinePos)>2&&(this.__hashAllowUpdates=!0)}__jumpToTarget(t){const e=this.__getScrollContainerEl();if(e instanceof HTMLElement&&e.scrollHeight>e.clientHeight+1){const a=this.__getScrollTopInContainer(t,e)-this.__getEffectiveOffsetTop(),l=Math.max(0,e.scrollHeight-e.clientHeight);e.scrollTop=Math.min(l,Math.max(0,a));return}if(!(t instanceof HTMLElement))return;const s=t.getBoundingClientRect(),i=(window.scrollY||window.pageYOffset||0)+s.top-this.__getEffectiveOffsetTop(),n=document.documentElement,o=Math.max(0,n.scrollHeight-window.innerHeight),r=Math.min(o,Math.max(0,i));window.scrollTo(0,r)}__applyInitialHashIfAny(){if(this.__hashInitialApplied)return;const t=typeof window<"u"?window.location.hash:"";if(!t||t.length<2)return;let e="";try{e=decodeURIComponent(t.slice(1))}catch{e=t.slice(1)}if(!e)return;const s=this.__links.find(i=>i.id===e);if(s?.targetEl){this.__hashInitialApplied=!0,this.__hashSuspend=!0;try{this.__jumpToTarget(s.targetEl),this.__setActiveId(e,{updateHash:!1})}finally{window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{this.__hashSuspend=!1})})}}}__onNavClick(t){const e=this.__navEl,s=this.__contentEl;if(!e||!s)return;const i=t.composedPath().find(a=>a instanceof Element&&(a.tagName==="SCB-MENU-ITEM"||a.tagName==="SCB-NAV-ITEM"||a.tagName==="A"||a.tagName==="BUTTON"));if(!i)return;const n=this.__getHref(i);if(!n||!n.startsWith("#"))return;const o=n.slice(1);if(!o)return;const r=s.querySelector(`#${CSS.escape(o)}`);r&&(t.preventDefault(),this.__hashAllowUpdates=!0,this.__scrollToTarget(r),this.__setActiveId(o,{updateHash:this.updateHash}))}render(){if(this.layout==="sidebar")return g`
-        <div class="sidebar-layout" style=${[`--_scb-scrollspy-sidebar-nav-width: ${this.sidebarNavWidth}`,`--_scb-scrollspy-sidebar-height: ${this.sidebarHeight}`,`--_scb-scrollspy-sidebar-nav-top: ${this.sidebarNavTop}`,`--_scb-scrollspy-content-padding: ${this.contentPadding}`].join("; ")}>
-          <div class="sidebar-nav">
-            <slot name="nav" @slotchange=${this.__onSlotChange}></slot>
-          </div>
-          <div class="sidebar-content">
-            <slot name="content" @slotchange=${this.__onSlotChange}></slot>
-          </div>
-        </div>
-      `;if(this.layout==="stack"){const t=[`--_scb-scrollspy-content-padding: ${this.contentPadding}`],e=(this.stackHeight||"").trim();return e&&t.unshift(`--_scb-scrollspy-stack-height: ${e}`),g`
-        <div class="stack-shell" style=${t.join("; ")}>
-          <slot name="nav" @slotchange=${this.__onSlotChange}></slot>
-          <div class="stack-content">
-            <slot name="content" @slotchange=${this.__onSlotChange}></slot>
-          </div>
-        </div>
-      `}return g`
-      <slot name="nav" @slotchange=${this.__onSlotChange}></slot>
-      <slot name="content" @slotchange=${this.__onSlotChange}></slot>
-    `}},m.properties={navSelector:{type:String,attribute:"nav-selector"},offsetTop:{type:Number,attribute:"offset-top"},offsetBottom:{type:Number,attribute:"offset-bottom"},updateHash:{type:Boolean,attribute:"update-hash",converter:{fromAttribute:h=>{if(h===null)return!0;const t=h.trim().toLowerCase();return!(t==="false"||t==="0"||t==="no")},toAttribute:h=>h?"":null}},activeId:{type:String,attribute:"active-id",reflect:!0},layout:{type:String,reflect:!0},sidebarNavWidth:{type:String,attribute:"sidebar-nav-width"},sidebarHeight:{type:String,attribute:"sidebar-height"},stackHeight:{type:String,attribute:"stack-height"},sidebarNavTop:{type:String,attribute:"sidebar-nav-top"},contentPadding:{type:String,attribute:"content-padding"},spacing:{type:String,reflect:!0},spacingTop:{type:String,attribute:"spacing-top",reflect:!0},spacingBottom:{type:String,attribute:"spacing-bottom",reflect:!0},spacingLeft:{type:String,attribute:"spacing-left",reflect:!0},spacingRight:{type:String,attribute:"spacing-right",reflect:!0}},m.styles=R`
-    :host {
-      display: contents;
-    }
-
-    :host([layout='sidebar']) {
-      display: block;
-      margin-block-start: var(--scb-scrollspy-spacing-block-start, 0);
-      margin-block-end: var(--scb-scrollspy-spacing-block-end, 0);
-      margin-inline-start: var(--scb-scrollspy-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-scrollspy-spacing-inline-end, 0);
-    }
-
-    :host([layout='stack']) {
-      display: block;
-      margin-block-start: var(--scb-scrollspy-spacing-block-start, 0);
-      margin-block-end: var(--scb-scrollspy-spacing-block-end, 0);
-      margin-inline-start: var(--scb-scrollspy-spacing-inline-start, 0);
-      margin-inline-end: var(--scb-scrollspy-spacing-inline-end, 0);
-    }
-
-    .stack-shell {
-      max-height: var(--_scb-scrollspy-stack-height, none);
-      overflow: auto;
-      border-radius: 16px;
-      font-family: var(--brand-font);
-      box-sizing: border-box;
-    }
-
-    .stack-content {
-      padding: var(--_scb-scrollspy-content-padding, 0px);
-      box-sizing: border-box;
-    }
-    .sidebar-layout {
-      display: grid;
-      grid-template-columns: var(--_scb-scrollspy-sidebar-nav-width, 320px) minmax(0, 1fr);
-      gap: var(--spacing-6, 20px);
-      align-items: start;
-    }
-
-    .sidebar-nav {
-      height: var(--_scb-scrollspy-sidebar-height, 560px);
-      overflow: auto;
-      position: sticky;
-      top: var(--_scb-scrollspy-sidebar-nav-top, 0px);
-    }
-
-    .sidebar-content {
-      height: var(--_scb-scrollspy-sidebar-height, 560px);
-      overflow: auto;
-      border-radius: 16px;
-      font-family: var(--brand-font);
-      padding: var(--_scb-scrollspy-content-padding, 0px);
-      box-sizing: border-box;
-    }
-
-    :host([layout='sidebar']) ::slotted(scb-menu) {
-      border-radius: var(--scb-menu-surface-radius, 16px);
-    }
-  `,m);E=O([M("scb-scrollspy")],E);export{E as ScbScrollspy};