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

package/chunks/ids-chunk-UXBIXC4I.js

@@ -0,0 +1,93 @@
+import{a as T}from"./ids-chunk-7NFQTMPK.js";import{a as S,b as O}from"./ids-chunk-DRW37UXP.js";import{a as C}from"./ids-chunk-T6ZV4PDM.js";import{a as y}from"./ids-chunk-DK5QOJMP.js";import{a as N}from"./ids-chunk-IFNEWXJJ.js";import{a as D,b as P}from"./ids-chunk-XE4WFW5M.js";import{a as I}from"./ids-chunk-RCDMHHTV.js";import{e as o}from"./ids-chunk-5Q3WPKMB.js";import{a as i}from"./ids-chunk-4NXTNKXV.js";import{a as A,b as c,c as L,d as a,e as x,g as t}from"./ids-chunk-Y32WUP63.js";var k=`:host {
+  display: block;
+}
+
+.ids-accordion-panel:not([class*=color-variant-]) .ids-accordion-pane-content {
+  padding-block: 8px;
+  padding-inline-start: 18px;
+}
+.ids-accordion-panel:not([class*=color-variant-]).nested .ids-accordion-pane-content {
+  padding-inline-start: 22px;
+}
+.ids-accordion-panel:not([class*=color-variant-]).has-icon .ids-accordion-pane-content {
+  padding-inline-start: 30px;
+}
+.ids-accordion-panel.color-variant-app-menu {
+  margin-bottom: 4px;
+  background-color: var(--ids-app-menu-accordion-panel-color-background);
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), height var(--ids-motion-duration) var(--ids-motion-ease), padding var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-accordion-panel.color-variant-app-menu.expanded {
+  padding-block-start: 8px;
+}
+.ids-accordion-panel.color-variant-app-menu .ids-accordion-pane-content {
+  padding-inline-start: 8px;
+}
+.ids-accordion-panel.color-variant-app-menu:not(.rtl).nested .ids-accordion-pane-content {
+  padding-inline-start: 16px;
+  padding-inline-end: 0;
+}
+.ids-accordion-panel.color-variant-app-menu ::slotted(ids-accordion-panel) {
+  padding-inline-start: 24px;
+}
+.ids-accordion-panel.color-variant-app-menu .ids-accordion-panel {
+  padding-inline-start: 24px;
+}
+.ids-accordion-panel.color-variant-sub-app-menu {
+  margin: 0;
+}
+.ids-accordion-panel.color-variant-sub-app-menu:not(.rtl) .ids-accordion-pane-content {
+  padding-inline-start: 28px;
+}
+.ids-accordion-panel.color-variant-module-nav .ids-accordion-pane-content {
+  padding-inline-start: 8px;
+}
+.ids-accordion-panel.color-variant-module-nav:not(.rtl).nested .ids-accordion-pane-content {
+  padding-inline-start: 16px;
+  padding-inline-end: 0;
+}
+.ids-accordion-panel.color-variant-module-nav .ids-accordion-pane-content {
+  padding-inline-start: 0;
+}
+.ids-accordion-panel.color-variant-module-nav.nested .ids-accordion-pane-content {
+  padding-inline-start: 16px;
+  padding-inline-end: 0;
+}
+.ids-accordion-panel.color-variant-sub-module-nav .ids-accordion-pane-content {
+  padding-inline-start: 0;
+}
+.ids-accordion-panel.color-variant-sub-module-nav.nested .ids-accordion-pane-content {
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+}
+
+.ids-accordion-pane {
+  box-sizing: border-box;
+  contain: content;
+  display: none;
+  height: 0;
+  overflow: hidden;
+  transition: height var(--ids-motion-duration) var(--ids-motion-ease);
+}
+
+.ids-accordion-pane-title {
+  clip: rect(0, 0, 0, 0);
+  height: 0;
+  line-height: 0;
+  min-height: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}`;var X=N(C(y(I))),v,q,u,E,r,d,g,f,B,s,h,l,m,b,M,p=class extends X{constructor(){super();a(this,v);a(this,u);a(this,d);a(this,f);a(this,s);a(this,l);a(this,b);c(this,"paneOpenListener");c(this,"paneCloseListener");c(this,"colorVariants",["app-menu","sub-app-menu","module-nav","sub-module-nav"]);c(this,"vetoableEventTypes",["beforeexpanded","beforecollapsed"]);a(this,r,!1);this.state={}}connectedCallback(){super.connectedCallback(),t(this,v,q).call(this),t(this,b,M).call(this),t(this,u,E).call(this,this.contentAlignment),t(this,l,m).call(this),t(this,d,g).call(this,this.expanded)}static get attributes(){return[...super.attributes,i.DISABLED,i.EXPANDED]}onColorVariantRefresh(){t(this,l,m).call(this)}set contentAlignment(e){let n=null;S.includes(e)&&(n=e),this.state.contentAlignment!==n&&(this.state.contentAlignment=n,t(this,u,E).call(this,n),this.header&&this.header?.refreshContentAlignment(n))}get contentAlignment(){return this.state.contentAlignment}get accordion(){return this.closest("ids-accordion")}get header(){return this.querySelector('[slot="header"]')}get expander(){return this.container?.querySelector(".ids-accordion-panel-expander")}get pane(){return this.container?.querySelector(".ids-accordion-pane")}get childPanels(){let e=this.querySelectorAll("ids-accordion-panel");return e.length?[...e]:[]}get hasParentPanel(){return this.parentElement?.tagName==="IDS-ACCORDION-PANEL"}get parentExpanded(){return this.hasParentPanel&&this.parentElement?.expanded}get isExpandable(){return[...this.children].length>1}set expanded(e){let n=o(e);if(L(this,r)!==n)if(n){if(!this.triggerVetoableEvent("beforeexpanded",this)){this.removeAttribute(i.EXPANDED);return}x(this,r,!0),this.setAttribute(i.EXPANDED,`${e}`),t(this,d,g).call(this,!0)}else{if(!this.triggerVetoableEvent("beforecollapsed",this)){this.setAttribute(i.EXPANDED,"true");return}x(this,r,!1),this.removeAttribute(i.EXPANDED),t(this,d,g).call(this,!1)}}get expanded(){return o(this.getAttribute(i.EXPANDED))}get nested(){return!!this.container?.classList?.contains("nested")}set nested(e){this.container?.classList[o(e)?"add":"remove"]("nested")}get disabled(){return o(this.getAttribute(i.DISABLED))}set disabled(e){let n=o(e);this.header.disabled=n,n?(this.setAttribute(i.DISABLED,`${n}`),this.setAttribute(i.TABINDEX,"-1")):(this.removeAttribute(i.DISABLED),this.removeAttribute(i.TABINDEX))}collapsePane(){requestAnimationFrame(()=>{this.pane&&(this.paneOpenListener&&(this.pane.removeEventListener("transitionend",this.paneOpenListener),delete this.paneOpenListener),this.pane.style.height=`${this.pane.scrollHeight}px`,this.container?.classList.remove("expanded"),this.header&&(this.header.expanded=!1),requestAnimationFrame(()=>{this.pane&&(this.pane.style.height="0px",this.paneCloseListener=()=>{this.pane&&(this.pane.style.display="none")},this.pane.addEventListener("transitionend",this.paneCloseListener,{once:!0}))}))})}expandPane(){!this.pane||!this.isExpandable||(this.paneCloseListener&&(this.pane.removeEventListener("transitionend",this.paneCloseListener),delete this.paneCloseListener),this.pane.style.display="block",requestAnimationFrame(()=>{this.container?.classList.add("expanded"),this.header&&(this.header.expanded=!0),this.pane&&(this.pane.style.height=`${this.pane.scrollHeight}px`,this.paneOpenListener=()=>{this.pane&&(this.pane.style.height="auto")},this.pane.addEventListener("transitionend",this.paneOpenListener,{once:!0}))}))}select(e){e?.tagName==="IDS-ACCORDION-PANEL"&&(this.header.selected=!0,e.focus())}focus(){this.header.focus()}template(){return`
+      <div class="ids-accordion-panel">
+        <div class="ids-accordion-panel-expander">
+          <slot name="header"></slot>
+        </div>
+        <div class="ids-accordion-pane">
+          <div class="ids-accordion-pane-content">
+            <slot name="content"></slot>
+          </div>
+        </div>
+      </div>
+    `}};v=new WeakSet,q=function(){let e=Math.floor(1e4+Math.random()*9e4);this.pane?.setAttribute("title",`ids-accordion-pane-${e}`)},u=new WeakSet,E=function(e=null){this.container&&(O(this.container?.classList,e),this.container.classList[this.hasParentPanel?"add":"remove"]("is-child-panel"))},r=new WeakMap,d=new WeakSet,g=function(e){this.header?.setAttribute("aria-expanded",`${e}`),e?(this.expandPane(),this.accordion.allowOnePane&&t(this,f,B).call(this)):this.collapsePane()},f=new WeakSet,B=function(){[...this.parentElement?.querySelectorAll(":scope > ids-accordion-panel")??[]].forEach(n=>{n!==this&&n.expanded&&(n.expanded=!1)})},s=new WeakSet,h=function(){this.expanded=!this.expanded,this.select(this)},l=new WeakSet,m=function(){this.header instanceof T&&this.header.toggleExpanderIcon(this.isExpandable)},b=new WeakSet,M=function(){this.onEvent("click",this.expander,()=>{this.disabled||t(this,s,h).call(this)}),this.listen("Enter",this.expander,e=>{e.stopPropagation(),this.disabled||t(this,s,h).call(this)}),this.listen(" ",this.expander,e=>{e.stopPropagation(),this.disabled||t(this,s,h).call(this)}),this.onEvent("touchend",this.expander,e=>{e.touches&&e.touches.length>0&&t(this,s,h).call(this)},{passive:!0}),this.onEvent("slotchange",this,()=>{t(this,l,m).call(this)})},p=A([D("ids-accordion-panel"),P(k)],p);export{p as a};

