ids-enterprise-wc 1.0.0-beta.17 → 1.0.0-beta.18.1

package/chunks/ids-chunk-JLI52JSP.js

@@ -0,0 +1,332 @@
+import{b,c as g,d as M}from"./ids-chunk-WL54H54A.js";import{a as T}from"./ids-chunk-D2KOMV4A.js";import{a as D}from"./ids-chunk-DK5QOJMP.js";import{a as C}from"./ids-chunk-VPHXGWIQ.js";import{a as L,b as S}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-RW2HYK23.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as s}from"./ids-chunk-ECJIHQ7J.js";import{a as y,b as m,c as l,d as p,e as h}from"./ids-chunk-Y32WUP63.js";var H=`/* Ids Menu Item Component */
+/**
+ * Base Styles/Mixins for Ids Menu Component and all subcomponents.
+ */
+/**
+ * Single Checkmark Mixin
+ */
+/**
+ * Checkbox Mixins.
+ */
+@keyframes check {
+  0% {
+    height: 0;
+    left: 0;
+    top: 8px;
+    width: 0;
+  }
+  50% {
+    height: 0;
+    left: 0;
+    top: 8px;
+    width: 4px;
+  }
+  100% {
+    height: 10px;
+    left: 4px;
+    top: 0;
+    width: 4px;
+  }
+}
+@keyframes checkindeterminate {
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 10px;
+  }
+}
+/**
+ * NOTE ABOUT MENU ITEM ELEMENT ORDER:
+ * Definitions for grid template size in IdsMenuItem are defined based on the below order.
+ * If changes are made to IdsMenuItem's rendering, this order must remain in place.
+ *
+ * [checkmark?] - [icon?] - text - [shortcut text?] - [submenu icon?]
+ **/
+:host {
+  display: block;
+  position: static;
+}
+:host ::slotted(ids-menu) {
+  display: none;
+}
+
+::slotted(ids-text) {
+  pointer-events: none;
+}
+
+::slotted(ids-icon[icon=close]) {
+  inset-block-start: 1px;
+}
+
+::slotted(ids-popup-menu) {
+  position: static;
+}
+
+:host([hidden]) {
+  display: none;
+}
+
+.ids-menu-item {
+  align-items: center;
+  cursor: pointer;
+  font-family: var(--ids-font-family-default);
+  list-style: none;
+  min-width: var(--ids-menu-item-width-min);
+  position: static;
+  transition: background-color 50ms cubic-bezier(0.4, 0, 0.6, 1);
+  user-select: none;
+}
+.ids-menu-item ids-icon,
+.ids-menu-item .ids-icon,
+.ids-menu-item .ids-menu-item-display-icon {
+  display: block;
+  align-self: center;
+  justify-content: center;
+  place-self: inherit;
+}
+.ids-menu-item a {
+  padding-inline-start: 12px;
+  padding-inline-end: 8px;
+  padding-block: 8px 8px;
+  display: grid;
+  font-size: var(--ids-menu-item-font-size);
+  grid-template-columns: 0 max-content;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  user-select: inherit;
+  white-space: nowrap;
+  width: calc(100% - 20px);
+}
+.ids-menu-item a:focus {
+  outline: 0;
+}
+.ids-menu-item a > * {
+  vertical-align: middle;
+}
+.ids-menu-item a .ids-menu-item-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ids-menu-item a ids-icon,
+.ids-menu-item a .ids-icon,
+.ids-menu-item a .ids-menu-item-display-icon {
+  grid-column-start: 1;
+}
+.ids-menu-item a .ids-menu-item-text {
+  grid-column-start: 2;
+}
+.ids-menu-item a .ids-menu-item-text span,
+.ids-menu-item a .ids-menu-item-text .ids-text {
+  display: inline-block;
+}
+.ids-menu-item a .ids-menu-item-text ::slotted(ids-text) {
+  display: inline-block;
+}
+.ids-menu-item a .ids-menu-item-submenu-icon {
+  margin-inline-start: 12px;
+  grid-column-start: 3;
+  transform: rotateZ(-90deg);
+}
+.ids-menu-item:not(.text-center) .ids-menu-item-text, .ids-menu-item:not(.text-start) .ids-menu-item-text, .ids-menu-item:not(.text-end) .ids-menu-item-text {
+  text-align: start;
+}
+.ids-menu-item.text-center a, .ids-menu-item.text-start a, .ids-menu-item.text-end a {
+  display: flex;
+  align-items: center;
+}
+.ids-menu-item.text-center a .ids-menu-item-text, .ids-menu-item.text-start a .ids-menu-item-text, .ids-menu-item.text-end a .ids-menu-item-text {
+  margin-inline-start: var(--ids-space-40);
+}
+.ids-menu-item.text-center a {
+  text-align: center;
+  justify-content: center;
+}
+.ids-menu-item.text-start a {
+  text-align: start;
+  justify-content: start;
+}
+.ids-menu-item.text-end a {
+  text-align: end;
+  justify-content: end;
+}
+.ids-menu-item.disabled {
+  color: var(--ids-menu-item-color-text-disabled);
+  cursor: default;
+  pointer-events: none;
+  user-select: none;
+}
+.ids-menu-item.disabled a {
+  color: inherit;
+}
+.ids-menu-item.disabled ids-icon,
+.ids-menu-item.disabled .ids-icon {
+  fill: var(--ids-menu-item-color-text-disabled);
+}
+.ids-menu-item.hidden {
+  display: none;
+}
+.ids-menu-item.highlighted {
+  background-color: var(--ids-menu-item-highlight-color);
+}
+.ids-menu-item.has-shortcuts a {
+  grid-template-columns: 0 50% 50%;
+}
+.ids-menu-item.has-shortcuts:not(.has-submenu) .ids-menu-item-shortcuts {
+  margin-inline-start: 16px;
+  margin-inline-end: 4px;
+}
+.ids-menu-item.has-icon a {
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  grid-template-columns: 30px max-content;
+}
+.ids-menu-item.has-shortcuts.has-icon a {
+  grid-template-columns: 30px calc(50% - 15px) calc(50% - 15px);
+}
+.ids-menu-item.has-checkmark a, .ids-menu-item.has-multi-checkmark a {
+  padding-inline-start: 4px;
+  grid-template-columns: 30px 0 max-content 0;
+}
+.ids-menu-item.has-checkmark a .check, .ids-menu-item.has-multi-checkmark a .check {
+  grid-column-start: 1;
+}
+.ids-menu-item.has-checkmark a ids-icon,
+.ids-menu-item.has-checkmark a .ids-icon,
+.ids-menu-item.has-checkmark a .ids-menu-item-display-icon, .ids-menu-item.has-multi-checkmark a ids-icon,
+.ids-menu-item.has-multi-checkmark a .ids-icon,
+.ids-menu-item.has-multi-checkmark a .ids-menu-item-display-icon {
+  grid-column-start: 2;
+}
+.ids-menu-item.has-checkmark a .ids-menu-item-text, .ids-menu-item.has-multi-checkmark a .ids-menu-item-text {
+  grid-column-start: 3;
+}
+.ids-menu-item.has-checkmark a .ids-menu-item-submenu-icon, .ids-menu-item.has-multi-checkmark a .ids-menu-item-submenu-icon {
+  grid-column-start: 4;
+}
+.ids-menu-item.has-shortcuts.has-checkmark a, .ids-menu-item.has-shortcuts.has-multi-checkmark a {
+  grid-template-columns: 30px 0 50% calc(50% - 30px);
+}
+.ids-menu-item.has-submenu a {
+  grid-template-columns: 0 calc(100% - 25px) 25px;
+}
+.ids-menu-item.has-submenu .ids-menu-item-shortcuts {
+  display: none;
+}
+.ids-menu-item.has-icon.has-checkmark a, .ids-menu-item.has-icon.has-multi-checkmark a {
+  padding-inline-start: 4px;
+  grid-template-columns: 30px 30px calc(100% - 60px);
+  width: calc(100% - 12px);
+}
+.ids-menu-item.has-icon.has-checkmark.align-icon-end a, .ids-menu-item.has-icon.has-multi-checkmark.align-icon-end a {
+  grid-template-columns: 30px calc(100% - 55px) 25px;
+}
+.ids-menu-item.has-icon.has-checkmark.align-icon-end a .ids-menu-item-text, .ids-menu-item.has-icon.has-multi-checkmark.align-icon-end a .ids-menu-item-text {
+  grid-column-start: 2;
+}
+.ids-menu-item.has-icon.has-checkmark.align-icon-end a .ids-menu-item-icon, .ids-menu-item.has-icon.has-multi-checkmark.align-icon-end a .ids-menu-item-icon {
+  grid-column-start: 3;
+}
+.ids-menu-item.has-shortcuts.has-icon.has-checkmark a, .ids-menu-item.has-shortcuts.has-icon.has-mutlt-checkmark a {
+  grid-template-columns: 30px 30px calc(50% - 30px) calc(50% - 30px);
+}
+.ids-menu-item.has-icon.has-submenu a {
+  grid-template-columns: 30px calc(100% - 55px) 25px;
+}
+.ids-menu-item.has-checkmark.has-submenu a, .ids-menu-item.has-multi-checkmark.has-submenu a {
+  grid-template-columns: 30px 0 calc(100% - 55px) 25px;
+}
+.ids-menu-item.has-icon.has-checkmark.has-submenu a, .ids-menu-item.has-icon.has-multi-checkmark.has-submenu a {
+  grid-template-columns: 30px 30px calc(100% - 85px) 25px;
+}
+.ids-menu-item:not(.inherit-color):not(.disabled) {
+  color: var(--ids-menu-item-color-text-default);
+}
+.ids-menu-item.inherit-color:not(.disabled) {
+  color: inherit;
+}
+.ids-menu-item.inherit-color:not(.disabled) a {
+  color: inherit;
+}
+.ids-menu-item.color-variant-module-nav {
+  color: var(--ids-module-nav-settings-menu-item-text-color);
+}
+.ids-menu-item.color-variant-module-nav a {
+  padding-block: 10px;
+}
+.ids-menu-item.color-variant-module-nav .ids-menu-item-text {
+  color: var(--ids-module-nav-settings-menu-item-text-color);
+  padding-inline-start: var(--ids-module-nav-accordion-gutter-size);
+}
+
+.ids-menu-item-shortcuts {
+  pointer-events: none;
+  text-align: end;
+}
+
+.has-checkmark span.check {
+  position: relative;
+}
+.has-checkmark.selected span.check::after {
+  position: absolute;
+  border: 1px solid;
+  transform: rotate(45deg);
+  border-color: var(--ids-menu-check-color-default) var(--ids-menu-check-color-default) var(--ids-menu-check-color-default) transparent;
+  border-width: 0 2px 2px 0;
+  content: " ";
+  height: 11px;
+  width: 5px;
+  left: 11px;
+  margin-top: 2px;
+}
+.has-checkmark.selected.disabled span.check::after {
+  border-color: var(--ids-menu-check-color-disabled) var(--ids-menu-check-color-disabled) var(--ids-menu-check-color-disabled) transparent;
+}
+
+.has-multi-checkmark span.check {
+  position: absolute;
+  border: var(--ids-checkbox-border);
+  border-radius: var(--ids-checkbox-border-radius);
+  height: 14px;
+  width: 14px;
+  left: 0;
+  top: 2px;
+  align-self: center;
+  justify-self: center;
+  position: relative;
+  top: 0;
+}
+.has-multi-checkmark.selected span.check {
+  background-color: var(--ids-checkbox-color-background-selected);
+  border-color: var(--ids-checkbox-color-border-selected);
+}
+.has-multi-checkmark.selected span.check::after {
+  position: absolute;
+  display: block;
+  border: var(--ids-font-size-20) solid var(--ids-checkbox-color-border-selected-after);
+  border-width: var(--ids-checkbox-border-width-selected-after);
+  animation: check 0.15s;
+  transform: rotate(45deg);
+  content: "";
+  height: 10px;
+  left: 4px;
+  top: 0;
+  width: 4px;
+}
+.has-multi-checkmark.disabled.selected span.check {
+  background-color: var(--ids-checkbox-color-background-selected-disabled);
+  border-color: var(--ids-checkbox-color-border-selected-disabled);
+}
+
+.ids-menu-item[dir=rtl] a .ids-menu-item-submenu-icon,
+.ids-menu-item.rtl a .ids-menu-item-submenu-icon {
+  grid-column-start: 3;
+  transform: rotateZ(90deg);
+}`;var R=C(T(D(N))),c,O,w,r,u=class extends R{constructor(){super();p(this,c);m(this,"shouldUpdate",!0);m(this,"colorVariants",["module-nav"]);m(this,"vetoableEventTypes",["beforeselected","beforedeselected"]);p(this,r,void 0);this.state={},Object.keys(g).forEach(e=>{let t=this.getAttribute(e);this.state[e]=t||g[e]}),Object.defineProperty(this,"tabIndex",{get:()=>l(this,c,w),set:e=>{h(this,c,e,O)},configurable:!0,enumerable:!0})}template(){let e="",t="";this.state?.disabled&&(e=" disabled",t=" disabled");let n=this.templateCheck(),o='<span class="ids-menu-item-icon" role="presentation"><slot name="icon"></slot></span>',d="";this.state?.selected&&(d=" selected");let x='<span class="ids-menu-item-shortcuts" part="shortcuts"><slot name="shortcuts"></slot></span>',f="";this.shortcutKeys&&(f=" has-shortcuts");let k="";this.submenu&&(k=" has-submenu");let A='tabindex="0"';this.state?.tabIndex&&!this.state?.disabled&&(A=` tabindex="${this.state.tabIndex}"`);let I="";this.textAlign&&(I=` text-${this.textAlign}`);let E='<span class="ids-menu-item-text" part="text"><slot></slot></span>',v=`${n}${o}${E}${x}`;return this.iconAlign==="end"&&(v=`${n}${E}${o}${x}`),`<div role="none" part="menu-item" class="ids-menu-item${e}${d}${f}${k}${I}">
+      <a role="menuitem" ${A} ${t}>
+        ${v}
+      </a>
+      <slot name="submenu"></slot>
+    </div>`}templateCheck(){return'<span class="check" part="check" role="presentation"></span>'}templateDisplayIcon(e){let t=this.viewbox?` viewbox="${this.viewbox}"`:"";return`<ids-icon slot="icon" icon="${e}"${t} size="${b}" part="icon" class="ids-icon ids-menu-item-display-icon"></ids-icon>`}templateShortcutKeys(e){return`<span slot="shortcuts" class="shortcuts">${e}</span>`}templateSubmenuIcon(){return`<ids-icon slot="icon" icon="dropdown" size="${b}" class="ids-icon ids-menu-item-submenu-icon"></ids-icon>`}static get attributes(){return[...super.attributes,i.DISABLED,i.HIDDEN,i.HIGHLIGHTED,i.ICON,i.ICON_ALIGN,i.INHERIT_COLOR,i.SELECTED,i.SHORTCUT_KEYS,i.SUBMENU,i.TARGET,i.TABINDEX,i.TEXT_ALIGN,i.TOGGLEABLE,i.VALUE,i.VIEWBOX]}connectedCallback(){this.state||(this.state={}),super.connectedCallback(),this.refresh(),this.attachEventHandlers(),this.shouldUpdate=!0}refresh(){this.tabIndex=this.state.tabIndex,this.detectHidden(),this.detectSubmenu(),this.detectSelectability(),this.menu&&this.decorateForIcon(this.menu.hasIcons)}attachEventHandlers(){this.onEvent("slotchange",this.container,()=>{this.refresh()}),this.onLocaleChange=()=>{this.localeAPI.isRTL()?this.container?.classList.add("rtl"):this.container?.classList.remove("rtl")}}get a(){return this.shadowRoot?.querySelector("a")}get menu(){let e=this.closest("ids-toolbar-more-actions");if(e)return e.menu;let t=this.closest("ids-tab-more");return t?t.container?.querySelector("ids-popup-menu")||null:this.closest("ids-menu, ids-popup-menu")}get group(){return this.closest("ids-menu-group")}set disabled(e){let t=a(e);this.state.disabled=t;let n=this.a;if(!n)return;let o=this.shouldUpdate,d=this.hasAttribute(i.DISABLED);if(t){n.disabled=!0,n.setAttribute(i.DISABLED,""),this.tabIndex=-1,this.container?.classList.add(i.DISABLED),d||(this.shouldUpdate=!1,this.setAttribute(i.DISABLED,""),this.shouldUpdate=o);return}n.disabled=!1,n.removeAttribute(i.DISABLED),this.tabIndex=0,this.container?.classList.remove(i.DISABLED),d&&(this.shouldUpdate=!1,this.removeAttribute(i.DISABLED),this.shouldUpdate=o)}get disabled(){return this.state.disabled}onHiddenChange(e){a(e)?(this.setAttribute(i.HIDDEN,""),this.container?.classList.add(i.HIDDEN)):(this.removeAttribute(i.HIDDEN),this.container?.classList.remove(i.HIDDEN))}set highlighted(e){let t=a(e);t&&this.disabled||(t?this.setAttribute(i.HIGHLIGHTED,"true"):this.removeAttribute(i.HIGHLIGHTED),this.state.highlighted=t,this.container?.classList[t?"add":"remove"]("highlighted"))}get highlighted(){return this.state.highlighted}highlight(){this.highlighted=!0,this.triggerEvent("highlighted",this,{bubbles:!0,detail:{elem:this}})}unhighlight(){this.highlighted=!1}set icon(e){typeof e!="string"||!e.length?(this.removeAttribute(i.ICON),this.state.icon=void 0,this.removeIcon()):(this.state.icon=e,this.setAttribute(i.ICON,e),this.appendIcon(e)),this.group&&typeof this.group.updateIconAlignment=="function"&&this.group.updateIconAlignment()}get icon(){return this.iconEl?.icon}get iconEl(){return[...this.children].find(t=>t.matches("ids-icon"))}appendIcon(e){let t=this.querySelector('ids-icon[slot="icon"]');t?t.icon=e:this.insertAdjacentHTML("afterbegin",this.templateDisplayIcon(e))}removeIcon(){let e=this.querySelector('ids-icon[slot="icon"]');e&&e.remove()}decorateForIcon(e){this.container?.classList[e?"add":"remove"]("has-icon")}set inheritColor(e){a(e)?(this.setAttribute(i.INHERIT_COLOR,""),this.container?.classList.add("inherit-color")):(this.removeAttribute(i.INHERIT_COLOR),this.container?.classList.remove("inherit-color"))}get inheritColor(){return this.hasAttribute(i.INHERIT_COLOR)}detectHidden(){this.hidden=this.hasAttribute("hidden")}get submenu(){return this.querySelector("ids-menu, ids-popup-menu")}get hasSubmenu(){return(this.menu?.tagName!=="IDS-MENU"||!1)&&!!this.submenu}detectSubmenu(){let e=this.hasSubmenu;return this.container?.classList[e?"add":"remove"]("has-submenu"),this.decorateSubmenu(e),e}decorateSubmenu(e){let t=this.container?.querySelector('ids-icon[icon="dropdown"]');e===!0||e==="true"?(this.submenu&&(this.submenu.setAttribute(s.SLOT,"submenu"),this.submenu.setAttribute(s.ARIA_EXPANDED,this.submenu?.visible?"true":"false")),this.a?.setAttribute(s.ROLE,"button"),this.a?.setAttribute(s.ARIA_HASPOPUP,"true"),t||this.a?.insertAdjacentHTML("beforeend",this.templateSubmenuIcon()),this.value=null):(this.submenu&&this.submenu.removeAttribute(s.ARIA_EXPANDED),this.a?.setAttribute(s.ROLE,"menuitem"),this.a?.removeAttribute(s.ARIA_HASPOPUP),t?.remove())}get isSelectable(){return this.group?.select!==null}detectSelectability(){let e=this.group?.select,t=this.container?.querySelector("span.check");this.isSelectable?(this.container?.classList.add(e==="multiple"?"has-multi-checkmark":"has-checkmark"),this.container?.classList.remove(e==="multiple"?"has-checkmark":"has-multi-checkmark"),t||this.a?.insertAdjacentHTML("afterbegin",this.templateCheck()),this.a?.setAttribute(s.ROLE,e==="multiple"?"menuitemcheckbox":"menuitemradio"),this.a?.setAttribute(s.ARIA_CHECKED,this.selected?"true":"false")):(this.container?.classList.remove("has-checkmark","has-multi-checkmark"),t?.remove(),this.a?.setAttribute(s.ROLE,this.hasSubmenu?"button":"menuitem"),this.a?.removeAttribute(s.ARIA_CHECKED)),this.iconAlign==="end"&&this.container?.classList.add("align-icon-end")}get selected(){return this.state.selected}set selected(e){let t=a(e),n=t?"selected":"deselected",o=`before${n}`;this.triggerVetoableEvent(o,{value:this.value})&&(this.state.selected!==t&&(this.isSelectable&&(this.state.selected=t,t?this.setAttribute(i.SELECTED,""):this.removeAttribute(i.SELECTED),this.container?.classList[t?"add":"remove"]("selected"),this.a?.setAttribute(s.ARIA_CHECKED,t?"true":"false")),(t||this.group?.select==="multiple"||this.toggleable)&&this.triggerEvent(n,this,{bubbles:!0,detail:{elem:this,value:this.value}})),this.triggerEvent("pick",this,{bubbles:!0,detail:{elem:this,value:this.value,selected:t}}))}select(){this.selected=!0}deselect(){this.selected=!1}set shortcutKeys(e){typeof e!="string"||!e.length?(this.removeAttribute(i.SHORTCUT_KEYS),this.state.shortcutKeys=void 0,this.removeShortcuts()):(this.state.shortcutKeys=e,this.setAttribute(i.SHORTCUT_KEYS,e),this.appendShortcuts(e))}get shortcutKeys(){return this.shortcutKeyEl?.textContent}get shortcutKeyEl(){return[...this.children].find(t=>t.matches('span[slot="shortcuts"]'))}appendShortcuts(e){this.container?.classList.add("has-shortcuts");let t=this.querySelector('span[slot="shortcuts"]');t?t.textContent=e:this.insertAdjacentHTML("afterbegin",this.templateShortcutKeys(e))}removeShortcuts(){this.container?.classList.remove("has-shortcuts");let e=this.querySelector('span[slot="shortcuts"]');e&&e.remove()}set target(e){let t=this.target;e!==t&&(e instanceof HTMLElement||e instanceof SVGElement?e.isEqualNode(t)||h(this,r,e):e==null&&h(this,r,void 0))}get target(){return l(this,r)}get text(){let e=t=>t.nodeType===Node.TEXT_NODE||t.name==="ids-text";return[...this.childNodes].find(t=>e(t))?.textContent?.trim()}set textAlign(e){e?this.setAttribute(i.TEXT_ALIGN,e):this.removeAttribute(i.TEXT_ALIGN)}get textAlign(){return this.getAttribute(i.TEXT_ALIGN)}set iconAlign(e){e?this.setAttribute(i.ICON_ALIGN,e):this.removeAttribute(i.ICON_ALIGN)}get iconAlign(){return this.getAttribute(i.ICON_ALIGN)}set value(e){if(this.state.value=e,!M(e)){let t=this.shouldUpdate;this.shouldUpdate=!1,this.removeAttribute(i.VALUE),this.shouldUpdate=t}}get value(){return this.state.value}showSubmenu(){!this.hasSubmenu||this.hasSubmenu&&!this.submenu?.hidden||(this.a?.setAttribute(s.ARIA_EXPANDED,"true"),this.menu?.hideSubmenus(this),this.submenu?.show())}hideSubmenu(){!this.hasSubmenu||this.hasSubmenu&&this.submenu?.hidden||(this.a?.setAttribute(s.ARIA_EXPANDED,"false"),this.submenu?.hide())}focus(){!this.hidden&&!this.disabled&&(this.a?.focus(),this.menu?.highlightItem(this))}set viewbox(e){e?this.setAttribute(i.VIEWBOX,e):this.removeAttribute(i.VIEWBOX)}get viewbox(){return this.getAttribute(i.VIEWBOX)}set toggleable(e){a(e)?this.setAttribute(i.TOGGLEABLE,"true"):this.removeAttribute(i.TOGGLEABLE)}get toggleable(){return a(this.getAttribute(i.TOGGLEABLE))}};c=new WeakSet,O=function(e){let t=Number(e);this.state||(this.state={}),this.state.tabIndex!==t&&(this.removeAttribute(i.TABINDEX),Number.isNaN(t)||t<-1?(this.state.tabIndex=0,this.a?.setAttribute(i.TABINDEX,"0")):(this.state.tabIndex=t,this.a?.setAttribute(i.TABINDEX,`${t}`)))},w=function(){return this.state?.tabIndex||0},r=new WeakMap,u=y([L("ids-menu-item"),S(H)],u);export{u as a};

