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

package/README.md

@@ -9,7 +9,7 @@ Infor Design System Enterprise Web Components Library is a framework independent
 
 ## Key Features
 
-- Multiple themes, including a WCAG 2.0 AAA compatible high-contrast theme
+- Three themes, including a WCAG 2.0 AAA compatible high-contrast theme and ability to theme anything
 - Responsive components, patterns and layouts
 - Touch-friendly interactions
 - SVG-based iconography for high DPI screens and scaling
@@ -24,8 +24,9 @@ Infor Design System Enterprise Web Components Library is a framework independent
 - 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 Encapsulated
-- 100+ Components convert
+- Every component has the CSS and DOM Encapsulation
+- 100+ Components
+- Includes Visual Code and [standard schemas](https://github.com/webcomponents/custom-elements-manifest)
 
 ## Browser Support
 
@@ -60,6 +61,26 @@ npm run start
 
 - 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
+
+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.
+
+1. As per above, install with `npm install --save ids-enterprise-wc@latest`
+1. Create a folder called `.vscode` at the root of your project
+1. Create a file inside that folder called `settings.json`
+1. Add the following setting to the file.
+
+```json
+{
+  "html.customData": ["./node_modules/ids-enterprise-wc/vscode.html-custom-data.json"]
+}
+```
+
+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
 

package/chunks/ids-chunk-25YWT4C6.js

@@ -0,0 +1 @@
+import{a as C}from"./ids-chunk-XE4WFW5M.js";import{a as G}from"./ids-chunk-7JIYCFAW.js";import{a as y,b as l,c as n,d as c}from"./ids-chunk-U7OOVFXE.js";var m,E,f,w,p,b,v,V,d=class extends G{constructor(){super({noShadowRoot:!0});n(this,m);n(this,f);n(this,p);n(this,v);l(this,"rootNode");l(this,"isInValid",!1);l(this,"originalValue");l(this,"previousInvalidState","");l(this,"editor");l(this,"isEditing")}connectedCallback(){super.connectedCallback()}get dataGrid(){return this.rootNode||(this.rootNode=this.getRootNode()),this.rootNode.host}get column(){return this.dataGrid?.columns[Number(this.getAttribute("aria-colindex"))-1]}get row(){return Number(this.parentElement?.getAttribute("data-index"))}renderCell(){let i=this.column,t=Number(this.parentElement?.getAttribute("row-index")),s=this.dataGrid?.data[t],e=d.template(s,i,t,this.dataGrid);this.innerHTML=e}activate(i){return this.dataGrid.activeCell?.node?.removeAttribute("tabindex"),this.dataGrid.activeCell.node=this,this.setAttribute("tabindex","0"),i||this.focus(),this.dataGrid.triggerEvent("activecellchanged",this.dataGrid,{detail:{elem:this,activeCell:this.dataGrid.activeCell}}),this.dataGrid.activeCell}startCellEdit(i){this.dataGrid.activeCellEditor instanceof d&&this.dataGrid.activeCellEditor!==this&&this.dataGrid.activeCellEditor.endCellEdit();let t=this.column;if(!t.editor)return;let s=this.dataGrid.editors.find(o=>o.type===t?.editor?.type);if(!s||!s.editor||this.isEditing)return;let e=!(this.classList.contains("is-readonly")||this.classList.contains("is-disabled"));if(!e)return;let a=o=>{e=!!o};if(this.dataGrid.triggerEvent("beforecelledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:t,data:this.dataGrid.data[this.dataGrid.activeCell.row],response:a}}),!e)return;this.originalValue=this.textContent,this.editor=s.editor,this.editor.clickEvent=i;let r=this.editor.type;if(r==="dropdown")this.originalValue=this.querySelector("[data-value]")?.getAttribute("data-value");else if(r==="timepicker"||r==="datepicker"){let h=this.dataGrid.data[this.dataGrid.activeCell.row][this.column.field];this.originalValue=h}this.classList.add("is-editing"),this.editor.init(this),this.classList.contains("is-invalid")&&(this.classList.remove("is-invalid"),this.isInValid=!0),t.editor.inline&&this.classList.add("is-inline"),this.isEditing=!0,this.editor.input?.onEvent("focusout",this.editor.input,()=>{this.endCellEdit()}),this.dataGrid?.triggerEvent("celledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:t,data:this.dataGrid.data[this.row]}}),this.dataGrid.activeCellEditor=this}endCellEdit(){let i=this.column,t=this.editor?.input,s=this.editor?.type;t?.offEvent("focusout",t),s==="input"&&(t?.setDirtyTracker(t?.value),t?.checkValidation()),(s==="dropdown"||s==="timepicker"||s==="datepicker")&&t?.input?.checkValidation();let e=i.editor?.editorSettings?.dirtyTracker&&(t?.isDirty||t?.input.isDirty),a=i.editor?.editorSettings?.validate?t?.isValid:!0,r=this.editor?.save(this);c(this,m,E).call(this,r?.value),e&&c(this,f,w).call(this,r?.dirtyCheckValue??r?.value),a||c(this,p,b).call(this,t?.validationMessages),this.isInValid&&a&&c(this,v,V).call(this),this.editor?.destroy(this),this.renderCell(),this.isEditing=!1,this.classList.remove("is-editing"),this.dataGrid?.triggerEvent("endcelledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:i,data:this.dataGrid.data[this.row]}}),this.dataGrid.activeCellEditor=void 0}cancelCellEdit(){let i=this.column,t=this.editor?.input;t?.offEvent("focusout",t),t?.setDirtyTracker(t?.value),this.dataGrid?.updateDataset(this.row,{[String(i?.field)]:this.originalValue}),this.editor?.destroy(this),this.renderCell(),this.isEditing=!1,this.classList.remove("is-editing"),this.dataGrid?.triggerEvent("cancelcelledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:i,data:this.dataGrid.data[this.row],oldValue:this.originalValue}}),this.dataGrid.activeCellEditor=void 0}static template(i,t,s,e){let a=e.cacheHash,r=i.rowSelected?"select":"deselect",o=`${a}:${t.id}:${s}:${r}`;if(!d.cellCache[o]){let h=e.formatters,u="";if(!h[t?.formatter?.name||"text"]&&t?.formatter?u=t?.formatter(i,t,s,e):u=h[t?.formatter?.name||"text"](i,t,s,e),i.invalidCells){let g=i.invalidCells.find(I=>I.cell===e.columnIdxById(t.id));g&&(u+=`<ids-alert icon="error" tooltip="${g?.validationMessages[0]?.message}"></ids-alert>`)}d.cellCache[o]=u}return d.cellCache[o]}clearCache(){let i=this.dataGrid.cacheHash,t=Number(this.parentElement?.getAttribute("row-index")),e=this.dataGrid.data[t].rowSelected?"select":"deselect",a=`${i}:${this.column.id}:${t}:${e}`;delete d.cellCache[a]}refreshCell(){this.clearCache(),this.renderCell()}};m=new WeakSet,E=function(i){let t=this.column;this.dataGrid.resetCache(this.dataGrid?.activeCell.row),t.editor?.editorSettings?.mask==="date"&&(i=this.dataGrid.localeAPI.parseDate(i,t.formatOptions)),this.dataGrid?.updateDataset(this.row,{[String(t?.field)]:i})},f=new WeakSet,w=function(i){let t=this.dataGrid.data[this.row].dirtyCells;t===void 0&&(t=[]);let s=Number(this.getAttribute("aria-colindex"))-1,e=t.filter(a=>a.cell===s);if(e[0]&&i===e[0].originalValue){let a=t.findIndex(r=>r.cell===s);t.splice(a,1),this?.classList.remove("is-dirty"),this.dataGrid?.updateDataset(this.row,{dirtyCells:t});return}this?.classList.add("is-dirty"),e.length===0&&(t.push({cell:Number(this?.getAttribute("aria-colindex"))-1,columnId:this.column.id,originalValue:this?.editor?.input?.dirty.original}),this.dataGrid?.updateDataset(this.row,{dirtyCells:t}))},p=new WeakSet,b=function(i){let t=this.dataGrid.data[this.row].invalidCells;t||(t=[]);let s=Number(this.getAttribute("aria-colindex"))-1,e=t.filter(a=>a.cell===s);this?.classList.add("is-invalid"),e.length===0&&(this.previousInvalidState=i.id,t.push({cell:Number(this?.getAttribute("aria-colindex"))-1,columnId:this.column.id,validationMessages:i}),this.dataGrid?.updateDataset(this.row,{invalidCells:t}))},v=new WeakSet,V=function(){this?.classList.remove("is-invalid"),this.dataGrid?.updateDataset(this.row,{invalidCells:void 0}),this.isInValid=!1},l(d,"cellCache",{}),d=y([C("ids-data-grid-cell")],d);export{d as a};

