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

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-PTNGEG7Q.js → ids-chunk-23UNNOWE.js}

@@ -1 +1 @@
-import{a as t}from"./ids-chunk-EHQM67XJ.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-NSM2KAOK.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-Y2HQLIVA.js → ids-chunk-277HUP5X.js}

@@ -1,5 +1,4 @@
-import{a as s}from"./ids-chunk-3FV2BLYC.js";import{a as h}from"./ids-chunk-T6ZV4PDM.js";import{a as b}from"./ids-chunk-B6P5AQ2Z.js";import{a as f}from"./ids-chunk-SNYFQ5ZT.js";import{a as u,b as p}from"./ids-chunk-XE4WFW5M.js";import{e as c}from"./ids-chunk-TJKIW3GF.js";import{a as i}from"./ids-chunk-EHQM67XJ.js";import{a as d}from"./ids-chunk-U7OOVFXE.js";var g=`
-/* Ids Notification Banner Component */
+import{a as s}from"./ids-chunk-3FV2BLYC.js";import{a as y}from"./ids-chunk-T6ZV4PDM.js";import{a as m}from"./ids-chunk-CT5U7IVV.js";import{a as f,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as v}from"./ids-chunk-4WDX2CDM.js";import{e as p}from"./ids-chunk-VEAPPKDG.js";import{a as i}from"./ids-chunk-NSM2KAOK.js";import{a as h,d,g as u}from"./ids-chunk-Y32WUP63.js";var k=`/* Ids Notification Banner Component */
 .ids-notification-banner {
   display: flex;
   padding-inline-start: var(--ids-notification-padding);
@@ -75,7 +74,7 @@ ids-button::part(button):hover {
 .ids-notification-banner[type=error],
 .ids-notification-banner.error {
   background-color: var(--ids-notification-banner-error-color-background);
-}`;var E=h(b(f)),r=class extends E{constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t(),this.#i()}static get attributes(){return[i.MESSAGE_TEXT,i.LINK,i.LINK_TEXT,i.TYPE,i.WRAP]}template(){let t;s[this.type??""]?.type===void 0?t=s.success.type:t=this.type;let e=!this.type||s[this.type]===void 0?s.success.type:this.type,n=this.wrap?"":'overflow="ellipsis"';return`
+}`;var P=y(m(v)),c,T,l,E,r=class extends P{constructor(){super();d(this,c);d(this,l)}connectedCallback(){super.connectedCallback(),u(this,c,T).call(this),u(this,l,E).call(this)}static get attributes(){return[i.MESSAGE_TEXT,i.LINK,i.LINK_TEXT,i.TYPE,i.WRAP]}template(){let t;s[this.type??""]?.type===void 0?t=s.success.type:t=this.type;let e=!this.type||s[this.type]===void 0?s.success.type:this.type,n=this.wrap?"":'overflow="ellipsis"';return`
       <div class="ids-notification-banner" part="container" type="${e}">
         <ids-alert icon="${t==="warning"?"alert":t}"></ids-alert>
         <div class="ids-notification-banner-message ${this.wrap?"wrap":""}" part="message">
@@ -93,4 +92,4 @@ ids-button::part(button):hover {
           </ids-button>
         </div>
       </div>
-    `}set wrap(t){let e=this.container?.querySelector(".ids-notification-banner-message"),n=e?.querySelector("ids-text");c(t)?(this.setAttribute(i.WRAP,""),e?.classList.add("wrap"),n?.setAttribute(i.OVERFLOW,"none")):(this.removeAttribute(i.WRAP),e?.classList.remove("wrap"),n?.setAttribute(i.OVERFLOW,"ellipsis"))}get wrap(){return c(this.getAttribute(i.WRAP))}set type(t){!t||s[t]===void 0?(this.removeAttribute(i.TYPE),this.setAttribute(i.TYPE,s.success.type),this.container?.setAttribute(i.TYPE,s.success.type)):(this.setAttribute(i.TYPE,t),this.container?.setAttribute(i.TYPE,t))}get type(){return this.getAttribute(i.TYPE)}set link(t){t?this.setAttribute(i.LINK,t):this.removeAttribute(i.LINK)}get link(){return this.getAttribute(i.LINK)}set linkText(t){t?this.setAttribute(i.LINK_TEXT,t):this.removeAttribute(i.LINK_TEXT)}get linkText(){return this.getAttribute(i.LINK_TEXT)}set messageText(t){t?this.setAttribute(i.MESSAGE_TEXT,t):this.removeAttribute(i.MESSAGE_TEXT)}get messageText(){return this.getAttribute(i.MESSAGE_TEXT)}#t(){let t=this.container?.querySelector("ids-button");return this.onEvent("click",t,()=>this.dismiss()),this}#i(){let t=this.container?.querySelector("ids-button");return this.listen("Enter",t,()=>this.dismiss()),this}add(t){let{id:e,parent:n,type:m,messageText:y,link:v,linkText:l}=t,o=this.container?.querySelector('[part="message"]'),k=this.container?.querySelector("ids-alert"),T=this.wrap?"":'overflow="ellipsis"';if(e&&this.setAttribute("id",e),this.type=m,this.messageText=y,k?.setAttribute("icon",this.type??""),o&&(o.innerHTML=`<ids-text ${T}>${this.messageText}</ids-text>`),t.link){let a=document.createElement("div");a.setAttribute("part","link"),this.link=v,this.linkText=l===void 0?"Click to view":l,a.innerHTML=`<ids-hyperlink href="${this.link}" target="_blank">${this.linkText}</ids-hyperlink>`,o?.parentNode?.insertBefore(a,o.nextSibling)}n?document.getElementById(n)?.prepend(this):document.querySelector("ids-container")?document.querySelector("ids-container")?.prepend(this):document.body.prepend(this)}dismiss(){let t=!0,e=n=>{t=!!n};this.triggerEvent("beforeNotificationRemove",this,{detail:{elem:this,response:e}}),t&&(this.triggerEvent("notificationRemove",this,{detail:{elem:this}}),this.remove(),this.triggerEvent("afterNotificationRemove",this,{detail:{elem:this}}))}};r=d([u("ids-notification-banner"),p(g)],r);export{r as a};
+    `}set wrap(t){let e=this.container?.querySelector(".ids-notification-banner-message"),n=e?.querySelector("ids-text");p(t)?(this.setAttribute(i.WRAP,""),e?.classList.add("wrap"),n?.setAttribute(i.OVERFLOW,"none")):(this.removeAttribute(i.WRAP),e?.classList.remove("wrap"),n?.setAttribute(i.OVERFLOW,"ellipsis"))}get wrap(){return p(this.getAttribute(i.WRAP))}set type(t){!t||s[t]===void 0?(this.removeAttribute(i.TYPE),this.setAttribute(i.TYPE,s.success.type),this.container?.setAttribute(i.TYPE,s.success.type)):(this.setAttribute(i.TYPE,t),this.container?.setAttribute(i.TYPE,t))}get type(){return this.getAttribute(i.TYPE)}set link(t){t?this.setAttribute(i.LINK,t):this.removeAttribute(i.LINK)}get link(){return this.getAttribute(i.LINK)}set linkText(t){t?this.setAttribute(i.LINK_TEXT,t):this.removeAttribute(i.LINK_TEXT)}get linkText(){return this.getAttribute(i.LINK_TEXT)}set messageText(t){t?this.setAttribute(i.MESSAGE_TEXT,t):this.removeAttribute(i.MESSAGE_TEXT)}get messageText(){return this.getAttribute(i.MESSAGE_TEXT)}add(t){let{id:e,parent:n,type:x,messageText:A,link:w,linkText:b}=t,o=this.container?.querySelector('[part="message"]'),S=this.container?.querySelector("ids-alert"),L=this.wrap?"":'overflow="ellipsis"';if(e&&this.setAttribute("id",e),this.type=x,this.messageText=A,S?.setAttribute("icon",this.type??""),o&&(o.innerHTML=`<ids-text ${L}>${this.messageText}</ids-text>`),t.link){let a=document.createElement("div");a.setAttribute("part","link"),this.link=w,this.linkText=b===void 0?"Click to view":b,a.innerHTML=`<ids-hyperlink href="${this.link}" target="_blank">${this.linkText}</ids-hyperlink>`,o?.parentNode?.insertBefore(a,o.nextSibling)}n?document.getElementById(n)?.prepend(this):document.querySelector("ids-container")?document.querySelector("ids-container")?.prepend(this):document.body.prepend(this)}dismiss(){let t=!0,e=n=>{t=!!n};this.triggerEvent("beforeNotificationRemove",this,{detail:{elem:this,response:e}}),t&&(this.triggerEvent("notificationRemove",this,{detail:{elem:this}}),this.remove(),this.triggerEvent("afterNotificationRemove",this,{detail:{elem:this}}))}};c=new WeakSet,T=function(){let t=this.container?.querySelector("ids-button");return this.onEvent("click",t,()=>this.dismiss()),this},l=new WeakSet,E=function(){let t=this.container?.querySelector("ids-button");return this.listen("Enter",t,()=>this.dismiss()),this},r=h([f("ids-notification-banner"),g(k)],r);export{r as a};

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

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

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