package/chunks/{ids-chunk-LL4HKB7S.js → ids-chunk-V36EUKX6.js}

@@ -1,5 +1,4 @@
-import{b as u}from"./ids-chunk-SCWD3ICQ.js";import{b as c}from"./ids-chunk-HXQK5AOF.js";import{a as d,b as s}from"./ids-chunk-XE4WFW5M.js";import{e as i}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-6EMRTLSG.js";import{a}from"./ids-chunk-5K6IDMGA.js";var l=`
-/**
+import{b as m}from"./ids-chunk-7AX677DF.js";import{b as v}from"./ids-chunk-7SNGPV6G.js";import{a as l,b}from"./ids-chunk-XE4WFW5M.js";import{e as i}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-4NXTNKXV.js";import{a as u,d as s,g as c}from"./ids-chunk-Y32WUP63.js";var p=`/**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
  */
@@ -467,6 +466,11 @@ button {
   padding: var(--ids-space-30);
   padding-inline: var(--ids-space-30);
 }
+.ids-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
+.ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
+.ids-menu-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
+  border-radius: var(--ids-border-radius-02);
+}
 .ids-button.color-variant-module,
 .ids-toggle-button.color-variant-module,
 .ids-menu-button.color-variant-module {
@@ -741,6 +745,9 @@ button {
   padding: var(--ids-space-30);
   padding-inline: var(--ids-space-30);
 }
+.ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
+  border-radius: var(--ids-border-radius-02);
+}
 .ids-icon-button.color-variant-module {
   color: var(--ids-button-module-color-text-default);
 }
