ids-enterprise-wc 1.0.0-beta.16 → 1.0.0-beta.18

package/chunks/ids-chunk-RQKQHQQV.js

@@ -1,223 +0,0 @@
-import{a as n}from"./ids-chunk-MXFCUDLP.js";import{a as u}from"./ids-chunk-B6P5AQ2Z.js";import{a as l,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as b}from"./ids-chunk-DCNGT4R2.js";import{e as i}from"./ids-chunk-TJKIW3GF.js";import{a as r}from"./ids-chunk-6EMRTLSG.js";import{a as s}from"./ids-chunk-5K6IDMGA.js";var p=`
-/**
- * Radio Mixins.
- */
-.ids-radio {
-  outline: none;
-  margin-block-start: 8px;
-  margin-block-end: 8px;
-}
-.ids-radio label {
-  cursor: var(--ids-cursor-pointer);
-  position: relative;
-  padding-inline-start: 24px;
-  display: inline-block;
-  user-select: none;
-}
-.ids-radio.disabled label {
-  cursor: var(--ids-cursor-default);
-}
-.ids-radio.horizontal {
-  display: inline-block;
-  margin-inline-end: 12px;
-}
-.ids-radio input[type=radio] {
-  position: absolute;
-  cursor: var(--ids-cursor-pointer);
-  opacity: 0;
-  height: 0;
-  width: 0;
-}
-.ids-radio input[type=radio] ~ .circle {
-  position: absolute;
-  border: 1px solid var(--ids-radio-button-color-border-default);
-  border-radius: var(--ids-radio-button-border-radius);
-  height: 14px;
-  left: 0;
-  top: 3px;
-  transition: border-color var(--ids-motion-duration) var(--ids-motion-ease);
-  width: 14px;
-}
-.ids-radio input[type=radio] ~ .circle::after {
-  position: absolute;
-  background-color: var(--ids-radio-button-color-background);
-  border: 1px solid var(--ids-radio-button-color-background);
-  border-radius: var(--ids-radio-button-border-radius);
-  content: "";
-  height: 0;
-  left: 6px;
-  top: 6px;
-  transition: all var(--ids-motion-duration) var(--ids-motion-ease);
-  width: 0;
-}
-.ids-radio input[type=radio].error ~ .circle {
-  border-color: var(--ids-color-error-default);
-}
-.ids-radio input[type=radio].error ~ .label-text {
-  color: var(--ids-color-error-default);
-}
-.ids-radio input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-radio-button-color-background-selected);
-  border-color: var(--ids-radio-button-color-border-selected);
-}
-.ids-radio input[type=radio]:checked ~ .circle::after {
-  background-color: var(--ids-radio-button-inner-color-background-selected);
-  border-color: var(--ids-radio-button-inner-color-background-selected);
-  border-width: 2px;
-  height: 4px;
-  left: 3px;
-  top: 3px;
-  width: 4px;
-}
-.ids-radio input[type=radio]:focus ~ .circle {
-  box-shadow: var(--ids-shadow-20);
-}
-.ids-radio input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-  box-shadow: none;
-}
-.ids-radio input[type=radio]:disabled ~ .label-text {
-  cursor: var(--ids-cursor-default);
-  color: var(--ids-color-text-disabled);
-}
-.ids-radio input[type=radio]:disabled.error ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-}
-.ids-radio input[type=radio]:disabled.error ~ .label-text {
-  color: var(--ids-radio-button-color-border-disabled);
-}
-.ids-radio input[type=radio]:disabled:checked ~ .circle {
-  background-color: var(--ids-radio-button-color-background-selected-disabled);
-  border-color: var(--ids-radio-button-color-border-selected-disabled);
-}
-.ids-radio:focus input[type=radio] ~ .circle {
-  box-shadow: var(--ids-shadow-20);
-}
-.ids-radio[color=emerald] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-emerald-70);
-}
-.ids-radio[color=emerald] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-emerald-70);
-}
-.ids-radio[color=emerald] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=emerald] input[type=radio]:disabled:checked ~ .circle {
-  background-color: var(--ids-radio-button-color-background-selected-disabled);
-  border-color: var(--ids-radio-button-color-border-selected-disabled);
-}
-.ids-radio[color=emerald] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-emerald-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=emerald]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-emerald-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=amethyst] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-amethyst-70);
-}
-.ids-radio[color=amethyst] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-amethyst-70);
-}
-.ids-radio[color=amethyst] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=amethyst] input[type=radio]:disabled:checked ~ .circle {
-  background-color: var(--ids-radio-button-color-background-selected-disabled);
-  border-color: var(--ids-radio-button-color-border-selected-disabled);
-}
-.ids-radio[color=amethyst] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-amethyst-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=amethyst]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-amethyst-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=azure] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-azure-70);
-}
-.ids-radio[color=azure] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-azure-70);
-}
-.ids-radio[color=azure] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=azure] input[type=radio]:disabled:checked ~ .circle {
-  background-color: var(--ids-radio-button-color-background-selected-disabled);
-  border-color: var(--ids-radio-button-color-border-selected-disabled);
-}
-.ids-radio[color=azure] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-azure-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=azure]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-azure-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=amber] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-amber-70);
-}
-.ids-radio[color=amber] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-amber-70);
-}
-.ids-radio[color=amber] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=amber] input[type=radio]:disabled:checked ~ .circle {
-  background-color: var(--ids-radio-button-color-background-selected-disabled);
-  border-color: var(--ids-radio-button-color-border-selected-disabled);
-}
-.ids-radio[color=amber] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-amber-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=amber]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-amber-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=ruby] input[type=radio] ~ .circle {
-  border-color: var(--ids-color-ruby-70);
-}
-.ids-radio[color=ruby] input[type=radio]:checked ~ .circle {
-  background-color: var(--ids-color-ruby-70);
-}
-.ids-radio[color=ruby] input[type=radio]:disabled ~ .circle {
-  border-color: var(--ids-radio-button-color-border-disabled);
-  cursor: var(--ids-cursor-default);
-  box-shadow: none;
-}
-.ids-radio[color=ruby] input[type=radio]:disabled:checked ~ .circle {
-  background-color: var(--ids-radio-button-color-background-selected-disabled);
-  border-color: var(--ids-radio-button-color-border-selected-disabled);
-}
-.ids-radio[color=ruby] input[type=radio]:focus ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-ruby-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-.ids-radio[color=ruby]:focus input[type=radio] ~ .circle {
-  box-shadow: 0 0 0 1px var(--ids-input-color-background-readonly), 0 0 0 2px var(--ids-color-ruby-70), 0 0 4px 5px var(--ids-input-color-background-readonly);
-}
-
-:host([dir=rtl]) input[type=radio] ~ .circle {
-  left: initial;
-  right: 0;
-}
-:host([dir=rtl]) label {
-  padding-right: 24px;
-  padding-left: 0;
-}
-:host([dir=rtl]) label.required .label-text::after {
-  right: initial;
-  left: -13px;
-}`;var g=n(u(b)),d=class extends g{input;labelEl;rootEl;constructor(){super()}static get attributes(){return[r.CHECKED,r.COLOR,r.DISABLED,r.GROUP_DISABLED,r.HORIZONTAL,r.LABEL,r.LANGUAGE,r.VALIDATION_HAS_ERROR,r.VALUE]}connectedCallback(){super.connectedCallback(),this.input=this.shadowRoot?.querySelector('input[type="radio"]'),this.labelEl=this.shadowRoot?.querySelector("label"),this.rootEl=this.shadowRoot?.querySelector(".ids-radio"),this.checked&&!this.input?.getAttribute(r.CHECKED)&&(this.checked=!0),this.#i()}template(){let o=i(this.groupDisabled)||i(this.disabled),t=o?" disabled":"",e=o?' aria-disabled="true"':"",h=this.color?` color="${this.color}"`:"",v=i(this.horizontal)?" horizontal":"",a=i(this.checked)?" checked":"";return`
-      <div${` class="ids-radio${t}${v}"`}${h}>
-        <label>
-          <input type="radio" part="radio" tabindex="-1" class="radio-button"${t}${a}>
-          <span class="circle${a}" part="circle"></span>
-          <ids-text class="label-text"${e} part="label">${this.label}</ids-text>
-        </label>
-      </div>
-    `}#r(){this.onEvent("change",this.input,()=>{this.checked=!!this.input?.checked})}#o(){this.onEvent("click",this.labelEl,()=>{this.input?.focus()})}#t(){["change","focus","keydown","keypress","keyup","click","dbclick"].forEach(t=>{this.onEvent(t,this.input,e=>{this.triggerEvent(e.type,this,{detail:{elem:this,nativeEvent:e,value:this.value,checked:!!this.input?.checked}})})})}#i(){this.#o(),this.#r(),this.#t()}set checked(o){let t=this.shadowRoot?.querySelector(".circle"),e=i(o);e?this.setAttribute(r.CHECKED,e.toString()):this.removeAttribute(r.CHECKED),this.input&&this.rootEl&&t&&(e?(i(this.disabled)||i(this.groupDisabled)||this.rootEl.setAttribute("tabindex","0"),t.classList.add(r.CHECKED),this.input.checked=!0):(this.rootEl.setAttribute("tabindex","-1"),this.input.checked=!1,t.classList.remove(r.CHECKED)))}get checked(){return i(this.getAttribute(r.CHECKED))}set color(o){o?(this.setAttribute(r.COLOR,o.toString()),this.rootEl?.setAttribute(r.COLOR,o.toString())):(this.removeAttribute(r.COLOR),this.rootEl?.removeAttribute(r.COLOR))}get color(){return this.getAttribute(r.COLOR)}set disabled(o){let t=this.shadowRoot?.querySelector(".label-text"),e=i(o);e?(this.setAttribute(r.DISABLED,e.toString()),this.input?.setAttribute(r.DISABLED,e.toString()),this.rootEl?.classList.add(r.DISABLED),this.rootEl?.setAttribute("tabindex","-1"),t?.setAttribute("aria-disabled","true"),t?.setAttribute(r.DISABLED,"true")):(this.removeAttribute(r.DISABLED),this.input?.removeAttribute(r.DISABLED),t?.removeAttribute("aria-disabled"),t?.removeAttribute(r.DISABLED),this.rootEl?.classList.remove(r.DISABLED))}get disabled(){return i(this.getAttribute(r.DISABLED))}set groupDisabled(o){let t=this.shadowRoot?.querySelector(".label-text"),e=i(o);e?(this.setAttribute(r.GROUP_DISABLED,e.toString()),this.input?.setAttribute(r.DISABLED,e.toString()),this.rootEl?.classList.add(r.DISABLED),this.rootEl?.setAttribute("tabindex","-1"),t?.setAttribute(r.DISABLED,"true")):(this.removeAttribute(r.GROUP_DISABLED),this.input?.removeAttribute(r.DISABLED),this.rootEl?.classList.remove(r.DISABLED),t?.removeAttribute(r.DISABLED))}get groupDisabled(){return i(this.getAttribute(r.GROUP_DISABLED))}set horizontal(o){let t=i(o);t?(this.setAttribute(r.HORIZONTAL,t.toString()),this.rootEl?.classList.add(r.HORIZONTAL)):(this.removeAttribute(r.HORIZONTAL),this.rootEl?.classList.remove(r.HORIZONTAL))}get horizontal(){return i(this.getAttribute(r.HORIZONTAL))}set label(o){let t=this.labelEl?.querySelector(".label-text");o?this.setAttribute(r.LABEL,o):this.removeAttribute(r.LABEL),t&&(t.innerHTML=o||"")}get label(){return this.getAttribute(r.LABEL)||""}set validationHasError(o){let t=i(o);t?(this.setAttribute(r.VALIDATION_HAS_ERROR,t.toString()),this.input?.classList.add("error")):(this.removeAttribute(r.VALIDATION_HAS_ERROR),this.input?.classList.remove("error"))}get validationHasError(){return i(this.getAttribute(r.VALIDATION_HAS_ERROR))}set value(o){o?this.setAttribute(r.VALUE,o):this.removeAttribute(r.VALUE),this.input?.setAttribute(r.VALUE,o||"")}get value(){return this.getAttribute(r.VALUE)}focus(){this.input?.focus()}};d=s([l("ids-radio"),c(p)],d);export{d as a};

package/chunks/ids-chunk-RWY6M7CT.js

@@ -1,59 +0,0 @@
-import{a as u}from"./ids-chunk-FZZRD7GR.js";import{a as m}from"./ids-chunk-T6ZV4PDM.js";import{a as c}from"./ids-chunk-B6P5AQ2Z.js";import{a as l,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-6EMRTLSG.js";import{a}from"./ids-chunk-5K6IDMGA.js";var h=`
-/* Ids Masthead Component */
-.ids-masthead {
-  background-color: var(--ids-masthead-color-background);
-  color: var(--ids-masthead-color-text);
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding-inline: var(--ids-masthead-padding-inline);
-  height: var(--ids-masthead-height);
-  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
-  --ids-button-formatter-color-background-hover: transparant;
-  --ids-button-formatter-color-text-hover: var(--ids-masthead-color-hover);
-}
-.ids-masthead #logo.icon-logo {
-  padding-inline: var(--ids-masthead-logo-padding-icon-inline);
-  position: relative;
-  top: var(--ids-masthead-logo-top-space-icon);
-}
-.ids-masthead #logo.icon-logo::part(button) {
-  margin: var(--ids-space-none);
-  padding: var(--ids-space-none);
-  opacity: 1;
-}
-.ids-masthead #title {
-  margin-inline: var(--ids-masthead-title-margin-inline);
-}
-.ids-masthead #more.hidden {
-  display: none;
-}
-.ids-masthead ::slotted([slot=more]) {
-  display: none;
-}`;var g=m(c(u)),r=class extends g{#t=null;#e=null;constructor(){super()}get elements(){return{logo:this.container?.querySelector("#logo-wrapper"),title:this.container?.querySelector("#title"),sections:{start:this.container?.querySelector("ids-toolbar-section#start"),center:this.container?.querySelector("ids-toolbar-section#center"),end:this.container?.querySelector("ids-toolbar-section#end"),more:this.container?.querySelector("ids-toolbar-more-actions#more")}}}get slots(){return this.#t=this.#t||{start:this.querySelector('[slot="start"]'),center:this.querySelector('[slot="center"]'),end:this.querySelector('[slot="end"]'),more:this.querySelector('[slot="more"]')},this.#t}get breakpoints(){return this.#e=this.#e||{mobile:window.matchMedia("(max-width: 425px)"),tablet:window.matchMedia("(min-width: 426px) and (max-width: 768px)"),desktop:window.matchMedia("(min-width: 769px)")},this.#e}get isMobile(){return this.breakpoints.mobile.matches}get isTablet(){return this.breakpoints.tablet.matches}get isDesktop(){return this.breakpoints.desktop.matches}static get attributes(){return[...super.attributes,n.ICON,n.TITLE]}set icon(t){this.setAttribute(n.ICON,t),this.elements.logo&&(this.elements.logo.innerHTML=this.logo())}get icon(){return this.getAttribute(n.ICON)||""}template(){return`
-      <ids-toolbar class="ids-masthead" tabbable="true">
-        <ids-toolbar-section id="start" align="start" type="fluid">
-          <span id="logo-wrapper">${this.logo()}</span>
-          <ids-text id="title" color-variant="alternate" font-size="14" font-weight="semi-bold">${this.title}</ids-text>
-          <slot name="start"></slot>
-        </ids-toolbar-section>
-
-        <ids-toolbar-section id="center" align="center" type="fluid">
-          <slot name="center"></slot>
-        </ids-toolbar-section>
-
-        <ids-toolbar-section id="end" align="end" type="fluid">
-          <slot name="end"></slot>
-        </ids-toolbar-section>
-
-        <ids-toolbar-more-actions id="more" icon="expand-app-tray" class="hidden">
-          <slot name="more"></slot>
-        </ids-toolbar-more-actions>
-      </ids-toolbar>
-    `}logo(){let t=this.icon;if(t){let i=`<ids-icon icon="${t}" viewbox="0 0 32 34" width="32" height="32"></ids-icon>`,e=`<ids-icon icon="${t}"></ids-icon>`;t=`
-        <ids-button id="logo" class="icon-${t}" color-variant="alternate" square="true">
-          ${t==="logo"?i:e}
-          <ids-text audible="true">Masthead logo</ids-text>
-        </ids-button>
-      `}return t}connectedCallback(){super.connectedCallback(),this.#o(),this.renderBreakpoint()}renderBreakpoint(){let{start:t,center:i,end:e}=this.slots,{more:o}=this.elements.sections;o?.menu?.popup&&(o.menu.popup.type="menu-alt"),this.isDesktop?(t?.setAttribute("slot","start"),i?.setAttribute("slot","center"),e?.setAttribute("slot","end"),o?.classList.add("hidden")):this.isTablet?(t?.setAttribute("slot","start"),i?.setAttribute("slot","more"),e?.setAttribute("slot","more"),o?.classList.remove("hidden")):this.isMobile&&(t?.setAttribute("slot","more"),i?.setAttribute("slot","more"),e?.setAttribute("slot","more"),o?.classList.remove("hidden")),this.#s()}onTitleChange(t){this.elements.title&&(this.elements.title.innerHTML=t??"")}#o(){this.breakpoints.mobile.addEventListener("change",()=>this.renderBreakpoint()),this.breakpoints.tablet.addEventListener("change",()=>this.renderBreakpoint()),this.breakpoints.desktop.addEventListener("change",()=>this.renderBreakpoint())}#s(){let{sections:t}=this.elements;[t.more?.button,...this.querySelectorAll("ids-button, ids-menu-button")].forEach(e=>{if(e){e.colorVariant="alternate",e.iconAlign="start",e.type="button";let o=e.closest("[slot]"),s=e.querySelector("span, ids-text"),p=s?.classList.contains("audible"),b=s?.classList.contains("audible-off");p&&o?.slot==="more"&&(s?.classList.remove("audible"),s?.classList.add("audible-off"),s?.style.setProperty("padding","0 4px")),b&&o?.slot!=="more"&&(s?.classList.remove("audible-off"),s?.classList.add("audible"),s?.style.setProperty("padding",""))}})}};r=a([l("ids-masthead"),d(h)],r);export{r as a};

package/chunks/ids-chunk-RZXRZPI4.js

@@ -1,22 +0,0 @@
-import{a as h}from"./ids-chunk-MXFCUDLP.js";import{a as g}from"./ids-chunk-T6ZV4PDM.js";import{a as u}from"./ids-chunk-B6P5AQ2Z.js";import{a as n,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as f}from"./ids-chunk-DCNGT4R2.js";import{e as l}from"./ids-chunk-TJKIW3GF.js";import{a as s}from"./ids-chunk-6EMRTLSG.js";import{a as p}from"./ids-chunk-5K6IDMGA.js";var d=`
-/* Ids Tooltip Component - Most Styles are in Popup */
-:host {
-  display: none;
-}
-
-:host([visible]) {
-  display: inline;
-}
-
-.ids-popup.tooltip.standalone {
-  position: relative;
-}
-
-ids-popup[dir=rtl]::part(arrow)::after, ids-popup[dir=rtl]::part(arrow-top)::after, ids-popup[dir=rtl]::part(arrow-right)::after, ids-popup[dir=rtl]::part(arrow-bottom)::after, ids-popup[dir=rtl]::part(arrow-left)::after {
-  display: none;
-}`;var c=g(h(u(f))),o=class extends c{constructor(){super(),this.state={target:null,trigger:"hover",visible:!1}}connectedCallback(){super.connectedCallback(),this.#e()}static get attributes(){return[s.DELAY,s.KEEP_OPEN,s.PLACEMENT,s.TARGET,s.TRIGGER,s.VISIBLE]}template(){let t="popup: tooltip-popup, arrow: tooltip-arrow, arrow-top: tooltip-arrow-top, arrow-right: tooltip-arrow-right, arrow-bottom: tooltip-arrow-bottom, arrow-left: tooltip-arrow-left";return`<ids-popup part="popup" id="${this.id||"ids"}-tooltip" exportparts="${t}">
-        <div class="ids-tooltip" slot="content" part="tooltip">
-          <slot></slot>
-        </div>
-        </ids-popup>
-      `}#t(){if(this.detachAllEvents(),typeof this.target!="string"){this.#i(this.target);return}let t=document.querySelectorAll(this.target);for(let i=0,e=t.length;i<e;i++)this.#i(t[i])}#i(t){this.trigger==="hover"&&(this.onEvent("hoverend.tooltip",t,i=>{this.popup&&(this.popup?.alignTarget||(this.popup.alignTarget=i.currentTarget),this.visible=!0)},{delay:this.delay}),this.onEvent("mouseleave.tooltip",t,()=>{this.visible=!1}),this.onEvent("click.tooltip",t,()=>{this.visible=!1}),this.onEvent("longpress.tooltip",t,()=>{this.visible=!0},{delay:1e3}),this.onEvent("keyboardfocus.tooltip",t,()=>{this.visible=!0}),this.onEvent("focusout.tooltip",t,()=>{this.visible=!1}),this.onEvent("click.popup",this.popup,()=>{this.visible=!0})),this.trigger==="click"&&(this.onEvent("click.tooltip",t,i=>{if(this.popup){if(this.popup.alignTarget=i.currentTarget,this.visible){this.visible=!1;return}this.visible=!0}}),this.onEvent("click.popup",this.popup,()=>{this.visible=!1})),this.trigger==="focus"&&(this.onEvent("focusin.tooltip",t,i=>{this.popup&&(this.popup.alignTarget=i.currentTarget,this.visible=!0)}),this.onEvent("focusout.tooltip",t,()=>{this.visible=!1}))}#s(){let t=this.popup;t&&(t.type="tooltip",t.align=`${this.placement}, center`,t.arrow=this.placement,(this.placement==="top"||this.placement==="bottom")&&t.setPosition(0,10),(this.placement==="left"||this.placement==="right")&&t.setPosition(10,0))}#e(){if(this.state?.noAria)return;let t=this.popup;if(t){t.alignTarget=typeof this.target=="object"?this.target:document.querySelectorAll(this.target)[0];let i=`${this.id||"ids"}-tooltip`,e=t?.alignTarget?.querySelector(`#${i}`);if(e){e.textContent=this.textContent;return}if(t.alignTarget){let r=`<ids-text id="${i}" audible="true">${this.textContent}</ids-text>`;t.alignTarget.insertAdjacentHTML("beforeend",r),t.alignTarget.setAttribute("aria-describedby",`#${i}`)}}}async#r(){let t=!0,i=r=>{t=!!r};if(this.state.beforeShow){let r=await this.state.beforeShow();if(!r)return;this.textContent=r,this.#e()}if(this.triggerEvent("beforeshow",this,{detail:{elem:this,response:i}}),!t){this.visible=!1;return}this.#s();let e=this.popup;e&&(e.visible=!0,e.place(),this.triggerEvent("show",this,{detail:{elem:this}}),this.triggerEvent("aftershow",this,{detail:{elem:this}}))}#o(){let t=this.popup;t&&(t.visible=!1,this.triggerEvent("hide",this,{detail:{elem:this}}),this.triggerEvent("afterhide",this,{detail:{elem:this}}),this.onHide())}onHide(){}get popup(){return this.shadowRoot?.querySelector("ids-popup")}set beforeShow(t){this.state.beforeShow=t}get beforeShow(){return this.state.beforeShow}set delay(t){if(t){this.setAttribute("delay",t.toString());return}this.removeAttribute("delay")}get delay(){return Number(this.getAttribute("delay"))||500}set placement(t){if(this.state.placement=t,t){this.setAttribute("placement",t);return}this.removeAttribute("placement")}get placement(){return this.getAttribute("placement")||"top"}set target(t){if(this.state.target=t,t&&typeof t!="string"){this.removeAttribute("target"),this.#t();return}if(t&&typeof t=="string"){this.setAttribute("target",t),this.#t();return}this.removeAttribute("target"),this.#t()}get target(){return this.state.target}set trigger(t){if(this.state.trigger=t,this.state.trigger){this.setAttribute("trigger",this.state.trigger),this.#t();return}this.removeAttribute("trigger"),this.#t()}get trigger(){return this.state.trigger||"hover"}set visible(t){let i=l(t);if(this.state.visible!==i){let e=this.popup;if(this.state.visible=i,e&&!e.alignTarget&&(e.alignTarget=typeof this.target=="object"?this.target:document.querySelectorAll(this.target)[0]),this.state.visible){this.setAttribute("visible","true"),this.#r();return}e&&(e.alignTarget=null),this.removeAttribute("visible"),this.#o()}}get visible(){return this.state.visible}};o=p([n("ids-tooltip"),a(d)],o);export{o as a};