@@ -0,0 +1,164 @@
+import{a as Q,b as X,c as h}from"./ids-chunk-6NORWWJK.js";import{a as J}from"./ids-chunk-D7UBFM7J.js";import{a as G}from"./ids-chunk-35NW35ZW.js";import{a as K}from"./ids-chunk-PHQEFZRD.js";import{a as W}from"./ids-chunk-T6ZV4PDM.js";import{a as q,b as j}from"./ids-chunk-XE4WFW5M.js";import{t as z,u as L}from"./ids-chunk-SDTXNG6G.js";import{e as l,f as a}from"./ids-chunk-VEAPPKDG.js";import{a as i}from"./ids-chunk-NSM2KAOK.js";import{a as $,b as F,c as E,d as n,e as x,g as s}from"./ids-chunk-Y32WUP63.js";var Y=`/* 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 nt=G(K(W(J))),S,O,A,P,c,y,R,Z,m,N,u,f,T,M,H,B,k,_,w,V,b,I,d,v=class extends nt{constructor(){super();n(this,S);n(this,A);n(this,c);n(this,R);n(this,m);n(this,u);n(this,T);n(this,H);n(this,k);n(this,w);n(this,b);F(this,"isRendering");n(this,d,void 0);x(this,d,""),this.isRendering=!0}connectedCallback(){super.connectedCallback(),this.attachEventListeners(),this.setAttribute(i.FOCUS_INLINE,"true"),this.isRendering=!1}disconnectedCallback(){super.disconnectedCallback?.(),this.removeEventListeners(),x(this,d,null)}static get attributes(){return[...super.attributes,...Q,...X]}template(){let t=`<div class="dropdowns" part="dropdowns">${s(this,S,O).call(this)}</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>`}renderDropdowns(){this.isRendering=!0;let t=this.dropdownContainerEl;t&&(t.innerHTML=s(this,S,O).call(this)),this.refreshFocusableElements(),this.isRendering=!1}updateValue(){let t=this.getFormattedTime();E(this,d)!==t&&(x(this,d,t),E(this,d)!==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")}onFormatChange(){this.updateValue(),this.renderDropdowns()}removeRipples(){this.buttons?.forEach(t=>{t.removeRipples()})}syncTimeAttributes(t){let e=this.localeAPI?.parseDate(t||this.value,{pattern:this.format}),r=e?.getHours(),o=L(r),p=e?.getMinutes(),g=e?.getSeconds(),C=e&&this.localeAPI?.calendar()?.dayPeriods[r>=12?1:0];s(this,T,M).call(this)&&r!==this.hours&&(this.hours=r),s(this,u,f).call(this)&&o!==this.hours&&(this.hours=o),p!==this.minutes&&(this.minutes=p),g!==this.seconds&&(this.seconds=g),s(this,m,N).call(this)&&(this.period=C)}triggerSelectedEvent(t){if(this.isRendering)return;let e;t?e=t:e={bubbles:!0,detail:{elem:this,date:this.activeDate,value:this.getFormattedTime()}};let r=new CustomEvent("timeselected",e);this.embeddable?this.dispatchEvent(r):this.target&&this.target.dispatchEvent(r)}set autoupdate(t){let e=l(t),r=this.applyButtonEl;e?(this.setAttribute(i.AUTOUPDATE,"true"),r?.setAttribute("hidden","true")):(this.removeAttribute(i.AUTOUPDATE),r?.removeAttribute("hidden"))}get autoupdate(){return l(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){l(t)?this.setAttribute(i.EMBEDDABLE,"true"):this.removeAttribute(i.EMBEDDABLE),this.render(),this.connectedCallback()}get embeddable(){return l(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=a(this.getAttribute(i.HOURS));if(!Number.isNaN(t))return t;if(s(this,c,y).call(this))return s(this,A,P).call(this)[0];if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getHours();return s(this,u,f).call(this)?L(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=a(this.getAttribute(i.MINUTES));if(!Number.isNaN(t))return s(this,b,I).call(this,t,this.minuteInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getMinutes();return s(this,b,I).call(this,e,this.minuteInterval)}return 0}set minuteInterval(t){let e=a(t);Number.isNaN(e)?this.removeAttribute(i.MINUTE_INTERVAL):this.setAttribute(i.MINUTE_INTERVAL,String(e)),this.updateValue(),this.renderDropdowns()}get minuteInterval(){let t=a(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=a(this.getAttribute(i.SECONDS));if(!Number.isNaN(t))return s(this,b,I).call(this,t,this.secondInterval);if(this.useCurrentTime&&Number.isNaN(t)){let e=new Date().getSeconds();return s(this,b,I).call(this,e,this.secondInterval)}return 0}set secondInterval(t){let e=a(t);Number.isNaN(e)?this.removeAttribute(i.SECOND_INTERVAL):this.setAttribute(i.SECOND_INTERVAL,String(e)),this.updateValue(),this.renderDropdowns()}get secondInterval(){let t=a(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&&(s(this,c,y).call(this)?(this.renderDropdowns(),this.container?.querySelector("ids-dropdown#hours")?.setAttribute(i.VALUE,String(s(this,A,P).call(this)[0]))):this.container?.querySelector("ids-dropdown#period")?.setAttribute(i.VALUE,t.toString().toUpperCase()))}get period(){let t=this.getAttribute(i.PERIOD),e=s(this,w,V).call(this),r=e.map(o=>o.toLowerCase()).includes(t?.toString().toLowerCase());return s(this,m,N).call(this)?t&&r?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=a(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=a(this.getAttribute(i.END_HOUR));return!Number.isNaN(t)&&t<=24?t:24}set useCurrentTime(t){l(t)?this.setAttribute(i.USE_CURRENT_TIME,"true"):this.removeAttribute(i.USE_CURRENT_TIME),this.updateValue(),this.renderDropdowns()}get useCurrentTime(){return l(this.getAttribute(i.USE_CURRENT_TIME))}set value(t){let e=E(this,d);t!==e&&(x(this,d,t),t?this.setAttribute(i.VALUE,t):this.removeAttribute(i.VALUE),this.syncTimeAttributes(t))}get value(){return E(this,d)||""}focus(){let t=this.container?.querySelector("ids-dropdown");t?t.focus():this.applyButtonEl?.focus()}getFormattedTime(){let t=new Date,r=s(this,w,V).call(this).map(o=>o.toLowerCase()).indexOf(this.period?.toLowerCase());return t.setHours(z(this.hours,r),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()}};S=new WeakSet,O=function(){let t=({id:U,label:et,options:it,value:st,padStart:rt})=>`
+      <ids-dropdown id="${U}" class="dropdown" label="${et}" value="${st}" size="xs" part="${U}">
+        <ids-list-box>
+          ${it.map(D=>`
+            <ids-list-box-option id="timepicker-${U}-${D}" value="${D}">
+              ${rt?`${D}`.padStart(2,"0"):D}
+            </ids-list-box-option>
+          `).join("")}
+        </ids-list-box>
+      </ids-dropdown>
+    `,e=t({id:"hours",label:this.localeAPI?.translate("Hours")||"Hours",options:s(this,A,P).call(this),value:this.hours,padStart:this.format.includes("HH")||this.format.includes("hh")}),r=t({id:"minutes",label:this.localeAPI?.translate("Minutes")||"Minutes",options:h(0,59,this.minuteInterval),value:this.minutes,padStart:this.format.includes("mm")}),o=s(this,R,Z).call(this)&&t({id:"seconds",label:this.localeAPI?.translate("Seconds")||"Seconds",options:h(0,59,this.secondInterval),value:this.seconds,padStart:!0}),p=s(this,w,V).call(this),g=s(this,m,N).call(this)&&p&&t({id:"period",label:this.localeAPI?.translate("Period")||"Period",options:p,value:this.period}),C='<span class="separator colons">:</span>',tt='<span class="separator">&nbsp;</span>';return[[e,r,o].filter(Boolean).join(C),g].filter(Boolean).join(tt)},A=new WeakSet,P=function(){if(!s(this,c,y).call(this))return h(s(this,u,f).call(this)?1:0,s(this,u,f).call(this)?12:23);if(s(this,T,M).call(this))return h(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?[...h(s(this,H,B).call(this),s(this,k,_).call(this)),12]:h(s(this,H,B).call(this),s(this,k,_).call(this))},c=new WeakSet,y=function(){return this.startHour>0||this.endHour<24},R=new WeakSet,Z=function(){return this.format.toLowerCase().includes("ss")},m=new WeakSet,N=function(){return s(this,u,f).call(this)&&(this.format.toLowerCase().indexOf(" a")>-1||this.format.toLowerCase().indexOf("a")===0)},u=new WeakSet,f=function(){return this.format.includes("h")},T=new WeakSet,M=function(){return this.format.includes("H")||!s(this,m,N).call(this)},H=new WeakSet,B=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},k=new WeakSet,_=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},w=new WeakSet,V=function(){let t=this.localeAPI?.calendar().dayPeriods||[];return s(this,c,y).call(this)?t.reduce((e,r,o)=>{let p=o===0&&(this.startHour<12||this.startHour===0),g=o===1&&this.endHour>=12;return p||g?[...e,r]:e},[]):t},b=new WeakSet,I=function(t,e){return Math.round(t/e)*e},d=new WeakMap,v=$([q("ids-time-picker-popup"),j(Y)],v);var vt=v;export{vt as a};

package/chunks/{ids-chunk-VLHWEGSF.js → ids-chunk-2VWRBDCK.js}

@@ -1,5 +1,4 @@
-import{a as r}from"./ids-chunk-ZUGDFUAG.js";import{a as l}from"./ids-chunk-SNYFQ5ZT.js";import{a as t,b as d}from"./ids-chunk-XE4WFW5M.js";import{d as n}from"./ids-chunk-ODGLGMPF.js";import{e as o}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-EHQM67XJ.js";import{a}from"./ids-chunk-U7OOVFXE.js";var m=`
-/* Sass scss styles. Keep Base very small */
+import{a as m}from"./ids-chunk-CQRUOUCJ.js";import{a,b as o}from"./ids-chunk-XE4WFW5M.js";import{a as l}from"./ids-chunk-4WDX2CDM.js";import{d as n,j as r}from"./ids-chunk-U4XVR5SW.js";import{e as d}from"./ids-chunk-VEAPPKDG.js";import{a as e}from"./ids-chunk-NSM2KAOK.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-ZUGDFUAG.js";import{a as l}from"./ids-chunk-SNYFQ
   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-ZUGDFUAG.js";import{a as l}from"./ids-chunk-SNYFQ
   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-ZUGDFUAG.js";import{a as l}from"./ids-chunk-SNYFQ
 :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};

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

