ids-enterprise-wc 1.0.0-beta.12 → 1.0.0-beta.14

package/chunks/{ids-chunk-34TUCVE2.js → ids-chunk-DMBGX6DQ.js}

@@ -1,4 +1,4 @@
-import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37TBDI.js";import{a,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as u}from"./ids-chunk-GTV4PSEA.js";import{e as r}from"./ids-chunk-VGRUIA4C.js";import{a as t}from"./ids-chunk-2NN3ZJ6Q.js";import{a as l}from"./ids-chunk-U7OOVFXE.js";var b=`
+import{a as n}from"./ids-chunk-AZSONAF7.js";import{a as h}from"./ids-chunk-B6P5AQ2Z.js";import{a as d,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as u}from"./ids-chunk-7JIYCFAW.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-HABPILOR.js";import{a as l}from"./ids-chunk-U7OOVFXE.js";var b=`
 /* Ids Switch Component */ /**
  * Switch Mixins.
  */
@@ -13,10 +13,10 @@ import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37T
   display: inline-block;
 }
 .ids-switch label:hover .slider::after {
-  box-shadow: 0 2px 5px var(--ids-switch-toggle-hover-background-color);
+  box-shadow: 0 2px 5px var(--ids-switch-toggle-color-background-hover);
 }
 .ids-switch label:active .slider::after {
-  box-shadow: var(--ids-switch-toggle-focus-box-shadow);
+  box-shadow: var(--ids-switch-toggle-shadow-focus);
 }
 .ids-switch.disabled label {
   cursor: var(--ids-cursor-default);
@@ -30,7 +30,7 @@ import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37T
 }
 .ids-switch input[type=checkbox] ~ .slider {
   position: absolute;
-  background-color: var(--ids-switch-pole-off-background-color);
+  background-color: var(--ids-switch-pole-color-background-default);
   border-radius: 4px;
   display: inline-block;
   height: 4px;
@@ -40,50 +40,50 @@ import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37T
 }
 .ids-switch input[type=checkbox] ~ .slider::after {
   position: absolute;
-  background-color: var(--ids-switch-toggle-off-background-color);
-  border: 1px solid var(--ids-switch-toggle-off-border-color);
-  border-radius: var(--ids-border-radius-round);
+  background-color: var(--ids-switch-toggle-color-background-default);
+  border: 1px solid var(--ids-switch-toggle-color-border-default);
+  border-radius: var(--ids-border-radius-circle);
   content: "";
   height: 14px;
   left: 0;
   top: -7px;
   width: 14px;
-  transition: all var(--ids-transition-length) var(--ids-transition-ease);
+  transition: all var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-switch input[type=checkbox]:checked ~ .slider {
-  background-color: var(--ids-switch-pole-on-background-color);
-  transition: all var(--ids-transition-length) var(--ids-transition-ease);
+  background-color: var(--ids-switch-pole-color-background-selected);
+  transition: all var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-switch input[type=checkbox]:checked ~ .slider::after {
-  background-color: var(--ids-switch-toggle-on-background-color);
-  border-color: var(--ids-switch-toggle-on-border-color);
+  background-color: var(--ids-switch-toggle-color-background-selected);
+  border-color: var(--ids-switch-toggle-color-border-selected);
   left: 15px;
-  transition: all var(--ids-transition-length) var(--ids-transition-ease);
+  transition: all var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-switch input[type=checkbox]:focus ~ .slider::after {
-  box-shadow: var(--ids-switch-toggle-focus-box-shadow);
+  box-shadow: var(--ids-switch-toggle-shadow-focus);
 }
 .ids-switch input[type=checkbox]:disabled ~ .slider {
-  background-color: var(--ids-switch-pole-off-disabled-background-color);
+  background-color: var(--ids-switch-pole-color-background-disabled);
   border-color: var(--ids-switch-pole-off-disabled-border-color);
   cursor: var(--ids-cursor-default);
 }
 .ids-switch input[type=checkbox]:disabled ~ .slider::after {
-  background-color: var(--ids-switch-toggle-off-disabled-background-color);
-  border-color: var(--ids-switch-toggle-off-disabled-border-color);
+  background-color: var(--ids-switch-toggle-color-background-disabled);
+  border-color: var(--ids-switch-toggle-color-border-disabled);
   box-shadow: none;
 }
 .ids-switch input[type=checkbox]:disabled ~ .label-text {
   cursor: var(--ids-cursor-default);
-  color: var(--ids-text-color-disabled);
+  color: var(--ids-color-text-disabled);
 }
 .ids-switch input[type=checkbox]:disabled:checked ~ .slider {
-  background-color: var(--ids-switch-pole-on-disabled-background-color);
+  background-color: var(--ids-switch-pole-color-background-selected-disabled);
   border-color: var(--ids-switch-pole-on-disabled-border-color);
 }
 .ids-switch input[type=checkbox]:disabled:checked ~ .slider::after {
-  border-color: var(--ids-switch-toggle-on-disabled-border-color);
-  background-color: var(--ids-switch-toggle-on-disabled-background-color);
+  border-color: var(--ids-switch-toggle-color-border-selected-disabled);
+  background-color: var(--ids-switch-toggle-color-background-selected-disabled);
 }
 
 :host([dir=rtl]) input[type=checkbox] ~ .slider {
@@ -109,4 +109,4 @@ import{a as n}from"./ids-chunk-X5HHVE4J.js";import{a as h}from"./ids-chunk-YS37T
           <ids-text class="label-text" part="label">${this.label}</ids-text>
         </label>
       </div>
-    `}#t(e=""){if(this.input){let i="change";if(e==="remove"){let s=this.handledEvents?.get(i);s&&s.target===this.input&&this.offEvent(i,this.input)}else this.onEvent(i,this.input,()=>{this.checked=!!this.input?.checked})}}attachNativeEvents(e=""){return this.input&&["change","focus","keydown","keypress","keyup","click","dbclick"].forEach(s=>{if(e==="remove"){let o=this.handledEvents?.get(s);o&&o.target===this.input&&this.offEvent(s,this.input)}else this.onEvent(s,this.input,o=>{this.triggerEvent(o.type,this,{detail:{elem:this,nativeEvent:o,value:this.value,checked:this.input?.checked}})})}),this}#e(){this.#t(),this.attachNativeEvents()}set checked(e){let i=this.shadowRoot?.querySelector(".slider");this.input=this.shadowRoot?.querySelector('input[type="checkbox"]');let s=r(e);s?(this.setAttribute(t.CHECKED,s.toString()),this.input?.setAttribute(t.CHECKED,s.toString()),i?.classList.add(t.CHECKED)):(this.removeAttribute(t.CHECKED),this.input?.removeAttribute(t.CHECKED),i?.classList.remove(t.CHECKED))}get checked(){return r(this.getAttribute(t.CHECKED))}set disabled(e){this.input=this.shadowRoot?.querySelector('input[type="checkbox"]');let i=r(e),s=this.shadowRoot?.querySelector(".label-text");i?(this.setAttribute(t.DISABLED,i.toString()),this.input?.setAttribute(t.DISABLED,""),this.container?.classList.add(t.DISABLED),s?.setAttribute(t.DISABLED,"true")):(this.removeAttribute(t.DISABLED),this.input?.removeAttribute(t.DISABLED),this.container?.classList.remove(t.DISABLED),s?.removeAttribute(t.DISABLED))}get disabled(){return this.hasAttribute(t.DISABLED)}set label(e){let i=this.shadowRoot?.querySelector(".label-text")||document.createElement("span");if(e){this.setAttribute(t.LABEL,e),i.innerHTML=e;return}this.removeAttribute(t.LABEL),i.innerHTML=""}get label(){return this.getAttribute(t.LABEL)||""}set value(e){this.input=this.shadowRoot?.querySelector('input[type="checkbox"]'),e?this.setAttribute(t.VALUE,e):this.removeAttribute(t.VALUE),this.input?.setAttribute(t.VALUE,e||"")}get value(){return this.getAttribute(t.VALUE)}focus(){this.input?.focus()}};c=l([a("ids-switch"),d(b)],c);export{c as a};
+    `}#t(e=""){if(this.input){let i="change";if(e==="remove"){let s=this.handledEvents?.get(i);s&&s.target===this.input&&this.offEvent(i,this.input)}else this.onEvent(i,this.input,()=>{this.checked=!!this.input?.checked})}}attachNativeEvents(e=""){return this.input&&["change","focus","keydown","keypress","keyup","click","dbclick"].forEach(s=>{if(e==="remove"){let o=this.handledEvents?.get(s);o&&o.target===this.input&&this.offEvent(s,this.input)}else this.onEvent(s,this.input,o=>{this.triggerEvent(o.type,this,{detail:{elem:this,nativeEvent:o,value:this.value,checked:this.input?.checked}})})}),this}#e(){this.#t(),this.attachNativeEvents()}set checked(e){let i=this.shadowRoot?.querySelector(".slider");this.input=this.shadowRoot?.querySelector('input[type="checkbox"]');let s=r(e);s?(this.setAttribute(t.CHECKED,s.toString()),this.input?.setAttribute(t.CHECKED,s.toString()),i?.classList.add(t.CHECKED)):(this.removeAttribute(t.CHECKED),this.input?.removeAttribute(t.CHECKED),i?.classList.remove(t.CHECKED))}get checked(){return r(this.getAttribute(t.CHECKED))}set disabled(e){this.input=this.shadowRoot?.querySelector('input[type="checkbox"]');let i=r(e),s=this.shadowRoot?.querySelector(".label-text");i?(this.setAttribute(t.DISABLED,i.toString()),this.input?.setAttribute(t.DISABLED,""),this.container?.classList.add(t.DISABLED),s?.setAttribute(t.DISABLED,"true")):(this.removeAttribute(t.DISABLED),this.input?.removeAttribute(t.DISABLED),this.container?.classList.remove(t.DISABLED),s?.removeAttribute(t.DISABLED))}get disabled(){return this.hasAttribute(t.DISABLED)}set label(e){let i=this.shadowRoot?.querySelector(".label-text")||document.createElement("span");if(e){this.setAttribute(t.LABEL,e),i.innerHTML=e;return}this.removeAttribute(t.LABEL),i.innerHTML=""}get label(){return this.getAttribute(t.LABEL)||""}set value(e){this.input=this.shadowRoot?.querySelector('input[type="checkbox"]'),e?this.setAttribute(t.VALUE,e):this.removeAttribute(t.VALUE),this.input?.setAttribute(t.VALUE,e||"")}get value(){return this.getAttribute(t.VALUE)}focus(){this.input?.focus()}};c=l([d("ids-switch"),a(b)],c);export{c as a};

package/chunks/{ids-chunk-NOZIDPCE.js → ids-chunk-DOLUR6CX.js}

@@ -1,4 +1,4 @@
-import{e as m,f}from"./ids-chunk-DXGQFMWW.js";import{a as H}from"./ids-chunk-F3RQ5V7T.js";import{b as $}from"./ids-chunk-ODGLGMPF.js";import{a as L}from"./ids-chunk-T6ZV4PDM.js";import{a as S}from"./ids-chunk-YS37TBDI.js";import{a as M,b as A}from"./ids-chunk-XE4WFW5M.js";import{a as D}from"./ids-chunk-GTV4PSEA.js";import{e as T}from"./ids-chunk-VGRUIA4C.js";import{a as l,b as v}from"./ids-chunk-2NN3ZJ6Q.js";import{a as E}from"./ids-chunk-U7OOVFXE.js";var N=`
+import{e as m,f}from"./ids-chunk-DXGQFMWW.js";import{a as H}from"./ids-chunk-OIS6KGMU.js";import{b as $}from"./ids-chunk-ODGLGMPF.js";import{a as L}from"./ids-chunk-T6ZV4PDM.js";import{a as S}from"./ids-chunk-B6P5AQ2Z.js";import{a as M,b as A}from"./ids-chunk-XE4WFW5M.js";import{a as D}from"./ids-chunk-7JIYCFAW.js";import{e as T}from"./ids-chunk-TJKIW3GF.js";import{a as l,b as v}from"./ids-chunk-HABPILOR.js";import{a as E}from"./ids-chunk-U7OOVFXE.js";var N=`
 /* Ids Menu Component */ /**
  * Base Styles/Mixins for Ids Menu Component and all subcomponents.
  */

package/chunks/ids-chunk-DRYOA3YT.js

@@ -0,0 +1,102 @@
+import{a as i}from"./ids-chunk-XUBQJWA7.js";import{a as c}from"./ids-chunk-GRVG3BUL.js";import{a as d,b as l}from"./ids-chunk-XE4WFW5M.js";import{a as o}from"./ids-chunk-HABPILOR.js";import{a}from"./ids-chunk-U7OOVFXE.js";var m=`
+/* Ids Modal Component */
+:host {
+  display: block;
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+}
+
+:host(:not([visible])) {
+  pointer-events: none;
+}
+
+.ids-modal {
+  display: block;
+  pointer-events: none;
+}
+.ids-modal[visible] {
+  pointer-events: auto;
+}
+
+.ids-modal-header {
+  padding: var(--ids-modal-header-padding);
+}
+
+.ids-modal-content {
+  padding: var(--ids-modal-content-padding);
+  flex-grow: 1;
+  flex-shrink: 1;
+  overflow: auto;
+}
+
+.ids-modal-header + .ids-modal-content {
+  padding-block-start: 0;
+}
+
+.ids-modal-header,
+.ids-modal-footer {
+  align-items: center;
+  display: flex;
+}
+
+.ids-modal-footer {
+  margin: var(--ids-modal-footer-margin);
+  border-top: 1px solid var(--ids-modal-footer-color-border);
+}
+.ids-modal-footer[hidden] {
+  border-top: none;
+}
+
+.ids-modal-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  height: 100%;
+  width: 100%;
+}
+
+::slotted([slot=buttons]) {
+  flex-grow: 1;
+  display: flex;
+}
+
+::slotted([slot=buttons]:not(:first-of-type)) {
+  border-left: 1px solid var(--ids-modal-footer-color-border);
+}
+
+.ids-modal-button:not(.ids-modal-icon-button):not(:first-of-type) {
+  border-left: 1px solid var(--ids-modal-footer-color-border);
+}
+
+@media screen and (min-width: 600px) {
+  ::slotted([slot=title]) {
+    font-size: var(--ids-font-size-60);
+  }
+}
+:host {
+  display: block;
+}
+
+.ids-message-status {
+  padding-inline-end: 8px;
+  color: var(--ids-message-color-text);
+}
+.ids-message-status.error {
+  color: var(--ids-message-color-icon-error);
+}
+.ids-message-status.warning {
+  color: var(--ids-message-color-icon-warning);
+}
+.ids-message-status.success {
+  color: var(--ids-message-color-icon-success);
+}
+.ids-message-status.info {
+  color: var(--ids-message-color-icon-info);
+}
+
+.ids-message-content {
+  max-width: 400px;
+}`;var n=class extends c{constructor(){super(),this.state||(this.state={}),this.state.message="",this.state.status=i[0]}static get attributes(){return[...super.attributes,o.MESSAGE,o.OPACITY,o.STATUS]}connectedCallback(){super.connectedCallback(),this.status=this.getAttribute(o.STATUS),this.opacity=this.getAttribute(o.OPACITY);let t=this.querySelector("*:not([slot])");t&&(this.message=t.innerHTML)}get ariaLabelContent(){return`${this.status!=="none"?`${this.status}: `:""}${this.messageTitle}`}get message(){return this.state.message}set message(t){let e=this.xssSanitize(t);e!==this.state.message&&this.#t(e)}get opacity(){return this.state.opacity}set opacity(t){if(t){this.state.opacity=t;let e=this.shadowRoot?.querySelector("ids-overlay");e&&(e.opacity=t)}}#t(t){let e=this.querySelector("*:not([slot])");e?e.innerHTML="":(e=document.createElement("div"),this.appendChild(e)),e.insertAdjacentHTML("afterbegin",String(t)),this.state.message=t}get status(){return this.state.status||"default"}set status(t){let e=i[0];t&&i.includes(t)&&(e=t);let s=this.state.status;e!==s&&(this.state.status=e,typeof t=="string"&&t.length&&e!==i[0]?this.setAttribute(o.STATUS,e):this.removeAttribute(o.STATUS),this.#e(e),this.refreshAriaLabel())}#e(t){let e=this.container?.querySelector(".ids-modal-header"),s=e?.querySelector("ids-icon");t=t==="warning"?"alert":t,t&&t!==i[0]?(s||(e?.insertAdjacentHTML("afterbegin",`<ids-icon slot="icon" icon="${t}" class="ids-icon ids-message-status"></ids-icon>`),s=e?.querySelector("ids-icon")),s&&(s.icon=t,this.#s(s,t))):s?.remove()}#s(t,e){let s=t.classList;i.forEach(r=>{e=e==="alert"?"warning":e,r=r==="alert"?"warning":r,e!=="none"&&e===r?s.add(r):s.remove(r)})}};n=a([d("ids-message"),l(m)],n);export{n as a};

package/chunks/{ids-chunk-N6J46CDW.js → ids-chunk-DSILQO6B.js}

@@ -1 +1 @@
-import{a as t}from"./ids-chunk-2NN3ZJ6Q.js";var e=["default","primary","secondary","tertiary","primary-destructive","tertiary-destructive","swipe-action-left","swipe-action-right"],r=["button","submit","reset","menu"],i={cssClass:[],disabled:!1,hidden:!1,tabIndex:0,iconAlign:void 0,appearance:e[0]},s=[t.APPEARANCE,t.CSS_CLASS,t.DISABLED,t.HIDDEN,t.ICON,t.ICON_ALIGN,t.ID,t.NO_PADDING,t.NO_MARGINS,t.SQUARE,t.TEXT,t.TYPE,t.TABINDEX,t.WIDTH],o=["align-icon-start","align-icon-end"],a=["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"];export{e as a,r as b,i as c,s as d,o as e,a as f};
+import{a as t}from"./ids-chunk-HABPILOR.js";var e=["default","primary","secondary","tertiary","primary-destructive","tertiary-destructive","swipe-action-left","swipe-action-right"],r=["button","submit","reset","menu"],i={cssClass:[],disabled:!1,hidden:!1,tabIndex:0,iconAlign:void 0,appearance:e[0]},s=[t.APPEARANCE,t.CSS_CLASS,t.DISABLED,t.HIDDEN,t.ICON,t.ICON_ALIGN,t.ID,t.NO_PADDING,t.NO_MARGINS,t.SQUARE,t.TEXT,t.TYPE,t.TABINDEX,t.WIDTH],o=["align-icon-start","align-icon-end"],a=["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"];export{e as a,r as b,i as c,s as d,o as e,a as f};

package/chunks/{ids-chunk-P3LAR6X5.js → ids-chunk-DUQK5NSR.js}

@@ -1 +1 @@
-import{b as n,c as o}from"./ids-chunk-U34YTPJC.js";import{a as t}from"./ids-chunk-2NN3ZJ6Q.js";var r=i=>class extends i{constructor(...e){super(...e)}static get attributes(){return[...i.attributes,t.RESPOND_UP,t.RESPOND_DOWN]}connectedCallback(){super.connectedCallback?.()}disconnectedCallback(){super.disconnectedCallback?.(),this.#n(),this.#o()}#e;#s;onBreakpointUpResponse;set respondUp(e){e?(this.setAttribute(t.RESPOND_UP,String(e)),this.#r(e)):(this.removeAttribute(t.RESPOND_UP),this.#n())}get respondUp(){return this.getAttribute(t.RESPOND_UP)}#r(e){this.#n(),this.#e=o(e),this.#s=s=>{typeof this.onBreakpointUpResponse=="function"&&this.onBreakpointUpResponse(e,s.matches)},this.#e.addEventListener("change",this.#s)}#n(){this.#e&&(this.#e.removeEventListener("change",this.#s),this.#s=void 0,this.#e=void 0)}#t;#i;onBreakpointDownResponse;set respondDown(e){e?(this.setAttribute(t.RESPOND_DOWN,String(e)),this.#a(e)):(this.removeAttribute(t.RESPOND_DOWN),this.#o())}get respondDown(){return this.getAttribute(t.RESPOND_DOWN)}#a(e){this.#o(),this.#t=n(e),this.#i=s=>{typeof this.onBreakpointDownResponse=="function"&&this.onBreakpointDownResponse(e,s.matches)},this.#t.addEventListener("change",this.#i)}#o(){this.#t&&(this.#t.removeEventListener("change",this.#i),this.#i=void 0,this.#t=void 0)}respondToCurrentBreakpoint(){let e=s=>new MediaQueryListEvent("change",{bubbles:!0,matches:s.matches});this.#e&&this.#e.dispatchEvent(e(this.#e)),this.#t&&this.#t.dispatchEvent(e(this.#t))}},h=r;export{h as a};
+import{b as n,c as o}from"./ids-chunk-U34YTPJC.js";import{a as t}from"./ids-chunk-HABPILOR.js";var r=i=>class extends i{constructor(...e){super(...e)}static get attributes(){return[...i.attributes,t.RESPOND_UP,t.RESPOND_DOWN]}connectedCallback(){super.connectedCallback?.()}disconnectedCallback(){super.disconnectedCallback?.(),this.#n(),this.#o()}#e;#s;onBreakpointUpResponse;set respondUp(e){e?(this.setAttribute(t.RESPOND_UP,String(e)),this.#r(e)):(this.removeAttribute(t.RESPOND_UP),this.#n())}get respondUp(){return this.getAttribute(t.RESPOND_UP)}#r(e){this.#n(),this.#e=o(e),this.#s=s=>{typeof this.onBreakpointUpResponse=="function"&&this.onBreakpointUpResponse(e,s.matches)},this.#e.addEventListener("change",this.#s)}#n(){this.#e&&(this.#e.removeEventListener("change",this.#s),this.#s=void 0,this.#e=void 0)}#t;#i;onBreakpointDownResponse;set respondDown(e){e?(this.setAttribute(t.RESPOND_DOWN,String(e)),this.#a(e)):(this.removeAttribute(t.RESPOND_DOWN),this.#o())}get respondDown(){return this.getAttribute(t.RESPOND_DOWN)}#a(e){this.#o(),this.#t=n(e),this.#i=s=>{typeof this.onBreakpointDownResponse=="function"&&this.onBreakpointDownResponse(e,s.matches)},this.#t.addEventListener("change",this.#i)}#o(){this.#t&&(this.#t.removeEventListener("change",this.#i),this.#i=void 0,this.#t=void 0)}respondToCurrentBreakpoint(){let e=s=>new MediaQueryListEvent("change",{bubbles:!0,matches:s.matches});this.#e&&this.#e.dispatchEvent(e(this.#e)),this.#t&&this.#t.dispatchEvent(e(this.#t))}},h=r;export{h as a};