package/chunks/ids-chunk-S34XHELT.js

@@ -1,192 +0,0 @@
-import{a as y,b as V,c as d}from"./ids-chunk-YWHM3ZDZ.js";import{a as x}from"./ids-chunk-53T43YKS.js";import{a as S}from"./ids-chunk-PRFN5Z6E.js";import{a as D}from"./ids-chunk-LKONZTXY.js";import{a as N}from"./ids-chunk-27XAFGEX.js";import{b as v}from"./ids-chunk-SCWD3ICQ.js";import{a as f}from"./ids-chunk-MXFCUDLP.js";import{a as E}from"./ids-chunk-T6ZV4PDM.js";import{a as k}from"./ids-chunk-B6P5AQ2Z.js";import{a as T}from"./ids-chunk-VD3FN2LH.js";import{a as m,b}from"./ids-chunk-XE4WFW5M.js";import{a as I}from"./ids-chunk-DCNGT4R2.js";import{j as g,t as A,u as h}from"./ids-chunk-N7P4D4N3.js";import{e as s,f as u}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-6EMRTLSG.js";import{a as c}from"./ids-chunk-5K6IDMGA.js";var R=`
-.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;
-  }
-}
-
-:host {
-  display: block;
-}
-
-.ids-time-picker {
-  display: inline-block;
-  max-width: 100%;
-}
-.ids-time-picker ids-trigger-field,
-.ids-time-picker .ids-trigger-field {
-  display: inline-block;
-  max-width: 100%;
-}
-.ids-time-picker ids-trigger-field[size=full] {
-  display: block;
-}
-.ids-time-picker.full {
-  display: block;
-}
-.ids-time-picker.full ids-trigger-field,
-.ids-time-picker.full .ids-trigger-field {
-  display: block;
-}
-.ids-time-picker ids-dropdown::part(trigger-field) {
-  display: inline-flex;
-  min-width: 75px;
-}
-.ids-time-picker ids-list-box,
-.ids-time-picker ids-list-box-option {
-  width: 100%;
-}
-.ids-time-picker ids-popup::part(popup) {
-  margin: var(--ids-space-none);
-  padding: var(--ids-space-none);
-}
-.ids-time-picker .dropdowns {
-  display: flex;
-  flex-direction: row;
-  padding-inline-start: 15px;
-  padding-inline-end: 15px;
-  padding-top: 15px;
-}
-.ids-time-picker .dropdown::part(trigger-field) {
-  justify-content: center;
-}
-.ids-time-picker.is-open ids-trigger-button::part(button) {
-  color: var(--ids-time-picker-button-color-background-expanded);
-}
-.ids-time-picker.is-open ids-trigger-field::part(field-container) {
-  border-color: var(--ids-time-picker-input-color-border-expanded);
-}
-@media all and (max-width: 360px) {
-  .ids-time-picker .dropdowns {
-    flex-direction: column;
-    align-items: center;
-    width: var(--ids-input-width-10);
-  }
-  .ids-time-picker .separator {
-    display: none;
-  }
-}
-.ids-time-picker.color-variant-borderless ids-trigger-field::part(input) {
-  padding-inline-end: 0 !important;
-}
-.ids-time-picker.color-variant-borderless.field-height-lg ids-trigger-field::part(input) {
-  padding-inline: 14px;
-  height: 50px;
-}
-.ids-time-picker.color-variant-borderless.field-height-md ids-trigger-field::part(input) {
-  padding-inline: 10px;
-  height: 40px;
-}
-.ids-time-picker.color-variant-borderless.field-height-sm ids-trigger-field::part(input) {
-  padding-inline: 6px;
-  height: 35px;
-}
-.ids-time-picker.color-variant-borderless.field-height-xs ids-trigger-field::part(input) {
-  padding-inline: 2px;
-  height: 30px;
-}`;var L=D(N(v(T(S(f(E(k(I)))))))),l=class extends L{isFormComponent=!0;triggerButton=null;picker=null;constructor(){super()}connectedCallback(){super.connectedCallback(),this.triggerButton=this.container?.querySelector("ids-trigger-button"),this.picker=this.container?.querySelector("ids-time-picker-popup"),this.configurePickerPopup(),this.#p(),this.#h(),this.#n()}disconnectedCallback(){super.disconnectedCallback?.(),this.picker=null,this.triggerButton=null}static get attributes(){return[...super.attributes,...y,...V]}colorVariants=["alternate-formatter","borderless","in-cell"];onColorVariantRefresh(){this.input&&(this.input.colorVariant=this.colorVariant)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onFieldHeightChange(t){if(t){let e=t==="compact"?{name:"compact",val:""}:{name:"field-height",val:t};this.input?.setAttribute(e.name,e.val)}else this.input?.removeAttribute("compact"),this.input?.removeAttribute("field-height")}template(){let t=()=>`<ids-time-picker-popup
-        id="popup-${this.id?this.id:""}"
-        align="left, top"
-        animated
-        arrow="bottom"
-        autoupdate="${this.autoupdate}"
-        embeddable="${this.embeddable}"
-        format="${this.format}"
-        trigger-type="click"
-        use-current-time="time"
-        value="${this.value}"
-      ></ids-time-picker-popup>`;if(this.embeddable)return t();let e=this.colorVariant?` color-variant="${this.colorVariant}"`:"",n=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",r=this.labelState?` label-state="${this.labelState}"`:"",o=this.compact?" compact":"",a=this.noMargins?" no-margins":"";return`
-      <div class="ids-time-picker" part="container">
-        <ids-trigger-field
-          ${this.id?`id="${this.id}"`:""}
-          ${e}${n}${o}${a}${r}
-          label="${this.label}"
-          size="${this.size}"
-          placeholder="${this.placeholder}"
-          value="${this.value}"
-          ${this.disabled?`disabled="${this.disabled}"`:""}
-          ${this.readonly?`readonly="${this.readonly}"`:""}
-          ${this.dirtyTracker?`dirty-tracker="${this.dirtyTracker}"`:""}
-          ${this.validate?`validate="${this.validate}"`:""}
-          validation-events="${this.validationEvents}"
-          part="input"
-        >
-          <ids-text audible="true" translate-text="true">UseArrow</ids-text>
-          <ids-trigger-button slot="trigger-end" part="trigger-button" id="triggerBtn-${this.id?this.id:""}">
-            <ids-text audible="true" translate-text="true">TimepickerTriggerButton</ids-text>
-            <ids-icon icon="clock" part="icon"></ids-icon>
-          </ids-trigger-button>
-        </ids-trigger-field>
-        ${t()}
-      <div>
-    `}onDirtyTrackerChange(t){t?this.input?.setAttribute(i.DIRTY_TRACKER,String(t)):this.input?.removeAttribute(i.DIRTY_TRACKER)}configurePickerPopup(){let t=this.input?.getAttribute("id"),e=this.triggerButton,n=e?.getAttribute("id"),r=this.picker;r&&(r.format=this.format,this.input&&(r.value=this.input.value),e&&(r.setAttribute(i.TARGET,`#${t}`),r.setAttribute(i.TRIGGER_TYPE,"click"),r.setAttribute(i.TRIGGER_ELEM,`#${n}`),r.popup&&(r.popup.x=0,r.popup.setAttribute(i.ARROW_TARGET,`#${n}`),r.popup.onXYSwitch=x),r.onOutsideClick=o=>{let a=o.composedPath&&o.composedPath();!a?.includes(r)&&!a?.includes(this.input)&&r.hide()},r.onTriggerClick=()=>{this.disabled||this.readonly||r?.toggleVisibility()},r.refreshTriggerEvents()))}#h(){return this.listen(["ArrowDown","Escape","Backspace"],this,t=>{t.stopPropagation(),t.key==="ArrowDown"?this.picker?.show():(t.key==="Escape"||t.key==="Backspace")&&this.picker?.hide(!0)}),this}#p(){return this.offEvent("change.time-picker-dropdowns"),this.onEvent("change.time-picker-dropdowns",this.container?.querySelector(".dropdowns"),t=>{let e=t.detail?.elem?.id;e&&this.setAttribute(e,t.detail.value)}),this.offEvent("timeselected"),this.onEvent("timeselected",this.container,()=>{this.#i()}),this.offEvent("hide.picker"),this.onEvent("hide.picker",this.picker,t=>{t.detail.doFocus&&!this.autoselect&&this.input?.focus(),this.onHide()}),this.offEvent("show.picker"),this.onEvent("show.picker",this.picker,()=>{this.onShow()}),this.offEvent("focus.time-picker-input"),this.onEvent("focus.time-picker-input",this.input,()=>{this.picker&&this.autoselect&&(this.picker.visible||this.picker.show())}),this.offEvent("change.time-picker-input"),this.onEvent("change.time-picker-input",this.input,t=>{this.setAttribute(i.VALUE,t.detail.value)}),this}onLocaleChange=()=>{this.picker&&(this.picker.format=this.format,this.picker.locale=this.locale),this.input&&(this.input.format=this.format,this.input.locale=this.locale),this.#n(),this.picker?.renderDropdowns()};onLanguageChange=()=>{this.picker?.renderDropdowns()};#o(){let t=this.input?.value||this.value,e=this.localeAPI?.parseDate(t,{dateFormat:this.format}),n=e?.getHours(),r=h(n),o=e?.getMinutes(),a=e?.getSeconds(),p=e&&this.localeAPI?.calendar()?.dayPeriods[n>=12?1:0];this.#a()&&n!==this.hours&&(this.hours=n>=0?n:null),this.#t()&&r!==this.hours&&(this.hours=r>=0?r:null),o!==this.minutes&&(this.minutes=o>=0?o:null),a!==this.seconds&&(this.seconds=a>=0?a:null),this.#s()&&p!==this.period&&(this.period=p)}#s(){return this.#t()&&(this.format.toLowerCase().indexOf(" a")>-1||this.format.toLowerCase().indexOf("a")===0)}#t(){return this.format.includes("h")}#a(){return this.format.includes("H")||!this.#s()}#u(){if(!this.#e())return d(this.#t()?1:0,this.#t()?12:23);if(this.#a())return d(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?[...d(this.#d(),this.#l()),12]:d(this.#d(),this.#l())}#e(){return this.startHour>0||this.endHour<24}#d(){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}#l(){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}#c(){let t=this.localeAPI?.calendar().dayPeriods||[];return this.#e()?t.reduce((e,n,r)=>{let o=r===0&&(this.startHour<12||this.startHour===0),a=r===1&&this.endHour>=12;return o||a?[...e,n]:e},[]):t}#m(){let t=new Date,e=this.localeAPI?.calendar().dayPeriods?.indexOf(this.period);return t.setHours(A(this.hours,e),this.minutes,this.seconds),this.localeAPI.formatDate(t,{pattern:this.format})}#i(){this.value=this.#m()}#b(){this.validate?.includes("time")&&this.input?.addValidationRule({id:"time",type:"error",message:this.localeAPI?.translate("InvalidTime"),check:t=>{if(!t.value)return!0;let e=this.localeAPI.parseDate(t.value,{dateFormat:this.format,strictTime:!0});return g(e)}})}#r(t,e){return Math.round(t/e)*e}#n(){this.input&&this.mask&&(this.input.mask="date",this.input.maskOptions={format:this.format})}open(){this.picker?.show()}close(){this.picker?.hide(!1)}onHide(){this.container?.classList.remove("is-open"),this.picker?.setAttribute(i.TABINDEX,"-1")}onShow(){this.container?.classList.add("is-open"),this.picker&&(this.picker.removeAttribute(i.TABINDEX),this.picker.popup&&(this.picker.popup.align=`bottom, ${this.localeAPI.isRTL()||["md","lg","full"].includes(this.size)?"right":"left"}`,this.picker.popup.arrow="bottom")),!this.input?.value&&this.useCurrentTime&&this.#o(),this.picker?.focus()}get popup(){return this.container?.querySelector("ids-popup")||null}get input(){return this.container?.querySelector("ids-trigger-field")||null}set format(t){t?(this.setAttribute(i.FORMAT,t),this.picker?.setAttribute(i.FORMAT,`${t}`)):(this.removeAttribute(i.FORMAT),this.picker?.setAttribute(i.FORMAT,`${this.localeAPI?.calendar().timeFormat}`)),this.#n()}get format(){return this.getAttribute(i.FORMAT)||this.localeAPI?.calendar().timeFormat||"hh:mm a"}set value(t){!this.disabled&&!this.readonly&&(this.setAttribute(i.VALUE,t),this.#o(),this.input&&(this.input.value=t))}get value(){return this.getAttribute(i.VALUE)||""}set autoselect(t){s(t)?this.setAttribute(i.AUTOSELECT,"true"):this.removeAttribute(i.AUTOSELECT)}get autoselect(){return s(this.getAttribute(i.AUTOSELECT))}set autoupdate(t){let e=s(t),n=this.container?.querySelector(".popup-btn");e?(this.setAttribute(i.AUTOUPDATE,"true"),n?.setAttribute("hidden","true")):(this.removeAttribute(i.AUTOUPDATE),n?.removeAttribute("hidden"))}get autoupdate(){return s(this.getAttribute(i.AUTOUPDATE))}set disabled(t){s(t)?(this.setAttribute(i.DISABLED,"true"),this.input?.setAttribute(i.DISABLED,"true")):(this.removeAttribute(i.DISABLED),this.input?.removeAttribute(i.DISABLED))}get disabled(){return s(this.getAttribute(i.DISABLED))}set readonly(t){s(t)?(this.setAttribute(i.READONLY,"true"),this.input?.setAttribute(i.READONLY,"true")):(this.removeAttribute(i.READONLY),this.input?.removeAttribute(i.READONLY))}get readonly(){return s(this.getAttribute(i.READONLY))}onLabelChange(t){this.input&&(this.input.label=t??"")}onIdChange(t){t?this.input?.setAttribute(i.ID,t):this.input?.removeAttribute(i.ID)}set placeholder(t){t?(this.setAttribute(i.PLACEHOLDER,t),this.input?.setAttribute(i.PLACEHOLDER,t)):(this.removeAttribute(i.PLACEHOLDER),this.input?.removeAttribute(i.PLACEHOLDER))}get placeholder(){return this.getAttribute(i.PLACEHOLDER)??""}set noMargins(t){s(t)?(this.setAttribute(i.NO_MARGINS,"true"),this.input?.setAttribute(i.NO_MARGINS,"true")):(this.removeAttribute(i.NO_MARGINS),this.input?.removeAttribute(i.NO_MARGINS))}get noMargins(){return s(this.getAttribute(i.NO_MARGINS))}set size(t){t?(this.setAttribute(i.SIZE,t),this.container?.classList.add(t)):(this.removeAttribute(i.SIZE),this.container?.classList.remove(t)),this.input?.setAttribute(i.SIZE,this.size)}get size(){return this.getAttribute(i.SIZE)??"sm"}set minuteInterval(t){let e=u(t);Number.isNaN(e)?this.removeAttribute(i.MINUTE_INTERVAL):this.setAttribute(i.MINUTE_INTERVAL,String(e)),this.picker&&(this.picker.minuteInterval=t)}get minuteInterval(){let t=u(this.getAttribute(i.MINUTE_INTERVAL));return Number.isNaN(t)?5:t}set secondInterval(t){let e=u(t);Number.isNaN(e)?this.removeAttribute(i.SECOND_INTERVAL):this.setAttribute(i.SECOND_INTERVAL,String(e)),this.picker&&(this.picker.secondInterval=t)}get secondInterval(){let t=u(this.getAttribute(i.SECOND_INTERVAL));return Number.isNaN(t)?5:t}set embeddable(t){s(t)?this.setAttribute(i.EMBEDDABLE,"true"):this.removeAttribute(i.EMBEDDABLE),this.picker&&(this.picker.embeddable=t)}get embeddable(){return s(this.getAttribute(i.EMBEDDABLE))}set hours(t){t!==null?this.setAttribute(i.HOURS,String(t)):this.removeAttribute(i.HOURS),this.picker&&(this.picker.hours=t),this.autoupdate&&this.#i()}get hours(){if(this.picker)return this.picker.hours;let t=u(this.getAttribute(i.HOURS));if(!Number.isNaN(t))return t;if(this.#e())return this.#u()[0];if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getHours();return this.#t()?h(e):e}return 1}get hours24(){return(this.localeAPI?.parseDate(this.input?.value||this.value,{dateFormat:this.format})).getHours()}set minutes(t){let e=String(t);t!==null?this.setAttribute(i.MINUTES,e):this.removeAttribute(i.MINUTES),this.picker&&(this.picker.minutes=t),this.autoupdate&&this.#i()}get minutes(){if(this.picker)return this.picker.minutes;let t=u(this.getAttribute(i.MINUTES));if(!Number.isNaN(t))return this.#r(t,this.minuteInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getMinutes();return this.#r(e,this.minuteInterval)}return 0}set seconds(t){let e=String(t);t!==null?this.setAttribute(i.SECONDS,e):this.removeAttribute(i.SECONDS),this.picker&&(this.picker.seconds=t),this.autoupdate&&this.#i()}get seconds(){if(this.picker)return this.picker.seconds;let t=u(this.getAttribute(i.SECONDS));if(!Number.isNaN(t))return this.#r(t,this.secondInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getSeconds();return this.#r(e,this.secondInterval)}return 0}set period(t){t?this.setAttribute(i.PERIOD,t):this.removeAttribute(i.PERIOD),this.picker&&(this.#e()?this.picker.hours=String(this.#u()[0]):this.picker.period=t),this.autoupdate&&this.#i()}get period(){if(this.picker)return this.picker.period;let t=this.getAttribute(i.PERIOD),e=this.#c(),n=e.map(r=>r.toLowerCase()).includes(t?.toString().toLowerCase());return this.#s()?t&&n?t:this.useCurrentTime&&new Date().getHours()>=12?e[1]:e[0]:""}set validate(t){t?(this.setAttribute(i.VALIDATE,t),this.input?.setAttribute(i.VALIDATE,t),this.input?.setAttribute(i.VALIDATION_EVENTS,this.validationEvents),this.input?.handleValidation()):(this.removeAttribute(i.VALIDATE),this.input?.removeAttribute(i.VALIDATE),this.input?.removeAttribute(i.VALIDATION_EVENTS),this.input?.handleValidation()),this.#b()}get validate(){return this.getAttribute(i.VALIDATE)}set validationEvents(t){t?(this.setAttribute(i.VALIDATION_EVENTS,t),this.input?.setAttribute(i.VALIDATION_EVENTS,t)):(this.removeAttribute(i.VALIDATION_EVENTS),this.input?.removeAttribute(i.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(i.VALIDATION_EVENTS)??"change blur"}set tabbable(t){this.setAttribute(i.TABBABLE,String(t)),this.input?.setAttribute(i.TABBABLE,String(t))}get tabbable(){let t=this.getAttribute(i.TABBABLE);return t!==null?s(t):!0}set startHour(t){t?this.setAttribute(i.START_HOUR,String(t)):this.removeAttribute(i.START_HOUR),this.picker&&(this.picker.startHour=t)}get startHour(){if(this.picker)return this.picker.startHour;let t=u(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.picker&&(this.picker.endHour=t)}get endHour(){if(this.picker)return this.picker.endHour;let t=u(this.getAttribute(i.END_HOUR));return!Number.isNaN(t)&&t<=24?t:24}set useCurrentTime(t){let e=s(t);e?this.setAttribute(i.USE_CURRENT_TIME,"true"):this.removeAttribute(i.USE_CURRENT_TIME),this.picker&&(this.picker.useCurrentTime=e)}get useCurrentTime(){return this.picker?this.picker.useCurrentTime:s(this.getAttribute(i.USE_CURRENT_TIME))}set mask(t){s(t)?(this.setAttribute(i.MASK,"true"),this.input?.setAttribute(i.MASK,"date")):(this.removeAttribute(i.MASK),this.input?.removeAttribute(i.MASK))}get mask(){let t=this.getAttribute(i.MASK);return s(t)}};l=c([m("ids-time-picker"),b(R)],l);export{l as a};