@@ -0,0 +1,86 @@
+import{a as n}from"./ids-chunk-2DAKDD6U.js";import{a as u}from"./ids-chunk-CT5U7IVV.js";import{a as c,b as x}from"./ids-chunk-XE4WFW5M.js";import{a as b}from"./ids-chunk-4WDX2CDM.js";import{a as t}from"./ids-chunk-NSM2KAOK.js";import{a as p,b as a,d as o,g as h}from"./ids-chunk-Y32WUP63.js";var f=`.ids-expandable-area {
+  border-bottom: var(--ids-expandable-area-border-bottom);
+  contain: content;
+  padding: calc(var(--ids-space-40) * 3) var(--ids-space-none);
+}
+.ids-expandable-area .expandable-pane-content {
+  margin-block-start: calc(var(--ids-space-40) * 2);
+}
+
+:host([type=toggle-btn]) .ids-expandable-area-header {
+  margin-block-end: var(--ids-space-40);
+}
+
+:host([type=partial]) .ids-expandable-area-visible-pane .expandable-pane-content {
+  margin-block-start: calc(var(--ids-space-40) * 3);
+}
+:host([type=partial]) .ids-expandable-area-pane .expandable-pane-content {
+  margin-block-start: var(--ids-space-none);
+}
+
+.ids-expandable-area-header ::slotted(ids-text) {
+  display: block;
+  margin-block-end: var(--ids-space-40);
+}
+
+.ids-expandable-area-footer ::slotted(ids-hyperlink),
+.ids-expandable-area-footer ::slotted(ids-text) {
+  display: block;
+  margin-block-start: var(--ids-space-none);
+  margin-block-end: calc(var(--ids-space-40) * -1);
+}
+
+[data-expander=link] {
+  display: inline-block;
+}
+[data-expander=link][aria-expanded=true] {
+  margin-block-start: var(--ids-space-40);
+}
+
+[data-expander=header] {
+  pointer-events: none;
+}
+
+[data-expander=header] [name=header] {
+  pointer-events: initial;
+}
+
+.ids-expandable-area-pane {
+  height: var(--ids-space-none);
+  overflow: hidden;
+  transition: height var(--ids-motion-duration) var(--ids-motion-ease);
+}`;var i=(e=>(e[e.fixed=0]="fixed",e[e.fill=1]="fill",e))(i||{}),m=u(b),r,v,s=class extends m{constructor(){super();o(this,r);a(this,"vetoableEventTypes",["beforecollapse","beforeexpand"]);a(this,"expander",null);a(this,"expanderDefault",null);a(this,"expanderExpanded",null);a(this,"pane",null);this.state={}}connectedCallback(){super.connectedCallback(),this.expander=this.shadowRoot?.querySelector("[data-expander]"),this.expanderDefault=this.shadowRoot?.querySelector('[name="expander-default"]'),this.expanderExpanded=this.shadowRoot?.querySelector('[name="expander-expanded"]'),this.pane=this.shadowRoot?.querySelector(".ids-expandable-area-pane"),h(this,r,v).call(this),this.switchState()}static get attributes(){return[t.EXPANDED,t.EXPAND_STYLE,t.TYPE]}set type(e){e&&n.indexOf(e)!==-1?this.setAttribute(t.TYPE,e):this.setAttribute(t.TYPE,"")}get type(){return this.getAttribute(t.TYPE)}set expanded(e){e?this.setAttribute(t.EXPANDED,String(e)):this.setAttribute(t.EXPANDED,"false"),this.switchState()}get expanded(){return this.getAttribute(t.EXPANDED)}set expandStyle(e){e!==`${i[0]}`?this.setAttribute(t.EXPAND_STYLE,String(e)):this.removeAttribute(t.EXPAND_STYLE),this.switchState()}get expandStyle(){return this.getAttribute(t.EXPAND_STYLE)||`${i[0]}`}switchState(){let e=this.expanded==="true"||!1;this.expanderDefault=this.shadowRoot?.querySelector('[name="expander-default"]'),this.expanderExpanded=this.shadowRoot?.querySelector('[name="expander-expanded"]'),this.expander?.setAttribute("aria-expanded",String(e)),this.type!==n[0]&&this.expanderDefault&&this.expanderExpanded&&(this.expanderDefault.hidden=e,this.expanderExpanded.hidden=!e),e?this.expandPane():this.collapsePane()}collapsePane(){if(!this.pane)return;if(!this.triggerVetoableEvent("beforecollapse",this)){this.expanded=!0;return}this.state.expanded&&requestAnimationFrame(()=>{this.triggerEvent("collapse",this,{detail:{elem:this}}),this.pane?.style.setProperty("height",this.targetExpandedSize()),this.pane?.style.setProperty("height","0px")}),this.state.expanded=!1}expandPane(){if(!this.pane)return;if(!this.triggerVetoableEvent("beforeexpand",this)){this.expanded=!1;return}this.state.expanded===!1&&requestAnimationFrame(()=>{this.triggerEvent("expand",this,{detail:{elem:this}}),this.pane?.style.setProperty("height",this.targetExpandedSize())}),this.state.expanded=!0}targetExpandedSize(){switch(this.expandStyle){case i[1]:return"100%";default:return`${this.pane?.scrollHeight}px`}}setAttributes(){this.setAttribute(t.EXPANDED,this.getAttribute(t.EXPANDED)==="true"?"false":"true")}template(){let e=`
+      <div class="ids-expandable-area-header" part="header">
+        <slot name="header"></slot>
+      </div>
+    `,d=`
+      <div class="ids-expandable-area-pane" part="pane">
+        <div class="expandable-pane-content" part="pane-content">
+          <slot name="pane"></slot>
+        </div>
+      </div>
+    `,l=`
+      <div class="ids-expandable-area-footer" part="footer">
+        <a class="ids-expandable-area-expander" href="#0" role="button" aria-expanded="false" data-expander="link">
+          <slot name="expander-default"></slot>
+          <slot name="expander-expanded" hidden></slot>
+        </a>
+      </div>
+    `;return this.type===n[0]?(e=`
+        <div class="ids-expandable-area-header" part="header" aria-expanded="false" data-expander="header">
+          <slot name="header"></slot>
+        </div>
+      `,l=""):this.type===n[1]&&(d=`
+        <div class="ids-expandable-area-visible-pane">
+          <div class="expandable-pane-content" part="pane-content">
+            <slot name="visible-pane-content"></slot>
+          </div>
+        </div>
+        ${d}
+      `),`
+      <div class="ids-expandable-area" part="container">
+        ${e}
+        ${d}
+        ${l}
+      </div>
+    `}};r=new WeakSet,v=function(){this.onEvent("click",this.expander,()=>{this.setAttributes()}),this.onEvent("touchstart",this.expander,e=>{e.touches&&e.touches.length>0&&this.setAttributes()},{passive:!0}),this.onEvent("transitionend",this.pane,()=>{let e={detail:{elem:this}};this.pane?.style.height==="0px"?this.triggerEvent("aftercollapse",this,e):this.triggerEvent("afterexpand",this,e)})},s=p([c("ids-expandable-area"),x(f)],s);export{i as a,s as b};