package/chunks/ids-chunk-26AMEGYJ.js

@@ -0,0 +1 @@
+import{a as _}from"./ids-chunk-HABPILOR.js";var n="ids-layout-grid",d=[_.ALIGN_CONTENT,_.ALIGN_ITEMS,_.AUTO_FIT,_.AUTO_FILL,_.COLS,_.COLS_XS,_.COLS_SM,_.COLS_MD,_.COLS_LG,_.COLS_XL,_.COLS_XXL,_.FLOW,_.GAP,_.JUSTIFY_CONTENT,_.MARGIN,_.MARGIN_Y,_.MAX_COL_WIDTH,_.MIN_COL_WIDTH,_.MAX_ROW_HEIGHT,_.MIN_ROW_HEIGHT,_.MAX_WIDTH,_.PADDING,_.PADDING_X,_.PADDING_Y,_.ROW_HEIGHT,_.ROWS,_.ROWS_XS,_.ROWS_SM,_.ROWS_MD,_.ROWS_LG,_.ROWS_XL,_.ROWS_XXL],s=[_.ALIGN_CONTENT,_.COL_END,_.COL_END_XS,_.COL_END_SM,_.COL_END_MD,_.COL_END_LG,_.COL_END_XL,_.COL_END_XXL,_.COL_SPAN,_.COL_SPAN_XS,_.COL_SPAN_SM,_.COL_SPAN_MD,_.COL_SPAN_LG,_.COL_SPAN_XL,_.COL_SPAN_XXL,_.COL_START,_.COL_START_XS,_.COL_START_SM,_.COL_START_MD,_.COL_START_LG,_.COL_START_XL,_.COL_START_XXL,_.EDITABLE,_.FILL,_.HEIGHT,_.JUSTIFY_CONTENT,_.MIN_HEIGHT,_.PADDING,_.ORDER,_.ORDER_XS,_.ORDER_SM,_.ORDER_MD,_.ORDER_LG,_.ORDER_XL,_.ORDER_XXL,_.ROW_SPAN,_.ROW_SPAN_XS,_.ROW_SPAN_SM,_.ROW_SPAN_MD,_.ROW_SPAN_LG,_.ROW_SPAN_XL,_.ROW_SPAN_XXL,_.STICKY,_.STICKY_POSITION],t=[void 0,"none","sm","md","lg","xl"],S=["start","end","center","stretch"],L=[void 0,"space-around","space-between","center","end","space-evenly","start"],O=[void 0,"row","column","dense","row-dense","column-dense"],r=[void 0,"xs","sm","md","lg","xl","auto"],I=[void 0,"xxs","xs","sm","md","lg","xl"],T=[void 0,"xs","sm","md","lg","xl","xxl"];export{n as a,d as b,s as c,t as d,S as e,L as f,O as g,r as h,I as i,T as j};

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