package/chunks/ids-chunk-SB3FSWQK.js

@@ -1,81 +0,0 @@
-import{a as p}from"./ids-chunk-T6ZV4PDM.js";import{a as g}from"./ids-chunk-B6P5AQ2Z.js";import{d as v}from"./ids-chunk-ZUHWNQKP.js";import{a as h,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as A}from"./ids-chunk-DCNGT4R2.js";import{b as f,d as m}from"./ids-chunk-U4XVR5SW.js";import{e as l}from"./ids-chunk-TJKIW3GF.js";import{a as s}from"./ids-chunk-6EMRTLSG.js";import{a as b}from"./ids-chunk-5K6IDMGA.js";var y=`
-/* Ids Toolbar Section Component */
-:host {
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-}
-:host ::slotted(ids-toolbar-section:not([favor])) {
-  overflow: hidden;
-}
-:host ::slotted(ids-toolbar-section:not([type])),
-:host ::slotted(ids-toolbar-section[type=button]) {
-  flex: 0 0 auto;
-}
-:host ::slotted(ids-toolbar-section[type=fluid]),
-:host ::slotted(ids-toolbar-section[type=title]),
-:host ::slotted(ids-toolbar-section[type=buttonset]) {
-  flex: 1 0 auto;
-}
-:host ::slotted(ids-toolbar-section[type=fluid]:not([favor])),
-:host ::slotted(ids-toolbar-section[type=title]:not([favor])),
-:host ::slotted(ids-toolbar-section[type=buttonset]:not([favor])) {
-  flex: 1 1 auto;
-}
-:host ::slotted(ids-toolbar-section[favor]) {
-  flex: 2 0 auto;
-}
-:host ::slotted(ids-toolbar-section[favor][type=buttonset]),
-:host ::slotted(ids-toolbar-section[favor][type=title]) {
-  overflow: auto;
-  flex: 2 0 auto;
-}
-:host ::slotted(ids-toolbar-section[align=start]),
-:host ::slotted(ids-toolbar-section:not([align])) {
-  justify-content: flex-start;
-}
-:host ::slotted(ids-toolbar-section[align=center]) {
-  justify-content: center;
-}
-:host ::slotted(ids-toolbar-section[align=center-even]) {
-  justify-content: space-around;
-}
-:host ::slotted(ids-toolbar-section[align=end]) {
-  justify-content: flex-end;
-}
-:host[disabled] ::slotted(.ids-text) {
-  color: var(--ids-color-text-disabled);
-}
-
-:host([group-action]) {
-  border-top: 1px solid var(--ids-card-divider-color-border);
-}
-
-:host([group-action]) .ids-toolbar {
-  padding: 0 var(--ids-card-toolbar-padding);
-  width: calc(100% - var(--ids-card-toolbar-padding) * 2px);
-}
-
-.ids-toolbar {
-  display: flex;
-  align-items: center;
-  flex-flow: row nowrap;
-  height: 100%;
-  justify-content: space-between;
-  overflow: hidden;
-  width: 100%;
-}
-.ids-toolbar.disabled {
-  color: var(--ids-color-text-disabled);
-}
-.ids-toolbar.disabled .ids-text {
-  color: inherit;
-}
-.ids-toolbar.type-formatter {
-  background-color: var(--ids-toolbar-formatter-color-background);
-  border-bottom: 1px solid var(--ids-toolbar-formatter-color-border-bottom);
-  --ids-separator-color-background: var(--ids-separator-alternate-color-background);
-  --ids-separator-margin: var(--ids-separator-alternate-margin);
-}`;var d="alternate-formatter",E=["formatter"],T=p(g(A)),n=class extends T{#t;constructor(){super()}static get attributes(){return[...super.attributes,s.DISABLED,s.PADDING,s.TABBABLE,s.TYPE]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","toolbar"),this.#s(),this.#i(),this.#o(),this.#e(null,this.type),this.makeTabbable(this.detectTabbable()),this.hasAttribute(s.PADDING)&&(this.padding=this.getAttribute(s.PADDING))}disconnectedCallback(){super.disconnectedCallback?.(),this.#t&&(this.#t.disconnect(),this.#t=null)}#o(){this.#t=new ResizeObserver(()=>{this.#r()}),this.#t.observe(this)}#s(){this.onEvent("click.toolbar-item",this,t=>{let e=t.target.closest("ids-button");e&&this.triggerSelectedEvent(e)})}#i(){this.listen(["ArrowLeft"],this,t=>{t.preventDefault(),t.stopPropagation(),t.target.name!=="ids-menu-item"&&this.navigate(-1,!0)}),this.listen(["ArrowRight"],this,t=>{t.preventDefault(),t.stopPropagation(),t.target.name!=="ids-menu-item"&&this.navigate(1,!0)})}navigate(t=0,e=!1){let i=this.items,o=this.focused||i[0];if(typeof t!="number")return o;let r=t<0,c=Math.abs(t),a=i.indexOf(o);for(;c>0;)o=i[a+(r?-1:1)],a=i.indexOf(o),a<0&&(a=r?i.length-1:0,o=i[a]),!o.disabled&&!o.hasAttribute(s.OVERFLOWED)&&(c-=1);return!o.disabled&&e&&(this.makeTabbable(o),o.focus()),o}template(){return`<div class="ids-toolbar" role="toolbar">
-      <slot></slot>
-    </div>`}set disabled(t){let e=l(t);e?this.setAttribute(s.DISABLED,t.toString()):this.removeAttribute(s.DISABLED),this.container?.classList[e?"add":"remove"](s.DISABLED);let i=o=>{if(o.id==="more-actions"){let r=m(o,"ids-toolbar-more-actions");r.disabled=e}else o.disabled=e};this.items.forEach(i),this.textElems.forEach(i),this.refreshOverflowedItems()}get disabled(){return!!this.container?.classList?.contains(s.DISABLED)}refreshOverflowedItems(){let t=this.querySelector("ids-toolbar-more-actions");t&&t.refreshOverflowedItems()}get focused(){return this.items.find(t=>f(t).activeElement?.isEqualNode(t))}get items(){let t=[];return this.sections.forEach(e=>{e?.name==="ids-toolbar-more-actions"?t.push(e.button):e.items&&t.push(...e.items)}),t}get textElems(){let t=[];return this.sections.forEach(e=>{e?.name!=="ids-toolbar-more-actions"&&t.push(...e.textElems)}),t}get separators(){let t=[];return this.sections.forEach(e=>{e?.name!=="ids-toolbar-more-actions"&&e?.separators&&t.push(...e.separators)}),t}get sections(){return[...this.children].filter(t=>t.matches("ids-toolbar-section, ids-toolbar-more-actions"))}set tabbable(t){let e=l(t);e?this.setAttribute(s.TABBABLE,e.toString()):this.removeAttribute(s.TABBABLE),this.container?.classList[e?"add":"remove"](s.TABBABLE),this.makeTabbable(this.focused)}get tabbable(){return!!this.container?.classList.contains(s.TABBABLE)}set type(t){let e=null;typeof t=="string"&&(e=v(t,""));let i=this.type;i!==e&&(E.includes(e)?this.setAttribute(s.TYPE,`${e}`):(this.removeAttribute(s.TYPE),e=null),this.#e(i,e))}get type(){return this.getAttribute(s.TYPE)??null}set padding(t){t!==null?(this.setAttribute(s.PADDING,t.toString()),this.container?.style.setProperty("padding-bottom",`${t}px`)):(this.removeAttribute(s.PADDING),this.container?.style.removeProperty("padding-bottom"))}get padding(){return this.getAttribute(s.PADDING)}#e(t,e){let i=this.container?.classList;t&&i?.remove(`type-${t}`),e&&i?.add(`type-${e}`),this.sections.forEach(o=>{o.setAttribute(s.TOOLBAR_TYPE,`${e}`),o.tagName==="IDS-TOOLBAR-MORE-ACTIONS"&&(e==="formatter"?o.colorVariant=d:o.colorVariant=null)}),[...this.items,...this.separators].forEach(o=>{e==="formatter"?o.setAttribute(s.COLOR_VARIANT,d):o.getAttribute(s.COLOR_VARIANT)===d&&o.removeAttribute(s.COLOR_VARIANT)})}detectTabbable(){let t;for(let e=0;!t&&e<this.items.length;e++)this.items[e].tabIndex>-1&&(t=this.items[e]);return t}makeTabbable(t=this.items[0]){let e=this.tabbable;this.items.forEach(i=>{let o=t.isEqualNode(i)?0:-1;i.tabIndex=e?0:o})}#r(){this.refreshOverflowedItems()}triggerSelectedEvent(t,e=!1){if(!this.contains(t))return;let i={elem:t,value:t.value};t.overflowTarget&&(i.elem=t.overflowTarget,i.value=t.overflowTarget.value,i.overflowMenuItem=t,i.triggeredFromOverflow=e),t.dispatchEvent(new CustomEvent("selected",{bubbles:!0,detail:i}))}};n=b([h("ids-toolbar"),u(y)],n);export{n as a};