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

package/README.md

@@ -10,23 +10,32 @@ Infor Design System Enterprise Web Components Library is a framework independent
 ## Key Features
 
 - Three themes, including a WCAG 2.0 AAA compatible high-contrast theme and ability to theme anything
-- Responsive components, patterns and layouts
+- Responsive components
 - Touch-friendly interactions
 - SVG-based iconography for high DPI screens and scaling
 - Built-in, extendible localization system
 - Built-in mitigation of XSS exploits
-- 85-100% Functional Test Coverage
-- Passes all code security scans and is fully CSP compliant
+- Excellent test coverage
 - Well documented in `.md` format
 - Contains an extensive [Change log](./doc/CHANGELOG.md) which lists any and all breaking changes
 - [Fully linted code](./doc/LINTING.md)
-- Follows [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-12) with a focus on accessibility
-- Fully Namespaced with an `ids-` namespace
-- We Follow the [Gold Standard For Making Web Components](https://github.com/webcomponents/gold-standard/wiki)
+- Follows [WAI-ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-12) with a focus on accessibility
+- Fully namespaced with an `ids-` namespace
+- We follow the [Gold standard for making web components](https://github.com/webcomponents/gold-standard/wiki)
 - Includes types for typescript users
-- Every component has the CSS and DOM Encapsulation
+- Every component has the CSS and DOM Encapsulation for css collision avoidance
 - 100+ Components
-- Includes Visual Code and [standard schemas](https://github.com/webcomponents/custom-elements-manifest)
+- Includes Visual Code intellisense with [standard schemas](https://github.com/webcomponents/custom-elements-manifest)
+- Typescript types
+- We now support Es Modules
+- Bundle size in npm is 33% smaller (with code splitting enabled)
+- Supports [CSP](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP) including css and js CSP
+- The newest designs will be added here
+- Removed a lot of older less commonly used features and misused patterns
+- New scroll view component to replace circle pager
+- New chart components
+- Data Grid virtual DOM
+- Flexible Flex Grid and responsive grid
 
 ## Browser Support
 
@@ -57,13 +66,7 @@ npm i
 npm run start
 ```
 
-## Documentation
-
-- For each component see the `.md` file in the relevant [component folder](https://github.com/infor-design/enterprise-wc/tree/main/src)
-- See the [Change Log](doc/CHANGELOG.md) for info on breaking changes as well more info in each individual component
-- See the [Examples in popular frameworks](https://github.com/infor-design/enterprise-wc-examples) for examples and notes on using these in several frameworks
-
-## Usage for Code Hinting
+## Using Code Hinting
 
 The npm package ships with a file called `vscode.html-custom-data.json`. The file describes the custom elements and their settings for use in Visual Studio Code to provide “IntelliSense”. To enable it, you just need to tell VS Code where the file is.
 
@@ -82,13 +85,21 @@ You may need to restart VS Code for the changes to take affect.
 
 Most popular editors support custom code completion with different configurations. Please [submit a feature request and/or pull request](https://github.com/infor-design/enterprise-wc/issues/new/choose) if you want to add your editor.
 
-## Contributing
+## Documentation
+
+- See the [Documentation](doc/DOCUMENTATION.md) for each component in markdown format. In addition to this index you will see a `.md` file in each [component folder](https://github.com/infor-design/enterprise-wc/tree/main/src/components) if browsing the source and examples.
+- See the [Migration Guide](doc/MIGRATION-GUIDE.md)
+- See the [Change Log](doc/CHANGELOG.md) for info and breaking changes by version
+- See the [Examples in popular frameworks](https://github.com/infor-design/enterprise-wc-examples) for examples and notes on using these in several frameworks
+
+## Other Documentation
 
+- [Contributors Guide](doc/CONTRIBUTING.md)
 - [Articles about Web Components](doc/ARTICLES.md)
 - [Things to consider for each component](doc/CHECKLIST.md)
-- [How to Make a new Component](doc/COMPONENTS.md)
+- [How to make a new component](doc/COMPONENTS.md)
 - [Info on which linters we use](doc/LINTING.md)
-- [Info on Running and Debugging Tests](doc/TESTING.md)
-- Use [Github Issues](https://github.com/infor-design/enterprise-wc/issues) to report all requests, bugs, questions, and feature requests
+- [Info on running and debugging tests](doc/TESTING.md)
+- Use [Github Issues](https://github.com/infor-design/enterprise-wc/issues) to report enhancements, bugs, questions, and feature requests
 - [Review source code changes](https://github.com/infor-design/enterprise-wc/pulls)
 - [Roadmap and Sprint Board](https://github.com/orgs/infor-design/projects)

package/chunks/{ids-chunk-E77GIPAD.js → ids-chunk-2AAS6QV5.js}

@@ -1,5 +1,4 @@
-import{a as n,b as f}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-DCNGT4R2.js";import{f as r}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-6EMRTLSG.js";import{a as o}from"./ids-chunk-5K6IDMGA.js";var u=`
-/* Ids Layout Flex Item Component */
+import{a as n,b as f}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-RCDMHHTV.js";import{f as r}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";import{a as o}from"./ids-chunk-Y32WUP63.js";var u=`/* Ids Layout Flex Item Component */
 :host([align-self=auto]),
 .ids-layout-flex-item-align-self-auto {
   align-self: auto;

package/chunks/ids-chunk-2EIIZF2N.js

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

package/chunks/{ids-chunk-R7IBXBBI.js → ids-chunk-2HSKMXJV.js}

@@ -1 +1 @@
-import{a as t}from"./ids-chunk-6EMRTLSG.js";var e="center",A=e,i=[e,"bottom","top","left","right"],r=[e,"left","right"],s=[e,"top","bottom"],c=r.filter(o=>o!==e),I=s.filter(o=>o!==e),p=["fade","scale-in"],N=["none","bottom","top","left","right"],u=["fixed","absolute","viewport"],l=["none","menu","menu-alt","modal","tooltip","tooltip-alt","custom","dropdown","module-nav"],_=[t.ALIGN,t.ALIGN_X,t.ALIGN_Y,t.ALIGN_EDGE,t.ALIGN_TARGET,t.ARROW,t.ARROW_TARGET,t.ANIMATED,t.ANIMATION_STYLE,t.BLEED,t.HEIGHT,t.MAX_HEIGHT,t.POSITION_STYLE,t.TYPE,t.VISIBLE,t.WIDTH,t.X,t.Y],m="--ids-popup-maxheight";function G(o,n,E){return I.includes(E)?!o||!o.length||o===e?`${E}`:`${E}, ${o}`:!n||!n.length||n===e?`${o}`:E===e?`${n}`:`${E}, ${n}`}function S(o){return o}export{e as a,A as b,i as c,r as d,s as e,c as f,I as g,p as h,N as i,u as j,l as k,_ as l,m,G as n,S as o};
+import{a as t}from"./ids-chunk-4NXTNKXV.js";var e="center",A=e,i=[e,"bottom","top","left","right"],r=[e,"left","right"],s=[e,"top","bottom"],c=r.filter(o=>o!==e),I=s.filter(o=>o!==e),p=["fade","scale-in"],N=["none","bottom","top","left","right"],u=["fixed","absolute","viewport"],l=["none","menu","menu-alt","modal","tooltip","tooltip-alt","custom","dropdown","module-nav"],_=[t.ALIGN,t.ALIGN_X,t.ALIGN_Y,t.ALIGN_EDGE,t.ALIGN_TARGET,t.ARROW,t.ARROW_TARGET,t.ANIMATED,t.ANIMATION_STYLE,t.BLEED,t.HEIGHT,t.MAX_HEIGHT,t.POSITION_STYLE,t.TYPE,t.VISIBLE,t.WIDTH,t.X,t.Y],m="--ids-popup-maxheight";function G(o,n,E){return I.includes(E)?!o||!o.length||o===e?`${E}`:`${E}, ${o}`:!n||!n.length||n===e?`${o}`:E===e?`${n}`:`${E}, ${n}`}function S(o){return o}export{e as a,A as b,i as c,r as d,s as e,c as f,I as g,p as h,N as i,u as j,l as k,_ as l,m,G as n,S as o};

package/chunks/{ids-chunk-LKONZTXY.js → ids-chunk-2LX24WJH.js}

@@ -1 +1 @@
-import{a as r,b as n,c as l}from"./ids-chunk-AYDTADXU.js";import{e as s}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-6EMRTLSG.js";var o=a=>class extends a{constructor(...t){super(...t)}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(e.LABEL_STATE)&&(this.labelState=this.getAttribute(e.LABEL_STATE))}static get attributes(){return[...a.attributes,...r]}set label(t){t!==null?this.setAttribute(e.LABEL,t):this.removeAttribute(e.LABEL),typeof this.onLabelChange=="function"&&this.onLabelChange(t)}get label(){return this.getAttribute(e.LABEL)??""}set labelState(t){n(t)&&(t!==null?this.setAttribute(e.LABEL_STATE,t):this.removeAttribute(e.LABEL_STATE),typeof this.onLabelStateChange=="function"&&this.onLabelStateChange(t))}get labelState(){return this.getAttribute(e.LABEL_STATE)}set labelRequired(t){let i=l(t);i?this.setAttribute(e.LABEL_REQUIRED,i.toString()):this.setAttribute(e.LABEL_REQUIRED,"false"),typeof this.onLabelRequiredChange=="function"&&this.onLabelRequiredChange()}get labelRequired(){let t=this.getAttribute(e.LABEL_REQUIRED);return t!==null?s(t):!0}},u=o;export{u as a};
+import{a as r,b as n,c as l}from"./ids-chunk-TSK7TBSI.js";import{e as s}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";var o=a=>class extends a{constructor(...t){super(...t)}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(e.LABEL_STATE)&&(this.labelState=this.getAttribute(e.LABEL_STATE))}static get attributes(){return[...a.attributes,...r]}set label(t){t!==null?this.setAttribute(e.LABEL,t):this.removeAttribute(e.LABEL),typeof this.onLabelChange=="function"&&this.onLabelChange(t)}get label(){return this.getAttribute(e.LABEL)??""}set labelState(t){n(t)&&(t!==null?this.setAttribute(e.LABEL_STATE,t):this.removeAttribute(e.LABEL_STATE),typeof this.onLabelStateChange=="function"&&this.onLabelStateChange(t))}get labelState(){return this.getAttribute(e.LABEL_STATE)}set labelRequired(t){let i=l(t);i?this.setAttribute(e.LABEL_REQUIRED,i.toString()):this.setAttribute(e.LABEL_REQUIRED,"false"),typeof this.onLabelRequiredChange=="function"&&this.onLabelRequiredChange()}get labelRequired(){let t=this.getAttribute(e.LABEL_REQUIRED);return t!==null?s(t):!0}},u=o;export{u as a};

package/chunks/ids-chunk-3AFUPMZA.js

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

package/chunks/{ids-chunk-EDO5C4XS.js → ids-chunk-3BVCSXKY.js}

@@ -1,5 +1,4 @@
-import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQMNLD.js";import{a as c}from"./ids-chunk-MXFCUDLP.js";import{a,b as d}from"./ids-chunk-XE4WFW5M.js";import{e as i}from"./ids-chunk-TJKIW3GF.js";import{a as o}from"./ids-chunk-6EMRTLSG.js";import{a as n}from"./ids-chunk-5K6IDMGA.js";var m=`
-/* Ids Modal Component */
+import{a as f}from"./ids-chunk-T2T35FWF.js";import{a as v}from"./ids-chunk-SQGTVQTQ.js";import{a as x}from"./ids-chunk-OPOTJ7IF.js";import{a as b,b as g}from"./ids-chunk-XE4WFW5M.js";import{e as l}from"./ids-chunk-5Q3WPKMB.js";import{a as o}from"./ids-chunk-4NXTNKXV.js";import{a as u,d as h,g as s}from"./ids-chunk-Y32WUP63.js";var y=`/* Ids Modal Component */
 :host {
   display: block;
   position: fixed;
@@ -20,6 +19,15 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
 .ids-modal[visible] {
   pointer-events: auto;
 }
+.ids-modal.fullsize {
+  height: 100%;
+}
+.ids-modal:not(.scrollable) .has-scrollbar {
+  overflow: hidden;
+}
+.ids-modal.scrollable .has-scrollbar {
+  overflow: auto;
+}
 
 .ids-modal-header {
   padding: var(--ids-modal-header-padding);
@@ -30,9 +38,6 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
   flex-grow: 1;
   flex-shrink: 1;
 }
-.ids-modal-content.has-scrollbar {
-  overflow: auto;
-}
 
 .ids-modal-header + .ids-modal-content {
   padding-block-start: 0;
@@ -65,6 +70,16 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
   display: flex;
 }
 
+.modal-control-close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+.modal-control-close[dir=rtl] {
+  left: 4px;
+  right: unset;
+}
+
 ::slotted([slot=buttons]:not(:first-of-type)) {
   border-inline-start: 1px solid var(--ids-modal-footer-color-border);
 }
@@ -99,6 +114,15 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
 .ids-modal[visible] {
   pointer-events: auto;
 }
+.ids-modal.fullsize {
+  height: 100%;
+}
+.ids-modal:not(.scrollable) .has-scrollbar {
+  overflow: hidden;
+}
+.ids-modal.scrollable .has-scrollbar {
+  overflow: auto;
+}
 
 .ids-modal-header {
   padding: var(--ids-modal-header-padding);
@@ -109,9 +133,6 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
   flex-grow: 1;
   flex-shrink: 1;
 }
-.ids-modal-content.has-scrollbar {
-  overflow: auto;
-}
 
 .ids-modal-header + .ids-modal-content {
   padding-block-start: 0;
@@ -144,6 +165,16 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
   display: flex;
 }
 
+.modal-control-close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+.modal-control-close[dir=rtl] {
+  left: 4px;
+  right: unset;
+}
+
 ::slotted([slot=buttons]:not(:first-of-type)) {
   border-inline-start: 1px solid var(--ids-modal-footer-color-border);
 }
@@ -242,7 +273,7 @@ div.ids-modal {
   .ids-about .ids-modal-content {
     max-height: 400px;
   }
-}`;var u=c(p),r=class extends u{constructor(){super()}static get attributes(){return[...super.attributes,o.COPYRIGHT_YEAR,o.DEVICE_SPECS,o.PRODUCT_NAME,o.PRODUCT_VERSION,o.USE_DEFAULT_COPYRIGHT]}connectedCallback(){super.connectedCallback()}template(){return`<ids-popup part="modal" class="ids-modal ids-about" type="modal" position-style="viewport">
+}`;var A=x(v),n,m,r,p,i,a,c=class extends A{constructor(){super();h(this,n);h(this,r);h(this,i)}static get attributes(){return[...super.attributes,o.COPYRIGHT_YEAR,o.DEVICE_SPECS,o.PRODUCT_NAME,o.PRODUCT_VERSION,o.USE_DEFAULT_COPYRIGHT]}connectedCallback(){super.connectedCallback(),this.showCloseButton=l(this.getAttribute(o.SHOW_CLOSE_BUTTON))}template(){return`<ids-popup part="modal" class="ids-modal ids-about" type="modal" position-style="viewport">
       <div class="ids-modal-container" slot="content">
         <div class="ids-modal-header">
           <slot name="icon"></slot>
@@ -258,10 +289,7 @@ div.ids-modal {
           </div>
         </div>
       </div>
-    </ids-popup>`}attachEventHandlers(){return super.attachEventHandlers(),this.#e(),this.#s(),this.#o(),this.#t(),this.onLanguageChange=()=>{this.#o(),this.#t()},this.onLocaleChange=()=>{this.#o(),this.#t()},this}#s(){let t=`<ids-modal-button cancel slot="buttons" appearance="tertiary" css-class="ids-icon-button ids-modal-icon-button">
-      <span class="audible">Close modal</span>
-      <ids-icon icon="close"></ids-icon>
-    </ids-modal-button>`;this.insertAdjacentHTML("beforeend",t)}get ariaLabelContent(){return`${this.querySelector('[slot="appName"')?.innerText||""} ${this.productName||""} ${this.productVersion||""}`}get productName(){return this.getAttribute(o.PRODUCT_NAME)}set productName(t){this.setAttribute(o.PRODUCT_NAME,String(t)),this.#e()}get productVersion(){return this.getAttribute(o.PRODUCT_VERSION)}set productVersion(t){this.setAttribute(o.PRODUCT_VERSION,String(t)),this.#e()}#e(){let t=this.querySelectorAll('[slot="product"]'),e=`<ids-text slot="product" type="p">${this.productName?`${this.productName} `:""}${this.productVersion||""}</ids-text>`;t.forEach(s=>s.remove()),(this.productName||this.productVersion)&&this.insertAdjacentHTML("beforeend",e)}get deviceSpecs(){let t=this.getAttribute(o.DEVICE_SPECS);return t?i(t):!0}set deviceSpecs(t){let e=i(t);this.setAttribute(o.DEVICE_SPECS,String(e)),this.#o()}#o(){if(this.querySelectorAll('[slot="device"]').forEach(e=>e.remove()),this.deviceSpecs){let e=l(),s=`<ids-text slot="device" type="p">
+    </ids-popup>`}attachEventHandlers(){return super.attachEventHandlers(),s(this,n,m).call(this),s(this,r,p).call(this),s(this,i,a).call(this),this.onLanguageChange=()=>{s(this,r,p).call(this),s(this,i,a).call(this)},this.onLocaleChange=()=>{s(this,r,p).call(this),s(this,i,a).call(this)},this}get ariaLabelContent(){return`${this.querySelector('[slot="appName"')?.innerText||""} ${this.productName||""} ${this.productVersion||""}`}get productName(){return this.getAttribute(o.PRODUCT_NAME)}set productName(t){this.setAttribute(o.PRODUCT_NAME,String(t)),s(this,n,m).call(this)}get productVersion(){return this.getAttribute(o.PRODUCT_VERSION)}set productVersion(t){this.setAttribute(o.PRODUCT_VERSION,String(t)),s(this,n,m).call(this)}get deviceSpecs(){let t=this.getAttribute(o.DEVICE_SPECS);return t?l(t):!0}set deviceSpecs(t){let e=l(t);this.setAttribute(o.DEVICE_SPECS,String(e)),s(this,r,p).call(this)}get copyrightYear(){return this.getAttribute(o.COPYRIGHT_YEAR)||new Date().getFullYear().toString()}set copyrightYear(t){this.setAttribute(o.COPYRIGHT_YEAR,String(t)),s(this,i,a).call(this)}get useDefaultCopyright(){let t=this.getAttribute(o.USE_DEFAULT_COPYRIGHT);return t?l(t):!0}set useDefaultCopyright(t){let e=l(t);this.setAttribute(o.USE_DEFAULT_COPYRIGHT,String(e)),s(this,i,a).call(this)}};n=new WeakSet,m=function(){let t=this.querySelectorAll('[slot="product"]'),e=`<ids-text slot="product" type="p">${this.productName?`${this.productName} `:""}${this.productVersion||""}</ids-text>`;t.forEach(d=>d.remove()),(this.productName||this.productVersion)&&this.insertAdjacentHTML("beforeend",e)},r=new WeakSet,p=function(){if(this.querySelectorAll('[slot="device"]').forEach(e=>e.remove()),this.deviceSpecs){let e=f(),d=`<ids-text slot="device" type="p">
         <span>${this.localeAPI?.translate("Platform")} : ${e.platform}</span><br/>
         <span>${this.localeAPI?.translate("Mobile")} : ${e.isMobile}</span><br/>
         <span>${this.localeAPI?.translate("Browser")} : ${e.browser} (${e.browserVersion})</span><br/>
@@ -269,4 +297,4 @@ div.ids-modal {
         <span>${this.localeAPI?.translate("Language")} : ${this.localeAPI?.language.name||"en"}</span><br/>
         <span>${this.localeAPI?.translate("BrowserLanguage")} : ${e.browserLanguage}</span><br/>
         <span>${this.localeAPI?.translate("Version")} : ${e.idsVersion}</span>
-      </ids-text>`;this.insertAdjacentHTML("beforeend",s)}}get copyrightYear(){return this.getAttribute(o.COPYRIGHT_YEAR)||new Date().getFullYear().toString()}set copyrightYear(t){this.setAttribute(o.COPYRIGHT_YEAR,String(t)),this.#t()}get useDefaultCopyright(){let t=this.getAttribute(o.USE_DEFAULT_COPYRIGHT);return t?i(t):!0}set useDefaultCopyright(t){let e=i(t);this.setAttribute(o.USE_DEFAULT_COPYRIGHT,String(e)),this.#t()}#t(){let t=this.querySelectorAll('[slot="copyright"]'),s=`<ids-text slot="copyright" type="p">${this.localeAPI?.translate("AboutText").replace("{0}",this.copyrightYear)} <ids-hyperlink target="_blank" text-decoration="underline" href="https://www.infor.com">www.infor.com</ids-hyperlink>.</ids-text>`;t.forEach(h=>h.remove()),this.useDefaultCopyright&&this.insertAdjacentHTML("beforeend",s)}};r=n([a("ids-about"),d(m)],r);export{r as a};
+      </ids-text>`;this.insertAdjacentHTML("beforeend",d)}},i=new WeakSet,a=function(){let t=this.querySelectorAll('[slot="copyright"]'),d=`<ids-text slot="copyright" type="p">${this.localeAPI?.translate("AboutText").replace("{0}",this.copyrightYear)} <ids-hyperlink target="_blank" text-decoration="underline" href="https://www.infor.com">www.infor.com</ids-hyperlink>.</ids-text>`;t.forEach(w=>w.remove()),this.useDefaultCopyright&&this.insertAdjacentHTML("beforeend",d)},c=u([b("ids-about"),g(y)],c);export{c as a};

package/chunks/{ids-chunk-LUQ5WTTM.js → ids-chunk-3G57636C.js}

@@ -1,5 +1,4 @@
-import{a as n}from"./ids-chunk-CYHGXCKL.js";import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as i,b as s}from"./ids-chunk-XE4WFW5M.js";import{a as d}from"./ids-chunk-DCNGT4R2.js";import{a as t}from"./ids-chunk-6EMRTLSG.js";import{a as r}from"./ids-chunk-5K6IDMGA.js";var a=`
-/* Ids List Box Component */
+import{a as h}from"./ids-chunk-HXA5LW64.js";import{a}from"./ids-chunk-DK5QOJMP.js";import{a as l,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as u}from"./ids-chunk-RCDMHHTV.js";import{e as i}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-4NXTNKXV.js";import{a as s,d as n,g as d}from"./ids-chunk-Y32WUP63.js";var m=`/* Ids List Box Component */
 :host {
   color: var(--ids-dropdown-color-text-default);
   cursor: var(--ids-cursor-pointer);
@@ -13,7 +12,6 @@ import{a as n}from"./ids-chunk-CYHGXCKL.js";import{a as l}from"./ids-chunk-B6P5A
   text-indent: 8px;
   user-select: none;
   min-width: calc(var(--ids-input-width-10) - 2px);
-  max-width: 298px;
   text-transform: capitalize;
   text-overflow: ellipsis;
   width: 100%;
@@ -89,4 +87,4 @@ import{a as n}from"./ids-chunk-CYHGXCKL.js";import{a as l}from"./ids-chunk-B6P5A
 :host(.module-nav.is-selected) {
   background-color: var(--ids-module-nav-item-hover-bg-color);
   color: var(--ids-module-nav-item-hover-text-color);
-}`;var c=n(l(d)),o=class extends c{constructor(){super()}static get attributes(){return[...super.attributes,t.GROUP_LABEL,t.TOOLTIP,t.VALUE]}connectedCallback(){super.connectedCallback(),this.setAttribute("role",this.hasAttribute(t.GROUP_LABEL)?"none":"option"),this.setAttribute("tabindex","-1")}template(){return"<slot></slot>"}set value(e){e?this.setAttribute(t.VALUE,`${e}`):this.removeAttribute(t.VALUE)}get value(){return this.getAttribute(t.VALUE)}};o=r([i("ids-list-box-option"),s(a)],o);export{o as a};
+}`;var b=h(a(u)),r,p,o=class extends b{constructor(){super();n(this,r)}static get attributes(){return[...super.attributes,t.GROUP_LABEL,t.ROW_INDEX,t.SELECTED,t.TOOLTIP,t.VALUE]}connectedCallback(){super.connectedCallback(),this.setAttribute("role",this.groupLabel?"none":"option"),this.setAttribute("tabindex","-1"),d(this,r,p).call(this)}template(){return"<slot></slot>"}get childCheckbox(){return this?.querySelector("ids-checkbox")??void 0}get childIcon(){return this.querySelector("ids-icon")??void 0}get label(){return this.textContent?.trim()||this.childCheckbox?.label||""}get groupLabel(){return this.hasAttribute(t.GROUP_LABEL)}set groupLabel(e){i(e)?this.setAttribute(t.GROUP_LABEL,"true"):this.removeAttribute(t.GROUP_LABEL)}set value(e){this.setAttribute(t.VALUE,`${e??""}`)}get value(){return this.getAttribute(t.VALUE)??""}set selected(e){i(e)?(this.setAttribute(t.SELECTED,"true"),this.container?.classList.add("is-selected"),this.childCheckbox?.setAttribute("checked","true")):(this.removeAttribute(t.SELECTED),this.container?.classList.remove("is-selected"),this.childCheckbox?.removeAttribute("checked"))}get selected(){return i(this.getAttribute(t.SELECTED))}set rowIndex(e){e!==null&&e>=0?this.setAttribute(t.ROW_INDEX,String(e)):this.removeAttribute(t.ROW_INDEX)}get rowIndex(){return Number(this.getAttribute(t.ROW_INDEX)??-1)}};r=new WeakSet,p=function(){let e=this.nextElementSibling;this.hidden=this.groupLabel&&(!e||e.groupLabel)},o=s([l("ids-list-box-option"),c(m)],o);export{o as a};

package/chunks/ids-chunk-3MD3NFTS.js

@@ -0,0 +1,73 @@
+import{a as S}from"./ids-chunk-OPOTJ7IF.js";import{a as R}from"./ids-chunk-T6ZV4PDM.js";import{a as y}from"./ids-chunk-DK5QOJMP.js";import{a as I,b as G}from"./ids-chunk-XE4WFW5M.js";import{a as B}from"./ids-chunk-RCDMHHTV.js";import{e as d}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";import{a as L,d as r,g as s}from"./ids-chunk-Y32WUP63.js";var x=`:host {
+  font-family: var(--ids-swappable-item-font-family);
+  border: var(--ids-swappable-item-border-default);
+  cursor: var(--ids-swappable-item-cursor-default);
+  display: block;
+  transition: height 0.4s ease, padding 0.4s ease;
+  overflow: hidden;
+}
+
+:host(:hover) {
+  position: relative;
+}
+:host(:hover)::before {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translate(5px, -47%);
+  font-size: var(--ids-swappable-item-font-size-hover);
+  content: var(--ids-swappable-item-content-hover);
+  z-index: 999999;
+}
+
+:host([dir=rtl]:hover)::before {
+  left: unset;
+  right: 5px;
+  transform: translate(-1px, -47%);
+}
+
+:host(:focus) {
+  border: var(--ids-swappable-item-border-focus);
+  box-shadow: var(--ids-swappable-item-shadow-focus);
+  outline: var(--ids-swappable-item-outline-focus);
+}
+
+:host([selected]) {
+  cursor: var(--ids-swappable-item-cursor-selected);
+}
+
+:host([dragging]) {
+  opacity: var(--ids-swappable-item-opacity-dragging);
+}
+
+:host([dragging]:not(.slotted-ids-tab)),
+:host([selected]:not(.slotted-ids-tab)) {
+  background-color: var(--ids-swappable-item-color-background-selected);
+  color: var(--ids-swappable-item-color-text-selected);
+}
+
+:host([over]) {
+  border: var(--ids-swappable-item-over-border);
+}
+
+:host(.p-8) {
+  padding-block: var(--ids-space-40);
+  padding-inline-end: var(--ids-space-40);
+  padding-inline-start: var(--ids-space-60);
+}
+
+:host(.is-hidden) {
+  height: var(--ids-space-none);
+  padding: var(--ids-space-none);
+  border: none;
+  overflow: hidden;
+}
+
+::slotted(ids-tab) {
+  position: relative;
+  margin: -1px;
+}
+
+:host(.slotted-ids-tab:not(.orientation-vertical)) {
+  margin-inline-start: var(--ids-space-30);
+}`;var k=R(S(y(B))),b,T,o,u,c,D,E,w,n,p,l,g,f,M,m,C,A,O,v,N,h=class extends k{constructor(){super();r(this,b);r(this,o);r(this,c);r(this,E);r(this,n);r(this,l);r(this,f);r(this,m);r(this,A);r(this,v)}connectedCallback(){super.connectedCallback(),this.setAttribute(e.TABBABLE,"true"),this.hasAttribute(e.DRAG_MODE)||this.setAttribute(e.DRAG_MODE,"select"),this.attachEventListeners(),s(this,v,N).call(this)}static get attributes(){return[...super.attributes,e.DRAG_MODE,e.DRAGGING,e.ORIGINAL_TEXT,e.OVER,e.SELECTED,e.TABBABLE]}template(){return"<slot></slot>"}get rowIndex(){return Number(this.getAttribute("index")??-1)}get listViewItem(){let t=this.querySelector("slot, ids-list-view-item");return t?.matches("slot")?t?.assignedElements?.().find(i=>i.matches("ids-list-view-item")):t}set dragMode(t){t==="select"?this.setAttribute(e.DRAGGABLE,"false"):this.setAttribute(e.DRAGGABLE,"true")}get dragMode(){return this.getAttribute(e.DRAG_MODE)}set selected(t){d(t)?(this.setAttribute(e.SELECTED,""),this.setAttribute("aria-selected","selected"),this.setAttribute("draggable","true")):(this.removeAttribute(e.SELECTED),this.removeAttribute("aria-selected"),this.dragMode==="select"&&this.setAttribute("draggable","false"))}get selected(){return d(this.getAttribute(e.SELECTED))}get selectedItems(){return this.parentElement?.shadowRoot?.querySelectorAll("[selected]")}get allItems(){return this.parentElement?.querySelectorAll("ids-swappable-item")}set originalText(t){t?this.setAttribute(e.ORIGINAL_TEXT,t):this.removeAttribute(e.ORIGINAL_TEXT)}get originalText(){return this.getAttribute(e.ORIGINAL_TEXT)}get selection(){return this.parentElement?.getAttribute(e.SELECTION)}set tabbable(t){if(d(t)){this.setAttribute(e.TABBABLE,"true"),this.setAttribute(e.TABINDEX,"0");return}this.setAttribute(e.TABBABLE,"false"),this.setAttribute(e.TABINDEX,"-1")}get tabbable(){return d(this.getAttribute(e.TABBABLE)||!0)}attachEventListeners(){s(this,m,C).call(this),s(this,f,M).call(this),s(this,A,O).call(this)}};b=new WeakSet,T=function(t){t.dataTransfer?.setData("text/plain",t.target.innerText),this.setAttribute(e.DRAGGING,""),[...this.children].forEach(i=>{i.setAttribute(e.DRAGGING,"")})},o=new WeakSet,u=function(){this.dragMode==="select"&&this.setAttribute(e.DRAGGABLE,"true"),this.removeAttribute(e.DRAGGING),[...this.children].forEach(t=>{t.removeAttribute(e.DRAGGING),t.focus()}),this.removeAttribute(e.OVER),this.triggerEvent("afterdragend",this,{bubbles:!0,detail:{elem:this}})},c=new WeakSet,D=function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),this.hasAttribute(e.DRAGGING)?this.removeAttribute(e.OVER):this.setAttribute(e.OVER,"")},E=new WeakSet,w=function(){this.removeAttribute(e.OVER)},n=new WeakSet,p=function(){let t=()=>{this.removeAttribute(e.SELECTED),this.listViewItem?.removeAttribute(e.SELECTED)};this.dragMode==="select"?this.selected?t():(this.allItems?.forEach(i=>{i.removeAttribute(e.SELECTED),i.listViewItem?.removeAttribute(e.SELECTED)}),this.setAttribute(e.SELECTED,""),this.listViewItem?.setAttribute(e.SELECTED,"selected")):t()},l=new WeakSet,g=function(){this.selected?this.removeAttribute(e.SELECTED):this.setAttribute(e.SELECTED,"")},f=new WeakSet,M=function(){this.listen(["Enter","ArrowUp","ArrowDown"],this,t=>{if(t.preventDefault(),t.key==="ArrowDown"&&(t.target.parentElement?.nextElementSibling?.focus(),t.target.nextElementSibling?.focus()),t.key==="ArrowUp"&&t.target.previousElementSibling?.focus(),t.key==="Enter"){if(this.querySelector(".is-editing"))return;this.selection==="multiple"?s(this,l,g).call(this):s(this,n,p).call(this)}})},m=new WeakSet,C=function(){this.selection==="multiple"?(this.offEvent("click",this,s(this,l,g)),this.onEvent("click",this,s(this,l,g))):(this.offEvent("click",this,s(this,n,p)),this.onEvent("click",this,s(this,n,p)))},A=new WeakSet,O=function(){this.offEvent("dragstart",this,t=>s(this,b,T).call(this,t)),this.onEvent("dragstart",this,t=>s(this,b,T).call(this,t)),this.offEvent("dragend",this,()=>s(this,o,u).call(this)),this.onEvent("dragend",this,()=>s(this,o,u).call(this)),this.offEvent("drop",this,()=>s(this,o,u).call(this)),this.onEvent("drop",this,()=>s(this,o,u).call(this)),this.offEvent("dragover",this,t=>s(this,c,D).call(this,t)),this.onEvent("dragover",this,t=>s(this,c,D).call(this,t)),this.offEvent("dragleave",this,()=>s(this,E,w).call(this)),this.onEvent("dragleave",this,()=>s(this,E,w).call(this))},v=new WeakSet,N=function(){if(this.children.length>0){let t=[...this.children].filter(a=>a.name).map(a=>`slotted-${a.name}`),i=[...this.children].filter(a=>a.state?.orientation).map(a=>`orientation-${a.state.orientation}`);(t.length>0||i.length>0)&&this.classList.add(...t,...i)}},h=L([I("ids-swappable-item"),G(x)],h);export{h as a};

package/chunks/{ids-chunk-LV3XHDOL.js → ids-chunk-3NXIW7FZ.js}

@@ -1,5 +1,4 @@
-import{a as i,b as m,d as p,e as x,f as a,g as r,h as g,i as l,j as h}from"./ids-chunk-T2XQSVTZ.js";import{a as u,b as y}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-DCNGT4R2.js";import{e as s}from"./ids-chunk-TJKIW3GF.js";import{a as o}from"./ids-chunk-6EMRTLSG.js";import{a as e}from"./ids-chunk-5K6IDMGA.js";var w=`
-/* Ids Layout Grid */
+import{a as i,b as m,d as p,e as x,f as a,g as r,h as g,i as l,j as h}from"./ids-chunk-4NP4YKN3.js";import{a as u,b as y}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-RCDMHHTV.js";import{e as s}from"./ids-chunk-5Q3WPKMB.js";import{a as o}from"./ids-chunk-4NXTNKXV.js";import{a as e}from"./ids-chunk-Y32WUP63.js";var w=`/* Ids Layout Grid */
 :host {
   --grid-auto-row-height: 0;
   --grid-fill-color: var(--ids-layout-grid-color-background);

package/chunks/{ids-chunk-R5ZFGKRA.js → ids-chunk-3OCB55IU.js}

@@ -1,5 +1,4 @@
-import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as d}from"./ids-chunk-VD3FN2LH.js";import{a as o,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-DCNGT4R2.js";import{e}from"./ids-chunk-TJKIW3GF.js";import{a as r}from"./ids-chunk-6EMRTLSG.js";import{a as s}from"./ids-chunk-5K6IDMGA.js";var m=`
-/* Ids Separator Component */
+import{a as l}from"./ids-chunk-DK5QOJMP.js";import{a as d}from"./ids-chunk-IFNEWXJJ.js";import{a as o,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-RCDMHHTV.js";import{e}from"./ids-chunk-5Q3WPKMB.js";import{a as r}from"./ids-chunk-4NXTNKXV.js";import{a as s}from"./ids-chunk-Y32WUP63.js";var m=`/* Ids Separator Component */
 :host {
   display: block;
 }

package/chunks/ids-chunk-3S4IXJBT.js

@@ -0,0 +1,4 @@
+function r(){return{description:this.localeAPI?.translate("NoDataFilter")||"No data available, make a new filter selection to see more results.",icon:"empty-no-data-new",label:this.localeAPI?.translate("NoData")||"No data available"}}function d(){let{description:e,icon:t,label:i}=r.apply(this),s={description:this.emptyMessageDescription||e,icon:this.emptyMessageIcon||t,label:this.emptyMessageLabel||i};return this.suppressEmptyMessage?"":`<ids-empty-message icon="${s.icon}" hidden>
+    <ids-text type="h2" font-size="20" label="true" slot="label">${s.label}</ids-text>
+    <ids-text label="true" slot="description" hidden>${s.description}</ids-text>
+  </ids-empty-message>`}function g(){return`<slot name="empty-message">${d.apply(this)}</slot>`}function l(){let e=this.querySelector("ids-empty-message"),t=e||this.shadowRoot?.querySelector("ids-empty-message");this.emptyMessageElements={em:t,emDesc:t?.querySelector('[slot="description"]'),emDescContainer:t?.container?.querySelector(".description"),emBtnContainer:t?.container?.querySelector(".button"),emIsSlotted:!!e,emLabel:t?.querySelector('[slot="label"]'),vs:this.shadowRoot?.querySelector("ids-virtual-scroll")}}function p(){this.emptyMessageElements=void 0}function c(){if(this.suppressEmptyMessage)return;this.initialized&&!this.emptyMessageElements&&l.apply(this);let{em:e,emDesc:t,emDescContainer:i,emBtnContainer:s,vs:a}=this.emptyMessageElements||{};e?.removeAttribute("hidden");let n=this.datasource.filtered;i?.toggleAttribute("hidden",!n),t?.toggleAttribute("hidden",!n);let o=s?.querySelector('slot[name="button"]')?.assignedElements();s?.toggleAttribute("hidden",!o?.length),this.virtualScroll&&a?.setAttribute("hidden",""),this.wrapper?.classList.add("has-empty-message")}function h(){this.initialized&&!this.emptyMessageElements&&l.apply(this);let{em:e,emDesc:t,vs:i}=this.emptyMessageElements||{};e?.setAttribute("hidden",""),t?.setAttribute("hidden",""),i?.removeAttribute("hidden"),this.wrapper?.classList?.remove("has-empty-message")}function M(e){e=e??this.data?.length,e||this.suppressEmptyMessage?h.apply(this):c.apply(this)}function u(){let e=r.apply(this);l.apply(this);let{em:t,emDesc:i,emIsSlotted:s,emLabel:a}=this.emptyMessageElements,n=i?.textContent?.trim(),o=t?.icon,m=a?.textContent?.trim();i&&n!==this.emptyMessageDescription&&(s&&this.emptyMessageDescription?i.innerHTML=this.emptyMessageDescription:s||(i.innerHTML=this.emptyMessageDescription||e.description)),t?.icon&&o!==this.emptyMessageIcon&&(s&&this.emptyMessageIcon?t.icon=this.emptyMessageIcon:s||(t.icon=this.emptyMessageIcon||e.icon)),a&&m!==this.emptyMessageLabel&&(s&&this.emptyMessageLabel?a.innerHTML=this.emptyMessageLabel:s||(a.innerHTML=this.emptyMessageLabel||e.label)),p.apply(this),this.toggleEmptyMessage()}export{g as a,l as b,p as c,c as d,h as e,M as f,u as g};

package/chunks/ids-chunk-4KH6KPFZ.js

@@ -0,0 +1 @@
+import{a as t}from"./ids-chunk-4NXTNKXV.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};