@@ -0,0 +1,120 @@
+import{a as l}from"./ids-chunk-3NZ7H7BT.js";import{a as h}from"./ids-chunk-TH2IC4AR.js";import{a as n}from"./ids-chunk-B6P5AQ2Z.js";import{a as r,b as d}from"./ids-chunk-XE4WFW5M.js";import{e as o}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-HABPILOR.js";import{a as s}from"./ids-chunk-U7OOVFXE.js";var a=`
+/* Ids Widget Component */
+.ids-widget {
+  background-color: var(--ids-widget-color-background);
+  border: 1px solid var(--ids-widget-color-border);
+  border-radius: var(--ids-widget-border-radius);
+  box-shadow: var(--ids-widget-shadow);
+  margin-block-end: var(--ids-widget-margin-bottom);
+  height: var(--ids-widget-height);
+  transition: box-shadow var(--ids-motion-duration) var(--ids-motion-linear);
+  overflow: hidden;
+  --ids-search-field-color-border-default: var(--ids-widget-search-field-color-background);
+  --ids-search-field-color-background-default: var(--ids-widget-search-field-color-background);
+  --ids-search-field-margin: 0px 8px;
+  --ids-search-field-border-radius: var(--ids-widget-search-field-border-radius);
+  --ids-list-view-height: 264px;
+}
+.ids-widget .ids-widget-content {
+  box-sizing: border-box;
+  height: var(--ids-widget-content-height);
+  overflow: auto;
+  width: 100%;
+}
+.ids-widget .ids-widget-content.overflow-hidden {
+  overflow: hidden;
+}
+.ids-widget .ids-widget-content.is-scrolling {
+  box-shadow: var(--ids-scroll-shadow);
+  border-top: var(--ids-scroll-color-border-top);
+}
+.ids-widget .ids-widget-content.has-search {
+  height: var(--ids-widget-search-content-height);
+}
+.ids-widget .ids-widget-content.has-subtitle {
+  height: var(--ids-widget-search-subtitle-content-height);
+  margin-top: -4px;
+  overflow: visible;
+}
+.ids-widget .hidden {
+  display: none;
+}
+.ids-widget:hover {
+  outline: 1px solid var(--ids-widget-color-border-hover);
+  box-shadow: var(--ids-widget-color-shadow-hover);
+}
+
+:host .flex-content,
+:host ::slotted(.flex-content) {
+  display: flex;
+  align-items: center;
+  padding: 15px 16px;
+  gap: 16px;
+}
+
+:host([borderless]) .ids-widget {
+  background-color: transparent;
+  box-shadow: none;
+  border: 1px solid transparent;
+}
+:host([borderless]) .ids-widget:hover {
+  outline: 1px solid transparent;
+  box-shadow: none;
+}
+
+.ids-widget-body {
+  width: 100%;
+}
+
+.ids-widget-header {
+  align-items: center;
+  color: var(--ids-widget-header-title-color);
+  display: flex;
+  padding-inline-start: var(--ids-widget-header-padding-inline);
+  height: var(--ids-widget-header-height);
+}
+.ids-widget-header.has-subtitle {
+  height: var(--ids-widget-header-subtitle-height);
+}
+
+::slotted([slot=widget-header]) {
+  position: relative;
+  width: 100%;
+}
+
+::slotted([slot=widget-search]) {
+  height: var(--ids-widget-search-height);
+}
+
+.ids-widget-footer {
+  display: none;
+  border-top: 1px solid var(--ids-widget-divider-color-border);
+  width: 100%;
+  padding: 8px 0;
+}
+
+.has-footer .ids-widget-footer {
+  display: block;
+}
+.has-footer .ids-widget-content {
+  --ids-widget-height: 250px;
+  --ids-widget-content-height: 260px;
+  --ids-list-view-height: 254px;
+}`;var w=l(n(h)),i=class extends w{constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t(),this.#e(),this.scrollArea=this.container?.querySelector(".ids-widget-content"),this.attachScrollEvents(),this.querySelector("ids-search-field")?.parentElement?.getAttribute("slot")==="widget-search"&&this.scrollArea?.classList.add("has-search"),this.querySelector("ids-text[subtitle]")&&(this.scrollArea?.classList.add("has-subtitle"),this.container?.querySelector(".ids-widget-header")?.classList.add("has-subtitle"));let t=this.querySelector('[slot="widget-footer"]');this.container?.classList[t?"add":"remove"]("has-footer")}static get attributes(){return[...super.attributes,e.BORDERLESS,e.HEIGHT,e.NO_HEADER,e.OVERFLOW,e.PADDING_X,e.PADDING_Y]}#e(){this.offEvent("mouseover.widget"),this.onEvent("mouseover.widget",this,()=>{this.querySelectorAll("[system-button][hidden]").forEach(t=>{t.hidden=!1,t.setAttribute("ref-hidden","true")})}),this.offEvent("mouseleave.widget"),this.onEvent("mouseleave.widget",this,()=>{this.querySelectorAll("[system-button][ref-hidden]").forEach(t=>{t.hidden=!0,t.removeAttribute("ref-hidden")})})}widgetTemplate(){return`
+      <div class="ids-widget" part="widget">
+        <div class="ids-widget-body">
+          <div class="ids-widget-header" part="header">
+            <slot name="widget-header"></slot>
+          </div>
+          <div class="ids-widget-search" part="search">
+            <slot name="widget-search"></slot>
+          </div>
+          <div class="ids-widget-content ${this.overflow==="hidden"?"overflow-hidden":""}" part="content">
+            <slot name="widget-content"></slot>
+          </div>
+          <div class="ids-widget-footer" part="footer">
+            <slot name="widget-footer"></slot>
+          </div>
+        </div>
+      </div>
+    `}template(){return this.widgetTemplate()}redraw(){if(!this.shadowRoot||!this.container)return;let t=document.createElement("template"),g=this.template();if(this.shadowRoot.innerHTML="",this.hasStyles=!1,this.appendStyles(),t.innerHTML=g,this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".ids-widget"),this.height){let c=this.container?.querySelector("ids-hyperlink")?.container;this.setAttribute(e.HEIGHT,this.height),this.container?.style.setProperty("height",`${this.height}px`),c?.style.setProperty("height",`${this.height}px`),this.querySelector("[slot]")?.classList.add("fixed-height")}}set borderless(t){o(t)?this.setAttribute(e.BORDERLESS,""):this.removeAttribute(e.BORDERLESS)}get borderless(){return this.hasAttribute(e.BORDERLESS)}set overflow(t){t==="hidden"?(this.container?.querySelector(".ids-widget-content")?.classList.add("overflow-hidden"),this.setAttribute(e.OVERFLOW,t)):(this.container?.querySelector(".ids-widget-content")?.classList.remove("overflow-hidden"),this.removeAttribute(e.OVERFLOW))}get overflow(){return this.getAttribute(e.OVERFLOW)}get height(){return this.getAttribute(e.HEIGHT)||""}set height(t){t?this.setAttribute(e.HEIGHT,t):this.removeAttribute(e.HEIGHT),this.#t()}#t(){let t=this.container?.querySelector("ids-hyperlink")?.container;this.container?.style?.setProperty("height",this.height?`${this.height}px`:""),t?.style?.setProperty("height",this.height?`${this.height}px`:""),this.querySelector("[slot]")?.classList.toggle("fixed-height",!!this.height)}get noHeader(){return this.getAttribute(e.NO_HEADER)}set noHeader(t){t?this.setAttribute(e.NO_HEADER,t):this.removeAttribute(e.NO_HEADER)}set paddingX(t){t?(this.setAttribute(e.PADDING_X,t),this.container?.querySelector(".ids-widget-content")?.style.setProperty("padding-block",`${t}px`)):(this.removeAttribute(e.PADDING_X),this.container?.querySelector(".ids-widget-content")?.style.removeProperty("padding-block"))}get paddingX(){return this.getAttribute(e.PADDING_X)}set paddingY(t){t?(this.setAttribute(e.PADDING_Y,t),this.container?.querySelector(".ids-widget-content")?.style.setProperty("padding-inline",`${t}px`)):(this.removeAttribute(e.PADDING_Y),this.container?.querySelector(".ids-widget-content")?.style.removeProperty("padding-inline"))}get paddingY(){return this.getAttribute(e.PADDING_Y)}};i=s([r("ids-widget"),d(a)],i);export{i as a};

package/chunks/{ids-chunk-VSXEX4EM.js → ids-chunk-2XSPH5WP.js}

@@ -1 +1 @@
-import{a as l,e as u}from"./ids-chunk-VGRUIA4C.js";var c={closeButtonLabel:"Close",message:"(Content)",title:"(Title)",allowLink:!1,audible:!1,destroyOnComplete:!0,draggable:!1,position:"top-end",progressBar:!0,savePosition:!1,timeout:6e3,uniqueId:null},g=100,m="message-id",T="destroy-on-complete",E={start:"effect-scale",end:"effect-scale-hide"},S=["bottom-end","bottom-start","top-end","top-start"],x={addMessage:"add-message",removeMessage:"remove-message",savePosition:"save-position",clearPosition:"clear-position",removeContainer:"remove-container"};function p(e,t,n){let r={uniqueId:"",prefix:"ids-toast-container",suffix:"usersettings-position"},i=[e,t,n].some(s=>s!=null),o=r.prefix;if(i){let s=(d,a)=>a??r[d];o=`${s("prefix",n)}-${s("uniqueId",e)}-${s("suffix",t)}`,o=o.replace(/--/g,"-").replace(/-$/g,"")}return o}function y(e,t){return`${p(e,"message")}-${t}`}function I(e,t){let n=c,r=o=>o?.assignedNodes()[0]?.innerHTML,i=e?.querySelector(`slot[name="${t}"]`);return r(i)||n[l(t)]}function A(e,t){let n=e?.getAttribute(t);return n!==null?u(n):c[l(t)]}function O(e){return e===!0||e==="true"||e===!1||e==="false"}export{c as a,g as b,m as c,T as d,E as e,S as f,x as g,p as h,y as i,I as j,A as k,O as l};
+import{a as l,e as u}from"./ids-chunk-TJKIW3GF.js";var c={closeButtonLabel:"Close",message:"(Content)",title:"(Title)",allowLink:!1,audible:!1,destroyOnComplete:!0,draggable:!1,position:"top-end",progressBar:!0,savePosition:!1,timeout:6e3,uniqueId:null},g=100,m="message-id",T="destroy-on-complete",E={start:"effect-scale",end:"effect-scale-hide"},S=["bottom-end","bottom-start","top-end","top-start"],x={addMessage:"add-message",removeMessage:"remove-message",savePosition:"save-position",clearPosition:"clear-position",removeContainer:"remove-container"};function p(e,t,n){let r={uniqueId:"",prefix:"ids-toast-container",suffix:"usersettings-position"},i=[e,t,n].some(s=>s!=null),o=r.prefix;if(i){let s=(d,a)=>a??r[d];o=`${s("prefix",n)}-${s("uniqueId",e)}-${s("suffix",t)}`,o=o.replace(/--/g,"-").replace(/-$/g,"")}return o}function y(e,t){return`${p(e,"message")}-${t}`}function I(e,t){let n=c,r=o=>o?.assignedNodes()[0]?.innerHTML,i=e?.querySelector(`slot[name="${t}"]`);return r(i)||n[l(t)]}function A(e,t){let n=e?.getAttribute(t);return n!==null?u(n):c[l(t)]}function O(e){return e===!0||e==="true"||e===!1||e==="false"}export{c as a,g as b,m as c,T as d,E as e,S as f,x as g,p as h,y as i,I as j,A as k,O as l};

package/chunks/{ids-chunk-VZKGISMA.js → ids-chunk-2YJVDAW2.js}

@@ -1,7 +1,7 @@
-import{a as b}from"./ids-chunk-WAX2G2B2.js";import{a as d}from"./ids-chunk-T6ZV4PDM.js";import{a as n}from"./ids-chunk-YS37TBDI.js";import{a as l,b as r}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-GTV4PSEA.js";import{a as i}from"./ids-chunk-2NN3ZJ6Q.js";import{a as c}from"./ids-chunk-U7OOVFXE.js";var h=`
+import{a as b}from"./ids-chunk-AN4KZJ43.js";import{a as d}from"./ids-chunk-T6ZV4PDM.js";import{a as n}from"./ids-chunk-B6P5AQ2Z.js";import{a as l,b as r}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-7JIYCFAW.js";import{a as i}from"./ids-chunk-HABPILOR.js";import{a as c}from"./ids-chunk-U7OOVFXE.js";var h=`
 ::slotted(img) {
   contain: content;
-  margin-bottom: var(--ids-block-grid-item-img-margin-block-end);
+  margin-bottom: var(--ids-block-grid-margin);
 }
 
 :host {
@@ -12,7 +12,7 @@ import{a as b}from"./ids-chunk-WAX2G2B2.js";import{a as d}from"./ids-chunk-T6ZV4
 :host([selection=mixed]),
 :host([selection=multiple]) {
   width: var(--ids-block-grid-item-selectable-width);
-  max-width: var(--ids-block-grid-item-selectable-max-width);
+  max-width: var(--ids-block-grid-item-width-max);
   box-sizing: border-box;
 }
 :host([selection=single]) .ids-block-grid-item-container,
@@ -22,17 +22,17 @@ import{a as b}from"./ids-chunk-WAX2G2B2.js";import{a as d}from"./ids-chunk-T6ZV4
 }
 
 :host([selection=multiple][type=block]) {
-  width: var(--ids-block-grid-item-selectable-multiple-block-width);
+  width: var(--ids-block-grid-item-selectable-multiple-width);
 }
 :host([selection=multiple][type=block]) ::slotted(ids-text) {
   text-align: left;
 }
 :host([selection=multiple][type=block]) .ids-block-grid-item-container {
-  padding: var(--ids-block-grid-item-selectable-multiple-block-container-padding);
+  padding: var(--ids-block-grid-item-selectable-container-multiple-padding);
 }
 :host([selection=multiple][type=block]) .ids-block-grid-item-checkbox {
-  top: var(--ids-block-grid-item-selectable-multiple-block-checkbox-top);
-  left: var(--ids-block-grid-item-selectable-multiple-block-checkbox-left);
+  top: var(--ids-block-grid-item-selectable-size-multiple-block-checkbox-top);
+  left: var(--ids-block-grid-item-selectable-size-multiple-block-checkbox-left);
   right: var(--ids-block-grid-item-selectable-multiple-block-checkbox-right);
 }
 