package/chunks/ids-chunk-35NW35ZW.js

@@ -0,0 +1 @@
+import{b as s,c as o}from"./ids-chunk-VE4Y62R6.js";import{f as i}from"./ids-chunk-VEAPPKDG.js";import{a as n}from"./ids-chunk-NSM2KAOK.js";var u=r=>!Number.isNaN(r)&&r>0,l=r=>!Number.isNaN(r)&&r>=s&&r<=o,h=r=>!Number.isNaN(r)&&r.toString().length===4,c=r=>class extends r{dateValue=null;constructor(...t){super(...t)}static get attributes(){return[...r.attributes,n.DAY,n.MONTH,n.YEAR]}connectedCallback(){super.connectedCallback?.()}disconnectedCallback(){super.disconnectedCallback?.()}get activeDate(){return new Date(this.year,this.month,this.day)}get day(){let t=this.getAttribute(n.DAY),e=i(t);return u(e)?e:new Date().getDate()}set day(t){let e=i(t),a=u(e);a?this.setAttribute(n.DAY,t):this.removeAttribute(n.DAY),typeof this.onDayChange=="function"&&this.onDayChange(e,a)}get firstDayOfWeek(){let t=this.getAttribute(n.FIRST_DAY_OF_WEEK),e=i(t);return Number.isNaN(e)?this.localeAPI?.calendar().firstDayofWeek||0:e}set firstDayOfWeek(t){let e=Number(t);e=Math.max(e,0),e=Math.min(e,6),this.setAttribute(n.FIRST_DAY_OF_WEEK,String(e)),typeof this.onFirstDayOfWeekChange=="function"&&this.onFirstDayOfWeekChange(e)}get format(){let t=this.getAttribute(n.FORMAT);return!t||t==="locale"?this.localeAPI?.calendar().dateFormat.short:t}set format(t){t?this.setAttribute(n.FORMAT,t):this.removeAttribute(n.FORMAT),typeof this.onFormatChange=="function"&&this.onFormatChange(t)}get month(){let t=this.getAttribute(n.MONTH),e=i(t);return l(e)?e:new Date().getMonth()}set month(t){let e=i(t),a=l(e);a?this.setAttribute(n.MONTH,String(t)):this.removeAttribute(n.MONTH),typeof this.onMonthChange=="function"&&this.onMonthChange(e,a)}get year(){let t=this.getAttribute(n.YEAR)??"",e=i(t);return h(e)?e:new Date().getFullYear()}set year(t){let e=i(t),a=h(e);a?this.setAttribute(n.YEAR,String(t)):this.removeAttribute(n.YEAR),typeof this.onYearChange=="function"&&this.onYearChange(e,a)}get date(){return this.dateValue}getFormattedDate(t){return this.localeAPI.formatDate(t,{pattern:this.format})}getDateValue(t){return t instanceof Date&&!Number.isNaN(t.getTime())?t:typeof t=="string"?this.getDateValue(this.localeAPI.parseDate(t,{pattern:this.format})):null}},g=c;export{g as a};

