ids-enterprise-wc 1.0.0-beta.21 → 1.0.0-beta.23

package/chunks/ids-chunk-BICNXO5D.js

@@ -0,0 +1,278 @@
+import{a as Q}from"./ids-chunk-IPBQXCQF.js";import{a as it}from"./ids-chunk-U2LYLJ36.js";import{b as tt}from"./ids-chunk-M7XUGLAB.js";import{a as J}from"./ids-chunk-A5VS3GHN.js";import{a as j}from"./ids-chunk-5VLVRLE4.js";import{b as Z}from"./ids-chunk-MQ6BZDJX.js";import{a as K}from"./ids-chunk-WSXMAYPK.js";import{a as W}from"./ids-chunk-TS5BNU4J.js";import{a as Y}from"./ids-chunk-RK2P2XSH.js";import{a as z}from"./ids-chunk-J3AAQ3QT.js";import{a as q}from"./ids-chunk-T6ZV4PDM.js";import{a as U}from"./ids-chunk-3DA43NO3.js";import{a as X}from"./ids-chunk-K44HS5DC.js";import{a as N,b as R}from"./ids-chunk-XE4WFW5M.js";import{a as F}from"./ids-chunk-WMUHD4GN.js";import{b as P,m as _,r as G}from"./ids-chunk-U4XVR5SW.js";import{e as a,j as H}from"./ids-chunk-5Q3WPKMB.js";import{a as e,b as B}from"./ids-chunk-FAEI3K2L.js";import{a as V,b as p,c as h,d as l,e as k,g as n}from"./ids-chunk-Y32WUP63.js";var et=`/* Ids Dropdown Component */
+.validation-message {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-xxs);
+}
+.validation-message.has-custom-icon {
+  color: var(--ids-icon-color-default);
+}
+.validation-message.disabled {
+  color: var(--ids-input-color-text-disabled);
+}
+.validation-message .ids-icon {
+  margin-inline-end: var(--ids-space-xxs);
+}
+.validation-message.alert {
+  color: var(--ids-color-caution-default);
+}
+.validation-message.alert.disabled {
+  color: var(--ids-color-yellow-30);
+}
+.validation-message.warning {
+  color: var(--ids-color-warning-default);
+}
+.validation-message.warning.disabled {
+  color: var(--ids-color-orange-30);
+}
+.validation-message.error {
+  color: var(--ids-color-error-default);
+}
+.validation-message.error.disabled {
+  color: var(--ids-color-red-30);
+}
+.validation-message.info {
+  color: var(--ids-color-info-default);
+}
+.validation-message.info.disabled {
+  color: var(--ids-color-blue-30);
+}
+.validation-message.success {
+  color: var(--ids-color-success-default);
+}
+.validation-message.success.disabled {
+  color: var(--ids-color-green-30);
+}
+.validation-message[hidden] {
+  display: none;
+}
+
+:host {
+  display: block;
+}
+:host .ids-dropdown {
+  display: inline-block;
+  max-width: 100%;
+}
+
+ids-trigger-field[readonly-background]:not([disabled])::part(input) {
+  cursor: var(--ids-cursor-pointer);
+}
+
+.ids-dropdown {
+  display: block;
+  position: relative;
+}
+.ids-dropdown ids-trigger-field[size=full] {
+  display: block;
+}
+.ids-dropdown.full {
+  display: block;
+}
+.ids-dropdown.full ids-trigger-field,
+.ids-dropdown.full .ids-trigger-field {
+  display: block;
+}
+
+.trigger-icon {
+  color: var(--ids-dropdown-color-icon);
+  margin: 0 0 0 var(--ids-dropdown-space-text);
+  position: relative;
+  top: 0;
+}
+
+:host([mode=light]) .typeahead.is-open ids-trigger-field::part(field-container) {
+  background-color: var(--ids-dropdown-typeahead-color-background);
+}
+
+:host([dir=rtl]) .trigger-icon {
+  margin: 0 var(--ids-dropdown-space-text) 0 0;
+}
+
+::slotted(.sub-group) {
+  border-top: 1px solid var(--ids-dropdown-separator-color-border);
+  padding-top: var(--ids-dropdown-separator-padding);
+}
+
+.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container),
+.ids-dropdown.color-variant-in-cell ids-trigger-field::part(field-container) {
+  margin: 0;
+  border-radius: 0;
+}
+.ids-dropdown.color-variant-borderless ids-trigger-field::part(label),
+.ids-dropdown.color-variant-in-cell ids-trigger-field::part(label) {
+  display: none;
+}
+
+.ids-dropdown.color-variant-borderless ids-trigger-field::part(container) {
+  margin: -1px;
+}
+.ids-dropdown.color-variant-borderless ids-trigger-field::part(field-container) {
+  box-shadow: none !important;
+}
+.ids-dropdown.color-variant-borderless .ids-trigger-field-slot-trigger-end,
+.ids-dropdown.color-variant-borderless ::slotted(*[slot=trigger-end]:last-of-type:not([inline]):not([compact]):not([field-height=xs])) {
+  margin-inline-end: -3px;
+}
+.ids-dropdown.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
+  padding-inline: 16px;
+  height: 50px;
+}
+.ids-dropdown.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
+  padding-inline: 12px;
+  height: 40px;
+}
+.ids-dropdown.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
+  padding-inline: 8px;
+  height: 35px;
+}
+.ids-dropdown.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
+  padding-inline: 4px;
+  height: 30px;
+}
+.ids-dropdown.color-variant-borderless.field-height-xxs ids-trigger-field::part(input) {
+  padding-inline: 2px;
+  height: 30px;
+}
+
+.ids-dropdown.color-variant-in-cell ids-trigger-field::part(container) {
+  margin: 1px 0;
+}
+
+.ids-dropdown.color-variant-module-nav {
+  color: var(--ids-module-nav-search-input-text-color);
+  display: block;
+  margin-block-end: 0;
+}
+.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box) {
+  color: var(--ids-module-nav-search-input-text-color);
+}
+.ids-dropdown.color-variant-module-nav ::slotted(ids-list-box-option) {
+  color: inherit;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(field-container) {
+  background-color: var(--ids-module-nav-input-bg-color);
+  border-radius: var(--ids-module-nav-common-border-radius);
+  border: var(--ids-module-nav-input-border-width) solid var(--ids-module-nav-input-border-color);
+  box-shadow: none;
+  color: inherit;
+  overflow: hidden;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field:hover::part(field-container) {
+  background-color: var(--ids-module-nav-input-hover-bg-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field:active::part(field-container) {
+  background-color: var(--ids-module-nav-item-selected-bg-color);
+  border-color: var(--ids-module-nav-item-selected-text-color);
+  color: var(--ids-module-nav-item-selected-text-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field:focus-within::part(field-container) {
+  background-color: var(--ids-module-nav-input-focus-bg-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input) {
+  background-color: transparent;
+  color: inherit;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(trigger-button) {
+  background-color: transparent;
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input::placeholder) {
+  color: var(--ids-module-nav-search-input-placeholder-text-color);
+}
+.ids-dropdown.color-variant-module-nav ids-trigger-field::part(input:active) {
+  color: var(--ids-module-nav-search-input-text-color);
+}
+.ids-dropdown.color-variant-module-nav ids-dropdown-list::part(dropdown-list) {
+  max-width: var(--ids-module-nav-expanded-size);
+  width: calc(var(--ids-module-nav-switcher-dropdown-width) + var(--ids-module-nav-switcher-button-gutter-size) + var(--ids-module-nav-switcher-button-size));
+}
+.ids-dropdown.color-variant-module-nav ids-list-box-option {
+  min-height: var(--ids-module-nav-item-height);
+}
+.ids-dropdown.color-variant-module-nav .fieldset {
+  display: contents;
+}
+.ids-dropdown.color-variant-module-nav .ids-input-field {
+  padding-inline-start: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
+}
+
+:host ids-dropdown-list {
+  max-width: var(--ids-input-width-40);
+}
+
+:host([size=xs]) ids-dropdown-list {
+  max-width: var(--ids-input-width-10);
+}
+
+:host([size=sm]) ids-dropdown-list {
+  max-width: var(--ids-input-width-20);
+}
+
+:host([size=mm]) ids-dropdown-list {
+  max-width: var(--ids-input-width-30);
+}
+
+:host([size=md]) ids-dropdown-list {
+  max-width: var(--ids-input-width-40);
+}
+
+:host([size=lg]) ids-dropdown-list {
+  max-width: var(--ids-input-width-50);
+}
+
+:host([size=full]) ids-dropdown-list {
+  max-width: var(--ids-input-width-full);
+}
+
+:host ids-dropdown-list,
+:host([size=full]) {
+  width: var(--ids-input-width-full);
+}
+
+:host([list]:not([disabled])) {
+  cursor: var(--ids-cursor-pointer);
+}`;var ct=it(j(Q(W(J(Z(X(Y(K(z(q(U(F)))))))))))),c,u,b,L,E,st,I,ot,x,rt,y,nt,f,A,w,$,m,M,O,dt,S,lt,D,at,T,pt,C,ht,v=class extends ct{constructor(){super();l(this,b);l(this,E);l(this,I);l(this,x);l(this,y);l(this,f);l(this,w);l(this,m);l(this,O);l(this,S);l(this,D);l(this,T);l(this,C);p(this,"isFormComponent",!0);p(this,"hasIcons",!1);p(this,"dropdownList");p(this,"trigger");p(this,"listBox");p(this,"labelClicked");p(this,"labelEl");p(this,"openedByKeyboard",!1);p(this,"closedByKeyboard",!1);l(this,c,[]);l(this,u,this.nodeName==="IDS-MULTISELECT");p(this,"colorVariants",tt);p(this,"onLanguageChange",()=>{n(this,b,L).call(this)});this.state={selectedIndex:0},this.labelClicked=!1}connectedCallback(){var t,i;super.connectedCallback(),this.trigger=this.container?.querySelector("ids-trigger-button"),this.labelEl=this.input?.labelEl,this.configureDropdownList(),this.listBox=this.dropdownList?.querySelector("ids-list-box"),this.maxHeight&&this.listBox&&(this.listBox.maxHeight=this.maxHeight),n(i=n(t=n(this,b,L).call(this),E,st).call(t),I,ot).call(i),this.hasAttribute(e.VALUE)&&(this.value=this.getAttribute(e.VALUE)),this.container?.classList.toggle("typeahead",this.typeahead),this.listBox?.setAttribute(e.SIZE,this.size),this.getAttribute("disabled")&&(this.disabled=a(this.getAttribute("disabled"))),this.getAttribute("readonly")&&(this.readonly=a(this.getAttribute("readonly")))}disconnectedCallback(){super.disconnectedCallback(),this.dropdownList?.hide()}static get attributes(){return[...super.attributes,e.MAX_HEIGHT,e.VALIDATE]}onColorVariantRefresh(){this.input&&(this.input.colorVariant=this.colorVariant),this.dropdownList&&(this.dropdownList.colorVariant=this.colorVariant,this.dropdownList.popup&&(this.dropdownList.popup.type=this.colorVariant!==null?this.colorVariant:"dropdown"))}onLabelChange(){this.input&&(this.input.label=this.label)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onLabelRequiredChange(){this.input&&(this.input.labelRequired=this.labelRequired)}onFieldHeightChange(t){if(t){let i=t===e.COMPACT?{name:e.COMPACT,val:""}:{name:e.FIELD_HEIGHT,val:t};this.input?.setAttribute(i.name,i.val),this.dropdownList?.setAttribute(i.name,i.val)}else this.input?.removeAttribute(e.COMPACT),this.input?.removeAttribute(e.FIELD_HEIGHT),this.dropdownList?.removeAttribute(e.COMPACT),this.dropdownList?.removeAttribute(e.FIELD_HEIGHT)}template(){let t=this.colorVariant?` color-variant="${this.colorVariant}"`:"",i=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",s=this.labelState?` label-state="${this.labelState}"`:"",o=this.compact?" compact":"",r=this.noMargins?" no-margins":"",d=this.list?"":this.templateDropdownList(),g="container: triggerfield-container, field-container: triggerfield-field-container, content-area: triggerfield-content-area, input: triggerfield-input, popup: triggerfield-popup";return this.hasIcons=this.querySelector("ids-list-box-option ids-icon")!==null,`
+    <div class="ids-dropdown" part="container">
+      <ids-trigger-field
+        id="triggerField-${this.id?this.id:""}"
+        ${!this.typeahead&&!this.disabled?' readonly="true"':""}
+        ${this.disabled?' disabled="true"':""}
+        ${this.readonly?"":" readonly-background"}
+        ${!this.readonly&&!this.disabled?"":' cursor="pointer"'}
+        size="${this.size}"
+        label="${this.label}"
+        placeholder="${this.placeholder}"
+        part="trigger-field"
+        exportparts="${g}"
+        ${t}${i}${o}${r}${s}
+        ${this.validate?` validate="${this.validate}"`:""}
+        ${this.validate&&this.validationEvents?` validation-events="${this.validationEvents}"`:""}
+      >
+        <ids-trigger-button
+          class="ids-trigger-field-slot-trigger-end"
+          id="triggerBtn-${this.id?this.id:""}"
+          slot="trigger-end"
+          part="trigger-button"
+          tabbable="false"
+          disabled="${this.disabled}"
+        >
+          <ids-text audible="true" translate-text="true">DropdownTriggerButton</ids-text>
+          <ids-icon icon="dropdown" part="icon"></ids-icon>
+        </ids-trigger-button>
+      </ids-trigger-field>
+      ${d}
+    </div>`}templateDropdownList(){let t=this.fieldHeight&&this.fieldHeight!=="compact"?` field-height="${this.fieldHeight}"`:"",i=this.compact||this.fieldHeight==="compact"?" compact":"",s=this.size?` size="${this.size}"`:"",o=this.value?` value="${this.value}"`:"";return`<ids-dropdown-list
+      id="dropdownList-${this.id?this.id:""}"
+      ${t}
+      ${i}
+      ${s}
+      ${o}
+      tabindex="-1">
+      <slot></slot>
+    </ids-dropdown-list>`}get input(){return this.container?.querySelector("ids-trigger-field")??null}get popup(){return this.dropdownList?.popup}set value(t){let i=this.labels,s=String(t);i.includes(s)&&(t=this.optionValues[i.indexOf(s)]);let o=`ids-list-box-option[value="${t}"]`;(t===" "||!t)&&(o='ids-list-box-option[value=""]:not([group-label]), ids-list-box-option:not([value]):not([group-label])');let r=[...this.dropdownList?.listBox?.querySelectorAll(o)??[]].at(0);if(r){if(this.setAttribute(e.VALUE,String(t)),this.clearSelected(),this.selectOption(r),this.selectIcon(r),this.selectTooltip(r),this.input?.input){let d=r.textContent?.trim()??"";this.input.value=d,this.input.input.value=d}this.state.selectedIndex=[...r?.parentElement?.children||[]].indexOf(r)}}get value(){return this.getAttribute(e.VALUE)}get optionValues(){return this.options.map(t=>t.value??"")}get labels(){return this.options.map(t=>t.innerText??t.textContent??"")}get selectedOption(){return this.dropdownList?.listBox?.querySelector(`ids-list-box-option[value="${this.value}"]`)||null}get selected(){return this.dropdownList?.selected||null}set selectedIndex(t){if(Number.isInteger(t)&&this.options[t]){let i=this.options[t];this.value=i.getAttribute(e.VALUE),this.state.selectedIndex=t}}get selectedIndex(){return this.state.selectedIndex}get options(){return[...this.dropdownList?.listBox?.querySelectorAll("ids-list-box-option")??[]]}set readonly(t){if(a(t)){this.removeAttribute(e.DISABLED),this.input&&(this.input.disabled=!1,this.input.cursor="text",this.input.readonlyBackground=!1),this.setAttribute(e.READONLY,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.readonlyBackground=!0),this.removeAttribute(e.READONLY)}get readonly(){return a(this.getAttribute(e.READONLY))||!1}set disabled(t){if(a(t)){this.removeAttribute(e.READONLY),this.input&&(this.input.disabled=!0,this.input.readonly=!1,this.input.cursor="initial",this.input.bgTransparent=!1),this.setAttribute(e.DISABLED,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.bgTransparent=!0),this.removeAttribute(e.DISABLED)}get disabled(){return a(this.getAttribute(e.DISABLED))||!1}get maxHeight(){return this.getAttribute(e.MAX_HEIGHT)}set maxHeight(t){let i=G(t);i?this.setAttribute(e.MAX_HEIGHT,i):this.removeAttribute(e.MAX_HEIGHT),this.popup&&(this.popup.maxHeight=t)}onAllowBlankChange(t){this.dropdownList&&(this.dropdownList.allowBlank=t),!t&&this.value==="blank"&&this.removeAttribute(e.VALUE)}selectOption(t){this.dropdownList&&this.dropdownList.selectOption(t)}deselectOption(t){this.dropdownList?.deselectOption(t)}get dropdownIconEl(){return this.input?this.input.querySelector('ids-icon[slot="trigger-start"]'):null}selectIcon(t){let i=this.dropdownIconEl;if(!i&&!t)return;if(!this.hasIcons&&!this.showListItemIcon){i&&i.remove();return}let s=t?.querySelector("ids-icon");s&&(i?i.icon=s?.icon:this.showListItemIcon&&this.generateIcon(s.icon))}generateIcon(t){this.input&&this.input.insertAdjacentHTML("beforeend",`<ids-icon slot="trigger-start" class="trigger-icon" icon="${t}"></ids-icon>`)}selectTooltip(t){if(!t)return;let i=t?.getAttribute("tooltip");i?this.tooltip=i:this.tooltip=t.textContent?.trim()||"",this.tooltipEl&&(this.tooltipEl.target=t)}clearSelected(){this.dropdownList?.clearSelected()}configurePopup(){if(!this.dropdownList?.popup||!this.trigger)return;this.dropdownList.removeTriggerEvents(),this.dropdownList.appendToTargetParent(),this.dropdownList?.popup&&(this.dropdownList.popup.onOutsideClick=this.onOutsideClick.bind(this)),this.dropdownList.onTriggerClick=()=>{if(this.labelClicked){this.labelClicked=!1;return}!this.disabled&&!this.readonly&&this.toggle(this.typeahead)};let t=(this.list?this:this.input?.input)?.getAttribute("id"),i=(this.list?this:this.trigger)?.getAttribute("id");this.dropdownList.setAttribute(e.TARGET,`#${t}`),this.dropdownList.setAttribute(e.TRIGGER_ELEM,`#${i}`),this.dropdownList?.popup&&(this.dropdownList.popup.alignTarget=this.input?.fieldContainer||this.dropdownList||this);let s=this.localeAPI.isRTL();this.dropdownList.popup.align=`bottom, ${s||["lg","full"].includes(this.size)?"right":"left"}`,this.dropdownList.popup.alignEdge="bottom",this.input&&(this.dropdownList.value=this.input.value),h(this,u)&&(this.dropdownList.isMultiSelect=!0)}onOutsideClick(t){this.dropdownList&&(t.composedPath()?.includes(this.dropdownList)||this.close(!0))}async open(t=!1){if(!(!this.dropdownList||this.disabled||this.readonly)){if(typeof this.state.beforeShow=="function"){let i=await this.state.beforeShow();this.loadDataSet(i),this.typeahead&&k(this,c,i)}this.value&&(this.dropdownList.value=this.value),this.configurePopup(),this.dropdownList.setAttribute(B.ARIA_EXPANDED,"true"),this.dropdownList.removeAttribute(e.TABINDEX),this.dropdownList.show(),this.input&&(this.input.active=!0),this.typeahead&&(this.input?.removeAttribute(e.READONLY),this.input?.focus()),t&&this.input?.input?.select(),this.container?.classList.add("is-open"),this.attachOpenEvents(),this.triggerOpenEvent()}}loadDataSet(t){let i="",s=this.dropdownList?.querySelector("ids-list-box")||this.querySelector("ids-list-box");s&&(s.innerHTML=""),t.forEach(r=>{i+=n(this,m,M).call(this,n(this,C,ht).call(this,r))}),s?.insertAdjacentHTML("afterbegin",i),this.dropdownList?.configureBlank();let o=this.getAttribute(e.VALUE);this.value!==o&&(this.value=o)}set beforeShow(t){this.state.beforeShow=t}get beforeShow(){return this.state.beforeShow}close(t){if(this.removeOpenEvents(),this.dropdownList&&(this.dropdownList?.popup?.visible&&this.dropdownList.hide(!t),this.input&&(this.input.active=!1),this.dropdownList.setAttribute(e.TABINDEX,"-1"),this.dropdownList.removeAttribute(B.ARIA_EXPANDED)),t||this.input?.focus(),this.typeahead){this.input?.setAttribute(e.READONLY,"true");let i=this.selectedOption?.textContent?.trim();this.input&&(this.input.value=i||""),this.loadDataSet(h(this,c)),window.getSelection().removeAllRanges(),n(this,f,A).call(this,this.dropdownIcon||"dropdown")}this.container?.classList.remove("is-open"),this.selectTooltip(this.selectedOption),this.triggerCloseEvent(t)}toggle(t=!1){this.dropdownList&&(this.dropdownList.popup?.visible?this.close():this.open(t))}attachKeyboardOpenEvent(){this.listen([" ","Enter"],this,t=>{if(this.closedByKeyboard){this.closedByKeyboard=!1;return}let i=!!this.dropdownList?.popup?.visible;i||t.key==="Enter"&&!i||t.key===" "&&this.typeahead||(this.openedByKeyboard=!0,this.open(this.typeahead))})}attachClickEvent(){this.list||(this.offEvent("click.dropdown-input"),this.onEvent("click.dropdown-input",this.input,t=>{t instanceof MouseEvent&&this.dropdownList?.onTriggerClick?.(t)})),this.dropdownList&&(this.offEvent("open.dropdown-list"),this.offEvent("close.dropdown-list"),this.onEvent("open.dropdown-list",this.dropdownList,async t=>{t.stopPropagation(),await this.open()}),this.onEvent("close.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.close(t.detail.operation==="cancel")})),this.input?.fieldContainer&&(this.offEvent("selected.dropdown-list"),this.onEvent("selected.dropdown-list",this.input.fieldContainer,t=>{t.stopPropagation(),this.value=t.detail.value,this.dropdownList?.popup?.visible&&this.close(),this.triggerSelectedEvent(t)})),this.offEvent("change.list",this.input),this.onEvent("change.list",this.input,()=>{this.dropdownList?.popup?.visible&&!this.typeahead&&this.close()})}attachOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.attachKeyboardSelectionEvent(),this.listen(["Tab"],this,t=>{if(!this.dropdownList?.popup?.visible||h(this,u))return;t.shiftKey&&this.input?.focus();let i=this.selected;this.value=i?.getAttribute(e.VALUE)||"",this.close(!0)})}attachKeyboardSelectionEvent(){h(this,u)||this.listen(["Enter"],this,t=>{if(!this.dropdownList?.popup?.visible)return;if(this.openedByKeyboard){this.openedByKeyboard=!1;return}this.selected||n(this,w,$).call(this);let i=this.selected?.getAttribute(e.VALUE)||"";t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),this.value=i,this.closedByKeyboard=!0,this.close()})}removeOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.unlisten("Tab"),this.openedByKeyboard=!1,this.attachKeyboardOpenEvent()}set validate(t){t?(this.setAttribute(e.VALIDATE,t.toString()),this.input&&this.input.setAttribute(e.VALIDATE,t.toString())):(this.removeAttribute(e.VALIDATE),this.input&&this.input.removeAttribute(e.VALIDATE))}get validate(){return this.getAttribute(e.VALIDATE)}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t.toString()),this.input&&this.input.setAttribute(e.VALIDATION_EVENTS,t.toString())):(this.removeAttribute(e.VALIDATION_EVENTS),this.input&&this.input.removeAttribute(e.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)||"change"}configureDropdownList(){let t=this.container?.querySelector("ids-dropdown-list");this.hasAttribute(e.LIST)&&(this.dropdownList&&this.container?.contains(this.dropdownList)&&(this.dropdownList.remove(),this.dropdownList=null),t=P(this).querySelector(`${this.getAttribute(e.LIST)}`),t||(this.removeAttribute(e.LIST),this.container?.insertAdjacentHTML("beforeend",this.templateDropdownList()),t=this.container?.querySelector("ids-dropdown-list"))),this.dropdownList=t,this.dropdownList&&this.value&&this.dropdownList.setAttribute(e.VALUE,this.value),this.configurePopup(),this.attachClickEvent()}set list(t){t&&typeof t=="string"?this.setAttribute(e.LIST,t):this.removeAttribute(e.LIST),this.configureDropdownList()}get list(){return this.getAttribute(e.LIST)}set noMargins(t){if(a(t)){this.setAttribute(e.NO_MARGINS,""),this.input&&this.input.setAttribute(e.NO_MARGINS,"");return}this.removeAttribute(e.NO_MARGINS),this.input&&this.input.removeAttribute(e.NO_MARGINS)}get noMargins(){return a(this.getAttribute(e.NO_MARGINS))}onSizeChange(t){t?this.dropdownList?.setAttribute(e.SIZE,t):this.dropdownList?.removeAttribute(e.SIZE),this.input?.setAttribute(e.SIZE,t||"md")}set typeahead(t){let i=a(t);i?(this.setAttribute(e.TYPEAHEAD,String(i)),n(this,T,pt).call(this)):this.removeAttribute(e.TYPEAHEAD),this.container?.classList.toggle("typeahead",i)}get typeahead(){return a(this.getAttribute(e.TYPEAHEAD))}onClearableTextChange(t){this.dropdownList&&(this.dropdownList.clearableText=t)}set placeholder(t){t?(this.setAttribute(e.PLACEHOLDER,t),this.input?.setAttribute(e.PLACEHOLDER,t)):(this.removeAttribute(e.PLACEHOLDER),this.input?.removeAttribute(e.PLACEHOLDER))}get placeholder(){return this.getAttribute(e.PLACEHOLDER)??""}focus(){this.input?.focus()}set showLoadingIndicator(t){let i=a(t);i?(this.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.input?.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.close(!0)):(this.removeAttribute(e.SHOW_LOADING_INDICATOR),this.input?.removeAttribute(e.SHOW_LOADING_INDICATOR))}get showLoadingIndicator(){return a(this.getAttribute(e.SHOW_LOADING_INDICATOR))}triggerSelectedEvent(t){let i;t?i=t:i={bubbles:!0,detail:{elem:this,label:this.selected?.textContent,value:this.value}},this.dispatchEvent(new CustomEvent("selected",i))}triggerOpenEvent(){this.triggerEvent("open",this,{bubbles:!0,detail:{elem:this}})}triggerCloseEvent(t){this.triggerEvent("close",this,{bubbles:!0,detail:{elem:this,operation:t?"cancel":"default"}})}onDropdownIconChange(t){typeof t=="string"&&t.length&&(n(this,f,A).call(this,this.dropdownIcon||"dropdown"),this.dropdownList&&(this.dropdownList.dropdownIcon=this.dropdownIcon))}onShowListItemIcon(t){t||this.dropdownIconEl?.remove()}onTooltipTargetDetection(){return this.dropdownList?.visible?this.dropdownList?.lastHovered||this:this.input?.fieldContainer||this}canTooltipShow(t,i){return this.dropdownList?.visible?this.dropdownList?.canTooltipShow(t,i):i?i!==this.input?.value?.trim()?!0:_(this.input?.input)||!1:!1}};c=new WeakMap,u=new WeakMap,b=new WeakSet,L=function(){let t=this.listBox?.getAttribute("id")||`ids-list-box-${this.id}`,i={role:"combobox","aria-expanded":"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":t};return this.dropdownList?.listBox?.setAttribute("id",t),this.dropdownList?.listBox?.setAttribute("aria-label","Listbox"),Object.keys(i).forEach(s=>this.setAttribute(s,i[s])),this},E=new WeakSet,st=function(){this.attachClickEvent(),this.offEvent("click.dropdown-label"),this.onEvent("click.dropdown-label",this.labelEl,i=>{i.preventDefault(),this.labelClicked=!0,this.input?.focus()}),this.offEvent("hide.dropdown-list"),this.onEvent("hide.dropdown-list",this.container,()=>{this.dropdownList?.popup?.visible&&this.close()}),this.offEvent("focus.dropdown-input"),this.onEvent("focus.dropdown-input",this.input,()=>{window.getSelection().removeAllRanges()}),this.offEvent("languagechange.dropdown-container"),this.onEvent("languagechange.dropdown-container",this.closest("ids-container"),()=>{n(this,b,L).call(this)});let t=this.container?.querySelector("slot");return this.offEvent("slotchange.dropdown",t),this.onEvent("slotchange.dropdown",t,()=>{this.configureDropdownList()}),this.attachKeyboardOpenEvent(),this},I=new WeakSet,ot=function(){return this.onEvent("keydown.dropdown-typeahead",this,t=>{let i=t.key||"Space";if(!["Backspace","Delete","Enter","Escape","Shift","Tab"].includes(i)&&!this.dropdownList?.popup?.visible){if(["Alt","Backspace","CapsLock","Control","Delete","Enter","Escape","Meta","Shift","Tab"].includes(i))return;this.open(!0)}}),this.onEvent("input.dropdown",this.input?.input,t=>{this.typeahead?n(this,x,rt).call(this,t.target?.value):n(this,y,nt).call(this,t.target?.value)}),this.listen(["ArrowDown","ArrowUp"],this,t=>{if(t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault(),!this.dropdownList?.popup?.visible){this.open(this.typeahead);return}let i=this.selected,s=i?.nextElementSibling,o=i?.previousElementSibling;if(t.key==="ArrowUp"&&t.altKey){h(this,u)||(this.value=i?.getAttribute(e.VALUE)||""),this.close();return}if(t.key==="ArrowDown"&&s){if(s.hasAttribute(e.GROUP_LABEL)&&!s.nextElementSibling)return;this.deselectOption(i),this.selectOption(s.hasAttribute(e.GROUP_LABEL)?s.nextElementSibling:s)}if(t.key==="ArrowDown"&&!i&&n(this,w,$).call(this),t.key==="ArrowUp"&&o){if(o.hasAttribute(e.GROUP_LABEL)&&!o.previousElementSibling)return;this.deselectOption(i),this.selectOption(o.hasAttribute(e.GROUP_LABEL)?o.previousElementSibling:o)}}),this.listen(["Escape"],this,()=>{this.close()}),this.listen(["Backspace","Delete"],this,()=>{!this.clearable||this.clearable&&this.typeahead&&this.dropdownList?.popup?.visible||(this.allowBlank?this.value="blank":(this.value=h(this,u)?[]:"",this.input&&(this.input.value=""),this.selectIcon(null),this.selectTooltip(null)),this.input?.focus())}),this},x=new WeakSet,rt=function(t){let s=n(this,D,at).call(this,t).map(o=>{let r=new RegExp(t,"gi"),d=o.groupLabel?o.label:o.label?.replace(r,g=>`<span class="highlight">${g}</span>`);return n(this,m,M).call(this,{...o,label:d})}).join("");this.dropdownList&&(this.dropdownList.listBox&&(s?this.dropdownList.listBox.innerHTML=s:this.dropdownList.listBox.innerHTML=`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`),this.dropdownList.popup?.place()),n(this,f,A).call(this,"search"),this.input?.querySelector(".trigger-icon")?.remove()},y=new WeakSet,nt=function(t){let i=H(t)?.trim();if(!i)return;let s=this.options.filter(r=>!r.hasAttribute(e.GROUP_LABEL)).find(r=>{let d=new RegExp(`^(${i})`,"i");return(h(this,u)?r.querySelector("ids-checkbox")?.label:r.textContent?.trim())?.match(d)});if(this.dropdownList?.popup?.visible&&s){this.deselectOption(this.selected),this.selectOption(s);return}let o=s?.getAttribute(e.VALUE);if(o)if(h(this,u)){let r=this.value.filter(d=>d!==o);this.value=[...r,o]}else this.value=o},f=new WeakSet,A=function(t){let i=this.container?.querySelector("ids-trigger-button")?.querySelector("ids-icon");i?.icon&&i.icon!==t&&(i.icon=t)},w=new WeakSet,$=function(){if(this.clearSelected(),this.options.length>0){let t=[...this.options].filter(i=>{let s=i.getAttribute(e.VALUE),o=i.hasAttribute(e.GROUP_LABEL);return s&&s!=="blank"&&!o})[0];this.selectOption(t)}},m=new WeakSet,M=function(t){return`<ids-list-box-option
+      ${t.id?`id=${t.id}`:""}
+      ${t.value?`value="${t.value}"`:""}
+      ${t.tooltip?`tooltip="${t.tooltip}"`:""}
+      ${t.groupLabel?"group-label":""}>${t.icon?`<ids-icon icon="${t.icon}"></ids-icon>`:""}${t.label||""}</ids-list-box-option>`},O=new WeakSet,dt=function(t,i){return t.reduce((s,o,r)=>o<i&&(t[r+1]>i||!t[r+1])?o:s,-1)},S=new WeakSet,lt=function(t){let i=h(this,c).reduce((o,r,d)=>r?.groupLabel?[...o,d]:o,[]),s=n(this,O,dt).call(this,i,t);return h(this,c)[s]},D=new WeakSet,at=function(t){return h(this,c).reduce((i,s,o)=>{let r=new RegExp(`(${H(t)})`,"gi");if(s.label?.match(r)&&!s.groupLabel){let d=n(this,S,lt).call(this,o),g=i.some(ut=>ut.label===d?.label);return d&&!g?[...i,d,s]:[...i,s]}return i},[])},T=new WeakSet,pt=function(){k(this,c,[...this.options].map(t=>({id:t.id,label:t.textContent?.trim()??"",value:t.getAttribute(e.VALUE),icon:t.querySelector("ids-icon")?.icon,groupLabel:t.hasAttribute(e.GROUP_LABEL)})))},C=new WeakSet,ht=function(t){return{...t,id:this.xssSanitize(t?.id??""),value:this.xssSanitize(t.value),label:this.xssSanitize(t.label),tooltip:this.xssSanitize(t.tooltip??"")}},v=V([N("ids-dropdown"),R(et)],v);export{v as a};

package/chunks/ids-chunk-BOX3APZR.js

@@ -0,0 +1,164 @@
+import{a as R,b as D,c as u}from"./ids-chunk-6O6BBWLX.js";import{a as P}from"./ids-chunk-Q3VFKGJ4.js";import{a as k}from"./ids-chunk-WJZBPS3B.js";import{a as T}from"./ids-chunk-J3AAQ3QT.js";import{a as V}from"./ids-chunk-T6ZV4PDM.js";import{a as N,b as H}from"./ids-chunk-XE4WFW5M.js";import{t as S,u as w}from"./ids-chunk-X4NATGYL.js";import{e as d,f as n}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-FAEI3K2L.js";import{a as I,b as A,d as g,g as a}from"./ids-chunk-Y32WUP63.js";var C=`/* Ids Time Picker Popup Component */
+.hide {
+  display: none;
+}
+
+@media all and (max-width: 1440px) {
+  .hide-xxl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1440px) {
+  .hide-xxl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1280px) {
+  .hide-xl-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1280px) {
+  .hide-xl-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 1024px) {
+  .hide-lg-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 1024px) {
+  .hide-lg-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 840px) {
+  .hide-md-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 840px) {
+  .hide-md-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 600px) {
+  .hide-sm-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 600px) {
+  .hide-sm-up {
+    display: none;
+  }
+}
+
+@media all and (max-width: 360px) {
+  .hide-xs-down {
+    display: none;
+  }
+}
+
+@media all and (min-width: 360px) {
+  .hide-xs-up {
+    display: none;
+  }
+}
+
+ids-popup[visible][animated] {
+  transition: none;
+}
+
+.ids-time-picker-popup::part(popup) {
+  padding-block: var(--ids-space-none);
+  background-color: var(--ids-time-picker-popup-color-background);
+}
+.ids-time-picker-popup .popup-btn {
+  align-items: center;
+  border-top: 1px solid var(--ids-time-picker-popup-button-color-border);
+  width: 100%;
+}
+.ids-time-picker-popup .popup-btn::part(button) {
+  height: 100%;
+  color: var(--ids-time-picker-popup-button-color-text-default);
+  padding: var(--ids-space-none);
+  padding-block: var(--ids-space-12);
+  align-items: center;
+  justify-content: center;
+}
+.ids-time-picker-popup .popup-btn::part(button):hover {
+  color: var(--ids-time-picker-popup-button-color-text-hover);
+}
+.ids-time-picker-popup ids-dropdown::part(trigger-field) {
+  display: inline-flex;
+  min-width: 75px;
+}
+.ids-time-picker-popup ids-list-box,
+.ids-time-picker-popup ids-list-box-option {
+  width: 100%;
+}
+.ids-time-picker-popup ids-popup::part(popup) {
+  margin: var(--ids-space-none);
+  padding: var(--ids-space-none);
+}
+.ids-time-picker-popup .dropdowns {
+  display: flex;
+  flex-direction: row;
+  padding-inline-start: 15px;
+  padding-inline-end: 15px;
+  padding-top: 15px;
+}
+.ids-time-picker-popup .dropdown::part(trigger-field) {
+  justify-content: center;
+}
+.ids-time-picker-popup .separator {
+  width: 12px;
+  display: inline-block;
+  height: 38px;
+  margin-top: 23px;
+}
+.ids-time-picker-popup .separator.colons {
+  color: var(--ids-time-picker-popup-colons-color-text);
+  width: 17px;
+  text-align: center;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 38px;
+}
+@media all and (max-width: 360px) {
+  .ids-time-picker-popup .dropdowns {
+    flex-direction: column;
+    align-items: center;
+    width: var(--ids-input-width-20);
+  }
+  .ids-time-picker-popup .separator {
+    display: none;
+  }
+}`;var B=k(T(V(P))),h,E,c,x,m,y,l=class extends B{constructor(){super();g(this,h);g(this,c);g(this,m);A(this,"isRendering");A(this,"internalValue");this.internalValue="",this.isRendering=!0}connectedCallback(){super.connectedCallback(),this.attachEventListeners(),this.setAttribute(i.FOCUS_INLINE,"true"),this.isRendering=!1,this.onEvent("input",this,t=>{t.stopPropagation(),t.stopImmediatePropagation()})}disconnectedCallback(){super.disconnectedCallback?.(),this.removeEventListeners(),this.internalValue=null}static get attributes(){return[...super.attributes,...R,...D]}template(){let t=`<div class="dropdowns" part="dropdowns">${this.dropdownTemplate()}</div>`;return this.embeddable?`<div class="ids-time-picker-popup embedded" part="container"><section slot="content">${t}</section></div>`:`<ids-popup class="ids-time-picker-popup" type="menu" tabIndex="-1" align="bottom, left" arrow="bottom" part="popup" animated>
+      <section slot="content">
+        ${t}
+        <ids-modal-button class="popup-btn" hidden="${this.autoupdate}" part="btn-set" appearance="primary">
+          <ids-text translate-text="true" font-weight="semi-bold">SetTime</ids-text>
+        </ids-modal-button>
+      </section>
+    </ids-popup>`}dropdownTemplate(){let t=({id:f,label:U,options:L,value:O,padStart:M})=>`
+      <ids-dropdown id="${f}" class="dropdown" label="${U}" value="${O}" size="xs" part="${f}">
+        <ids-list-box>
+          ${L.map(b=>`
+            <ids-list-box-option id="timepicker-${f}-${b}" value="${b}">
+              ${M?`${b}`.padStart(2,"0"):b}
+            </ids-list-box-option>
+          `).join("")}
+        </ids-list-box>
+      </ids-dropdown>
+    `,e=t({id:"hours",label:this.localeAPI?.translate("Hours")||"Hours",options:this.getHourOptions(),value:this.hours,padStart:this.format.includes("HH")||this.format.includes("hh")}),s=t({id:"minutes",label:this.localeAPI?.translate("Minutes")||"Minutes",options:u(0,59,this.minuteInterval),value:this.minutes,padStart:this.format.includes("mm")}),r=this.hasSeconds()&&t({id:"seconds",label:this.localeAPI?.translate("Seconds")||"Seconds",options:u(0,59,this.secondInterval),value:this.seconds,padStart:!0}),o=this.dayPeriodsWithRange(),p=this.hasPeriod()&&o&&t({id:"period",label:this.localeAPI?.translate("Period")||"Period",options:o,value:this.period});return[[e,s,r].filter(Boolean).join('<span class="separator colons">:</span>'),p].filter(Boolean).join('<span class="separator">&nbsp;</span>')}renderDropdowns(){this.isRendering=!0;let t=this.dropdownContainerEl;t&&(t.innerHTML=this.dropdownTemplate()),this.refreshFocusableElements(),this.isRendering=!1}updateValue(){let t=this.getFormattedTime();this.internalValue!==t&&(this.internalValue=t,this.internalValue!==null&&this.setAttribute(i.VALUE,t))}attachEventListeners(){this.offEvent("change.time-picker-dropdowns"),this.onEvent("change.time-picker-dropdowns",this.dropdownContainerEl,t=>{if(t.stopPropagation(),!t.target?.matches?.("ids-dropdown"))return;let e=t.target?.id;this.setAttribute(e,t.detail.value),this.autoupdate&&this.triggerSelectedEvent()}),this.offEvent("click.time-picker-set"),this.onEvent("click.time-picker-set",this.applyButtonEl,async()=>{this.updateValue(),this.triggerSelectedEvent(),await this.hide(!0)}),this.listen(["Escape","Backspace"],this,async t=>{this.embeddable||(t.key==="Escape"||t.key==="Backspace")&&await this.hide(!0)})}removeEventListeners(){this.offEvent("change.time-picker-dropdowns"),this.offEvent("click.time-picker-set"),this.unlisten("Escape"),this.unlisten("Backspace")}getHourOptions(){if(!this.hasHourRange())return u(this.is12Hours()?1:0,this.is12Hours()?12:23);if(a(this,h,E).call(this))return u(this.startHour,this.endHour>23?23:this.endHour);let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return t===0&&this.startHour===0||t===1&&this.startHour<=12&&this.endHour>=12?[...u(a(this,c,x).call(this),a(this,m,y).call(this)),12]:u(a(this,c,x).call(this),a(this,m,y).call(this))}hasHourRange(){return this.startHour>0||this.endHour<24}hasSeconds(){return this.format.toLowerCase().includes("ss")}hasPeriod(){return this.is12Hours()&&(this.format.toLowerCase().indexOf(" a")>-1||this.format.toLowerCase().indexOf("a")===0)}is12Hours(){return this.format.includes("h")}dayPeriodsWithRange(){let t=this.localeAPI?.calendar().dayPeriods||[];return this.hasHourRange()?t.reduce((e,s,r)=>{let o=r===0&&(this.startHour<12||this.startHour===0),p=r===1&&this.endHour>=12;return o||p?[...e,s]:e},[]):t}onFormatChange(){this.updateValue(),this.renderDropdowns()}roundToInterval(t,e){return Math.round(t/e)*e}syncTimeAttributes(t){let e=this.localeAPI?.parseDate(t||this.value,{pattern:this.format}),s=e?.getHours(),r=w(s),o=e?.getMinutes(),p=e?.getSeconds(),v=e&&this.localeAPI?.calendar()?.dayPeriods[s>=12?1:0];a(this,h,E).call(this)&&s!==this.hours&&(this.hours=s),this.is12Hours()&&r!==this.hours&&(this.hours=r),o!==this.minutes&&(this.minutes=o),p!==this.seconds&&(this.seconds=p),this.hasPeriod()&&(this.period=v)}triggerSelectedEvent(t){if(this.isRendering)return;let e;t?e=t:e={bubbles:!0,detail:{elem:this,date:this.activeDate,value:this.getFormattedTime()}};let s=new CustomEvent("timeselected",e);this.embeddable?this.dispatchEvent(s):this.target&&this.target.dispatchEvent(s)}set autoupdate(t){let e=d(t),s=this.applyButtonEl;e?(this.setAttribute(i.AUTOUPDATE,"true"),s?.setAttribute("hidden","true")):(this.removeAttribute(i.AUTOUPDATE),s?.removeAttribute("hidden"))}get autoupdate(){return d(this.getAttribute(i.AUTOUPDATE))}get applyButtonEl(){return this.container?.querySelector(".popup-btn")}get buttons(){return this.container?.querySelectorAll("ids-button, ids-modal-button, ids-toggle-button")}get dropdownContainerEl(){return this.shadowRoot?.querySelector("div.dropdowns")}set embeddable(t){d(t)?this.setAttribute(i.EMBEDDABLE,"true"):this.removeAttribute(i.EMBEDDABLE),this.render(),this.connectedCallback()}get embeddable(){return d(this.getAttribute(i.EMBEDDABLE))}set hours(t){t!==null?this.setAttribute(i.HOURS,String(t)):this.removeAttribute(i.HOURS),this.updateValue(),this.container?.querySelector("ids-dropdown#hours")?.setAttribute(i.VALUE,String(t))}get hours(){let t=n(this.getAttribute(i.HOURS));if(!Number.isNaN(t))return t;if(this.hasHourRange())return this.getHourOptions()[0];if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getHours();return this.is12Hours()?w(e):e}return 1}set minutes(t){t!==null?this.setAttribute(i.MINUTES,String(t)):this.removeAttribute(i.MINUTES),this.container?.querySelector("ids-dropdown#minutes")?.setAttribute(i.VALUE,String(t)),this.updateValue()}get minutes(){let t=n(this.getAttribute(i.MINUTES));if(!Number.isNaN(t))return this.roundToInterval(t,this.minuteInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getMinutes();return this.roundToInterval(e,this.minuteInterval)}return 0}set minuteInterval(t){let e=n(t);Number.isNaN(e)?this.removeAttribute(i.MINUTE_INTERVAL):this.setAttribute(i.MINUTE_INTERVAL,String(e)),this.updateValue(),this.renderDropdowns()}get minuteInterval(){let t=n(this.getAttribute(i.MINUTE_INTERVAL));return Number.isNaN(t)?5:t}set seconds(t){t!==null?this.setAttribute(i.SECONDS,String(t)):this.removeAttribute(i.SECONDS),this.updateValue(),this.container?.querySelector("ids-dropdown#seconds")?.setAttribute(i.VALUE,String(t))}get seconds(){let t=n(this.getAttribute(i.SECONDS));if(!Number.isNaN(t))return this.roundToInterval(t,this.secondInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getSeconds();return this.roundToInterval(e,this.secondInterval)}return 0}set secondInterval(t){let e=n(t);Number.isNaN(e)?this.removeAttribute(i.SECOND_INTERVAL):this.setAttribute(i.SECOND_INTERVAL,String(e)),this.updateValue(),this.renderDropdowns()}get secondInterval(){let t=n(this.getAttribute(i.SECOND_INTERVAL));return Number.isNaN(t)?5:t}set period(t){t?this.setAttribute(i.PERIOD,t):this.removeAttribute(i.PERIOD),this.updateValue(),t&&(this.hasHourRange()?(this.renderDropdowns(),this.container?.querySelector("ids-dropdown#hours")?.setAttribute(i.VALUE,String(this.getHourOptions()[0]))):this.container?.querySelector("ids-dropdown#period")?.setAttribute(i.VALUE,t.toString().toUpperCase()))}get period(){let t=this.getAttribute(i.PERIOD),e=this.dayPeriodsWithRange(),s=e.map(r=>r.toLowerCase()).includes(t?.toString().toLowerCase());return this.hasPeriod()?t&&s?t:this.useCurrentTime&&new Date().getHours()>=12?e[1]:e[0]:""}set startHour(t){t?this.setAttribute(i.START_HOUR,String(t)):this.removeAttribute(i.START_HOUR),this.updateValue(),this.renderDropdowns()}get startHour(){let t=n(this.getAttribute(i.START_HOUR));return!Number.isNaN(t)&&t>=0?t:0}set endHour(t){t?this.setAttribute(i.END_HOUR,String(t)):this.removeAttribute(i.END_HOUR),this.updateValue(),this.renderDropdowns()}get endHour(){let t=n(this.getAttribute(i.END_HOUR));return!Number.isNaN(t)&&t<=24?t:24}set useCurrentTime(t){d(t)?this.setAttribute(i.USE_CURRENT_TIME,"true"):this.removeAttribute(i.USE_CURRENT_TIME),this.updateValue(),this.renderDropdowns()}get useCurrentTime(){return d(this.getAttribute(i.USE_CURRENT_TIME))}set value(t){let e=this.internalValue;t!==e&&(this.internalValue=t,t?this.setAttribute(i.VALUE,t):this.removeAttribute(i.VALUE),this.syncTimeAttributes(t))}get value(){return this.internalValue||""}focus(){let t=this.container?.querySelector("ids-dropdown");t?t.focus():this.applyButtonEl?.focus()}getFormattedTime(){let t=new Date,s=this.dayPeriodsWithRange().map(r=>r.toLowerCase()).indexOf(this.period?.toLowerCase());return t.setHours(S(this.hours,s),this.minutes,this.seconds),this.localeAPI.formatDate(t,{pattern:this.format})}onHide(){this.container?.setAttribute("tabindex","-1"),this.capturesFocus=!1,this.cyclesFocus=!1}onShow(){this.container?.removeAttribute("tabindex"),this.capturesFocus=!0,this.cyclesFocus=!0,this.focus()}};h=new WeakSet,E=function(){return this.format.includes("H")||!this.hasPeriod()},c=new WeakSet,x=function(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.startHour<=12&&t===1||this.startHour===0?1:this.startHour>12?this.startHour%12:this.startHour},m=new WeakSet,y=function(){let t=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return this.endHour>=12&&t===0||this.endHour===24?11:t===1?this.endHour%12:this.endHour},l=I([N("ids-time-picker-popup"),H(C)],l);var st=l;export{st as a};

package/chunks/{ids-chunk-M2SHGC2C.js → ids-chunk-BY6VPROG.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./ids-chunk-T6ZV4PDM.js";import{a as d}from"./ids-chunk-DK5QOJMP.js";import{c as l}from"./ids-chunk-ZUHWNQKP.js";import{a as c}from"./ids-chunk-WIKE6ZX6.js";import{a as i,b as s}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-7MVZOSC6.js";import{a as e}from"./ids-chunk-JQA4UHEE.js";import{a as r}from"./ids-chunk-Y32WUP63.js";var u=`/* Ids Header Component */
+import{a as n}from"./ids-chunk-T6ZV4PDM.js";import{a}from"./ids-chunk-3DA43NO3.js";import{c as l}from"./ids-chunk-ZUHWNQKP.js";import{a as i,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-WMUHD4GN.js";import{a as s}from"./ids-chunk-O4ZHP64Q.js";import{a as e}from"./ids-chunk-FAEI3K2L.js";import{a as t}from"./ids-chunk-Y32WUP63.js";var u=`/* Ids Header Component */
 .ids-header {
   background-color: var(--ids-header-color-background);
   border-bottom: 1px solid var(--ids-header-color-border-bottom);
@@ -9,7 +9,11 @@ import{a as n}from"./ids-chunk-T6ZV4PDM.js";import{a as d}from"./ids-chunk-DK5QO
   width: 100%;
   --ids-button-tertiary-color-text-default: var(--ids-header-button-color-text-default);
   --ids-button-tertiary-color-background-hover: var(--ids-header-button-color-background-hover);
+  --ids-button-tertiary-color-border-hover: var(--ids-header-button-color-background-hover);
   --ids-button-tertiary-color-text-hover: var(--ids-header-button-color-text-hover);
+  --ids-button-tertiary-color-background-pressed: var(--ids-header-button-color-background-hover);
+  --ids-button-tertiary-color-border-pressed: var(--ids-header-button-color-background-hover);
+  --ids-button-tertiary-color-text-pressed: var(--ids-header-button-color-text-pressed);
   --ids-input-color-border-hover: var(--ids-header-input-color-border-hover);
   --ids-button-tertiary-color-text-disabled: var(--ids-header-button-color-text-disabled);
   --ids-button-tertiary-shadow-focus: var(--ids-header-button-shadow-focus);
@@ -23,7 +27,7 @@ import{a as n}from"./ids-chunk-T6ZV4PDM.js";import{a as d}from"./ids-chunk-DK5QO
 
 ::slotted(ids-toolbar-section) {
   color: var(--ids-header-color-text);
-}`;var t=class extends n(d(c)){colorVariants=["alternate"];constructor(){super()}personalization;connectedCallback(){super.connectedCallback();let o=this.getAttribute("color");o&&(this.color=o)}static get attributes(){return[...super.attributes,e.COLOR]}template(){return`
+}`;var r=class extends n(a(c)){colorVariants=["alternate"];constructor(){super()}personalization;connectedCallback(){super.connectedCallback();let o=this.getAttribute("color");o&&(this.color=o)}static get attributes(){return[...super.attributes,e.COLOR]}template(){return`
     <div class="ids-header">
       <slot></slot>
-    </div>`}set color(o){if(typeof o!="string"||!o.length)return;let b=l(o);this.personalization=new a,this.personalization.color=b}get color(){return this.getAttribute("color")||"#fff"}};t=r([i("ids-header"),s(u)],t);export{t as a};
+    </div>`}set color(o){if(typeof o!="string"||!o.length)return;let b=l(o);this.personalization=new s,this.personalization.color=b}get color(){return this.getAttribute("color")||"#fff"}};r=t([i("ids-header"),d(u)],r);export{r as a};