@@ -40,36 +40,36 @@ import{a as b}from"./ids-chunk-WAX2G2B2.js";import{a as d}from"./ids-chunk-T6ZV4
   outline: none;
 }
 .ids-block-grid-item-container.is-selectable {
-  border-radius: var(--ids-block-grid-item-selectable-container-border-radius);
+  border-radius: var(--ids-block-grid-item-border-radius);
   cursor: var(--ids-cursor-pointer);
 }
 .ids-block-grid-item-container.is-selectable ::slotted(img) {
-  border-radius: var(--ids-block-grid-item-selectable-container-img-border-radius);
+  border-radius: var(--ids-block-grid-item-selectable-border-radius-container);
 }
 .ids-block-grid-item-container.is-selectable:hover {
-  background-color: var(--ids-block-grid-item-selectable-container-hover-background-color);
+  background-color: var(--ids-block-grid-item-color-background-selectable-hover);
   cursor: var(--ids-cursor-pointer);
 }
 .ids-block-grid-item-container.is-selectable:focus {
-  outline: var(--ids-block-grid-item-selectable-container-focus-outline);
-  box-shadow: var(--ids-block-grid-item-selectable-container-focus-box-shadow);
+  outline: var(--ids-block-grid-item-selectable-container-focus);
+  box-shadow: var(--ids-block-grid-item-shadow-selectable-container-focus);
 }
 .ids-block-grid-item-container.is-selected:not(:focus) {
-  border-radius: var(--ids-block-grid-item-selected-border-radius);
-  background-color: var(--ids-block-grid-item-selected-background-color);
-  outline: var(--ids-block-grid-item-selected-outline);
+  border-radius: var(--ids-block-grid-item-border-radius-selected);
+  background-color: var(--ids-block-grid-item-color-background-selected);
+  outline: var(--ids-block-grid-item-outline-selected);
 }
 .ids-block-grid-item-container.is-selected .ids-block-grid-item-checkbox, .ids-block-grid-item-container.is-selectable:hover .ids-block-grid-item-checkbox, .ids-block-grid-item-container.is-selectable:focus .ids-block-grid-item-checkbox {
   visibility: visible;
 }
 .ids-block-grid-item-container.pre-selected {
-  background-color: var(--ids-block-grid-item-pre-selected-background-color);
+  background-color: var(--ids-block-grid-item-pre-color-background-selected);
   cursor: var(--ids-cursor-pointer);
 }
 .ids-block-grid-item-checkbox {
   position: absolute;
-  top: var(--ids-block-grid-item-checkbox-top);
-  right: var(--ids-block-grid-item-checkbox-right);
+  top: var(--ids-block-grid-checkbox-top-size);
+  right: var(--ids-block-grid-checkbox-right-size);
   visibility: hidden;
 }`;var k=d(n(b(a))),s=class extends k{checkboxHasFocus=!1;constructor(e={}){super(),this.state={checkboxHasFocus:!1},e.selection&&(this.selection=e.selection)}connectedCallback(){super.connectedCallback(),this.#t().#s()}template(){return`
       <div class="ids-block-grid-item-container" tabindex="0">

