@uplynk/lynk-design 1.16.0 → 1.17.0

package/cdn/chunks/chunk.PXXMZ33N.js

@@ -1,104 +0,0 @@
-import{a as $}from"./chunk.7KKB53UF.js";import{a as C}from"./chunk.MWCK56XI.js";import{a as g}from"./chunk.LT2ADERP.js";import{a as y}from"./chunk.J5IIEY5B.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.Q3J7P2MZ.js";import{a as b}from"./chunk.5FCGOT5T.js";import{a as s}from"./chunk.PGNVXJKR.js";import{a as c}from"./chunk.YHSYTTFF.js";import{a as n}from"./chunk.YZSIY5HS.js";import{a as p}from"./chunk.LUIZCMPE.js";import{a as i,b as h,d as u,g as d}from"./chunk.ODSBDO47.js";import{a as m}from"./chunk.6UGEFC7C.js";import{d as a}from"./chunk.OAB62Q2Y.js";import{e}from"./chunk.FI4IKBIW.js";var t=class extends d{constructor(){super(...arguments);this.formControlController=new v(this,{assumeInteractionOn:["ev-blur","ev-input"]});this.localize=new f(this);this.hasSlotController=new c(this,"help-text","help-tip","label");this.hasFocus=!1;this.title="";this.__numberInput=Object.assign(document.createElement("input"),{type:"number"});this.__dateInput=Object.assign(document.createElement("input"),{type:"date"});this.type="text";this.name="";this.value="";this.defaultValue="";this.state="default";this.size="medium";this.filled=!1;this.pill=!1;this.label="";this.helpText="";this.helpTip="";this.clearable=!1;this.disabled=!1;this.placeholder="";this.readonly=!1;this.restricted=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.noSpinButtons=!1;this.autoPicker=!1;this.form="";this.required=!1;this.dirty=!1;this.inline=!1;this.autocomplete="off";this.spellcheck=!0}get valueAsDate(){var l;return this.__dateInput.type=this.type,this.__dateInput.value=this.value,((l=this.input)==null?void 0:l.valueAsDate)||this.__dateInput.valueAsDate}set valueAsDate(l){this.__dateInput.type=this.type,this.__dateInput.valueAsDate=l,this.value=this.__dateInput.value}get valueAsNumber(){var l;return this.__numberInput.value=this.value,((l=this.input)==null?void 0:l.valueAsNumber)||this.__numberInput.valueAsNumber}set valueAsNumber(l){this.__numberInput.valueAsNumber=l,this.value=this.__numberInput.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("ev-blur")}handleChange(){this.value=this.input.value,this.emit("ev-change")}handleClearClick(l){l.preventDefault(),this.value!==""&&(this.value="",this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),this.input.focus()}handleFocus(){this.hasFocus=!0,this.emit("ev-focus"),this.autoPicker&&this.showPicker()}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("ev-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l)}handleKeyDown(l){let r=l.metaKey||l.ctrlKey||l.shiftKey||l.altKey;l.key==="Enter"&&!r&&setTimeout(()=>{!l.defaultPrevented&&!l.isComposing&&(this.formControlController.submit(),this.emit("ev-enter"))})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){(this.disabled||this.restricted)&&this.formControlController.setValidity(!0)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(l){this.input.focus(l)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(l,r,o="none"){this.input.setSelectionRange(l,r,o)}setRangeText(l,r,o,w="preserve"){let _=r!=null?r:this.input.selectionStart,x=o!=null?o:this.input.selectionEnd;this.input.setRangeText(l,_,x,w),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(l){this.input.setCustomValidity(l),this.formControlController.updateValidity()}render(){let r=this.clearable&&!this.disabled&&!this.readonly&&(typeof this.value=="number"||this.value&&this.value.length>0);return a`
-      <lynk-form-field
-        .size=${this.size}
-        .state=${this.state}
-        .label=${this.hasSlotController.test("label")?"":this.label}
-        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
-        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
-        .required=${this.required}
-        .dirty=${this.dirty}
-        .focused=${this.hasFocus}
-        .inline=${this.inline}
-        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
-        ?data-user-valid=${this.hasAttribute("data-user-valid")}
-        ?data-invalid=${this.hasAttribute("data-invalid")}
-        ?data-valid=${this.hasAttribute("data-valid")}
-      >
-        ${this.hasSlotController.test("label")?a`<slot name="label" slot="label"></slot>`:""}
-        ${this.hasSlotController.test("help-text")?a`<slot name="help-text" slot="help-text"></slot>`:""}
-        ${this.hasSlotController.test("help-tip")?a`<slot name="help-tip" slot="help-tip"></slot>`:""}
-
-        <div
-          part="base"
-          class=${p({input:!0,"input--small":this.size==="small","input--medium":this.size==="medium","input--large":this.size==="large","input--pill":this.pill,"input--standard":!this.filled,"input--filled":this.filled,"input--disabled":this.disabled,"input--restricted":this.restricted,"input--focused":this.hasFocus,"input--empty":!this.value,"input--no-spin-buttons":this.noSpinButtons})}
-        >
-          <span part="prefix" class="input__prefix">
-            <slot name="prefix"></slot>
-          </span>
-
-          ${this.restricted?a` <div part="input" class="input__control-preview">${this.value||"None"}</div> `:""}
-
-          <input
-            part="input"
-            class="input__control"
-            type=${this.type==="password"&&this.passwordVisible?"text":this.type}
-            title=${this.title}
-            name=${s(this.name)}
-            ?disabled=${this.disabled||this.restricted}
-            ?readonly=${this.readonly}
-            ?required=${this.required}
-            placeholder=${s(this.placeholder)}
-            minlength=${s(this.minlength)}
-            maxlength=${s(this.maxlength)}
-            min=${s(this.min)}
-            max=${s(this.max)}
-            step=${s(this.step)}
-            .value=${g(this.value)}
-            autocapitalize=${s(this.autocapitalize)}
-            autocomplete=${s(this.autocomplete)||"off"}
-            ?autofocus=${this.autofocus}
-            spellcheck=${this.spellcheck}
-            pattern=${s(this.pattern)}
-            enterkeyhint=${s(this.enterkeyhint)}
-            inputmode=${s(this.inputmode)}
-            aria-label=${this.label||"Input"}
-            @change=${this.handleChange}
-            @input=${this.handleInput}
-            @invalid=${this.handleInvalid}
-            @keydown=${this.handleKeyDown}
-            @focus=${this.handleFocus}
-            @blur=${this.handleBlur}
-          />
-
-          ${r?a`
-                <button
-                  part="clear-button"
-                  class="input__clear"
-                  type="button"
-                  aria-label=${this.localize.term("clearEntry")}
-                  @click=${this.handleClearClick}
-                  tabindex="-1"
-                >
-                  <slot name="clear-icon">
-                    <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
-                  </slot>
-                </button>
-              `:""}
-          ${this.passwordToggle&&!this.disabled?a`
-                <button
-                  part="password-toggle-button"
-                  class="input__password-toggle"
-                  type="button"
-                  aria-label=${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}
-                  @click=${this.handlePasswordToggle}
-                  tabindex="-1"
-                >
-                  ${this.passwordVisible?a`
-                        <slot name="show-password-icon">
-                          <lynk-icon name="eye-slash" library="system"></lynk-icon>
-                        </slot>
-                      `:a`
-                        <slot name="hide-password-icon">
-                          <lynk-icon name="eye" library="system"></lynk-icon>
-                        </slot>
-                      `}
-                </button>
-              `:""}
-
-          <span part="suffix" class="input__suffix">
-            <slot name="suffix"></slot>
-          </span>
-        </div>
-        <slot name="action"></slot>
-      </lynk-form-field>
-    `}};t.styles=[m,$],t.dependencies={"lynk-form-field":C,"lynk-icon":b},e([u(".input__control")],t.prototype,"input",2),e([h()],t.prototype,"hasFocus",2),e([i()],t.prototype,"title",2),e([i({reflect:!0})],t.prototype,"type",2),e([i()],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([y()],t.prototype,"defaultValue",2),e([i({reflect:!0})],t.prototype,"state",2),e([i({reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"filled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"pill",2),e([i()],t.prototype,"label",2),e([i({attribute:"help-text"})],t.prototype,"helpText",2),e([i({attribute:"help-tip"})],t.prototype,"helpTip",2),e([i({type:Boolean})],t.prototype,"clearable",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i()],t.prototype,"placeholder",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:Boolean,reflect:!0})],t.prototype,"restricted",2),e([i({attribute:"password-toggle",type:Boolean})],t.prototype,"passwordToggle",2),e([i({attribute:"password-visible",type:Boolean})],t.prototype,"passwordVisible",2),e([i({attribute:"no-spin-buttons",type:Boolean})],t.prototype,"noSpinButtons",2),e([i({attribute:"auto-picker",type:Boolean})],t.prototype,"autoPicker",2),e([i({reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Boolean,reflect:!0})],t.prototype,"dirty",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inline",2),e([i()],t.prototype,"pattern",2),e([i({type:Number})],t.prototype,"minlength",2),e([i({type:Number})],t.prototype,"maxlength",2),e([i({type:Number})],t.prototype,"min",2),e([i({type:Number})],t.prototype,"max",2),e([i()],t.prototype,"step",2),e([i()],t.prototype,"autocapitalize",2),e([i({type:String})],t.prototype,"autocomplete",2),e([i({type:Boolean})],t.prototype,"autofocus",2),e([i()],t.prototype,"enterkeyhint",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i()],t.prototype,"inputmode",2),e([n(["disabled","restricted"],{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([n("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),e([n("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1);export{t as a};

package/cdn/chunks/chunk.Q2LLC7TH.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.JXWI2DVL.js";var l=e;e.define("lynk-dialog");export{l as a};

package/cdn/chunks/chunk.Q4OVSJ6N.js

@@ -1,22 +0,0 @@
-import{a}from"./chunk.OAB62Q2Y.js";var n=a`
-  :host {
-    --margin: var(--lynk-spacing-medium) 0 0 0;
-    --color: var(--lynk-color-neutral-600);
-    display: flex;
-    flex-direction: column;
-    gap: var(--lynk-spacing-2x-small);
-  }
-
-  .nav-group__heading {
-    display: block;
-    text-align: inherit;
-    font-weight: var(--lynk-font-weight-semibold);
-    color: var(--color);
-    font-size: var(--lynk-font-size-small);
-    padding: var(--lynk-spacing-2x-small) var(--lynk-spacing-small);
-  }
-
-  :host([squished]) .nav-group__heading {
-    padding: var(--lynk-spacing-2x-small);
-  }
-`;export{n as a};

package/cdn/chunks/chunk.Q5KRQTVB.js

@@ -1,159 +0,0 @@
-import{a as D}from"./chunk.SG7ZE2B7.js";import{a as E}from"./chunk.X5NFNOTB.js";import{a as x}from"./chunk.MWCK56XI.js";import{a as V}from"./chunk.LT2ADERP.js";import{a as w}from"./chunk.J5IIEY5B.js";import{a as F}from"./chunk.XVIJKWOD.js";import{b as H}from"./chunk.V7E6ITFP.js";import{a as k}from"./chunk.YHVMR6TT.js";import{a as g}from"./chunk.Q3J7P2MZ.js";import{a as C}from"./chunk.5FCGOT5T.js";import{a as _}from"./chunk.PGNVXJKR.js";import{a as $}from"./chunk.YHSYTTFF.js";import{a as v}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.LUIZCMPE.js";import{a as s,b as I,d as u,g as b}from"./chunk.ODSBDO47.js";import{a as y}from"./chunk.6UGEFC7C.js";import{d as r,h as f}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var e=class extends b{constructor(){super(...arguments);this.formControlController=new H(this);this.hasSlotController=new $(this,"help-text","help-tip","label");this.localize=new g(this);this.isOpen=!1;this.name="";this.value="";this.defaultValue="";this.label="";this.placeholder="";this.helpText="";this.helpTip="";this.disabled=!1;this.readonly=!1;this.required=!1;this.dirty=!1;this.inline=!1;this.size="medium";this.seconds=!1;this.format="locale";this.minuteInterval=1;this.hoist=!1;this.clearable=!1;this.handleDocumentClick=t=>{this.contains(t.target)||this.hide()};this.handleKeyDown=t=>{let o=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!t.isComposing&&!o&&(this.isOpen&&this.clock.value?(t.preventDefault(),this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{t.defaultPrevented||this.emit("ev-change")})),t.key==="Escape"&&this.isOpen&&(t.preventDefault(),t.stopPropagation(),this.hide())}}get use24HourInput(){return this.format==="24h"}get validity(){return this.use24HourInput?this.hiddenInput.validity:this.timeInput.validity}get validationMessage(){return this.use24HourInput?this.hiddenInput.validationMessage:this.timeInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentClick=this.handleDocumentClick.bind(this),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.formControlController.updateValidity(),this.updateInputFromValue()}handleTimeInput(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleTimeChange(){this.value=this.timeInput.value,this.updatePickerFromInput(),this.emit("ev-change")}pad(t){return String(t).padStart(2,"0")}buildValueFrom24HourInputs(){var h,n,c;let t=(h=this.hourInput)==null?void 0:h.value,o=(n=this.minuteInput)==null?void 0:n.value,a=(c=this.secondInput)==null?void 0:c.value;if(t===""||o==="")return"";let d=this.pad(parseInt(t)),p=this.pad(parseInt(o));if(this.seconds){let l=this.pad(a!==""&&a!==null&&a!==void 0?parseInt(a):0);return`${d}:${p}:${l}`}return`${d}:${p}`}handle24HourInput(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-input")}handle24HourChange(){this.value=this.buildValueFrom24HourInputs(),this.updatePickerFromValue(),this.emit("ev-change")}handle24HourKeyDown(t,o){let a=t.target;if(t.key==="ArrowUp"||t.key==="ArrowDown"){t.preventDefault();let d=parseInt(a.value)||0,p=parseInt(a.max),h=t.key==="ArrowUp"?1:-1,n=d+h;n<0&&(n=p),n>p&&(n=0),a.value=this.pad(n),this.handle24HourInput(),a.select()}}handleClockChange(){this.clock.value&&(this.value=this.clock.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(t){t.preventDefault(),t.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),(this.use24HourInput?this.hourInput:this.timeInput).focus()}handleTriggerClick(t){t.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){if(this.use24HourInput){if(!this.value){this.hourInput&&(this.hourInput.value=""),this.minuteInput&&(this.minuteInput.value=""),this.secondInput&&(this.secondInput.value="");return}let t=this.value.split(":");this.hourInput&&(this.hourInput.value=t[0]||""),this.minuteInput&&(this.minuteInput.value=t[1]||""),this.secondInput&&this.seconds&&(this.secondInput.value=t[2]||"00")}else this.timeInput&&(this.timeInput.value=this.value)}updatePickerFromValue(){this.clock&&(this.clock.value=this.value)}updatePickerFromInput(){var t;this.use24HourInput?this.clock&&(this.clock.value=this.buildValueFrom24HourInputs()):this.clock&&(this.clock.value=((t=this.timeInput)==null?void 0:t.value)||"")}show(){this.isOpen||this.disabled||this.readonly||(this.isOpen=!0,this.updatePickerFromValue(),this.dropdown.show(),document.addEventListener("click",this.handleDocumentClick))}hide(){this.isOpen&&(this.isOpen=!1,this.dropdown.hide(),document.removeEventListener("click",this.handleDocumentClick))}focus(t){this.use24HourInput?this.hourInput.focus(t):this.timeInput.focus(t)}blur(){this.use24HourInput?this.hourInput.blur():this.timeInput.blur()}checkValidity(){return this.use24HourInput?this.hiddenInput.checkValidity():this.timeInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.use24HourInput?this.hiddenInput.reportValidity():this.timeInput.reportValidity()}setCustomValidity(t){this.use24HourInput?this.hiddenInput.setCustomValidity(t):this.timeInput.setCustomValidity(t),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){let t=this.value!=="";return r`
-      <lynk-form-field
-        .size=${this.size}
-        .label=${this.hasSlotController.test("label")?"":this.label}
-        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
-        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
-        .required=${this.required}
-        .dirty=${this.dirty}
-        .inline=${this.inline}
-        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
-        ?data-user-valid=${this.hasAttribute("data-user-valid")}
-        ?data-invalid=${this.hasAttribute("data-invalid")}
-        ?data-valid=${this.hasAttribute("data-valid")}
-      >
-        ${this.hasSlotController.test("label")?r`<slot name="label" slot="label"></slot>`:""}
-        ${this.hasSlotController.test("help-text")?r`<slot name="help-text" slot="help-text"></slot>`:""}
-        ${this.hasSlotController.test("help-tip")?r`<slot name="help-tip" slot="help-tip"></slot>`:""}
-        <lynk-dropdown
-          class="time-picker__dropdown"
-          part="dropdown"
-          ?disabled=${this.disabled||this.readonly}
-          .open=${this.isOpen}
-          .hoist=${this.hoist}
-          placement="bottom-start"
-          distance="2"
-        >
-          <div
-            slot="trigger"
-            part="input-group"
-            role="group"
-            class=${m({"time-picker__input-group":!0,"time-picker__input-group--small":this.size==="small","time-picker__input-group--medium":this.size==="medium","time-picker__input-group--large":this.size==="large","time-picker__input-group--disabled":this.disabled,"time-picker__input-group--readonly":this.readonly})}
-          >
-            ${this.placeholder&&!t?r`<div part="placeholder" class="time-picker__placeholder">${this.placeholder}</div>`:""}
-            ${this.use24HourInput?this.render24HourInputs(t):this.renderNativeTimeInput(t)}
-            ${this.clearable&&!this.disabled&&!this.readonly&&t?r`
-                  <button
-                    part="clear-button"
-                    class="time-picker__clear"
-                    type="button"
-                    aria-label=${this.localize.term("clearEntry")||"Clear entry"}
-                    @click=${this.handleClearClick}
-                    tabindex="-1"
-                  >
-                    <slot name="clear-icon">
-                      <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
-                    </slot>
-                  </button>
-                `:""}
-
-            <lynk-icon-button
-              part="trigger"
-              class="time-picker__trigger"
-              name="clock"
-              library="system"
-              label="Open clock"
-              ?disabled=${this.disabled}
-              @click=${this.handleTriggerClick}
-            ></lynk-icon-button>
-          </div>
-
-          <div class="time-picker__panel" id="clock-panel">
-            <lynk-clock
-              part="clock"
-              class="time-picker__clock"
-              .format=${this.format}
-              ?seconds=${this.seconds}
-              .minuteInterval=${this.minuteInterval}
-              @ev-change=${this.handleClockChange}
-            ></lynk-clock>
-          </div>
-        </lynk-dropdown>
-      </lynk-form-field>
-    `}renderNativeTimeInput(t){return r`
-      <input
-        part="time-input"
-        class="time-picker__time-input"
-        type="time"
-        role="combobox"
-        step=${this.seconds?"1":"any"}
-        ?disabled=${this.disabled}
-        ?readonly=${this.readonly}
-        ?required=${this.required}
-        ?hidden=${this.placeholder&&!t}
-        .value=${V(this.value)}
-        aria-label=${this.label||"Time"}
-        aria-haspopup="dialog"
-        aria-expanded=${this.isOpen?"true":"false"}
-        @input=${this.handleTimeInput}
-        @change=${this.handleTimeChange}
-      />
-    `}render24HourInputs(t){var h,n,c;let o=this.value?this.value.split(":"):[],a=(h=o[0])!=null?h:"",d=(n=o[1])!=null?n:"",p=(c=o[2])!=null?c:"";return r`
-      <!-- Hidden input for form participation and validation -->
-      <input
-        class="time-picker__hidden-input"
-        type="hidden"
-        .value=${this.value}
-        ?required=${this.required}
-        aria-hidden="true"
-        tabindex="-1"
-      />
-      <div
-        part="time-input"
-        class=${m({"time-picker__24h-group":!0,"time-picker__24h-group--hidden":!!(this.placeholder&&!t)})}
-        role="combobox"
-        aria-label=${this.label||"Time"}
-        aria-haspopup="dialog"
-        aria-expanded=${this.isOpen?"true":"false"}
-      >
-        <input
-          class="time-picker__hour-input time-picker__segment-input"
-          part="hour-input"
-          type="number"
-          min="0"
-          max="23"
-          placeholder="--"
-          .value=${a}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          aria-label="Hours"
-          @input=${this.handle24HourInput}
-          @change=${this.handle24HourChange}
-          @keydown=${l=>this.handle24HourKeyDown(l,"hour")}
-          @focus=${l=>l.target.select()}
-        /><span class="time-picker__separator" aria-hidden="true">:</span
-        ><input
-          class="time-picker__minute-input time-picker__segment-input"
-          part="minute-input"
-          type="number"
-          min="0"
-          max="59"
-          step=${_(this.minuteInterval>1?this.minuteInterval:void 0)}
-          placeholder="--"
-          .value=${d}
-          ?disabled=${this.disabled}
-          ?readonly=${this.readonly}
-          aria-label="Minutes"
-          @input=${this.handle24HourInput}
-          @change=${this.handle24HourChange}
-          @keydown=${l=>this.handle24HourKeyDown(l,"minute")}
-          @focus=${l=>l.target.select()}
-        />${this.seconds?r`<span class="time-picker__separator" aria-hidden="true">:</span
-              ><input
-                class="time-picker__second-input time-picker__segment-input"
-                part="second-input"
-                type="number"
-                min="0"
-                max="59"
-                placeholder="--"
-                .value=${p}
-                ?disabled=${this.disabled}
-                ?readonly=${this.readonly}
-                aria-label="Seconds"
-                @input=${this.handle24HourInput}
-                @change=${this.handle24HourChange}
-                @keydown=${l=>this.handle24HourKeyDown(l,"second")}
-                @focus=${l=>l.target.select()}
-              />`:f}
-      </div>
-    `}};e.styles=[y,D],e.dependencies={"lynk-clock":F,"lynk-dropdown":E,"lynk-form-field":x,"lynk-icon":C,"lynk-icon-button":k},i([u(".time-picker__dropdown")],e.prototype,"dropdown",2),i([u(".time-picker__clock")],e.prototype,"clock",2),i([u(".time-picker__time-input")],e.prototype,"timeInput",2),i([u(".time-picker__hour-input")],e.prototype,"hourInput",2),i([u(".time-picker__minute-input")],e.prototype,"minuteInput",2),i([u(".time-picker__second-input")],e.prototype,"secondInput",2),i([u(".time-picker__hidden-input")],e.prototype,"hiddenInput",2),i([I()],e.prototype,"isOpen",2),i([s()],e.prototype,"name",2),i([s()],e.prototype,"value",2),i([w()],e.prototype,"defaultValue",2),i([s()],e.prototype,"label",2),i([s()],e.prototype,"placeholder",2),i([s({attribute:"help-text"})],e.prototype,"helpText",2),i([s({attribute:"help-tip"})],e.prototype,"helpTip",2),i([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),i([s({type:Boolean,reflect:!0})],e.prototype,"readonly",2),i([s({type:Boolean,reflect:!0})],e.prototype,"required",2),i([s({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([s({type:Boolean,reflect:!0})],e.prototype,"inline",2),i([s({reflect:!0})],e.prototype,"size",2),i([s({type:Boolean})],e.prototype,"seconds",2),i([s()],e.prototype,"format",2),i([s({type:Number,attribute:"minute-interval"})],e.prototype,"minuteInterval",2),i([s({type:Boolean})],e.prototype,"hoist",2),i([s({type:Boolean})],e.prototype,"clearable",2),i([v("value")],e.prototype,"handleValueChange",1),i([v("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1);export{e as a};

package/cdn/chunks/chunk.QCTCK2TD.js

@@ -1 +0,0 @@
-import{a as n,b as o,c as a}from"./chunk.N5VZIW5Z.js";import{g as r,h as s}from"./chunk.OAB62Q2Y.js";var i=class extends a{constructor(t){if(super(t),this.it=s,t.type!==n.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===s||t==null)return this._t=void 0,this.it=t;if(t===r)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;let e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}};i.directiveName="unsafeHTML",i.resultType=1;var f=o(i);export{f as a};

package/cdn/chunks/chunk.QFM7UKKA.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.W7S2CWW4.js";import{g as o}from"./chunk.ODSBDO47.js";import{a as s}from"./chunk.6UGEFC7C.js";import{d as r}from"./chunk.OAB62Q2Y.js";var t=class extends o{render(){return r` <slot part="base" class="menu-label"></slot> `}};t.styles=[s,e];export{t as a};

package/cdn/chunks/chunk.QGQZ7WLO.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.F7QNAT3U.js";var r=e;e.define("lynk-page-sidebar");export{r as a};

package/cdn/chunks/chunk.QKXBNQJ2.js

@@ -1,90 +0,0 @@
-import{a as _}from"./chunk.5OUEMMYP.js";import{a as g}from"./chunk.X5NFNOTB.js";import{a as $}from"./chunk.MWCK56XI.js";import{a as C}from"./chunk.LT2ADERP.js";import{a as b}from"./chunk.J5IIEY5B.js";import{a as y}from"./chunk.MJF3DB5Z.js";import{b as v}from"./chunk.V7E6ITFP.js";import{a as f}from"./chunk.YHVMR6TT.js";import{a as m}from"./chunk.Q3J7P2MZ.js";import{a as c}from"./chunk.5FCGOT5T.js";import{a as o}from"./chunk.PGNVXJKR.js";import{a as u}from"./chunk.YHSYTTFF.js";import{a as s}from"./chunk.YZSIY5HS.js";import{a as d}from"./chunk.LUIZCMPE.js";import{a as l,b as n,d as r,g as h}from"./chunk.ODSBDO47.js";import{a as p}from"./chunk.6UGEFC7C.js";import{d as a}from"./chunk.OAB62Q2Y.js";import{e as i}from"./chunk.FI4IKBIW.js";var t=class extends h{constructor(){super(...arguments);this.formControlController=new v(this);this.hasSlotController=new u(this,"help-text","help-tip","label");this.localize=new m(this);this.isOpen=!1;this.name="";this.value="";this.defaultValue="";this.label="";this.placeholder="";this.helpText="";this.helpTip="";this.disabled=!1;this.readonly=!1;this.required=!1;this.dirty=!1;this.inline=!1;this.size="medium";this.hoist=!1;this.clearable=!1;this.handleDocumentClick=e=>{this.contains(e.target)||this.hide()};this.handleKeyDown=e=>{let I=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!e.isComposing&&!I&&(this.isOpen&&this.calendar.value?(e.preventDefault(),this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"),this.hide()):this.isOpen||setTimeout(()=>{e.defaultPrevented||this.emit("ev-change")})),e.key==="Escape"&&this.isOpen&&(e.preventDefault(),e.stopPropagation(),this.hide())}}get validity(){return this.dateInput.validity}get validationMessage(){return this.dateInput.validationMessage}connectedCallback(){super.connectedCallback(),this.handleDocumentClick=this.handleDocumentClick.bind(this),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(){this.formControlController.updateValidity(),this.updateInputFromValue()}handleDateInput(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-input")}handleDateChange(){this.value=this.dateInput.value,this.updatePickerFromInput(),this.emit("ev-change")}handleDateInputClick(e){e.preventDefault()}handleCalendarChange(){this.calendar.value&&(this.value=this.calendar.value,this.updateInputFromValue(),this.emit("ev-change"))}handleClearClick(e){e.preventDefault(),e.stopPropagation(),this.value!==""&&(this.value="",this.updateInputFromValue(),this.updatePickerFromValue(),this.emit("ev-clear"),this.emit("ev-input"),this.emit("ev-change")),this.dateInput.focus()}handleTriggerClick(e){e.stopPropagation(),!(this.disabled||this.readonly)&&(this.isOpen?this.hide():this.show())}updateInputFromValue(){this.dateInput&&(this.dateInput.value=this.value)}updatePickerFromValue(){this.calendar&&(this.calendar.value=this.value)}updatePickerFromInput(){var e;this.calendar&&(this.calendar.value=((e=this.dateInput)==null?void 0:e.value)||"")}show(){this.isOpen||this.disabled||this.readonly||(this.isOpen=!0,this.updatePickerFromValue(),this.dropdown.show(),document.addEventListener("click",this.handleDocumentClick))}hide(){this.isOpen&&(this.isOpen=!1,this.dropdown.hide(),document.removeEventListener("click",this.handleDocumentClick))}focus(e){this.dateInput.focus(e)}blur(){this.dateInput.blur()}checkValidity(){return this.dateInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.dateInput.reportValidity()}setCustomValidity(e){this.dateInput.setCustomValidity(e),this.formControlController.updateValidity()}handleValueChange(){this.updateInputFromValue()}handleDisabledChange(){this.formControlController.setValidity(this.disabled?!0:this.checkValidity())}render(){return a`
-      <lynk-form-field
-        .size=${this.size}
-        .label=${this.hasSlotController.test("label")?"":this.label}
-        .helpText=${this.hasSlotController.test("help-text")?"":this.helpText}
-        .helpTip=${this.hasSlotController.test("help-tip")?"":this.helpTip}
-        .required=${this.required}
-        .dirty=${this.dirty}
-        .inline=${this.inline}
-        ?data-user-invalid=${this.hasAttribute("data-user-invalid")}
-        ?data-user-valid=${this.hasAttribute("data-user-valid")}
-        ?data-invalid=${this.hasAttribute("data-invalid")}
-        ?data-valid=${this.hasAttribute("data-valid")}
-      >
-        ${this.hasSlotController.test("label")?a`<slot name="label" slot="label"></slot>`:""}
-        ${this.hasSlotController.test("help-text")?a`<slot name="help-text" slot="help-text"></slot>`:""}
-        ${this.hasSlotController.test("help-tip")?a`<slot name="help-tip" slot="help-tip"></slot>`:""}
-        <lynk-dropdown
-          class="date-picker__dropdown"
-          part="dropdown"
-          ?disabled=${this.disabled||this.readonly}
-          .open=${this.isOpen}
-          .hoist=${this.hoist}
-          placement="bottom-start"
-          distance="2"
-        >
-          <div
-            slot="trigger"
-            part="input-group"
-            role="group"
-            class=${d({"date-picker__input-group":!0,"date-picker__input-group--small":this.size==="small","date-picker__input-group--medium":this.size==="medium","date-picker__input-group--large":this.size==="large","date-picker__input-group--disabled":this.disabled,"date-picker__input-group--readonly":this.readonly})}
-          >
-            ${this.placeholder&&!this.value?a`<div part="placeholder" class="date-picker__placeholder">${this.placeholder}</div>`:""}
-            <input
-              part="date-input"
-              class="date-picker__date-input"
-              type="date"
-              role="combobox"
-              ?disabled=${this.disabled}
-              ?readonly=${this.readonly}
-              ?required=${this.required}
-              ?hidden=${this.placeholder&&!this.value}
-              min=${o(this.min)}
-              max=${o(this.max)}
-              .value=${C(this.value)}
-              aria-label=${this.label||"Date"}
-              aria-haspopup="dialog"
-              aria-expanded=${this.isOpen?"true":"false"}
-              @click=${this.handleDateInputClick}
-              @input=${this.handleDateInput}
-              @change=${this.handleDateChange}
-            />
-            ${this.clearable&&!this.disabled&&!this.readonly&&this.value?a`
-                  <button
-                    part="clear-button"
-                    class="date-picker__clear"
-                    type="button"
-                    aria-label=${this.localize.term("clearEntry")||"Clear entry"}
-                    @click=${this.handleClearClick}
-                    tabindex="-1"
-                  >
-                    <slot name="clear-icon">
-                      <lynk-icon name="x-circle-fill" library="system"></lynk-icon>
-                    </slot>
-                  </button>
-                `:""}
-
-            <lynk-icon-button
-              part="trigger"
-              class="date-picker__trigger"
-              name="calendar"
-              library="system"
-              label="Open calendar"
-              ?disabled=${this.disabled}
-              @click=${this.handleTriggerClick}
-            ></lynk-icon-button>
-          </div>
-
-          <div class="date-picker__panel" id="calendar-panel">
-            <lynk-calendar
-              part="calendar"
-              class="date-picker__calendar"
-              .min=${this.min}
-              .max=${this.max}
-              @ev-change=${this.handleCalendarChange}
-            ></lynk-calendar>
-          </div>
-        </lynk-dropdown>
-      </lynk-form-field>
-    `}};t.styles=[p,_],t.dependencies={"lynk-calendar":y,"lynk-dropdown":g,"lynk-form-field":$,"lynk-icon":c,"lynk-icon-button":f},i([r(".date-picker__dropdown")],t.prototype,"dropdown",2),i([r(".date-picker__calendar")],t.prototype,"calendar",2),i([r(".date-picker__date-input")],t.prototype,"dateInput",2),i([n()],t.prototype,"isOpen",2),i([l()],t.prototype,"name",2),i([l()],t.prototype,"value",2),i([b()],t.prototype,"defaultValue",2),i([l()],t.prototype,"label",2),i([l()],t.prototype,"placeholder",2),i([l({attribute:"help-text"})],t.prototype,"helpText",2),i([l({attribute:"help-tip"})],t.prototype,"helpTip",2),i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([l({type:Boolean,reflect:!0})],t.prototype,"required",2),i([l({type:Boolean,reflect:!0})],t.prototype,"dirty",2),i([l({type:Boolean,reflect:!0})],t.prototype,"inline",2),i([l({reflect:!0})],t.prototype,"size",2),i([l()],t.prototype,"min",2),i([l()],t.prototype,"max",2),i([l({type:Boolean})],t.prototype,"hoist",2),i([l({type:Boolean})],t.prototype,"clearable",2),i([s("value")],t.prototype,"handleValueChange",1),i([s("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);export{t as a};

package/cdn/chunks/chunk.QOE45KYJ.js

@@ -1,53 +0,0 @@
-import{a as o}from"./chunk.OAB62Q2Y.js";var l=o`
-  :host {
-    --display-divider: block;
-  }
-
-  .optgroup__divider {
-    --spacing: var(--lynk-spacing-x-small);
-
-    display: var(--display-divider);
-  }
-
-  .optgroup__label-container {
-    align-items: center;
-    box-sizing: border-box;
-    color: var(--lynk-color-neutral-500);
-    display: flex;
-    gap: var(--lynk-spacing-small);
-    min-height: var(--option-min-height, var(--lynk-input-height-medium));
-  }
-
-  /**
-   * Only show the label container when there is a label at all
-   */
-  .optgroup--has-prefix .optgroup__label-container,
-  .optgroup--has-label .optgroup__label-container,
-  .optgroup--has-suffix .optgroup__label-container {
-    padding: var(--option-padding, var(--lynk-spacing-small) var(--lynk-spacing-medium));
-  }
-
-  /**
-   * Format main label.
-   * Make sure this works for props and slotted content
-   */
-  .optgroup__label-content,
-  .optgroup__label::slotted(*) {
-    flex: 1;
-    font-size: var(--lynk-font-size-small);
-  }
-
-  /* Disabled Label */
-  .optgroup--is-disabled .optgroup__label-container {
-    opacity: var(--lynk-input-disabled-opacity);
-  }
-
-  .optgroup__prefix,
-  .optgroup__suffix {
-    font-size: var(--font-size-medium);
-  }
-
-  .optgroup__options ::slotted(lynk-option[hidden]) {
-    display: none;
-  }
-`;export{l as a};

package/cdn/chunks/chunk.QSIJYRUY.js

@@ -1,49 +0,0 @@
-import{a as C}from"./chunk.TM5IR2FM.js";import{a as x}from"./chunk.ZQ6URZ4Y.js";import{c as g}from"./chunk.HUMDDNNQ.js";import{a as A}from"./chunk.YHVMR6TT.js";import{a as S}from"./chunk.Q3J7P2MZ.js";import{a as T}from"./chunk.YZSIY5HS.js";import{a as m}from"./chunk.LUIZCMPE.js";import{a as u,b as f,c as w,d as p,g as k}from"./chunk.ODSBDO47.js";import{a as E}from"./chunk.6UGEFC7C.js";import{d as v}from"./chunk.OAB62Q2Y.js";import{a as y,e as o}from"./chunk.FI4IKBIW.js";var _=(d,h)=>{let t=0;return function(...s){window.clearTimeout(t),t=window.setTimeout(()=>{d.call(this,...s)},h)}},L=(d,h,t)=>{let s=d[h];d[h]=function(...e){s.call(this,...e),t.call(this,s,...e)}};(()=>{if(typeof window=="undefined")return;if(!("onscrollend"in window)){let h=new Set,t=new WeakMap,s=i=>{for(let a of i.changedTouches)h.add(a.identifier)},e=i=>{for(let a of i.changedTouches)h.delete(a.identifier)};document.addEventListener("touchstart",s,!0),document.addEventListener("touchend",e,!0),document.addEventListener("touchcancel",e,!0),L(EventTarget.prototype,"addEventListener",function(i,a){if(a!=="scrollend")return;let r=_(()=>{h.size?r():this.dispatchEvent(new Event("scrollend"))},100);i.call(this,"scroll",r,{passive:!0}),t.set(this,r)}),L(EventTarget.prototype,"removeEventListener",function(i,a){if(a!=="scrollend")return;let r=t.get(this);r&&i.call(this,"scroll",r,{passive:!0})})}})();var n=class extends k{constructor(){super(...arguments);this.tabs=[];this.focusableTabs=[];this.panels=[];this.localize=new S(this);this.hasScrollControls=!1;this.shouldHideScrollStartButton=!1;this.shouldHideScrollEndButton=!1;this.placement="top";this.appearance="underline";this.activation="auto";this.noScrollControls=!1;this.fixedScrollControls=!1;this.scrollOffset=1}connectedCallback(){let t=Promise.all([customElements.whenDefined("lynk-tab"),customElements.whenDefined("lynk-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.repositionIndicator(),this.updateScrollControls()}),this.mutationObserver=new MutationObserver(s=>{if(s.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),s.some(e=>e.attributeName==="disabled"))this.syncTabsAndPanels();else if(s.some(e=>e.attributeName==="active")){let i=s.filter(a=>a.attributeName==="active"&&a.target.tagName.toLowerCase()==="lynk-tab").map(a=>a.target).find(a=>a.active);i&&this.setActiveTab(i)}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then(()=>{new IntersectionObserver((e,i)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.getActiveTab())!=null?a:this.tabs[0],{emitEvents:!1}),i.unobserve(e[0].target))}).observe(this.tabGroup)})})}disconnectedCallback(){var t,s;super.disconnectedCallback(),(t=this.mutationObserver)==null||t.disconnect(),(s=this.resizeObserver)==null||s.disconnect()}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){let t=[...this.body.assignedElements()].filter(e=>e.tagName.toLowerCase()==="lynk-tab-panel"),s=[];return this.tabs.forEach(e=>{if(e.panel&&!t.find(i=>i.name===e.panel)){let i=document.getElementById(e.panel);(i==null?void 0:i.tagName.toLowerCase())==="lynk-tab-panel"&&s.push(i)}}),[...t,...s]}getActiveTab(){return this.tabs.find(t=>t.active)}handleClick(t){let e=t.target.closest("lynk-tab");(e==null?void 0:e.closest("lynk-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("lynk-tab");if((e==null?void 0:e.closest("lynk-tab-group"))===this&&(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){let a=this.tabs.find(c=>c.matches(":focus")),r=this.localize.dir()==="rtl",l=null;if((a==null?void 0:a.tagName.toLowerCase())==="lynk-tab"){if(t.key==="Home")l=this.focusableTabs[0];else if(t.key==="End")l=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(r?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&t.key==="ArrowUp"){let c=this.tabs.findIndex(b=>b===a);l=this.findNextFocusableTab(c,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(r?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&t.key==="ArrowDown"){let c=this.tabs.findIndex(b=>b===a);l=this.findNextFocusableTab(c,"forward")}if(!l)return;l.tabIndex=0,l.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(l,{scrollBehavior:"smooth"}):this.tabs.forEach(c=>{c.tabIndex=c===l?0:-1}),["top","bottom"].includes(this.placement)&&g(l,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,s){if(s=y({emitEvents:!0,scrollBehavior:"auto"},s),t!==this.activeTab&&!t.disabled){let e=this.activeTab;if(s.emitEvents&&this.emit("ev-tab-show",{cancelable:!0,detail:{name:t.panel}}).defaultPrevented)return;this.activeTab=t,this.tabs.forEach(i=>{i.active=i===this.activeTab,i.tabIndex=i===this.activeTab?0:-1}),this.panels.forEach(i=>{var a,r;return i.active=i.name===((a=this.activeTab)==null?void 0:a.panel)||i.id===((r=this.activeTab)==null?void 0:r.panel)}),this.syncIndicator(),["top","bottom"].includes(this.placement)&&g(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&e&&this.emit("ev-tab-hide",{detail:{name:e.panel}})}}setAriaLabels(){this.tabs.forEach(t=>{let s=this.panels.find(e=>e.name===t.panel);s&&(t.setAttribute("aria-controls",s.getAttribute("id")),s.setAttribute("aria-labelledby",t.getAttribute("id")))})}repositionIndicator(){let t=this.getActiveTab();if(!t)return;let s=t.clientWidth,e=t.clientHeight,i=this.localize.dir()==="rtl",a=this.getAllTabs(),l=a.slice(0,a.indexOf(t)).reduce((c,b)=>({left:c.left+b.clientWidth,top:c.top+b.clientHeight}),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${s}px`,this.indicator.style.height="auto",this.indicator.style.translate=i?`${-1*l.left}px`:`${l.left}px`;break;case"start":case"end":this.indicator.style.width="auto",this.indicator.style.height=`${e}px`,this.indicator.style.translate=`0 ${l.top}px`;break}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(t=>!t.disabled),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then(()=>this.updateScrollControls())}findNextFocusableTab(t,s){let e=null,i=s==="forward"?1:-1,a=t+i;for(;t<this.tabs.length;){if(e=this.tabs[a]||null,e===null){s==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;a+=i}return e}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return this.localize.dir()==="rtl"?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}show(t){let s=this.tabs.find(e=>e.panel===t);s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){let t=this.localize.dir()==="rtl";return v`
-      <div
-        part="base"
-        class=${m({"tab-group":!0,"tab-group--top":this.placement==="top","tab-group--bottom":this.placement==="bottom","tab-group--start":this.placement==="start","tab-group--end":this.placement==="end","tab-group--rtl":this.localize.dir()==="rtl","tab-group--has-scroll-controls":this.hasScrollControls,"tab-group--underline":this.appearance==="underline","tab-group--pill":this.appearance==="pill"})}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-      >
-        <div class="tab-group__nav-container" part="nav">
-          ${this.hasScrollControls?v`
-                <lynk-icon-button
-                  part="scroll-button scroll-button--start"
-                  exportparts="base:scroll-button__base"
-                  class=${m({"tab-group__scroll-button":!0,"tab-group__scroll-button--start":!0,"tab-group__scroll-button--start--hidden":this.shouldHideScrollStartButton})}
-                  name=${t?"chevron-right":"chevron-left"}
-                  library="system"
-                  tabindex="-1"
-                  aria-hidden="true"
-                  label=${this.localize.term("scrollToStart")}
-                  @click=${this.handleScrollToStart}
-                ></lynk-icon-button>
-              `:""}
-
-          <div class="tab-group__nav" @scrollend=${this.updateScrollButtons}>
-            <div part="tabs" class="tab-group__tabs" role="tablist">
-              <div part="active-tab-indicator" class="tab-group__indicator"></div>
-              <lynk-resize-observer @ev-resize=${this.syncIndicator}>
-                <slot name="nav" @slotchange=${this.syncTabsAndPanels}></slot>
-              </lynk-resize-observer>
-            </div>
-          </div>
-
-          ${this.hasScrollControls?v`
-                <lynk-icon-button
-                  part="scroll-button scroll-button--end"
-                  exportparts="base:scroll-button__base"
-                  class=${m({"tab-group__scroll-button":!0,"tab-group__scroll-button--end":!0,"tab-group__scroll-button--end--hidden":this.shouldHideScrollEndButton})}
-                  name=${t?"chevron-left":"chevron-right"}
-                  library="system"
-                  tabindex="-1"
-                  aria-hidden="true"
-                  label=${this.localize.term("scrollToEnd")}
-                  @click=${this.handleScrollToEnd}
-                ></lynk-icon-button>
-              `:""}
-        </div>
-
-        <slot part="body" class="tab-group__body" @slotchange=${this.syncTabsAndPanels}></slot>
-      </div>
-    `}};n.styles=[E,C],n.dependencies={"lynk-icon-button":A,"lynk-resize-observer":x},o([p(".tab-group")],n.prototype,"tabGroup",2),o([p(".tab-group__body")],n.prototype,"body",2),o([p(".tab-group__nav")],n.prototype,"nav",2),o([p(".tab-group__indicator")],n.prototype,"indicator",2),o([f()],n.prototype,"hasScrollControls",2),o([f()],n.prototype,"shouldHideScrollStartButton",2),o([f()],n.prototype,"shouldHideScrollEndButton",2),o([u()],n.prototype,"placement",2),o([u({reflect:!0})],n.prototype,"appearance",2),o([u()],n.prototype,"activation",2),o([u({attribute:"no-scroll-controls",type:Boolean})],n.prototype,"noScrollControls",2),o([u({attribute:"fixed-scroll-controls",type:Boolean})],n.prototype,"fixedScrollControls",2),o([w({passive:!0})],n.prototype,"updateScrollButtons",1),o([T("noScrollControls",{waitUntilFirstUpdate:!0})],n.prototype,"updateScrollControls",1),o([T("placement",{waitUntilFirstUpdate:!0})],n.prototype,"syncIndicator",1);export{n as a};

package/cdn/chunks/chunk.QTCAFG6U.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk.KYOS4I76.js";var t=e;e.define("lynk-select");export{t as a};