package/chunks/{ids-chunk-M5RDWTSO.js → ids-chunk-JRR64LQC.js}

@@ -1,4 +1,4 @@
-import{a as G}from"./ids-chunk-EUOS6T2I.js";import{a as R}from"./ids-chunk-DMZOF3FV.js";import{a as Y}from"./ids-chunk-K2BBXXX5.js";import{a as Z}from"./ids-chunk-NNYEUWVD.js";import{b as K}from"./ids-chunk-W6RCLQGO.js";import{a as j}from"./ids-chunk-J6DDVFGW.js";import{a as $}from"./ids-chunk-PHQEFZRD.js";import{a as F}from"./ids-chunk-CT5U7IVV.js";import{a as _,b as N}from"./ids-chunk-XE4WFW5M.js";import{a as X}from"./ids-chunk-4WDX2CDM.js";import{e as a}from"./ids-chunk-VEAPPKDG.js";import{a as t}from"./ids-chunk-NSM2KAOK.js";import{a as U,b as c,d as s,g as o}from"./ids-chunk-Y32WUP63.js";var J=`@charset "UTF-8";
+import{a as Z}from"./ids-chunk-UJBFVJOR.js";import{a as P}from"./ids-chunk-NAD3FYCS.js";import{a as j}from"./ids-chunk-CYUUIMSF.js";import{a as X}from"./ids-chunk-BW2KH6PU.js";import{b as Y}from"./ids-chunk-SKASXVWN.js";import{a as $}from"./ids-chunk-LZU7QFN4.js";import{a as _}from"./ids-chunk-D2KOMV4A.js";import{a as N}from"./ids-chunk-DK5QOJMP.js";import{a as V,b as U}from"./ids-chunk-XE4WFW5M.js";import{a as F}from"./ids-chunk-RW2HYK23.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-ECJIHQ7J.js";import{a as M,b as c,d as l,g as r}from"./ids-chunk-Y32WUP63.js";var K=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -63,11 +63,11 @@ import{a as G}from"./ids-chunk-EUOS6T2I.js";import{a as R}from"./ids-chunk-DMZOF
 }
 
 .ids-textarea .icon-dirty {
-  top: 0;
+  top: 1px;
   margin-inline-start: 1px;
 }
 .ids-textarea .icon-dirty[dir=rtl] {
-  top: 1px;
+  top: 2px;
 }
 
 .label-state-hidden .ids-label-text.empty::before {
@@ -380,6 +380,10 @@ import{a as G}from"./ids-chunk-EUOS6T2I.js";import{a as R}from"./ids-chunk-DMZOF
 .ids-input.field-height-xs {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.field-height-xs .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.field-height-xs .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -410,6 +414,10 @@ import{a as G}from"./ids-chunk-EUOS6T2I.js";import{a as R}from"./ids-chunk-DMZOF
 .ids-input.compact {
   margin-block-end: var(--ids-font-size-20);
 }
+.ids-input.compact .icon-dirty {
+  left: -1px;
+  top: -1px;
+}
 .ids-input.compact .ids-label-text {
   font-size: var(--ids-input-label-font-size);
 }
@@ -470,10 +478,16 @@ import{a as G}from"./ids-chunk-EUOS6T2I.js";import{a as R}from"./ids-chunk-DMZOF
   font-size: var(--ids-data-grid-font-size-sm);
   padding-inline: var(--ids-space-20);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .ids-input.color-variant-borderless.ids-input.field-height-xxs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
   padding-inline: var(--ids-space-10);
 }
+.ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
+  padding-inline-end: 0;
+}
 .ids-input.color-variant-in-cell {
   margin: 1px;
 }
@@ -998,9 +1012,9 @@ ids-input::part(container) {
   bottom: var(--ids-space-60);
   visibility: hidden;
   opacity: 0;
-}`;var ei=j(Z(K(Y($(G(F(X))))))),C,Q,g,S,y,q,A,H,k,M,d,h,u,b,T,W,D,ii,p,f,B,ti,m,L,E,V,w=class extends ei{constructor(){super();s(this,C);s(this,g);s(this,y);s(this,A);s(this,k);s(this,d);s(this,u);s(this,T);s(this,D);s(this,p);s(this,B);s(this,m);s(this,E);c(this,"colorInput");c(this,"colorPreview");c(this,"triggerBtn");c(this,"textInput");c(this,"isFormComponent",!0);c(this,"useDefaultSwatches",!0);c(this,"initialized",!1)}connectedCallback(){super.connectedCallback(),this.swatches.length||(this.useDefaultSwatches=!0,this.append(...this.defaultSwatches)),this.clearable&&this.appendClearableButton(),this.textInput=this.container?.querySelector("ids-trigger-field"),this.colorInput=this.container?.querySelector(".advanced-color-picker"),this.colorPreview=this.container?.querySelector(".color-preview"),this.triggerBtn=this.container?.querySelector("ids-trigger-button"),o(this,p,f).call(this,this.value),o(this,d,h).call(this),o(this,C,Q).call(this),this.initialized=!0}disconnectedCallback(){super.disconnectedCallback(),o(this,y,q).call(this)}static get attributes(){return[...super.attributes,t.ADVANCED,t.CHECKED,t.COMPACT,t.DISABLED,t.LABEL,t.PLACEHOLDER,t.SUPPRESS_LABELS,t.READONLY,t.TABBABLE,t.TABINDEX,t.SIZE,t.SUPPRESS_TOOLTIPS,t.TOOLTIP,t.VALIDATE,t.VALUE]}template(){let i=o(this,m,L).call(this),r=this.readonly?"readonly":"",e=this.disabled?"disabled":"",n=this.dirtyTracker?"dirty-tracker":"";return`<div class="ids-color-picker">
+}`;var oi=$(X(Y(j(_(Z(N(F))))))),S,G,g,I,w,O,y,R,A,q,d,h,u,b,L,J,C,Q,p,f,T,W,k,H,x=class extends oi{constructor(){super();l(this,S);l(this,g);l(this,w);l(this,y);l(this,A);l(this,d);l(this,u);l(this,L);l(this,C);l(this,p);l(this,T);l(this,k);c(this,"colorInput");c(this,"colorPreview");c(this,"triggerBtn");c(this,"textInput");c(this,"isFormComponent",!0);c(this,"useDefaultSwatches",!0);c(this,"initialized",!1)}connectedCallback(){super.connectedCallback(),this.swatches.length||(this.useDefaultSwatches=!0,this.append(...this.defaultSwatches)),this.clearable&&this.appendClearableButton(),this.textInput=this.container?.querySelector("ids-trigger-field"),this.colorInput=this.container?.querySelector(".advanced-color-picker"),this.colorPreview=this.container?.querySelector(".color-preview"),this.triggerBtn=this.container?.querySelector("ids-trigger-button"),r(this,p,f).call(this,this.value),r(this,d,h).call(this),r(this,S,G).call(this),this.initialized=!0}disconnectedCallback(){super.disconnectedCallback(),r(this,w,O).call(this)}static get attributes(){return[...super.attributes,t.ADVANCED,t.CHECKED,t.COMPACT,t.DISABLED,t.LABEL,t.PLACEHOLDER,t.SUPPRESS_LABELS,t.READONLY,t.TABBABLE,t.TABINDEX,t.SIZE,t.SUPPRESS_TOOLTIPS,t.TOOLTIP,t.VALIDATE,t.VALUE]}template(){let i=this.swatchSize(),o=this.readonly?"readonly":"",e=this.disabled?"disabled":"",n=this.dirtyTracker?"dirty-tracker":"";return`<div class="ids-color-picker">
       ${this.advanced?this.colorPickerAdvancedHtml:""}
-      <ids-trigger-field label="${this.label}" ${r} ${e} ${n}>
+      <ids-trigger-field label="${this.label}" ${o} ${e} ${n}>
         <ids-color ${e} size="${i}" tabindex="-1" class="color-preview" slot="trigger-start"></ids-color>
         <ids-trigger-button slot="trigger-end" class="color-picker-trigger-btn" tabindex="-1">
           <ids-text audible="true" translate-text="true"></ids-text>
@@ -1010,4 +1024,4 @@ ids-input::part(container) {
       <ids-popup id="color-picker-popup" type="menu">
         <slot slot="content" class="color-popup"></slot>
       </ids-popup>
-    </ids-color-picker>`}get colorPreviewHtml(){return`<ids-color${this.disabled?" disabled":""} tabindex="-1" class="color-preview" size="${o(this,m,L).call(this)}"></ids-color>`}get popup(){return this.container?.querySelector("#color-picker-popup")}get colorPickerAdvancedHtml(){return this.advanced?'<input class="advanced-color-picker" tabindex="-1" type="color"/>':""}get swatches(){return[...this.querySelectorAll("ids-color")]}get defaultSwatches(){let i=/^--ids-color-(([^0-9]+)-([0-9]+))$/,r=n=>{let l=new R,[I,P,z,v]=n.match(i)||[];return l.label=P,l.tooltip=`${z} ${v}`,l.hex=getComputedStyle(this.parentElement).getPropertyValue(String(I))||`var(${I})`,l.classList.add(Number(v)<40?"light":"dark"),l};return[...Object.values(["--ids-color-ruby-10","--ids-color-ruby-20","--ids-color-ruby-30","--ids-color-ruby-40","--ids-color-ruby-50","--ids-color-ruby-60","--ids-color-ruby-70","--ids-color-ruby-80","--ids-color-ruby-90","--ids-color-ruby-100"]),...Object.values(["--ids-color-amber-10","--ids-color-amber-20","--ids-color-amber-30","--ids-color-amber-40","--ids-color-amber-50","--ids-color-amber-60","--ids-color-amber-70","--ids-color-amber-80","--ids-color-amber-90","--ids-color-amber-100"]),...Object.values(["--ids-color-emerald-10","--ids-color-emerald-20","--ids-color-emerald-30","--ids-color-emerald-40","--ids-color-emerald-50","--ids-color-emerald-60","--ids-color-emerald-70","--ids-color-emerald-80","--ids-color-emerald-90","--ids-color-emerald-100"]),...Object.values(["--ids-color-azure-10","--ids-color-azure-20","--ids-color-azure-30","--ids-color-azure-40","--ids-color-azure-50","--ids-color-azure-60","--ids-color-azure-70","--ids-color-azure-80","--ids-color-azure-90","--ids-color-azure-100"]),...Object.values(["--ids-color-turquoise-10","--ids-color-turquoise-20","--ids-color-turquoise-30","--ids-color-turquoise-40","--ids-color-turquoise-50","--ids-color-turquoise-60","--ids-color-turquoise-70","--ids-color-turquoise-80","--ids-color-turquoise-90","--ids-color-turquoise-100"]),...Object.values(["--ids-color-amethyst-10","--ids-color-amethyst-20","--ids-color-amethyst-30","--ids-color-amethyst-40","--ids-color-amethyst-50","--ids-color-amethyst-60","--ids-color-amethyst-70","--ids-color-amethyst-80","--ids-color-amethyst-90","--ids-color-amethyst-100"]),...Object.values(["--ids-color-neutral-10","--ids-color-neutral-20","--ids-color-neutral-30","--ids-color-neutral-40","--ids-color-neutral-50","--ids-color-neutral-60","--ids-color-neutral-70","--ids-color-neutral-80","--ids-color-neutral-90","--ids-color-neutral-100"])].map(r)}set value(i){i=i?.trim()??"",i?this.setAttribute(t.VALUE,i):this.removeAttribute(t.VALUE),o(this,E,V).call(this,i),o(this,B,ti).call(this,o(this,u,b).call(this,i))}get value(){return this.getAttribute(t.VALUE)??""}set placeholder(i){i?(this.setAttribute(t.PLACEHOLDER,i),this.textInput?.setAttribute(t.PLACEHOLDER,i)):(this.removeAttribute(t.PLACEHOLDER),this.textInput?.removeAttribute(t.PLACEHOLDER))}get placeholder(){return this.getAttribute(t.PLACEHOLDER)??""}set size(i){i?(this.setAttribute(t.SIZE,i),this.textInput?.setAttribute(t.SIZE,i)):(this.removeAttribute(t.SIZE),this.textInput?.removeAttribute(t.SIZE))}get size(){return this.getAttribute(t.SIZE)}set validate(i){i?(this.setAttribute(t.VALIDATE,i),this.textInput?.setAttribute(t.VALIDATE,i)):(this.removeAttribute(t.VALIDATE),this.textInput?.removeAttribute(t.VALIDATE))}get validate(){return this.getAttribute(t.VALIDATE)}set tabbable(i){a(i)?(this.setAttribute(t.TABBABLE,""),this.textInput?.setAttribute(t.TABBABLE,"")):(this.removeAttribute(t.TABBABLE),this.textInput?.removeAttribute(t.TABBABLE))}get tabbable(){return a(this.getAttribute(t.TABBABLE))}set tooltip(i){i?(this.setAttribute(t.TOOLTIP,i),this.textInput?.setAttribute(t.TOOLTIP,i)):(this.removeAttribute(t.TOOLTIP),this.textInput?.removeAttribute(t.TOOLTIP))}get tooltip(){return this.getAttribute(t.TOOLTIP)}set advanced(i){let r=["#",/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/];a(i)?(this.setAttribute(t.ADVANCED,"true"),this.colorInput||this.container?.insertAdjacentHTML("afterbegin",this.colorPickerAdvancedHtml),this.colorInput=this.container?.querySelector(".advanced-color-picker"),o(this,A,H).call(this),o(this,E,V).call(this,this.value),this.textInput&&(this.textInput.mask=r)):(this.removeAttribute(t.ADVANCED),o(this,k,M).call(this),this.container?.querySelector(".advanced-color-picker")?.remove(),this.colorInput=null,this.textInput&&(this.textInput.mask=void 0))}get advanced(){return a(this.getAttribute(t.ADVANCED))||!1}set disabled(i){a(i)?(this.setAttribute(t.DISABLED,""),this.textInput?.setAttribute(t.DISABLED,""),this.triggerBtn?.setAttribute(t.DISABLED,""),this.triggerBtn?.setAttribute(t.TABBABLE,"false")):(this.removeAttribute(t.DISABLED),this.textInput?.removeAttribute(t.DISABLED),this.triggerBtn?.removeAttribute(t.DISABLED),this.triggerBtn?.setAttribute(t.TABBABLE,String(this.tabbable)))}get disabled(){return a(this.getAttribute(t.DISABLED))}set readonly(i){a(i)?(this.setAttribute(t.READONLY,""),this.textInput?.setAttribute(t.READONLY,""),this.triggerBtn?.setAttribute(t.DISABLED,"")):(this.removeAttribute(t.READONLY),this.textInput?.removeAttribute(t.READONLY),this.triggerBtn?.removeAttribute(t.DISABLED))}get readonly(){return a(this.getAttribute(t.READONLY))}set suppressLabels(i){a(i)?this.setAttribute(t.SUPPRESS_LABELS,"true"):this.removeAttribute(t.SUPPRESS_LABELS),o(this,d,h).call(this)}get suppressLabels(){return this.advanced?!0:a(this.getAttribute(t.SUPPRESS_LABELS))||!1}set suppressTooltips(i){a(i)?this.setAttribute(t.SUPPRESS_TOOLTIPS,"true"):this.removeAttribute(t.SUPPRESS_TOOLTIPS),o(this,d,h).call(this)}get suppressTooltips(){return this.advanced?!0:a(this.getAttribute(t.SUPPRESS_TOOLTIPS))||!1}set compact(i){a(i)?(this.setAttribute(t.COMPACT,""),this.textInput?.setAttribute(t.COMPACT,"")):(this.removeAttribute(t.COMPACT),this.textInput?.removeAttribute(t.COMPACT))}get compact(){return a(this.getAttribute(t.COMPACT))}close(){this.popup?.setAttribute(t.VISIBLE,"false"),this.removeOpenEvents(),o(this,d,h).call(this)}open(){if(this.advanced||this.disabled||this.readonly||!this.popup)return;if(this.useDefaultSwatches){let r=this.swatches;for(let e=0;e<r.length;e++)r[e].remove();this.append(...this.defaultSwatches)}let i=this.localeAPI.isRTL();this.popup.align=`bottom, ${i?"right":"left"}`,this.popup.arrow="bottom",this.popup.arrowTarget=this.triggerBtn,this.popup.alignTarget=this.textInput,this.popup.visible=!0,this.popup.show(),this.addOpenEvents(),o(this,d,h).call(this)}onOutsideClick(){this.close()}appendClearableButton(){!this.swatches.find(r=>!r.getAttribute(t.HEX))&&this.initialized&&(this.append(new R),o(this,d,h).call(this))}removeClearableButton(){this.swatches.find(r=>!r.getAttribute(t.HEX))?.remove()}onFieldHeightChange(i){this.textInput?.setAttribute(t.FIELD_HEIGHT,i),this.colorPreview?.setAttribute(t.SIZE,o(this,m,L).call(this))}onDirtyTrackerChange(i){this.textInput?.setAttribute(t.DIRTY_TRACKER,String(i))}onLabelChange(i){this.textInput&&(this.textInput.label=i??"")}onLabelStateChange(i){i?this.textInput?.setAttribute(t.LABEL_STATE,i):this.textInput?.removeAttribute(t.LABEL_STATE)}};C=new WeakSet,Q=function(){o(this,y,q).call(this),this.textInput?.onEvent("change",this.textInput,i=>{i.stopPropagation(),o(this,p,f).call(this,i.detail.value),this.triggerEvent("change",this,{bubbles:!0,detail:{...i.detail,elem:this}})}),this.textInput?.onEvent("input",this.textInput,i=>{i.stopPropagation();let r=i.target;o(this,g,S).call(this,r.value),this.triggerEvent("input",this,{bubbles:!0,detail:{elem:this,value:r?.value}})}),this.onEvent("click.color-picker-container",this.container,i=>{let r=i.target;if(!this.readonly&&!this.disabled){if(r.closest(".color-picker-trigger-btn, .color-preview")){o(this,D,ii).call(this);return}r.name?.toLowerCase()==="ids-color"&&!r.classList.contains("color-preview")&&(o(this,p,f).call(this,r?.hex),this.close())}}),this.advanced&&o(this,A,H).call(this),this.onEvent("keydown.color-picker",this,i=>{if(i.target.name==="id-color-picker"&&i.preventDefault(),i.key==="Escape")this.close();else if(["Enter","Space"," "].includes(i.key))if(this.popup?.visible){let e=String(i.target.name).toLowerCase()==="ids-color"?i.target:document.activeElement;o(this,p,f).call(this,e?.hex),this.close()}else i.key==="Enter"&&this.open();else i.key==="ArrowDown"&&(i.preventDefault(),this.popup?.visible||this.open())}),this.onEvent("keydown.color-picker-popup",this.popup,i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Space"," "].includes(i.key)){i.preventDefault();let e=10,n=this.swatches,l=n[0],I=n[n.length-1],P=document.activeElement?.closest("ids-color")||l,z=i.target.name.toLowerCase()==="ids-color"?i.target:P,v=n.indexOf(z),oi=n[v-1]||I,ri=n[v+1]||l;if(i.key==="ArrowRight")ri.swatch?.focus();else if(i.key==="ArrowLeft")oi.swatch?.focus();else if(i.key==="ArrowUp"){let x=v-e;if(x>=0){let[O]=n.splice(x,1);O?.swatch?.focus()}}else if(i.key==="ArrowDown"){let x=v+e;if(x<n.length){let[O]=n.splice(x,1);O?.swatch?.focus()}}}})},g=new WeakSet,S=function(i){this.colorPreview?.setAttribute(t.HEX,o(this,u,b).call(this,i)?.hex||i||"")},y=new WeakSet,q=function(){this.offEvent("click.color-picker-container",this.container),this.offEvent("change.color-picer-text",this.textInput),this.offEvent("input.color-picker-text",this.textInput),this.offEvent("keydown.color-picker",this),this.onEvent("keydown.color-picker-popup",this.popup),o(this,k,M).call(this)},A=new WeakSet,H=function(){this.offEvent("change.color-picker-input",this.colorInput),this.onEvent("change.color-picker-input",this.colorInput,i=>{o(this,p,f).call(this,i.target.value)}),this.offEvent("input.color-picker-input",this.colorInput),this.onEvent("input.color-picker-input",this.colorInput,i=>{i.stopPropagation(),o(this,g,S).call(this,i.target.value)})},k=new WeakSet,M=function(){this.offEvent("change.color-picker-input",this.colorInput),this.offEvent("input.color-picker-input",this.colorInput)},d=new WeakSet,h=function(){this.swatches.forEach(i=>{i.classList.add("outlined"),i.tooltip=this.suppressLabels?this.tooltip||i.hex:this.tooltip||i.label,this.suppressTooltips&&(i.tooltip=""),this.popup?.visible?i.removeAttribute(t.TABINDEX):i.setAttribute(t.TABINDEX,"-1")}),(o(this,u,b).call(this,this.value)||this.swatches[0])?.swatch?.focus()},u=new WeakSet,b=function(i){return this.swatches.find(e=>{if(!i)return!e.hex;let n=String(e.hex).trim().toLowerCase(),l=String(e.label).trim().toLowerCase();return[n,l].includes(String(i).trim().toLowerCase())})},T=new WeakSet,W=function(){if(this.advanced)return this.colorInput?this.colorInput.value:null;let i=this.querySelectorAll("ids-color[checked]")?.[0];return i?i.hex:null},D=new WeakSet,ii=function(){if(this.advanced){this.colorInput?.click();return}this.popup?.visible?this.close():this.open()},p=new WeakSet,f=function(i){if(i){let r=o(this,u,b).call(this,i);this.value=r?.hex||i}else this.value=""},B=new WeakSet,ti=function(i){let r=this.querySelector("[checked]");r&&r.removeAttribute(t.CHECKED),i&&i.setAttribute(t.CHECKED,"")},m=new WeakSet,L=function(){let i=this.compact?"mm":this.fieldHeight;return{compact:"xs",xs:"mm",sm:"mm",mm:"mm",md:"md",lg:"lg"}[i]||"md"},E=new WeakSet,V=function(i){if(!this.colorPreview)return;let r=i??o(this,T,W).call(this),e=o(this,u,b).call(this,r),n=e?.hex||r;if(o(this,g,S).call(this,n??""),this.advanced&&this.colorInput&&(this.colorInput.value=n?.length!==7?"#ffffff":n),n&&this.textInput){let l=!this.suppressLabels&&e?.label||e?.hex||n;this.textInput.value=l}else this.textInput&&(this.textInput.value="")},w=U([_("ids-color-picker"),N(J)],w);export{w as a};
+    </ids-color-picker>`}get colorPreviewHtml(){return`<ids-color${this.disabled?" disabled":""} tabindex="-1" class="color-preview" size="${this.swatchSize()}"></ids-color>`}get popup(){return this.container?.querySelector("#color-picker-popup")}get colorPickerAdvancedHtml(){return this.advanced?'<input class="advanced-color-picker" tabindex="-1" type="color"/>':""}get swatches(){return[...this.querySelectorAll("ids-color")]}get defaultSwatches(){let i=/^--ids-color-(([^0-9]+)-([0-9]+))$/,o=n=>{let s=new P,[E,D,z,v]=n.match(i)||[];return s.label=D,s.tooltip=`${z} ${v}`,s.hex=getComputedStyle(this.parentElement).getPropertyValue(String(E))||`var(${E})`,s.classList.add(Number(v)<40?"light":"dark"),s};return[...Object.values(["--ids-color-ruby-10","--ids-color-ruby-20","--ids-color-ruby-30","--ids-color-ruby-40","--ids-color-ruby-50","--ids-color-ruby-60","--ids-color-ruby-70","--ids-color-ruby-80","--ids-color-ruby-90","--ids-color-ruby-100"]),...Object.values(["--ids-color-amber-10","--ids-color-amber-20","--ids-color-amber-30","--ids-color-amber-40","--ids-color-amber-50","--ids-color-amber-60","--ids-color-amber-70","--ids-color-amber-80","--ids-color-amber-90","--ids-color-amber-100"]),...Object.values(["--ids-color-emerald-10","--ids-color-emerald-20","--ids-color-emerald-30","--ids-color-emerald-40","--ids-color-emerald-50","--ids-color-emerald-60","--ids-color-emerald-70","--ids-color-emerald-80","--ids-color-emerald-90","--ids-color-emerald-100"]),...Object.values(["--ids-color-azure-10","--ids-color-azure-20","--ids-color-azure-30","--ids-color-azure-40","--ids-color-azure-50","--ids-color-azure-60","--ids-color-azure-70","--ids-color-azure-80","--ids-color-azure-90","--ids-color-azure-100"]),...Object.values(["--ids-color-turquoise-10","--ids-color-turquoise-20","--ids-color-turquoise-30","--ids-color-turquoise-40","--ids-color-turquoise-50","--ids-color-turquoise-60","--ids-color-turquoise-70","--ids-color-turquoise-80","--ids-color-turquoise-90","--ids-color-turquoise-100"]),...Object.values(["--ids-color-amethyst-10","--ids-color-amethyst-20","--ids-color-amethyst-30","--ids-color-amethyst-40","--ids-color-amethyst-50","--ids-color-amethyst-60","--ids-color-amethyst-70","--ids-color-amethyst-80","--ids-color-amethyst-90","--ids-color-amethyst-100"]),...Object.values(["--ids-color-neutral-10","--ids-color-neutral-20","--ids-color-neutral-30","--ids-color-neutral-40","--ids-color-neutral-50","--ids-color-neutral-60","--ids-color-neutral-70","--ids-color-neutral-80","--ids-color-neutral-90","--ids-color-neutral-100"])].map(o)}set value(i){i=i?.trim()??"",i?this.setAttribute(t.VALUE,i):this.removeAttribute(t.VALUE),r(this,k,H).call(this,i),r(this,T,W).call(this,r(this,u,b).call(this,i))}get value(){return this.getAttribute(t.VALUE)??""}set placeholder(i){i?(this.setAttribute(t.PLACEHOLDER,i),this.textInput?.setAttribute(t.PLACEHOLDER,i)):(this.removeAttribute(t.PLACEHOLDER),this.textInput?.removeAttribute(t.PLACEHOLDER))}get placeholder(){return this.getAttribute(t.PLACEHOLDER)??""}set size(i){i?(this.setAttribute(t.SIZE,i),this.textInput?.setAttribute(t.SIZE,i)):(this.removeAttribute(t.SIZE),this.textInput?.removeAttribute(t.SIZE))}get size(){return this.getAttribute(t.SIZE)}set validate(i){i?(this.setAttribute(t.VALIDATE,i),this.textInput?.setAttribute(t.VALIDATE,i)):(this.removeAttribute(t.VALIDATE),this.textInput?.removeAttribute(t.VALIDATE))}get validate(){return this.getAttribute(t.VALIDATE)}set tabbable(i){a(i)?(this.setAttribute(t.TABBABLE,""),this.textInput?.setAttribute(t.TABBABLE,"")):(this.removeAttribute(t.TABBABLE),this.textInput?.removeAttribute(t.TABBABLE))}get tabbable(){return a(this.getAttribute(t.TABBABLE))}set tooltip(i){i?(this.setAttribute(t.TOOLTIP,i),this.textInput?.setAttribute(t.TOOLTIP,i)):(this.removeAttribute(t.TOOLTIP),this.textInput?.removeAttribute(t.TOOLTIP))}get tooltip(){return this.getAttribute(t.TOOLTIP)}set advanced(i){let o=["#",/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/,/[0-9a-fA-F]/];a(i)?(this.setAttribute(t.ADVANCED,"true"),this.colorInput||this.container?.insertAdjacentHTML("afterbegin",this.colorPickerAdvancedHtml),this.colorInput=this.container?.querySelector(".advanced-color-picker"),r(this,y,R).call(this),r(this,k,H).call(this,this.value),this.textInput&&(this.textInput.mask=o)):(this.removeAttribute(t.ADVANCED),r(this,A,q).call(this),this.container?.querySelector(".advanced-color-picker")?.remove(),this.colorInput=null,this.textInput&&(this.textInput.mask=void 0))}get advanced(){return a(this.getAttribute(t.ADVANCED))||!1}set disabled(i){a(i)?(this.setAttribute(t.DISABLED,""),this.textInput?.setAttribute(t.DISABLED,""),this.triggerBtn?.setAttribute(t.DISABLED,""),this.triggerBtn?.setAttribute(t.TABBABLE,"false")):(this.removeAttribute(t.DISABLED),this.textInput?.removeAttribute(t.DISABLED),this.triggerBtn?.removeAttribute(t.DISABLED),this.triggerBtn?.setAttribute(t.TABBABLE,String(this.tabbable)))}get disabled(){return a(this.getAttribute(t.DISABLED))}set readonly(i){a(i)?(this.setAttribute(t.READONLY,""),this.textInput?.setAttribute(t.READONLY,""),this.triggerBtn?.setAttribute(t.DISABLED,"")):(this.removeAttribute(t.READONLY),this.textInput?.removeAttribute(t.READONLY),this.triggerBtn?.removeAttribute(t.DISABLED))}get readonly(){return a(this.getAttribute(t.READONLY))}set suppressLabels(i){a(i)?this.setAttribute(t.SUPPRESS_LABELS,"true"):this.removeAttribute(t.SUPPRESS_LABELS),r(this,d,h).call(this)}get suppressLabels(){return this.advanced?!0:a(this.getAttribute(t.SUPPRESS_LABELS))||!1}set suppressTooltips(i){a(i)?this.setAttribute(t.SUPPRESS_TOOLTIPS,"true"):this.removeAttribute(t.SUPPRESS_TOOLTIPS),r(this,d,h).call(this)}get suppressTooltips(){return this.advanced?!0:a(this.getAttribute(t.SUPPRESS_TOOLTIPS))||!1}set compact(i){a(i)?(this.setAttribute(t.COMPACT,""),this.textInput?.setAttribute(t.COMPACT,"")):(this.removeAttribute(t.COMPACT),this.textInput?.removeAttribute(t.COMPACT))}get compact(){return a(this.getAttribute(t.COMPACT))}close(){this.popup?.setAttribute(t.VISIBLE,"false"),this.removeOpenEvents(),r(this,d,h).call(this)}open(){if(this.advanced||this.disabled||this.readonly||!this.popup)return;if(this.useDefaultSwatches){let o=this.swatches;for(let e=0;e<o.length;e++)o[e].remove();this.append(...this.defaultSwatches)}let i=this.localeAPI.isRTL();this.popup.align=`bottom, ${i?"right":"left"}`,this.popup.arrow="bottom",this.popup.arrowTarget=this.triggerBtn,this.popup.alignTarget=this.textInput,this.popup.visible=!0,this.popup.show(),this.addOpenEvents(),r(this,d,h).call(this)}onOutsideClick(){this.close()}appendClearableButton(){!this.swatches.find(o=>!o.getAttribute(t.HEX))&&this.initialized&&(this.append(new P),r(this,d,h).call(this))}removeClearableButton(){this.swatches.find(o=>!o.getAttribute(t.HEX))?.remove()}swatchSize(){let i=this.compact?"mm":this.fieldHeight;return{compact:"xs",xs:"mm",sm:"mm",mm:"mm",md:"md",lg:"lg"}[i]||"md"}onFieldHeightChange(i){this.textInput?.setAttribute(t.FIELD_HEIGHT,i),this.colorPreview?.setAttribute(t.SIZE,this.swatchSize())}onDirtyTrackerChange(i){this.textInput?.setAttribute(t.DIRTY_TRACKER,String(i))}onLabelChange(i){this.textInput&&(this.textInput.label=i??"")}onLabelStateChange(i){i?this.textInput?.setAttribute(t.LABEL_STATE,i):this.textInput?.removeAttribute(t.LABEL_STATE)}};S=new WeakSet,G=function(){r(this,w,O).call(this),this.onEvent("change",this.textInput,i=>{i.stopPropagation(),r(this,p,f).call(this,i.detail.value),this.triggerEvent("change",this,{bubbles:!0,detail:{...i.detail,elem:this}})}),this.onEvent("input",this.textInput,i=>{i.stopPropagation();let o=i.target;r(this,g,I).call(this,o.value),this.triggerEvent("input",this,{bubbles:!0,detail:{elem:this,value:o?.value}})}),this.onEvent("click.color-picker-container",this.container,i=>{let o=i.target;if(!this.readonly&&!this.disabled){if(o.closest(".color-picker-trigger-btn, .color-preview")){r(this,C,Q).call(this);return}o.name?.toLowerCase()==="ids-color"&&!o.classList.contains("color-preview")&&(r(this,p,f).call(this,o?.hex),this.close())}}),this.advanced&&r(this,y,R).call(this),this.onEvent("keydown.color-picker",this,i=>{if(i.target.name==="id-color-picker"&&i.preventDefault(),i.key==="Escape")this.close();else if(["Enter","Space"," "].includes(i.key))if(this.popup?.visible){let e=String(i.target.name).toLowerCase()==="ids-color"?i.target:document.activeElement;r(this,p,f).call(this,e?.hex),this.close()}else i.key==="Enter"&&this.open();else i.key==="ArrowDown"&&(i.preventDefault(),this.popup?.visible||this.open())}),this.onEvent("keydown.color-picker-popup",this.popup,i=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Space"," "].includes(i.key)){i.preventDefault();let e=10,n=this.swatches,s=n[0],E=n[n.length-1],D=document.activeElement?.closest("ids-color")||s,z=i.target.name.toLowerCase()==="ids-color"?i.target:D,v=n.indexOf(z),ii=n[v-1]||E,ti=n[v+1]||s;if(i.key==="ArrowRight")ti.swatch?.focus();else if(i.key==="ArrowLeft")ii.swatch?.focus();else if(i.key==="ArrowUp"){let m=v-e;if(m>=0){let[B]=n.splice(m,1);B?.swatch?.focus()}}else if(i.key==="ArrowDown"){let m=v+e;if(m<n.length){let[B]=n.splice(m,1);B?.swatch?.focus()}}}})},g=new WeakSet,I=function(i){this.colorPreview?.setAttribute(t.HEX,r(this,u,b).call(this,i)?.hex||i||"")},w=new WeakSet,O=function(){this.offEvent("click.color-picker-container",this.container),this.offEvent("change.color-picer-text",this.textInput),this.offEvent("input.color-picker-text",this.textInput),this.offEvent("keydown.color-picker",this),this.onEvent("keydown.color-picker-popup",this.popup),r(this,A,q).call(this)},y=new WeakSet,R=function(){this.offEvent("change.color-picker-input",this.colorInput),this.onEvent("change.color-picker-input",this.colorInput,i=>{r(this,p,f).call(this,i.target.value)}),this.offEvent("input.color-picker-input",this.colorInput),this.onEvent("input.color-picker-input",this.colorInput,i=>{i.stopPropagation(),r(this,g,I).call(this,i.target.value)})},A=new WeakSet,q=function(){this.offEvent("change.color-picker-input",this.colorInput),this.offEvent("input.color-picker-input",this.colorInput)},d=new WeakSet,h=function(){this.swatches.forEach(i=>{i.classList.add("outlined"),i.tooltip=this.suppressLabels?this.tooltip||i.hex:this.tooltip||i.label,this.suppressTooltips&&(i.tooltip=""),this.popup?.visible?i.removeAttribute(t.TABINDEX):i.setAttribute(t.TABINDEX,"-1")}),(r(this,u,b).call(this,this.value)||this.swatches[0])?.swatch?.focus()},u=new WeakSet,b=function(i){return this.swatches.find(e=>{if(!i)return!e.hex;let n=String(e.hex).trim().toLowerCase(),s=String(e.label).trim().toLowerCase();return[n,s].includes(String(i).trim().toLowerCase())})},L=new WeakSet,J=function(){if(this.advanced)return this.colorInput?this.colorInput.value:null;let i=this.querySelectorAll("ids-color[checked]")?.[0];return i?i.hex:null},C=new WeakSet,Q=function(){if(this.advanced){this.colorInput?.click();return}this.popup?.visible?this.close():this.open()},p=new WeakSet,f=function(i){if(i){let o=r(this,u,b).call(this,i);this.value=o?.hex||i}else this.value=""},T=new WeakSet,W=function(i){let o=this.querySelector("[checked]");o&&o.removeAttribute(t.CHECKED),i&&i.setAttribute(t.CHECKED,"")},k=new WeakSet,H=function(i){if(!this.colorPreview)return;let o=i??r(this,L,J).call(this),e=r(this,u,b).call(this,o),n=e?.hex||o;if(r(this,g,I).call(this,n??""),this.advanced&&this.colorInput&&(this.colorInput.value=n?.length!==7?"#ffffff":n),n&&this.textInput){let s=!this.suppressLabels&&e?.label||e?.hex||n;this.textInput.value=s}else this.textInput&&(this.textInput.value="")},x=M([V("ids-color-picker"),U(K)],x);export{x as a};

package/chunks/{ids-chunk-CQRUOUCJ.js → ids-chunk-JTHXGBZS.js}

@@ -1 +1 @@
-import{a as t}from"./ids-chunk-NSM2KAOK.js";var a=i=>class extends i{previousDisplayMode=!1;constructor(...e){super(...e)}static get attributes(){return[...i.attributes,t.DISPLAY_MODE]}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(t.DISPLAY_MODE)&&(this.displayMode=this.getAttribute(t.DISPLAY_MODE))}disconnectedCallback(){super.disconnectedCallback?.()}set displayMode(e){let s=!1;typeof e=="string"&&(e==="expanded"||e==="collapsed")&&(s=e);let o=this.previousDisplayMode;o!==s&&(s!==!1?this.setAttribute(t.DISPLAY_MODE,`${s}`):(this.removeAttribute(t.DISPLAY_MODE),s=!1),this.previousDisplayMode=s,this.#s(o,s))}get displayMode(){return this.getAttribute(t.DISPLAY_MODE)??!1}#s(e,s){this.container&&(e&&this.container?.classList.remove(`display-mode-${e}`),s&&this.container?.classList.add(`display-mode-${s}`)),typeof this.onDisplayModeChange=="function"&&this.onDisplayModeChange(e,s)}checkDisplayMode(){this.previousDisplayMode!==this.displayMode&&this.#s(this.previousDisplayMode,this.displayMode)}},l=a;export{l as a};
+import{a as t}from"./ids-chunk-ECJIHQ7J.js";var a=i=>class extends i{previousDisplayMode=!1;constructor(...e){super(...e)}static get attributes(){return[...i.attributes,t.DISPLAY_MODE]}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(t.DISPLAY_MODE)&&(this.displayMode=this.getAttribute(t.DISPLAY_MODE))}disconnectedCallback(){super.disconnectedCallback?.()}set displayMode(e){let s=!1;typeof e=="string"&&(e==="expanded"||e==="collapsed")&&(s=e);let o=this.previousDisplayMode;o!==s&&(s!==!1?this.setAttribute(t.DISPLAY_MODE,`${s}`):(this.removeAttribute(t.DISPLAY_MODE),s=!1),this.previousDisplayMode=s,this.#s(o,s))}get displayMode(){return this.getAttribute(t.DISPLAY_MODE)??!1}#s(e,s){this.container&&(e&&this.container?.classList.remove(`display-mode-${e}`),s&&this.container?.classList.add(`display-mode-${s}`)),typeof this.onDisplayModeChange=="function"&&this.onDisplayModeChange(e,s)}checkDisplayMode(){this.previousDisplayMode!==this.displayMode&&this.#s(this.previousDisplayMode,this.displayMode)}},l=a;export{l as a};

package/chunks/ids-chunk-JXEN4J5L.js

@@ -0,0 +1,86 @@
+import{a as R}from"./ids-chunk-K5N3YEDE.js";import{a as O}from"./ids-chunk-WJOA4QOY.js";import{a as S}from"./ids-chunk-TKEWQU35.js";import{o as D}from"./ids-chunk-ECWXAFYU.js";import{a as L}from"./ids-chunk-LZU7QFN4.js";import{a as T}from"./ids-chunk-D2KOMV4A.js";import{e as H}from"./ids-chunk-CK6SA7FU.js";import{c as P}from"./ids-chunk-ZUHWNQKP.js";import{a as E,b as I}from"./ids-chunk-XE4WFW5M.js";import{p as x,r as M}from"./ids-chunk-U4XVR5SW.js";import{a as n,b as p}from"./ids-chunk-ECJIHQ7J.js";import{a as w,b as c,c as u,d as h,e as b,g as a}from"./ids-chunk-Y32WUP63.js";var C=`.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;
+  }
+}
+
+@media all and (max-width: 600px) {
+  :host(.hide-sm-down) {
+    display: none;
+  }
+}
+
+.ids-popup-menu:not([hidden]) {
+  display: block;
+  z-index: var(--ids-z-index-60);
+}`;var q=L(S(T(O(R)))),o,l,v,f,k,g,N,m,y,d=class extends q{constructor(){super();h(this,l);h(this,f);h(this,g);h(this,m);c(this,"container",null);c(this,"recentlyHidden",!1);c(this,"vetoableEventTypes",["beforeshow"]);h(this,o,void 0)}static get attributes(){return[...super.attributes,n.ALIGN,n.ARROW,n.MAX_HEIGHT,n.WIDTH,n.X,n.Y]}template(){let t=super.template(),e=this.align?` align="${this.align}"`:"",i=this.maxHeight?` max-height="${this.maxHeight}"`:"";return`<ids-popup class="ids-popup-menu" type="menu"${e}${i}>${t}</ids-popup>`}connectedCallback(){super.connectedCallback(),this.hasAttribute(n.HIDDEN)||this.setAttribute(n.HIDDEN,""),this.hasAttribute(n.WIDTH)&&a(this,m,y).call(this,this.getAttribute(n.WIDTH)),this.container||(this.container=this.shadowRoot?.querySelector("ids-popup")),this.configureSubmenuAlignment(),this.setOnPlace(!!this.parentMenuItem)}disconnectedCallback(){super.disconnectedCallback?.(),this.hasOpenEvents&&this.hide(),a(this,l,v).call(this)}renderFromData(){super.renderFromData(),this.attachEventHandlers(),this.attachKeyboardListeners()}setInitialFocus(){let t=this.focusTarget;t&&(t.highlight(),t.focus())}attachEventHandlers(){super.attachEventHandlers(),this.offEvent("pick"),this.onEvent("pick",this,t=>{this.visible&&(t.detail.elem?.group?.keepOpen||this.hideAndFocus())}),this.offEvent("show"),this.onEvent("show",this.container,t=>{this.hideOtherMenus(),this.parentMenuItem||this.triggerEvent("show",this,t),this.setInitialFocus()}),this.offEvent("hide"),this.onEvent("hide",this.container,t=>{this.parentMenuItem||this.triggerEvent("hide",this,t),u(this,o)?.disconnect()}),this.refreshTriggerEvents()}hideOtherMenus(){document.querySelector(".popupmenu.is-open")?.classList.remove("is-open"),document.querySelector("[data-popupmenu].is-open")?.classList.remove("is-open"),b(this,o,new MutationObserver(s=>{s.forEach(r=>{r.target?.className==="is-open"&&this.hide()})})),document.querySelector("body")&&u(this,o).observe(document.querySelector("body"),{attributes:!0,subtree:!0})}attachKeyboardListeners(){super.attachKeyboardListeners();let t=this.keyboardEventTarget||this,e=()=>{this.parentMenu&&this.hideAndFocus(!0)},i=s=>{let r=s.target.closest("ids-menu-item");r.hasSubmenu&&r.showSubmenu()};this.unlisten("ArrowRight"),this.listen(["ArrowRight"],t,s=>{s.stopPropagation(),s.preventDefault(),this.localeAPI.isRTL()?e():i(s)}),this.unlisten("ArrowLeft"),this.listen(["ArrowLeft"],t,s=>{s.stopPropagation(),s.preventDefault(),this.localeAPI.isRTL()?i(s):e()}),this.unlisten("Escape"),this.parentMenu||this.listen(["Escape"],t,s=>{this.hidden||(s.preventDefault(),s.stopPropagation(),this.hideAndFocus())})}get parentMenu(){return this.parentElement?.closest("ids-popup-menu")}set align(t){typeof t=="string"&&this.popup&&(this.popup.align=t)}get align(){return this.popup?.align||`top, ${this.popup?.localeAPI?.isRTL()?"right":"left"}`}get visible(){return!!this.popup?.visible}hide(){this.popup?.visible&&(this.hidden=!0,a(this,g,N).call(this),this.lastHovered=void 0,this.popup.visible=!1,this.hideSubmenus(),this.removeOpenEvents(),a(this,l,v).call(this),this.startHiddenTimer())}show(){this.popup?.visible||this.triggerVetoableEvent("beforeshow")&&(this.configureSubmenuAlignment(),this.refreshIconAlignment(),this.hidden=!1,a(this,f,k).call(this),this.hideSubmenus(),this.popup?.setAttribute("visible","true"),this.triggerEvent("aftershow",this,{bubbles:!0,detail:{elem:this}}),this.addOpenEvents())}showIfAble(){this.target?!this.target?.disabled&&!this.target?.hidden&&this.show():this.show()}hideSubmenus(t=void 0){let e=this.submenus,i;t?.hasSubmenu&&(i=t.submenu),e.forEach(s=>{let r=i&&i.isEqualNode(s);!s.hidden&&!r&&!s.contains(i)&&s.hide()})}hideAndFocus(t){this.hide(),(this.parentMenu&&t?this.parentMenuItem:this.target)?.focus()}get maxHeight(){return this.getAttribute(n.MAX_HEIGHT)}set maxHeight(t){let e=M(t);e?(this.setAttribute(n.MAX_HEIGHT,e),this.popup?.setAttribute(n.MAX_HEIGHT,e)):(this.removeAttribute(n.MAX_HEIGHT),this.popup?.removeAttribute(n.MAX_HEIGHT))}set width(t){let e=this.width,i=typeof t=="string"?P(t):"";e!==i&&(i.length?this.setAttribute(n.WIDTH,`${i}`):this.removeAttribute(n.WIDTH)),a(this,m,y).call(this,i)}get width(){let t=this.container?.style.width;return t?.length?t:null}set y(t){this.popup&&(this.popup.y=t)}get y(){return this.popup?.y||0}set x(t){this.popup&&(this.popup.x=t)}get x(){return this.popup?.x||0}set arrow(t){this.popup&&(this.popup.arrow=t)}get arrow(){return this.popup?.arrow||"none"}onOutsideClick(){this.hide()}onTriggerClick(t){return t.currentTarget!==window&&t.preventDefault(),t.button!==0||this.hidden&&!this.recentlyHidden&&(this.showIfAble(),this.setInitialFocus()),!0}onContextMenu(t){t.preventDefault(),t.stopPropagation(),this.hide(),this.popup?.setPosition(t.pageX,t.pageY),this.showIfAble(),this.setInitialFocus()}onTriggerImmediate(){window.requestAnimationFrame(()=>{this.showIfAble()})}onTriggerHover(){!this.target.disabled&&!this.target.hidden&&(this.parentMenuItem&&this.parentMenuItem?.menu?.hideSubmenus(this.target),this.showIfAble())}onCancelTriggerHover(t){let e=t.detail.mouseLeaveNode,i=x();i&&(!i.isEqualNode(e)||!this.contains(e))&&(this.hide(),e?.tagName==="IDS-MENU-ITEM"&&(e.highlight(),e.menu?.hideSubmenus?.(e)))}onTriggerHoverClick(t){return t.preventDefault(),this.onTriggerClick(t)}setOnPlace(t){this.popup&&(t?(this.popup.scrollParentElem=this.parentMenu?.popup?.wrapper,this.popup.onPlace=e=>{let i=this.parentMenu&&this.parentMenu.popup;if(this.container&&i){this.container.removeAttribute("style");let s=10;this.container||(this.container=this.shadowRoot?.querySelector("ids-popup"));let r=(i.offsetLeft||0)-this.container.scrollParentElem.scrollLeft,A=(i.offsetTop||0)-this.container.scrollParentElem.scrollTop+s;e.x-=r,e.y-=A}return e}):this.popup.onPlace=D)}focus(){this.hidden||this.focusTarget?.focus()}async startHiddenTimer(){this.recentlyHidden=!0,await H(10),this.recentlyHidden=!1}configureSubmenuAlignment(){let t=this.popup?.localeAPI?.isRTL()||!1;this.parentMenuItem&&(this.popupDelay=200,this.target=this.parentMenuItem,this.triggerType="hover",this.align=`${t?"left":"right"}, top`)}};o=new WeakMap,l=new WeakSet,v=function(){u(this,o)&&(u(this,o).disconnect(),b(this,o,void 0))},f=new WeakSet,k=function(){this.popup?.querySelector("nav")?.setAttribute(p.ROLE,"menu");let t=[...this.querySelectorAll("ids-menu-item")];t.forEach((e,i)=>{e.a.setAttribute(p.ARIA_POSINSET,i+1),e.a.setAttribute(p.ARIA_SETSIZE,t.length)})},g=new WeakSet,N=function(){this.popup?.querySelector("nav")?.removeAttribute(p.ROLE)},m=new WeakSet,y=function(t){t===null&&(t=""),this.container&&(this.container.style.width=t)},d=w([E("ids-popup-menu"),I(C)],d);export{d as a};