package/chunks/{ids-chunk-QUXOQUFT.js → ids-chunk-326W666D.js}

@@ -1 +1 @@
-import{b as u,c as l}from"./ids-chunk-U34YTPJC.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-GTV4PSEA.js";import{e as n}from"./ids-chunk-VGRUIA4C.js";import{a as e}from"./ids-chunk-2NN3ZJ6Q.js";import{a as h}from"./ids-chunk-U7OOVFXE.js";var r=class extends c{constructor(){super()}static get attributes(){return[e.CONDITION,e.HIDE_UP,e.HIDE_DOWN,e.VALUE,e.VISIBLE]}template(){return'<slot part="children"></slot>'}set hideDown(t){if(t){let i=u(t);this.setAttribute(e.HIDE_DOWN,String(t)),i.addEventListener("change",()=>{this.checkScreen(i)}),this.checkScreen(i)}else this.removeAttribute(e.HIDE_DOWN)}get hideDown(){return this.getAttribute(e.HIDE_DOWN)}set hideUp(t){if(t){let i=l(t);this.setAttribute(e.HIDE_UP,String(t)),i.addEventListener("change",()=>{this.checkScreen(i)}),this.checkScreen(i)}else this.removeAttribute(e.HIDE_UP)}get hideUp(){return this.getAttribute(e.HIDE_UP)}set visible(t){n(t)?(this.setAttribute(e.VISIBLE,"true"),this.hidden=!1):(this.removeAttribute(e.VISIBLE),this.hidden=!0)}get visible(){return this.getAttribute(e.VISIBLE)}set condition(t){t?this.setAttribute(e.CONDITION,String(t)):this.removeAttribute(e.CONDITION),this.checkCompare()}get condition(){return this.getAttribute(e.CONDITION)}set value(t){t?this.setAttribute(e.VALUE,String(t==="undefined"?"":t)):this.removeAttribute(e.VALUE),this.checkCompare()}get value(){return this.getAttribute(e.VALUE)}checkScreen(t){t.matches?(this.hidden=!0,this.removeAttribute("visible")):(this.removeAttribute("hidden"),this.setAttribute("visible","true"))}checkCompare(){let t=this.condition,i=this.value,s=!1;i=i==="undefined"?"":i,t==="false"||t==="true"?(t=n(t),i=i==="false"||i==="true"?n(i):i,t&&i&&(s=!0),!t&&!i&&(s=!0)):s=this.value===this.condition,s?(this.hidden=!0,this.removeAttribute("visible")):(this.removeAttribute("hidden"),this.setAttribute("visible","true"))}};r=h([o("ids-hidden")],r);export{r as a};
+import{b as u,c as l}from"./ids-chunk-U34YTPJC.js";import{a as o}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-7JIYCFAW.js";import{e as n}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-HABPILOR.js";import{a as h}from"./ids-chunk-U7OOVFXE.js";var r=class extends c{constructor(){super()}static get attributes(){return[e.CONDITION,e.HIDE_UP,e.HIDE_DOWN,e.VALUE,e.VISIBLE]}template(){return'<slot part="children"></slot>'}set hideDown(t){if(t){let i=u(t);this.setAttribute(e.HIDE_DOWN,String(t)),i.addEventListener("change",()=>{this.checkScreen(i)}),this.checkScreen(i)}else this.removeAttribute(e.HIDE_DOWN)}get hideDown(){return this.getAttribute(e.HIDE_DOWN)}set hideUp(t){if(t){let i=l(t);this.setAttribute(e.HIDE_UP,String(t)),i.addEventListener("change",()=>{this.checkScreen(i)}),this.checkScreen(i)}else this.removeAttribute(e.HIDE_UP)}get hideUp(){return this.getAttribute(e.HIDE_UP)}set visible(t){n(t)?(this.setAttribute(e.VISIBLE,"true"),this.hidden=!1):(this.removeAttribute(e.VISIBLE),this.hidden=!0)}get visible(){return this.getAttribute(e.VISIBLE)}set condition(t){t?this.setAttribute(e.CONDITION,String(t)):this.removeAttribute(e.CONDITION),this.checkCompare()}get condition(){return this.getAttribute(e.CONDITION)}set value(t){t?this.setAttribute(e.VALUE,String(t==="undefined"?"":t)):this.removeAttribute(e.VALUE),this.checkCompare()}get value(){return this.getAttribute(e.VALUE)}checkScreen(t){t.matches?(this.hidden=!0,this.removeAttribute("visible")):(this.removeAttribute("hidden"),this.setAttribute("visible","true"))}checkCompare(){let t=this.condition,i=this.value,s=!1;i=i==="undefined"?"":i,t==="false"||t==="true"?(t=n(t),i=i==="false"||i==="true"?n(i):i,t&&i&&(s=!0),!t&&!i&&(s=!0)):s=this.value===this.condition,s?(this.hidden=!0,this.removeAttribute("visible")):(this.removeAttribute("hidden"),this.setAttribute("visible","true"))}};r=h([o("ids-hidden")],r);export{r as a};