@@ -1102,6 +1109,14 @@ button {
   border-radius: var(--ids-trigger-field-button-border-radius);
 }
 
+:host([field-height=xs]) .ids-trigger-button.ids-icon-button {
+  margin-inline-end: -1px;
+}
+
+:host([field-height=sm]) .ids-trigger-button.ids-icon-button {
+  margin-inline-end: -4px;
+}
+
 .ids-trigger-button {
   align-items: center;
   background-color: transparent;
@@ -1116,7 +1131,6 @@ button {
   color: var(--ids-trigger-field-color-text-disabled);
 }
 .ids-trigger-button.ids-icon-button[readonly]:hover {
-  color: var(--ids-trigger-field-icon-color);
   cursor: var(--ids-cursor-default);
   background-color: transparent;
 }
@@ -1157,9 +1171,12 @@ button {
 .ids-trigger-button.inline-start {
   border-inline-end: 1px solid;
 }
+.ids-trigger-button.inline-start:not(.btn-secondary):not(.no-margins) {
+  margin: 0;
+}
 .ids-trigger-button.color-variant-alternate-formatter {
   padding: var(--ids-space-20);
 }
 .ids-trigger-button.inherit-color {
   color: currentColor;
-}`;var n=class extends u(c){constructor(){super()}static get attributes(){return[...super.attributes,t.INLINE,t.INHERIT_COLOR,t.READONLY,t.TABBABLE]}connectedCallback(){super.connectedCallback(),this.inline=i(this.getAttribute(t.INLINE)),this.readonly=i(this.getAttribute(t.READONLY))}get protoClasses(){return["ids-trigger-button"].concat(super.protoClasses)}set tabbable(r){let e=i(r),o=this.shadowRoot?.querySelector("button");if(e){this.setAttribute(t.TABBABLE,""),o&&(o.tabIndex=0);return}this.removeAttribute(t.TABBABLE),o&&(o.tabIndex=-1)}get tabbable(){return i(this.getAttribute(t.TABBABLE))}set readonly(r){let e=i(r),o=this.shadowRoot?.querySelector("button");if(e){this.setAttribute(t.READONLY,""),o&&(o.tabIndex=-1,o.setAttribute("readonly",""));return}o&&(o.tabIndex=this.tabbable?0:-1,o.removeAttribute("readonly")),this.removeAttribute(t.READONLY)}get readonly(){return i(this.getAttribute(t.READONLY))}get inlineCssClass(){return this?.slot==="trigger-start"?"inline-start":"inline-end"}set inline(r){i(r)?(this.setAttribute(t.INLINE,""),this.#t()):(this.removeAttribute(t.INLINE),this.#o())}get inline(){return i(this.getAttribute(t.INLINE))}#t(){this.button?.classList.add("style-inline",this.inlineCssClass)}#o(){this.button?.classList.remove("style-inline",this.inlineCssClass)}set inheritColor(r){i(r)?(this.setAttribute(t.INHERIT_COLOR,""),this.button?.classList.add("inherit-color")):(this.removeAttribute(t.INHERIT_COLOR),this.button?.classList.remove("inherit-color"))}get inheritColor(){return this.hasAttribute(t.INHERIT_COLOR)}};n=a([d("ids-trigger-button"),s(l)],n);export{n as a};
+}`;var a,g,d,h,n=class extends m(v){constructor(){super();s(this,a);s(this,d)}static get attributes(){return[...super.attributes,t.INLINE,t.INHERIT_COLOR,t.READONLY,t.TABBABLE]}connectedCallback(){super.connectedCallback(),this.inline=i(this.getAttribute(t.INLINE)),this.readonly=i(this.getAttribute(t.READONLY))}get protoClasses(){return["ids-trigger-button"].concat(super.protoClasses)}set tabbable(r){let e=i(r),o=this.shadowRoot?.querySelector("button");if(e){this.setAttribute(t.TABBABLE,""),o&&(o.tabIndex=0);return}this.removeAttribute(t.TABBABLE),o&&(o.tabIndex=-1)}get tabbable(){return i(this.getAttribute(t.TABBABLE))}set readonly(r){let e=i(r),o=this.shadowRoot?.querySelector("button");if(e){this.setAttribute(t.READONLY,""),o&&(o.tabIndex=-1,o.setAttribute("readonly",""));return}o&&(o.tabIndex=this.tabbable?0:-1,o.removeAttribute("readonly")),this.removeAttribute(t.READONLY)}get readonly(){return i(this.getAttribute(t.READONLY))}get inlineCssClass(){return this?.slot==="trigger-start"?"inline-start":"inline-end"}set inline(r){i(r)?(this.setAttribute(t.INLINE,""),c(this,a,g).call(this)):(this.removeAttribute(t.INLINE),c(this,d,h).call(this))}get inline(){return i(this.getAttribute(t.INLINE))}set inheritColor(r){i(r)?(this.setAttribute(t.INHERIT_COLOR,""),this.button?.classList.add("inherit-color")):(this.removeAttribute(t.INHERIT_COLOR),this.button?.classList.remove("inherit-color"))}get inheritColor(){return this.hasAttribute(t.INHERIT_COLOR)}};a=new WeakSet,g=function(){this.button?.classList.add("style-inline",this.inlineCssClass)},d=new WeakSet,h=function(){this.button?.classList.remove("style-inline",this.inlineCssClass)},n=u([l("ids-trigger-button"),b(p)],n);export{n as a};

package/chunks/ids-chunk-VA2FZ2XK.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-OPOTJ7IF.js";import{a as D}from"./ids-chunk-DK5QOJMP.js";import{a as C}from"./ids-chunk-IFNEWXJJ.js";import{a as L,b as S}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-RCDMHHTV.js";import{e as a}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as s}from"./ids-chunk-4NXTNKXV.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-VBK3GPGN.js

@@ -0,0 +1,30 @@
+import{a as T}from"./ids-chunk-PRFN5Z6E.js";import{a as y}from"./ids-chunk-2LX24WJH.js";import{a as m}from"./ids-chunk-FYNCTTLY.js";import{b as x}from"./ids-chunk-7AX677DF.js";import{a as L}from"./ids-chunk-HXA5LW64.js";import{a as E}from"./ids-chunk-OPOTJ7IF.js";import{a as I}from"./ids-chunk-DK5QOJMP.js";import{a as v}from"./ids-chunk-IFNEWXJJ.js";import{a as b,b as f}from"./ids-chunk-XE4WFW5M.js";import{a as A}from"./ids-chunk-RCDMHHTV.js";import{e as s}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";import{a as p,b as n,d as c,g}from"./ids-chunk-Y32WUP63.js";var S=`.ids-upload {
+  position: relative;
+}
+.ids-upload .ids-upload-filetype {
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: -webkit-fill-available;
+  z-index: -1;
+}`;var o="ids-upload-id",z=y(m(E(x(T(v(L(I(A)))))))),h,C,l=class extends z{constructor(){super();c(this,h);n(this,"isFormComponent",!0);n(this,"isFilePickerOpened",!1);n(this,"trigger");n(this,"fileInput");n(this,"files");n(this,"colorVariants",["alternate-formatter"])}static get attributes(){return[...super.attributes,e.ACCEPT,e.DISABLED,e.LABEL,e.LABEL_FILETYPE,e.LABEL_REQUIRED,e.MULTIPLE,e.NO_MARGINS,e.PLACEHOLDER,e.SIZE,e.READONLY,e.TABBABLE,e.TEXT_ELLIPSIS,e.TRIGGER_LABEL,e.VALIDATE,e.VALIDATION_EVENTS,e.VALUE]}onColorVariantRefresh(){this.textInput.colorVariant=this.colorVariant}onLabelChange(){this.textInput&&(this.textInput.label=this.label)}onLabelStateChange(){this.textInput.labelState=this.labelState}onLabelRequiredChange(){this.textInput&&(this.textInput.labelRequired=this.labelRequired)}onFieldHeightChange(t){if(t){let i=t==="compact"?{name:"compact",val:""}:{name:"field-height",val:t};this.textInput.setAttribute(i.name,i.val)}else this.textInput.removeAttribute("compact"),this.textInput.removeAttribute("field-height")}connectedCallback(){super.connectedCallback(),this.trigger=this.shadowRoot?.querySelector(".trigger"),this.fileInput=this.shadowRoot?.querySelector(`#${o}`),this.files=this.fileInput?.files,g(this,h,C).call(this)}template(){let t=q=>s(q),i=this.accept?` accept="${this.accept}"`:"",r=t(this.dirtyTracker)?` dirty-tracker="${this.dirtyTracker}"`:"",a=t(this.disabled)?` disabled="${this.disabled}"`:"",u=t(this.readonly)?"":" readonly-background",D=t(this.textEllipsis)?' text-ellipsis="true"':"",$=this.label?` label="${this.label}"`:"",B=this.placeholder?` placeholder="${this.placeholder}"`:"",R=t(this.multiple)?' multiple="multiple"':"",P=t(this.readonly)?' readonly="true"':"",V=` clearable-forced="${this.hasAccess}"`,F=this.size?` size="${this.size}"`:"",k=this.triggerLabel||this.triggerLabelDefault,M=this.labelFiletype||this.labelFiletypeDefault,N=this.validate?` validate="${this.validate}"`:"",O=` validation-events="${this.validationEvents||this.validationEventsDefault}"`,d=this.value?` value="${this.value}"`:"",_=this.colorVariant?` color-variant="${this.colorVariant}"`:"",w=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",G=this.labelState?` label-state="${this.labelState}"`:"",H=this.compact?" compact":"",Y=this.noMargins?" no-margins":"";return`
+      <div class="ids-upload" part="container">
+        <label for="${o}" class="ids-upload-filetype-label" aria-hidden="true" tabindex="-1">
+          <ids-text audible="true" class="label-filetype" part="label">${M}</ids-text>
+        </label>
+        <input id="${o}" type="file" class="ids-upload-filetype" aria-hidden="true" tabindex="-1"${i}${R}${d} />
+        <ids-trigger-field
+          readonly="true"
+          ${u}
+          ${_}${w}${H}${Y}${G}
+          ${V}${r}${a}${$}${B}${F}${N}${O}${D}${d}
+          css-class="ids-upload"
+          part="input"
+        >
+          <ids-trigger-button slot="trigger-end" part="button" class="trigger"${a}${P}>
+            <ids-text audible="true" class="trigger-label">${k}</ids-text>
+            <ids-icon icon="folder"></ids-icon>
+          </ids-trigger-button>
+        </ids-trigger-field>
+      </div>`}onDirtyTrackerChange(t){this.textInput&&(this.textInput.dirtyTracker=t)}get input(){return this.container?.querySelector("ids-trigger-field")}clear(){this.hasAccess&&(this.value="")}open(){this.hasAccess&&(this.isFilePickerOpened=!0,this.fileInput?.click())}dispatchChangeEvent(t){this.triggerEvent("change",this,{detail:{files:this.fileInput?.files,textValue:this.value,elem:this,nativeEvent:t}})}handleWindowFocusEvent(){this.onEvent("focus",window,()=>{this.isFilePickerOpened&&(this.isFilePickerOpened=!1,setTimeout(()=>{let t=this.fileInput?.files,i=`files${t?.length?"select":"cancel"}`;this.triggerEvent(i,this.fileInput,{detail:{files:t,elem:this}})},20))})}handleFileInputChangeEvent(){this.onEvent("change",this.fileInput,t=>{let i=this.fileInput?.files;this.value=[].slice.call(i).map(r=>r.name).join(", "),this.dispatchChangeEvent(t)})}handleFileInputCancelEvent(){this.onEvent("filescancel",this.fileInput,()=>{this.textInput.input?.dispatchEvent(new Event("blur",{bubbles:!0}))})}handleTextInputDragDrop(){this.hasAccess&&(this.onEvent("dragenter",this.textInput,()=>{this.fileInput?.style.setProperty("z-index","1")}),["dragleave","dragend","drop"].forEach(i=>{this.onEvent(i,this.textInput,()=>{setTimeout(()=>{this.fileInput?.style.setProperty("z-index","")},1)})}))}handleTextInputKeydown(){this.onEvent("keydown",this.textInput,t=>{let i=["Backspace","Enter","Space"],r=t.code,a=t.path?.filter(u=>u?.classList?.contains("btn-clear")).length>0;i.indexOf(r)>-1&&!a&&(r==="Backspace"?(this.clear(),this.dispatchChangeEvent(t)):this.open(),t.preventDefault())})}handleTriggerClickEvent(){this.onEvent("click",this.trigger,()=>{this.open()})}handleInputClearedEvent(){this.onEvent("cleared",this.textInput,t=>{this.clear(),this.dispatchChangeEvent(t)})}get textInput(){return this.shadowRoot?.querySelector("ids-trigger-field")}get labelFiletypeDefault(){return`${this.label||""}, Press Enter to Browse for files`}get triggerLabelDefault(){return`trigger button for ${this.label||"fileupload"}`}get validationEventsDefault(){return"blur change"}get hasAccess(){let t=i=>s(i);return!(t(this.disabled)||t(this.readonly))}set accept(t){t?(this.setAttribute(e.ACCEPT,t),this.fileInput?.setAttribute(e.ACCEPT,t)):(this.removeAttribute(e.ACCEPT),this.fileInput?.removeAttribute(e.ACCEPT))}get accept(){return this.getAttribute(e.ACCEPT)}set disabled(t){let i=s(t);i?(this.setAttribute(e.DISABLED,i.toString()),this.textInput&&(this.textInput.disabled=!0),this.trigger&&(this.trigger.disabled=!0)):(this.removeAttribute(e.DISABLED),this.textInput&&(this.textInput.disabled=!1,this.textInput.readonly=this.readonly),this.trigger&&(this.trigger.disabled=!1))}get disabled(){return s(this.getAttribute(e.DISABLED))}set labelFiletype(t){let i=this.shadowRoot?.querySelector(".label-filetype");t?(this.setAttribute(e.LABEL_FILETYPE,t),i&&(i.textContent=t)):(this.removeAttribute(e.LABEL_FILETYPE),i&&(i.textContent=this.labelFiletypeDefault))}get labelFiletype(){return this.getAttribute(e.LABEL_FILETYPE)}set multiple(t){this.fileInput=this.shadowRoot?.querySelector(`#${o}`);let i=s(t);if(i){this.setAttribute(e.MULTIPLE,i.toString()),this.fileInput?.setAttribute(e.MULTIPLE,"multiple");return}this.removeAttribute(e.MULTIPLE),this.fileInput?.removeAttribute(e.MULTIPLE)}get multiple(){return s(this.getAttribute(e.MULTIPLE))}set noMargins(t){typeof t=="boolean"||typeof t=="string"?this.setAttribute(e.NO_MARGINS,t.toString()):this.removeAttribute(e.NO_MARGINS),this.textInput.noMargins=this.noMargins}get noMargins(){let t=this.getAttribute(e.NO_MARGINS);return t!==null?s(t):!1}set textEllipsis(t){typeof t=="boolean"||typeof t=="string"?this.setAttribute(e.TEXT_ELLIPSIS,t.toString()):this.removeAttribute(e.TEXT_ELLIPSIS),this.textInput.textEllipsis=this.textEllipsis}get textEllipsis(){let t=this.getAttribute(e.TEXT_ELLIPSIS);return t!==null?s(t):!0}set placeholder(t){if(t){this.setAttribute(e.PLACEHOLDER,t),this.textInput.placeholder=t;return}this.removeAttribute(e.PLACEHOLDER),this.textInput.placeholder=null}get placeholder(){return this.getAttribute(e.PLACEHOLDER)}set readonly(t){let i=s(t);this.textInput&&!this.textInput?.readonly&&(this.textInput.readonly=!0),i?(this.setAttribute(e.READONLY,i.toString()),this.container?.classList.add(e.READONLY),this.textInput&&(this.textInput.readonlyBackground=!1),this.trigger&&(this.trigger.readonly=!0)):(this.removeAttribute(e.READONLY),this.container?.classList.remove(e.READONLY),this.textInput&&(this.textInput.readonlyBackground=!0),this.trigger&&(this.trigger.readonly=!1))}get readonly(){return s(this.getAttribute(e.READONLY))}set size(t){t?(this.setAttribute(e.SIZE,t),this.textInput?.setAttribute(e.SIZE,t)):(this.removeAttribute(e.SIZE),this.textInput?.removeAttribute(e.SIZE))}get size(){return this.getAttribute(e.SIZE)}set tabbable(t){typeof t=="boolean"||typeof t=="string"?this.setAttribute(e.TABBABLE,t.toString()):this.removeAttribute(e.TABBABLE),this.textInput.tabbable=this.tabbable}get tabbable(){let t=this.getAttribute(e.TABBABLE);return t!==null?s(t):!1}set triggerLabel(t){let i=this.shadowRoot?.querySelector(".trigger-label");t?(this.setAttribute(e.TRIGGER_LABEL,t),i&&(i.textContent=t)):(this.removeAttribute(e.TRIGGER_LABEL),i&&(i.textContent=this.triggerLabelDefault))}get triggerLabel(){return this.getAttribute(e.TRIGGER_LABEL)}set validate(t){t?(this.setAttribute(e.VALIDATE,t),this.textInput&&(this.textInput.validate=t)):(this.removeAttribute(e.VALIDATE),this.textInput&&(this.textInput.validate=null))}get validate(){return this.getAttribute(e.VALIDATE)}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t),this.textInput&&(this.textInput.validationEvents=t)):(this.removeAttribute(e.VALIDATION_EVENTS),this.textInput&&(this.textInput.validationEvents=this.validationEventsDefault))}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)}set value(t){t?(this.setAttribute(e.VALUE,t),this.textInput&&(this.textInput.value=t)):(this.removeAttribute(e.VALUE),this.fileInput&&(this.fileInput.value=""),this.textInput&&(this.textInput.value="")),this.files&&(this.files=this.fileInput?.files)}get value(){return this.getAttribute(e.VALUE)}};h=new WeakSet,C=function(){this.handleWindowFocusEvent(),this.handleFileInputChangeEvent(),this.handleFileInputCancelEvent(),this.handleTextInputDragDrop(),this.handleTextInputKeydown(),this.handleTriggerClickEvent(),this.handleInputClearedEvent()},l=p([b("ids-upload"),f(S)],l);export{l as a};