package/chunks/{ids-chunk-7I6XXDIP.js → ids-chunk-3FNSVHTU.js}

@@ -1,5 +1,4 @@
-import{a as h}from"./ids-chunk-MDLMRVPY.js";import{a as b}from"./ids-chunk-6DZMKJ4V.js";import{a as c}from"./ids-chunk-B6P5AQ2Z.js";import{a as n}from"./ids-chunk-SNYFQ5ZT.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-EHQM67XJ.js";import{a as l}from"./ids-chunk-U7OOVFXE.js";var u=`
-/* Ids Alert Component */
+import{a as h}from"./ids-chunk-MDLMRVPY.js";import{a as b}from"./ids-chunk-LFKI3ZIN.js";import{a as c}from"./ids-chunk-CT5U7IVV.js";import{a,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-4WDX2CDM.js";import{e as i}from"./ids-chunk-VEAPPKDG.js";import{a as o}from"./ids-chunk-NSM2KAOK.js";import{a as l}from"./ids-chunk-Y32WUP63.js";var u=`/* Ids Alert Component */
 :host,
 .ids-alert {
   contain: content;

package/chunks/{ids-chunk-YOTAMZK2.js → ids-chunk-3LLUAIAJ.js}

@@ -1,5 +1,5 @@
-import{a as p}from"./ids-chunk-SNYFQ5ZT.js";import{a as o,b as r}from"./ids-chunk-XE4WFW5M.js";import{e as g,f as n}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-EHQM67XJ.js";import{a}from"./ids-chunk-U7OOVFXE.js";var u=`
-/* Ids Layout Flex Component */ /* Ids Layout Flex Item Component */
+import{a as o,b as r}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-4WDX2CDM.js";import{e as g,f as n}from"./ids-chunk-VEAPPKDG.js";import{a as t}from"./ids-chunk-NSM2KAOK.js";import{a}from"./ids-chunk-Y32WUP63.js";var u=`/* Ids Layout Flex Component */
+/* Ids Layout Flex Item Component */
 :host([align-self=auto]),
 .ids-layout-flex-item-align-self-auto {
   align-self: auto;

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

@@ -0,0 +1,21 @@
+import{a as E}from"./ids-chunk-PHQEFZRD.js";import{a as T}from"./ids-chunk-T6ZV4PDM.js";import{a as A}from"./ids-chunk-CT5U7IVV.js";import{a as m,b as y}from"./ids-chunk-XE4WFW5M.js";import{a as S}from"./ids-chunk-4WDX2CDM.js";import{e as w}from"./ids-chunk-VEAPPKDG.js";import{a as p}from"./ids-chunk-NSM2KAOK.js";import{a as v,d as o,g as s}from"./ids-chunk-Y32WUP63.js";var x=`/* 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,P,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(){let t="popup: tooltip-popup, arrow: tooltip-arrow, arrow-top: tooltip-arrow-top, arrow-right: tooltip-arrow-right, arrow-bottom: tooltip-arrow-bottom, arrow-left: tooltip-arrow-left";return`<ids-popup part="popup" id="${this.id||"ids"}-tooltip" exportparts="${t}">
+        <div class="ids-tooltip" slot="content" part="tooltip">
+          <slot></slot>
+        </div>
+        </ids-popup>
+      `}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,P=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,P).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(x)],l);export{l as a};