package/chunks/{ids-chunk-GDOGZTYB.js → ids-chunk-VFLMLEWY.js}

@@ -1,5 +1,4 @@
-import{a as r}from"./ids-chunk-R3LDTVPA.js";import{a as t,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-DCNGT4R2.js";import{d as n}from"./ids-chunk-U4XVR5SW.js";import{e as o}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-6EMRTLSG.js";import{a}from"./ids-chunk-5K6IDMGA.js";var m=`
-/* Sass scss styles. Keep Base very small */
+import{a as m}from"./ids-chunk-4KH6KPFZ.js";import{a,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-RCDMHHTV.js";import{d as n,j as r}from"./ids-chunk-U4XVR5SW.js";import{e as d}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";import{a as i}from"./ids-chunk-Y32WUP63.js";var v=`/* Sass scss styles. Keep Base very small */
 /* Global variables */
 .ids-module-nav-content {
   box-sizing: border-box;
@@ -8,6 +7,11 @@ import{a as r}from"./ids-chunk-R3LDTVPA.js";import{a as t,b as d}from"./ids-chun
   width: 100%;
   transition: margin var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease), width var(--ids-motion-duration) var(--ids-motion-ease);
 }
+.ids-module-nav-content ids-overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
 .ids-module-nav-content.display-mode-collapsed:not(.show-detail) {
   margin-inline-start: var(--ids-module-nav-collapsed-size);
   width: calc(100% - var(--ids-module-nav-collapsed-size));
@@ -17,8 +21,8 @@ import{a as r}from"./ids-chunk-R3LDTVPA.js";import{a as t,b as d}from"./ids-chun
   width: calc(100% - (var(--ids-module-nav-submenu-size) + var(--ids-module-nav-collapsed-size)));
 }
 .ids-module-nav-content.display-mode-expanded:not(.offset-content) {
-  margin-inline-start: var(--ids-module-nav-collapsed-size);
-  width: calc(100% - var(--ids-module-nav-collapsed-size));
+  margin-inline-start: 0;
+  width: 100%;
 }
 .ids-module-nav-content.display-mode-expanded.offset-content {
   margin-inline-start: var(--ids-module-nav-expanded-size);
@@ -36,5 +40,7 @@ import{a as r}from"./ids-chunk-R3LDTVPA.js";import{a as t,b as d}from"./ids-chun
 :host {
   display: contents;
   transition: margin var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease), width var(--ids-motion-duration) var(--ids-motion-ease);
-  z-index: var(--ids-module-nav-content-z-index);
-}`;var v=r(l),s=class extends v{constructor(){super()}static get attributes(){return[...super.attributes,e.OFFSET_CONTENT]}template(){return'<div class="ids-module-nav-content"><slot></slot></div>'}get parent(){let i=n(this,"ids-module-nav");if(i)return i}set offsetContent(i){o(i)?(this.setAttribute(e.OFFSET_CONTENT,""),this.container?.classList.add("offset-content")):(this.removeAttribute(e.OFFSET_CONTENT),this.container?.classList.remove("offset-content"))}get offsetContent(){return this.hasAttribute(e.OFFSET_CONTENT)}};s=a([t("ids-module-nav-content"),d(m)],s);export{s as a};
+}`;var u=m(l),t=class extends u{constructor(){super()}static get attributes(){return[...super.attributes,e.OFFSET_CONTENT]}template(){return`<div class="ids-module-nav-content">
+      <ids-overlay></ids-overlay>
+      <slot></slot>
+    </div>`}get parent(){let s=n(this,"ids-module-nav");if(s)return s}set offsetContent(s){d(s)?(this.setAttribute(e.OFFSET_CONTENT,""),this.container?.classList.add("offset-content")):(this.removeAttribute(e.OFFSET_CONTENT),this.container?.classList.remove("offset-content"))}get offsetContent(){return this.hasAttribute(e.OFFSET_CONTENT)}get overlay(){return this.container.querySelector("ids-overlay")}showOverlay(){this.overlay.style.setProperty("z-index","var(--ids-z-index-10)"),this.overlay.setAttribute(e.VISIBLE,"true")}async hideOverlay(){this.overlay.removeAttribute(e.VISIBLE),await r(this.overlay.container,"background-color"),this.overlay.style.removeProperty("z-index")}};t=i([a("ids-module-nav-content"),o(v)],t);export{t as a};