ids-enterprise-wc 1.9.0 → 1.9.1

package/chunks/ids-chunk-4YQASYEJ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-header/ids-header.scss", "../../../../src/components/ids-header/ids-header.ts"],
-  "sourcesContent": ["export default `/* Ids Header Component */\n.ids-header {\n  background-color: var(--ids-header-color-background);\n  border-bottom: 1px solid var(--ids-header-color-border-bottom);\n  color: var(--ids-header-color-text);\n  display: flex;\n  flex-direction: column;\n  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);\n  width: 100%;\n  --ids-button-tertiary-color-text-default: var(--ids-header-button-color-text-default);\n  --ids-button-tertiary-color-background-hover: var(--ids-header-button-color-background-hover);\n  --ids-button-tertiary-color-border-hover: var(--ids-header-button-color-border-hover);\n  --ids-button-tertiary-color-text-hover: var(--ids-header-button-color-text-hover);\n  --ids-button-tertiary-color-background-pressed: var(--ids-header-button-color-background-pressed);\n  --ids-button-tertiary-color-border-pressed: var(--ids-header-button-color-border-pressed);\n  --ids-button-tertiary-color-text-pressed: var(--ids-header-button-color-text-pressed);\n  --ids-input-color-border-hover: var(--ids-header-input-color-border-hover);\n  --ids-button-tertiary-color-text-disabled: var(--ids-header-button-color-text-disabled);\n  --ids-button-tertiary-shadow-focus: var(--ids-header-button-shadow-focus);\n  --ids-button-tertiary-color-border-focus: var(--ids-header-button-color-border-focus);\n  --ids-button-menu-background-color-active: var(--ids-header-button-menu-color-background-active);\n  --ids-button-menu-color-text-active: var(--ids-header-button-menu-color-active);\n  --ids-button-alt-margin: 0 var(--ids-space-3xs);\n  --ids-breadcrumb-gradient: var(--ids-header-breadcrumb-gradient);\n}\n\n::slotted(ids-toolbar),\n.ids-toolbar {\n  padding: var(--ids-header-padding);\n}\n\n::slotted(ids-toolbar-section) {\n  color: var(--ids-header-color-text);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLWhlYWRlciIsInNvdXJjZXMiOlsiaWRzLWhlYWRlci5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUdBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFHQTs7O0FBR0Y7QUFBQTtFQUVFOzs7QUFHRjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIEhlYWRlciBDb21wb25lbnQgKi9cbi5pZHMtaGVhZGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWhlYWRlci1jb2xvci1iYWNrZ3JvdW5kKTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHZhcigtLWlkcy1oZWFkZXItY29sb3ItYm9yZGVyLWJvdHRvbSk7XG4gIGNvbG9yOiB2YXIoLS1pZHMtaGVhZGVyLWNvbG9yLXRleHQpO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSksIGNvbG9yIHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG4gIHdpZHRoOiAxMDAlO1xuXG4gIC8vIEJ1dHRvbiBTdHlsZXNcbiAgLS1pZHMtYnV0dG9uLXRlcnRpYXJ5LWNvbG9yLXRleHQtZGVmYXVsdDogdmFyKC0taWRzLWhlYWRlci1idXR0b24tY29sb3ItdGV4dC1kZWZhdWx0KTtcbiAgLS1pZHMtYnV0dG9uLXRlcnRpYXJ5LWNvbG9yLWJhY2tncm91bmQtaG92ZXI6IHZhcigtLWlkcy1oZWFkZXItYnV0dG9uLWNvbG9yLWJhY2tncm91bmQtaG92ZXIpO1xuICAtLWlkcy1idXR0b24tdGVydGlhcnktY29sb3ItYm9yZGVyLWhvdmVyOiB2YXIoLS1pZHMtaGVhZGVyLWJ1dHRvbi1jb2xvci1ib3JkZXItaG92ZXIpO1xuICAtLWlkcy1idXR0b24tdGVydGlhcnktY29sb3ItdGV4dC1ob3ZlcjogdmFyKC0taWRzLWhlYWRlci1idXR0b24tY29sb3ItdGV4dC1ob3Zlcik7XG4gIC0taWRzLWJ1dHRvbi10ZXJ0aWFyeS1jb2xvci1iYWNrZ3JvdW5kLXByZXNzZWQ6IHZhcigtLWlkcy1oZWFkZXItYnV0dG9uLWNvbG9yLWJhY2tncm91bmQtcHJlc3NlZCk7XG4gIC0taWRzLWJ1dHRvbi10ZXJ0aWFyeS1jb2xvci1ib3JkZXItcHJlc3NlZDogdmFyKC0taWRzLWhlYWRlci1idXR0b24tY29sb3ItYm9yZGVyLXByZXNzZWQpO1xuICAtLWlkcy1idXR0b24tdGVydGlhcnktY29sb3ItdGV4dC1wcmVzc2VkOiB2YXIoLS1pZHMtaGVhZGVyLWJ1dHRvbi1jb2xvci10ZXh0LXByZXNzZWQpO1xuICAtLWlkcy1pbnB1dC1jb2xvci1ib3JkZXItaG92ZXI6IHZhcigtLWlkcy1oZWFkZXItaW5wdXQtY29sb3ItYm9yZGVyLWhvdmVyKTtcbiAgLS1pZHMtYnV0dG9uLXRlcnRpYXJ5LWNvbG9yLXRleHQtZGlzYWJsZWQ6IHZhcigtLWlkcy1oZWFkZXItYnV0dG9uLWNvbG9yLXRleHQtZGlzYWJsZWQpO1xuICAtLWlkcy1idXR0b24tdGVydGlhcnktc2hhZG93LWZvY3VzOiB2YXIoLS1pZHMtaGVhZGVyLWJ1dHRvbi1zaGFkb3ctZm9jdXMpO1xuICAtLWlkcy1idXR0b24tdGVydGlhcnktY29sb3ItYm9yZGVyLWZvY3VzOiB2YXIoLS1pZHMtaGVhZGVyLWJ1dHRvbi1jb2xvci1ib3JkZXItZm9jdXMpO1xuICAtLWlkcy1idXR0b24tbWVudS1iYWNrZ3JvdW5kLWNvbG9yLWFjdGl2ZTogdmFyKC0taWRzLWhlYWRlci1idXR0b24tbWVudS1jb2xvci1iYWNrZ3JvdW5kLWFjdGl2ZSk7XG4gIC0taWRzLWJ1dHRvbi1tZW51LWNvbG9yLXRleHQtYWN0aXZlOiB2YXIoLS1pZHMtaGVhZGVyLWJ1dHRvbi1tZW51LWNvbG9yLWFjdGl2ZSk7XG4gIC0taWRzLWJ1dHRvbi1hbHQtbWFyZ2luOiAwIHZhcigtLWlkcy1zcGFjZS0zeHMpO1xuXG4gIC8vIEJyZWFkY3J1bWJcbiAgLS1pZHMtYnJlYWRjcnVtYi1ncmFkaWVudDogdmFyKC0taWRzLWhlYWRlci1icmVhZGNydW1iLWdyYWRpZW50KTtcbn1cblxuOjpzbG90dGVkKGlkcy10b29sYmFyKSxcbi5pZHMtdG9vbGJhciB7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1oZWFkZXItcGFkZGluZyk7XG59XG5cbjo6c2xvdHRlZChpZHMtdG9vbGJhci1zZWN0aW9uKSB7XG4gIGNvbG9yOiB2YXIoLS1pZHMtaGVhZGVyLWNvbG9yLXRleHQpO1xufVxuIl19 */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport { stripHTML } from '../../utils/ids-xss-utils/ids-xss-utils';\nimport { contrastColor, adjustColor } from '../../utils/ids-color-utils/ids-color-utils';\n\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsKeyboardMixin from '../../mixins/ids-keyboard-mixin/ids-keyboard-mixin';\nimport IdsElement from '../../core/ids-element';\nimport styles from './ids-header.scss';\n\n/**\n * IDS Header Component\n * @type {IdsHeader}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n * @mixes IdsKeyboardMixin\n */\n@customElement('ids-header')\n@scss(styles)\nexport default class IdsHeader extends IdsKeyboardMixin(IdsEventsMixin(IdsElement)) {\n  colorVariants: string[] = ['alternate'];\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  static get attributes() {\n    return [\n      ...super.attributes,\n      attributes.COLOR\n    ];\n  }\n\n  /**\n   * Create the template for the header contents\n   * @returns {string} The template\n   */\n  template(): string {\n    return `\n    <div class=\"ids-header\">\n      <slot></slot>\n    </div>`;\n  }\n\n  /**\n   * Sets the color attribute\n   * @param {string} value string value for color\n   */\n  set color(value: string) {\n    if (typeof value !== 'string' || !value.length || value === '' || value === '#ffffff') {\n      this.removeAttribute('color');\n      this.container?.style.removeProperty('--ids-header-color-background');\n      this.container?.style.removeProperty('--ids-header-color-border-bottom');\n      this.container?.style.removeProperty('--ids-header-color-text');\n      this.container?.style.removeProperty('--ids-header-button-color-background-hover');\n      this.container?.style.removeProperty('--ids-header-button-color-border-hover');\n      this.container?.style.removeProperty('--ids-header-button-color-text-hover');\n      this.container?.style.removeProperty('--ids-header-input-color-border-hover');\n      this.container?.style.removeProperty('--ids-header-button-color-text-disabled');\n      this.container?.style.removeProperty('--ids-header-button-shadow-focus');\n      this.container?.style.removeProperty('--ids-header-button-color-border-focus');\n      this.container?.style.removeProperty('--ids-header-button-color-background-pressed');\n      this.container?.style.removeProperty('--ids-header-button-color-border-pressed');\n      this.container?.style.removeProperty('--ids-header-button-color-text-pressed');\n      return;\n    }\n    const sanitzedVal = stripHTML(value);\n    const textColor = contrastColor(sanitzedVal, '#ffffff', '#000000');\n\n    this.container?.style.setProperty('--ids-header-color-background', sanitzedVal);\n    this.container?.style.setProperty('--ids-header-color-border-bottom', adjustColor(sanitzedVal, -0.30));\n    this.container?.style.setProperty('--ids-header-color-text', textColor);\n    this.container?.style.setProperty('--ids-header-button-color-text-default', textColor);\n    this.container?.style.setProperty('--ids-header-button-color-background-hover', textColor === '#ffffff' ? 'rgba(255 255 255 / 0.2)' : 'rgba(0 0 0 / 0.1)');\n    this.container?.style.setProperty('--ids-header-button-color-border-hover', 'transparent');\n    this.container?.style.setProperty('--ids-header-button-color-text-hover', textColor);\n    this.container?.style.setProperty('--ids-header-input-color-border-hover', textColor);\n    this.container?.style.setProperty('--ids-header-button-color-text-disabled', adjustColor(textColor, -0.20));\n    this.container?.style.setProperty('--ids-header-button-shadow-focus', `0 0 0 2px ${sanitzedVal}, 0 0 0 3px ${textColor}`);\n    this.container?.style.setProperty('--ids-header-button-color-border-focus', textColor);\n    this.container?.style.setProperty('--ids-header-button-color-background-pressed', textColor === '#ffffff' ? 'rgba(255 255 255 / 0.2)' : 'rgba(0 0 0 / 0.1)');\n    this.container?.style.setProperty('--ids-header-button-color-border-pressed', 'transparent');\n    this.container?.style.setProperty('--ids-header-button-color-text-pressed', textColor);\n    this.container?.style.setProperty('--ids-header-button-menu-color-background-active', textColor === '#ffffff' ? 'rgba(255 255 255 / 0.2)' : 'rgba(0 0 0 / 0.1)');\n    this.container?.style.setProperty('--ids-header-button-menu-color-active', textColor);\n\n    this.setAttribute('color', sanitzedVal);\n  }\n\n  get color(): string {\n    return this.getAttribute('color') || '#ffffff';\n  }\n}\n"],
-  "mappings": "8WAAA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;i+FCmBf,IAAqBC,EAArB,cAAuCC,EAAiBC,EAAeC,CAAU,CAAC,CAAE,CAClF,cAA0B,CAAC,WAAW,EAEtC,aAAc,CACZ,MAAM,CACR,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,CAC1B,CAEA,WAAW,YAAa,CACtB,MAAO,CACL,GAAG,MAAM,WACTC,EAAW,KACb,CACF,CAMA,UAAmB,CACjB,MAAO;AAAA;AAAA;AAAA,WAIT,CAMA,IAAI,MAAMC,EAAe,CACvB,GAAI,OAAOA,GAAU,UAAY,CAACA,EAAM,QAAUA,IAAU,IAAMA,IAAU,UAAW,CACrF,KAAK,gBAAgB,OAAO,EAC5B,KAAK,WAAW,MAAM,eAAe,+BAA+B,EACpE,KAAK,WAAW,MAAM,eAAe,kCAAkC,EACvE,KAAK,WAAW,MAAM,eAAe,yBAAyB,EAC9D,KAAK,WAAW,MAAM,eAAe,4CAA4C,EACjF,KAAK,WAAW,MAAM,eAAe,wCAAwC,EAC7E,KAAK,WAAW,MAAM,eAAe,sCAAsC,EAC3E,KAAK,WAAW,MAAM,eAAe,uCAAuC,EAC5E,KAAK,WAAW,MAAM,eAAe,yCAAyC,EAC9E,KAAK,WAAW,MAAM,eAAe,kCAAkC,EACvE,KAAK,WAAW,MAAM,eAAe,wCAAwC,EAC7E,KAAK,WAAW,MAAM,eAAe,8CAA8C,EACnF,KAAK,WAAW,MAAM,eAAe,0CAA0C,EAC/E,KAAK,WAAW,MAAM,eAAe,wCAAwC,EAC7E,MACF,CACA,IAAMC,EAAcC,EAAUF,CAAK,EAC7BG,EAAYC,EAAcH,EAAa,UAAW,SAAS,EAEjE,KAAK,WAAW,MAAM,YAAY,gCAAiCA,CAAW,EAC9E,KAAK,WAAW,MAAM,YAAY,mCAAoCI,EAAYJ,EAAa,GAAK,CAAC,EACrG,KAAK,WAAW,MAAM,YAAY,0BAA2BE,CAAS,EACtE,KAAK,WAAW,MAAM,YAAY,yCAA0CA,CAAS,EACrF,KAAK,WAAW,MAAM,YAAY,6CAA8CA,IAAc,UAAY,0BAA4B,mBAAmB,EACzJ,KAAK,WAAW,MAAM,YAAY,yCAA0C,aAAa,EACzF,KAAK,WAAW,MAAM,YAAY,uCAAwCA,CAAS,EACnF,KAAK,WAAW,MAAM,YAAY,wCAAyCA,CAAS,EACpF,KAAK,WAAW,MAAM,YAAY,0CAA2CE,EAAYF,EAAW,GAAK,CAAC,EAC1G,KAAK,WAAW,MAAM,YAAY,mCAAoC,aAAaF,CAAW,eAAeE,CAAS,EAAE,EACxH,KAAK,WAAW,MAAM,YAAY,yCAA0CA,CAAS,EACrF,KAAK,WAAW,MAAM,YAAY,+CAAgDA,IAAc,UAAY,0BAA4B,mBAAmB,EAC3J,KAAK,WAAW,MAAM,YAAY,2CAA4C,aAAa,EAC3F,KAAK,WAAW,MAAM,YAAY,yCAA0CA,CAAS,EACrF,KAAK,WAAW,MAAM,YAAY,mDAAoDA,IAAc,UAAY,0BAA4B,mBAAmB,EAC/J,KAAK,WAAW,MAAM,YAAY,wCAAyCA,CAAS,EAEpF,KAAK,aAAa,QAASF,CAAW,CACxC,CAEA,IAAI,OAAgB,CAClB,OAAO,KAAK,aAAa,OAAO,GAAK,SACvC,CACF,EA7EqBN,EAArBW,EAAA,CAFCC,EAAc,YAAY,EAC1BC,EAAKC,CAAM,GACSd",
-  "names": ["ids_header_default", "IdsHeader", "ids_keyboard_mixin_default", "ids_events_mixin_default", "IdsElement", "attributes", "value", "sanitzedVal", "stripHTML", "textColor", "contrastColor", "adjustColor", "__decorateClass", "customElement", "scss", "ids_header_default"]
-}

package/chunks/ids-chunk-56ZD4AJD.js

@@ -1,2 +0,0 @@
-import{a as b}from"./ids-chunk-3ZNIY4EY.js";import{a as x}from"./ids-chunk-W544ATNJ.js";import{a as E}from"./ids-chunk-T4CWIXQV.js";import{a as y,b as c,d as I,f as o}from"./ids-chunk-L5CMP5FA.js";var r,G,f,m,C,p,g,l=class extends b(E){constructor(){super({noShadowRoot:!0});I(this,r);c(this,"rootNode");c(this,"isInValid",!1);c(this,"editor");c(this,"originalValue");c(this,"previousInvalidState","");c(this,"isEditing")}connectedCallback(){this.renderCell(),o(this,r,G).call(this)}disconnectedCallback(){this.offEvent("focusin.ids-cell",this),this.offEvent("focusout.ids-cell",this)}get isEditable(){if(this.classList.contains("is-readonly")||this.classList.contains("is-disabled"))return!1;let i=this.column;return i.editor?!!this.dataGrid.editors.find(e=>e.type===i?.editor?.type)?.editor:!1}get dataGrid(){return this.rootNode||(this.rootNode=this.getRootNode().host),this.rootNode}get cellAbove(){return this.dataGrid?.rowByIndex(this.rowIndex-1)?.cellByIndex(this.columnIndex)??null}get cellBelow(){return this.dataGrid?.rowByIndex(this.rowIndex+1)?.cellByIndex(this.columnIndex)??null}get cellLeft(){let i=this.dataGrid?.rowByIndex(this.rowIndex)?.cellByIndex(this.columnIndex-1);return i&&i!==this?i:this.dataGrid?.rowByIndex(this.rowIndex-1)?.cellByIndex(this.dataGrid?.columns.length??0)??null}get cellRight(){let i=this.dataGrid?.rowByIndex(this.rowIndex)?.cellByIndex(this.columnIndex+1)??null;return i&&i!==this?i:this.dataGrid?.rowByIndex(this.rowIndex+1)?.cellByIndex(0)??null}get cellLeftEditable(){if(!this.dataGrid?.isEditable)return null;let i=this.cellLeft;for(;i&&!i.isEditable;)i=i.cellLeft;return i}get cellRightEditable(){if(!this.dataGrid?.isEditable)return null;let i=this.cellRight;for(;i&&!i.isEditable;)i=i.cellRight;return i}updateData(i,t=!0){let e=this.rowIndex,s=this.dataGrid?.data[e],n=this.columnIndex,d=(this.dataGrid?.visibleColumns)[n];if(!d?.field)return;let h={...s,[d.field]:i};this.editor?.change?.(i),t?this.dataGrid?.updateDatasetAndRefresh?.(this.rowIndex,h,!1):this.dataGrid?.updateDataset?.(this.rowIndex,h,!1)}get column(){return this.dataGrid?.visibleColumns[this.columnIndex]}get columnHeader(){return this.dataGrid?.header?.columns[this.columnIndex]}get columnIndex(){return Number(this.getAttribute?.("aria-colindex")??1)-1}get rowIndex(){return Number(this.parentElement?.getAttribute?.("row-index")??-1)}get row(){return this.rowIndex}get value(){if(this.editor&&this.contains(this.editor?.input??null))return this.editor?.value?.();let i=this.dataGrid?.columns?.[this.columnIndex];return this.dataGrid?.data?.[this.rowIndex]?.[i?.field??-1]??this.textContent??""}renderCell(){let i=this.dataGrid,t=this.rowIndex,e=i?.data[t];if(e?.isGroupRow)return;if(i.virtualScroll){let a=i.columns.length>i.TOO_MANY_COLUMNS,h=!i.hasAttribute("columns-stale"),u=this.columnHeader,v=u?.hasAttribute("column-offscreen");if(a&&h&&v)return;let w=u?.hasAttribute("column-onscreen"),k=u?.hasAttribute("column-offscreen-left"),V=u?.hasAttribute("column-offscreen-right");this.toggleAttribute("column-onscreen",w),this.toggleAttribute("column-offscreen",v),this.toggleAttribute("column-offscreen-left",k),this.toggleAttribute("column-offscreen-right",V)}let s=this.column,n=l.template(e,s,t,i);this.innerHTML!==n&&(this.innerHTML=n),s.formatter&&this.classList.add(`formatter-${s.formatter.name}`)}activate(i){return this.dataGrid.activeCell.node=this,i||this.focus(),this.dataGrid.triggerEvent("activecellchanged",this.dataGrid,{detail:{elem:this,activeCell:this.dataGrid.activeCell}}),this.dataGrid.activeCell}validateCell(){let i=this.column;if(!i.editor)return;let t=this.dataGrid.editors.find(d=>d.type===i?.editor?.type);if(!t||!t.editor)return;this.originalValue=this.value,this.editor=t.editor,this.editor.init(this);let e=this.editor?.input;if(!e)return;let s=this.editor?.type;e?.offEvent("focusout",e),e?.offEvent("close",e),["input","tree"].includes(s)&&e?.setDirtyTracker&&e?.setDirtyTracker(e?.value),["input","tree"].includes(s)&&e?.checkValidation&&e?.checkValidation(),s==="dropdown"&&e?.input?.checkValidation(),(s==="timepicker"||s==="datepicker")&&e?.checkValidation();let n=e?.isValid,a=this.editor?.save(this);o(this,r,m).call(this,a?.value),n||o(this,r,p).call(this,e?.validationMessages),this.isInValid&&n&&o(this,r,g).call(this),this.isInValid=!n,this.editor?.destroy(this),this.renderCell()}startCellEdit(i){this.dataGrid.activeCellEditor instanceof l&&this.dataGrid.activeCellEditor!==this&&this.dataGrid.activeCellEditor.endCellEdit();let t=this.column;if(!t.editor)return;let e=this.dataGrid.editors.find(n=>n.type===t?.editor?.type);if(!e||!e.editor||this.isEditing)return;let s=!(this.classList.contains("is-readonly")||this.classList.contains("is-disabled"));s&&(this.dataGrid.triggerEvent("beforecelledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:t,data:this.dataGrid.data[this.dataGrid.activeCell.row],response:n=>{s=n}}}),s instanceof Promise||s?.constructor?.name==="AsyncFunction"?(s instanceof Promise?s:s()).then(n=>{n!==!1&&o(this,r,f).call(this,t,e,i)}).catch(()=>{}):s!==!1&&o(this,r,f).call(this,t,e,i))}endCellEdit(){let i=this.column,t=this.editor?.input;if(!t)return;let e=this.editor?.type;t?.offEvent("focusout",t),t?.offEvent("close",t),["input","tree"].includes(e)&&t?.setDirtyTracker&&t?.setDirtyTracker(t?.value),["input","tree"].includes(e)&&t?.checkValidation&&t?.checkValidation(),e==="dropdown"&&t?.input?.checkValidation(),e==="lookup"&&t?.input?.checkValidation(),(e==="timepicker"||e==="datepicker")&&t?.checkValidation();let s=i.editor?.editorSettings?.dirtyTracker&&(t?.isDirty||t?.input.isDirty),n=i.editor?.editorSettings?.dirtyTracker&&e==="checkbox",a=t?.isValid,d=this.editor?.save(this);o(this,r,m).call(this,d?.value),(s||n)&&o(this,r,C).call(this,d?.dirtyCheckValue??d?.value),a||o(this,r,p).call(this,t?.validationMessages),this.isInValid&&a&&o(this,r,g).call(this),this.isInValid=!a,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,this.dataGrid.openMenu=null}static template(i,t,e,s){let n=l.cacheKey(e,i,t,s);if(!l.cellCache[n]){let a=s.formatters,d="";if(!a[t?.formatter?.name||"text"]&&t?.formatter?d=t?.formatter(i,t,e,s):d=a[t?.formatter?.name||"text"](i,t,e,s),i.invalidCells){let h=i.invalidCells.find(u=>u.cell===s.columnIdxById(t.id));h&&(d+=`<ids-alert icon="error" tooltip="${h?.validationMessages[0]?.message}"></ids-alert>`)}l.cellCache[n]=d}return l.cellCache[n]}static cacheKey(i,t,e,s){let n=s.cacheHash,a=t.rowSelected?s.cacheSelected:s.cacheDeselected,d=t.rowExpanded?s.cacheExpanded:s.cacheCollapsed;return`${n}:${e.id}:${i}:${a}:${d}`}clearCache(){let i=Number(this.parentElement?.getAttribute("row-index")),t=this.dataGrid.data[i],e=l.cacheKey(i,t,this.column,this.dataGrid);delete l.cellCache[e]}refreshCell(){this.clearCache(),this.renderCell()}canClose(){return!(this.isEditing||this.editor?.popup?.visible||this.column?.editor?.inline)}};r=new WeakSet,G=function(){this.tabIndex=-1,this.setAttribute("tabindex","-1"),this.offEvent("focusin.ids-cell",this),this.onEvent("focusin.ids-cell",this,()=>{this.tabIndex=0,this.setAttribute("tabindex","0"),this.dataGrid?.setAttribute("active-cell",`${this.rowIndex}:${this.columnIndex}`),this.dataGrid?.hideOpenMenus()}),this.offEvent("focusout.ids-cell",this),this.onEvent("focusout.ids-cell",this,()=>{this.tabIndex=-1,this.setAttribute("tabindex","-1")})},f=function(i,t,e){if(!t||!t.editor||this.isEditing)return;this.originalValue=this.value,this.editor=t.editor,this.editor.clickEvent=e;let s=this.editor.type;if(s==="dropdown"&&(this.originalValue=this.querySelector("[data-value]")?.getAttribute("data-value")),this.classList.add("is-editing"),this.editor.init(this),this.classList.contains("is-invalid")&&(this.classList.remove("is-invalid"),this.isInValid=!0),i.editor?.inline&&this.classList.add("is-inline"),this.isEditing=!0,i.align){let n=i.align;n==="left"&&(n="start"),n==="right"&&(n="end"),this.editor?.input?.setAttribute("text-align",`${n}`)}["datepicker","timepicker","lookup"].includes(s)?this.editor.input?.onEvent("focusout",this.editor.input,()=>{this.editor?.popup?.visible||setTimeout(()=>{this.contains(this.dataGrid.shadowRoot.activeElement)||this.endCellEdit()})}):s==="dropdown"?this.editor.input?.onEvent("close",this.editor.input,()=>this.endCellEdit()):this.editor.input?.onEvent("focusout",this.editor.input,()=>{this.endCellEdit()}),this.dataGrid?.triggerEvent("celledit",this.dataGrid,{detail:{elem:this,editor:this.editor,column:i,data:this.dataGrid.data[this.row]}}),this.dataGrid.activeCellEditor=this},m=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})},C=function(i){let t=this.dataGrid.data[this.row].dirtyCells;t===void 0&&(t=[]);let e=Number(this.getAttribute("aria-colindex"))-1,s=t.filter(n=>n.cell===e);if(s[0]&&i===s[0].originalValue){let n=t.findIndex(a=>a.cell===e);t.splice(n,1),this?.classList.remove("is-dirty"),this.dataGrid?.updateDataset(this.row,{dirtyCells:t});return}if(this?.classList.add("is-dirty"),s.length===0){let n=this?.editor?.type==="checkbox"?this.originalValue:this?.editor?.input?.dirty?.original;t.push({cell:Number(this?.getAttribute("aria-colindex"))-1,columnId:this.column.id,originalValue:n}),this.dataGrid?.updateDataset(this.row,{dirtyCells:t})}},p=function(i){let t=this.dataGrid.data[this.row].invalidCells;t||(t=[]);let e=Number(this.getAttribute("aria-colindex"))-1,s=t.filter(n=>n.cell===e);this?.classList.add("is-invalid"),s.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}))},g=function(){this?.classList.remove("is-invalid"),this.dataGrid?.updateDataset(this.row,{invalidCells:void 0}),this.isInValid=!1},c(l,"cellCache",{}),l=y([x("ids-data-grid-cell")],l);export{l as a};
-//# sourceMappingURL=ids-chunk-56ZD4AJD.js.map

package/chunks/ids-chunk-56ZD4AJD.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-data-grid/ids-data-grid-cell.ts"],
-  "sourcesContent": ["import { customElement } from '../../core/ids-decorators';\nimport IdsElement from '../../core/ids-element';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport type IdsDataGrid from './ids-data-grid';\nimport type IdsDropdown from '../ids-dropdown/ids-dropdown';\nimport type IdsInput from '../ids-input/ids-input';\nimport type IdsLookup from '../ids-lookup/ids-lookup';\nimport type IdsTriggerField from '../ids-trigger-field/ids-trigger-field';\nimport type { IdsDataGridColumn } from './ids-data-grid-column';\nimport { IdsDataGridEditor } from './ids-data-grid-editors';\n\n@customElement('ids-data-grid-cell')\nexport default class IdsDataGridCell extends IdsEventsMixin(IdsElement) {\n  rootNode?: any;\n\n  isInValid = false;\n\n  /** The editor element */\n  editor?: IdsDataGridEditor;\n\n  constructor() {\n    super({ noShadowRoot: true });\n  }\n\n  connectedCallback(): void {\n    // NOTE: bypassing super.connectedCallback() for performance reasons\n    this.renderCell();\n    this.#attachEventHandlers();\n  }\n\n  disconnectedCallback() {\n    // NOTE: bypassing super.disconnectedCallback() for performance reasons\n    this.offEvent('focusin.ids-cell', this);\n    this.offEvent('focusout.ids-cell', this);\n  }\n\n  get isEditable() {\n    if (this.classList.contains('is-readonly') || this.classList.contains('is-disabled')) return false;\n\n    const column = this.column;\n    if (!column.editor) return false;\n    const columnEditor = this.dataGrid.editors.find((editor) => editor.type === column?.editor?.type);\n    return !!columnEditor?.editor;\n  }\n\n  #attachEventHandlers() {\n    this.tabIndex = -1;\n    this.setAttribute('tabindex', '-1');\n\n    this.offEvent('focusin.ids-cell', this);\n    this.onEvent('focusin.ids-cell', this, () => {\n      this.tabIndex = 0;\n      this.setAttribute('tabindex', '0');\n\n      this.dataGrid?.setAttribute('active-cell', `${this.rowIndex}:${this.columnIndex}`);\n      this.dataGrid?.hideOpenMenus();\n    });\n\n    this.offEvent('focusout.ids-cell', this);\n    this.onEvent('focusout.ids-cell', this, () => {\n      this.tabIndex = -1;\n      this.setAttribute('tabindex', '-1');\n    });\n  }\n\n  /**\n   * Reference to the data grid parent\n   * @returns {IdsDataGrid} the data grid parent\n   */\n  get dataGrid() {\n    if (!this.rootNode) this.rootNode = (this.getRootNode() as any).host;\n    return (this.rootNode) as IdsDataGrid;\n  }\n\n  /**\n   * Get the cell above this cell\n   * @returns {IdsDataGridCell | null} the cell above this cell\n   */\n  get cellAbove(): IdsDataGridCell | null {\n    return this.dataGrid?.rowByIndex(this.rowIndex - 1)?.cellByIndex(this.columnIndex) ?? null;\n  }\n\n  /**\n   * Get the cell below this cell\n   * @returns {IdsDataGridCell | null} the cell below this cell\n   */\n  get cellBelow(): IdsDataGridCell | null {\n    return this.dataGrid?.rowByIndex(this.rowIndex + 1)?.cellByIndex(this.columnIndex) ?? null;\n  }\n\n  /**\n   * Get the cell to the left of this cell\n   * @returns {IdsDataGridCell | null} the cell to the left of this cell\n   */\n  get cellLeft(): IdsDataGridCell | null {\n    const cellLeft = this.dataGrid?.rowByIndex(this.rowIndex)?.cellByIndex(this.columnIndex - 1);\n    if (cellLeft && cellLeft !== this) return cellLeft;\n\n    return this.dataGrid?.rowByIndex(this.rowIndex - 1)?.cellByIndex(this.dataGrid?.columns.length ?? 0) ?? null;\n  }\n\n  /**\n   * Get the cell to the right of this cell\n   * @returns {IdsDataGridCell | null} the cell to the right of this cell\n   */\n  get cellRight(): IdsDataGridCell | null {\n    const cellRight = this.dataGrid?.rowByIndex(this.rowIndex)?.cellByIndex(this.columnIndex + 1) ?? null;\n    if (cellRight && cellRight !== this) return cellRight;\n\n    return this.dataGrid?.rowByIndex(this.rowIndex + 1)?.cellByIndex(0) ?? null;\n  }\n\n  /**\n   * Get the next editable cell to the left of this cell\n   * @returns {IdsDataGridCell | null} the next editabled cell to the left of this cell\n   */\n  get cellLeftEditable(): IdsDataGridCell | null {\n    if (!this.dataGrid?.isEditable) return null;\n\n    let nextCell = this.cellLeft;\n\n    while (nextCell && !nextCell.isEditable) {\n      nextCell = nextCell.cellLeft;\n    }\n    return nextCell;\n  }\n\n  /**\n   * Get the next editable cell to the right of this cell\n   * @returns {IdsDataGridCell | null} the next editabled cell to the right of this cell\n   */\n  get cellRightEditable(): IdsDataGridCell | null {\n    if (!this.dataGrid?.isEditable) return null;\n\n    let nextCell = this.cellRight;\n\n    while (nextCell && !nextCell.isEditable) {\n      nextCell = nextCell.cellRight;\n    }\n    return nextCell;\n  }\n\n  /**\n   * Update this cell's dataset and refresh\n   * @param {string} value the new data for the cell\n   * @param {boolean} refresh if true, rerender the cell\n   */\n  updateData(value: string, refresh = true) {\n    const rowIndex = this.rowIndex;\n    const record = this.dataGrid?.data[rowIndex];\n    const columnIndex = this.columnIndex;\n\n    // a cell exists in a row of a visible-columns\n    const visibleColumns = this.dataGrid?.visibleColumns;\n\n    const column = visibleColumns[columnIndex];\n    if (!column?.field) return;\n\n    const updatedRecord = {\n      ...record,\n      [column.field]: value,\n    };\n\n    this.editor?.change?.(value);\n\n    if (refresh) {\n      this.dataGrid?.updateDatasetAndRefresh?.(this.rowIndex, updatedRecord, false);\n    } else {\n      this.dataGrid?.updateDataset?.(this.rowIndex, updatedRecord, false);\n    }\n  }\n\n  /**\n   * Get the column definition\n   * @returns {IdsDataGridColumn} the current cells column\n   */\n  get column() {\n    // return this.dataGrid?.columns[this.columnIndex];\n    return this.dataGrid?.visibleColumns[this.columnIndex];\n  }\n\n  /**\n   * Get the column header cell element\n   * @returns {IdsDataGridColumn} the current cells column\n   */\n  get columnHeader() {\n    return this.dataGrid?.header?.columns[this.columnIndex];\n  }\n\n  /**\n   * Gets the column # in which this cell exists\n   * @returns {number} the column-index\n   */\n  get columnIndex(): number {\n    return Number(this.getAttribute?.('aria-colindex') ?? 1) - 1;\n  }\n\n  /**\n   * Gets the row-index # in which this cell exists\n   * @returns {number} the row-index\n   */\n  get rowIndex(): number {\n    return Number(this.parentElement?.getAttribute?.('row-index') ?? -1);\n  }\n\n  /**\n   * Get row of table cell\n   * @returns {number} table row index\n   */\n  get row(): number {\n    return this.rowIndex;\n  }\n\n  /**\n   * Get data value of this cell\n   * @returns {any} the data value of this cell\n   */\n  get value(): any {\n    // NOTE: the editor is a singleton, so we must ensure the input is still in this cell's DOM.\n    if (this.editor && this.contains(this.editor?.input ?? null)) {\n      return this.editor?.value?.();\n    }\n\n    const column = this.dataGrid?.columns?.[this.columnIndex];\n    const record = this.dataGrid?.data?.[this.rowIndex];\n\n    return record?.[(column?.field ?? -1)] ?? this.textContent ?? '';\n  }\n\n  /**\n   * Rerender a cell - may be used later\n   */\n  renderCell() {\n    const dataGrid = this.dataGrid;\n\n    const rowIndex = this.rowIndex;\n    const rowData: Record<string, any> | undefined = dataGrid?.data[rowIndex];\n    if (rowData?.isGroupRow) return;\n\n    if (dataGrid.virtualScroll) {\n      const tooManyColumns = dataGrid.columns.length > dataGrid.TOO_MANY_COLUMNS;\n      // const tooManyColumns = dataGrid.visibleColumns.length > dataGrid.TOO_MANY_COLUMNS;\n\n      const columnsStale = dataGrid.hasAttribute('columns-stale');\n      const columnsFresh = !columnsStale;\n\n      const columnHeaders = this.columnHeader;\n      const columnOffScreen = columnHeaders?.hasAttribute('column-offscreen');\n\n      if (tooManyColumns && columnsFresh && columnOffScreen) {\n        // NOTE: skip renderCell if cell is NOT on-screen\n        return;\n      }\n\n      const columnOnScreen = columnHeaders?.hasAttribute('column-onscreen');\n      const columnOffScreenLeft = columnHeaders?.hasAttribute('column-offscreen-left');\n      const columnOffScreenRight = columnHeaders?.hasAttribute('column-offscreen-right');\n      this.toggleAttribute('column-onscreen', columnOnScreen);\n      this.toggleAttribute('column-offscreen', columnOffScreen);\n      this.toggleAttribute('column-offscreen-left', columnOffScreenLeft);\n      this.toggleAttribute('column-offscreen-right', columnOffScreenRight);\n    }\n\n    const column = this.column;\n\n    const template = IdsDataGridCell.template(rowData, column, rowIndex, dataGrid);\n    if (this.innerHTML !== template) {\n      this.innerHTML = template;\n    }\n\n    if (column.formatter) this.classList.add(`formatter-${column.formatter.name}`);\n  }\n\n  /**\n   * Set the active cell for focus\n   * @param {boolean} nofocus If true, do not focus the cell\n   * @returns {object} the current active cell\n   */\n  activate(nofocus: boolean) {\n    this.dataGrid.activeCell.node = this;\n\n    if (!nofocus) {\n      this.focus();\n    }\n    this.dataGrid.triggerEvent('activecellchanged', this.dataGrid, { detail: { elem: this, activeCell: this.dataGrid.activeCell } });\n    return this.dataGrid.activeCell;\n  }\n\n  /** Previous Value before Editing */\n  originalValue: unknown;\n\n  /** Previous Invalid state before reseting */\n  previousInvalidState = '';\n\n  /** If currently in edit mode */\n  isEditing?:boolean;\n\n  /**\n   * Validate cell\n   */\n  validateCell() {\n    const column = this.column;\n    if (!column.editor) return;\n\n    const columnEditor = this.dataGrid.editors.find((obj) => obj.type === column?.editor?.type);\n    if (!columnEditor || !columnEditor.editor) return;\n\n    this.originalValue = this.value;\n\n    this.editor = columnEditor.editor;\n    this.editor.init(this);\n\n    const input = this.editor?.input as any;\n\n    if (!input) return;\n\n    const editorType = (this.editor?.type as string);\n    input?.offEvent('focusout', input);\n    input?.offEvent('close', input);\n\n    if (['input', 'tree'].includes(editorType) && input?.setDirtyTracker) {\n      input?.setDirtyTracker(input?.value as any);\n    }\n\n    if (['input', 'tree'].includes(editorType) && input?.checkValidation) {\n      (<IdsInput>input)?.checkValidation();\n    }\n\n    if (editorType === 'dropdown') {\n      (<IdsDropdown>input)?.input?.checkValidation();\n    }\n\n    if (editorType === 'timepicker' || editorType === 'datepicker') {\n      (<IdsTriggerField>input)?.checkValidation();\n    }\n\n    const isValid = input?.isValid;\n    const newValue = this.editor?.save(this);\n    this.#saveCellValue(newValue?.value);\n\n    if (!isValid) this.#saveValidState(input?.validationMessages);\n    if (this.isInValid && isValid) this.#resetValidState();\n    this.isInValid = !isValid;\n\n    this.editor?.destroy(this);\n    this.renderCell();\n  }\n\n  /**\n   * Start Edit Mode\n   * @param {MouseEvent} clickEvent event passed if activated by click (vs keyboard)\n   */\n  startCellEdit(clickEvent?: MouseEvent) {\n    // end previous cell edit\n    if (this.dataGrid.activeCellEditor instanceof IdsDataGridCell && this.dataGrid.activeCellEditor !== this) {\n      this.dataGrid.activeCellEditor.endCellEdit();\n    }\n\n    const column = this.column;\n    if (!column.editor) return;\n    const columnEditor = this.dataGrid.editors.find((obj) => obj.type === column?.editor?.type);\n    if (!columnEditor || !columnEditor.editor || this.isEditing) return;\n\n    // Init Editor\n    let canEdit: any = !(this.classList.contains('is-readonly') || this.classList.contains('is-disabled'));\n    if (!canEdit) {\n      return;\n    }\n\n    this.dataGrid.triggerEvent('beforecelledit', this.dataGrid, {\n      detail: {\n        elem: this,\n        editor: this.editor,\n        column,\n        data: this.dataGrid.data[this.dataGrid.activeCell.row],\n        response: (veto: boolean | Promise<void | boolean>) => {\n          canEdit = veto;\n        }\n      }\n    });\n\n    if (canEdit instanceof Promise || canEdit?.constructor?.name === 'AsyncFunction') {\n      (canEdit instanceof Promise ? canEdit : canEdit())\n        .then((veto?: boolean) => { if (veto !== false) this.#startCellEdit(column, columnEditor, clickEvent); })\n        .catch(() => { /** ignore if promise rejected */ });\n    } else if (canEdit !== false) {\n      this.#startCellEdit(column, columnEditor, clickEvent);\n    }\n  }\n\n  #startCellEdit(\n    column: IdsDataGridColumn,\n    columnEditor: { type: string, editor?: IdsDataGridEditor },\n    clickEvent?: MouseEvent\n  ) {\n    if (!columnEditor || !columnEditor.editor || this.isEditing) return;\n\n    this.originalValue = this.value;\n    this.editor = columnEditor.editor;\n    this.editor.clickEvent = clickEvent;\n\n    const editorType = this.editor.type;\n    // Override original value if dropdown\n    if (editorType === 'dropdown') {\n      this.originalValue = this.querySelector('[data-value]')?.getAttribute('data-value');\n    }\n\n    this.classList.add('is-editing');\n    this.editor.init(this);\n\n    // Set states\n    if (this.classList.contains('is-invalid')) {\n      this.classList.remove('is-invalid');\n      this.isInValid = true;\n    }\n    if (column.editor?.inline) this.classList.add('is-inline');\n    this.isEditing = true;\n\n    // Pass column text alignment rules into the cell editor\n    if (column.align) {\n      let columnAlign = column.align;\n      if (columnAlign === 'left') columnAlign = 'start';\n      if (columnAlign === 'right') columnAlign = 'end';\n      this.editor?.input?.setAttribute('text-align', `${columnAlign}`);\n    }\n\n    // Save on Click Out Event\n    if (['datepicker', 'timepicker', 'lookup'].includes(editorType)) {\n      this.editor.input?.onEvent('focusout', this.editor.input, () => {\n        if (this.editor?.popup?.visible) return;\n        setTimeout(() => {\n          if (this.contains(this.dataGrid!.shadowRoot!.activeElement)) return;\n          this.endCellEdit();\n        });\n      });\n    } else if (editorType === 'dropdown') {\n      this.editor.input?.onEvent('close', this.editor.input, () => this.endCellEdit());\n    } else {\n      this.editor.input?.onEvent('focusout', this.editor.input, () => {\n        this.endCellEdit();\n      });\n    }\n\n    this.dataGrid?.triggerEvent('celledit', this.dataGrid, {\n      detail: {\n        elem: this, editor: this.editor, column, data: this.dataGrid.data[this.row]\n      }\n    });\n\n    this.dataGrid.activeCellEditor = this;\n  }\n\n  /** End Cell Edit */\n  endCellEdit() {\n    const column = this.column;\n    const input = this.editor?.input as any;\n\n    if (!input) return;\n\n    const editorType = (this.editor?.type as string);\n    input?.offEvent('focusout', input);\n    input?.offEvent('close', input);\n\n    if (['input', 'tree'].includes(editorType) && input?.setDirtyTracker) {\n      input?.setDirtyTracker(input?.value as any);\n    }\n\n    if (['input', 'tree'].includes(editorType) && input?.checkValidation) {\n      (<IdsInput>input)?.checkValidation();\n    }\n\n    if (editorType === 'dropdown') {\n      (<IdsDropdown>input)?.input?.checkValidation();\n    }\n\n    if (editorType === 'lookup') {\n      (<IdsLookup>input)?.input?.checkValidation();\n    }\n\n    if (editorType === 'timepicker' || editorType === 'datepicker') {\n      (<IdsTriggerField>input)?.checkValidation();\n    }\n\n    const isDirty = column.editor?.editorSettings?.dirtyTracker && (input?.isDirty || input?.input.isDirty);\n    const isDirtyCheckbox = column.editor?.editorSettings?.dirtyTracker && editorType === 'checkbox';\n    const isValid = input?.isValid;\n    const newValue = this.editor?.save(this);\n    this.#saveCellValue(newValue?.value);\n\n    // Save dirty and valid state on the row\n    if (isDirty || isDirtyCheckbox) this.#saveDirtyState(newValue?.dirtyCheckValue ?? newValue?.value);\n    if (!isValid) this.#saveValidState(input?.validationMessages);\n    if (this.isInValid && isValid) this.#resetValidState();\n    this.isInValid = !isValid;\n\n    this.editor?.destroy(this);\n    this.renderCell();\n    this.isEditing = false;\n    this.classList.remove('is-editing');\n\n    this.dataGrid?.triggerEvent('endcelledit', this.dataGrid, {\n      detail: {\n        elem: this, editor: this.editor, column, data: this.dataGrid.data[this.row]\n      }\n    });\n    this.dataGrid.activeCellEditor = undefined;\n  }\n\n  /** Cancel Cell Edit */\n  cancelCellEdit() {\n    const column = this.column;\n    const input = this.editor?.input as any;\n    input?.offEvent('focusout', input);\n    input?.setDirtyTracker(input?.value as any);\n\n    this.dataGrid?.updateDataset(this.row, { [String(column?.field)]: this.originalValue });\n    this.editor?.destroy(this);\n    this.renderCell();\n    this.isEditing = false;\n    this.classList.remove('is-editing');\n\n    this.dataGrid?.triggerEvent('cancelcelledit', this.dataGrid, {\n      detail: {\n        elem: this,\n        editor: this.editor,\n        column,\n        data: this.dataGrid.data[this.row],\n        oldValue: this.originalValue\n      }\n    });\n    this.dataGrid.activeCellEditor = undefined;\n    this.dataGrid.openMenu = null;\n  }\n\n  /**\n   * Save cell Edit Back into data set\n   * @param {any} newValue the value to coerce and save\n   */\n  #saveCellValue(newValue: any) {\n    const column = this.column;\n    this.dataGrid.resetCache(this.dataGrid?.activeCell.row);\n    if (column.editor?.editorSettings?.mask === 'date') {\n      newValue = this.dataGrid.localeAPI.parseDate(newValue, column.formatOptions);\n    }\n    this.dataGrid?.updateDataset(this.row, {\n      [String(column?.field)]: newValue,\n    });\n  }\n\n  /**\n   * Save the dirty state info on the row\n   * @param {boolean} newValue the current value\n   */\n  #saveDirtyState(newValue: any) {\n    let rowDirtyCells = this.dataGrid.data[this.row].dirtyCells;\n    if (rowDirtyCells === undefined) rowDirtyCells = [];\n    const cell = Number(this.getAttribute('aria-colindex')) - 1;\n    const previousCellInfo = rowDirtyCells.filter((item: any) => item.cell === cell);\n\n    if (previousCellInfo[0] && newValue === previousCellInfo[0].originalValue) {\n      const oldIndex = rowDirtyCells.findIndex((item: any) => item.cell === cell);\n      rowDirtyCells.splice(oldIndex, 1);\n      // Value was reset\n      this?.classList.remove('is-dirty');\n      this.dataGrid?.updateDataset(this.row, {\n        dirtyCells: rowDirtyCells\n      });\n      return;\n    }\n\n    this?.classList.add('is-dirty');\n\n    if (previousCellInfo.length === 0) {\n      const originalValue = this?.editor?.type === 'checkbox' ? this.originalValue : (this?.editor?.input as any)?.dirty?.original;\n\n      rowDirtyCells.push({\n        cell: Number(this?.getAttribute('aria-colindex')) - 1,\n        columnId: this.column.id,\n        originalValue,\n      });\n      this.dataGrid?.updateDataset(this.row, {\n        dirtyCells: rowDirtyCells\n      });\n    }\n  }\n\n  /**\n   * Save the validation state info on the row\n   * @param {any} validationMessages the current value\n   */\n  #saveValidState(validationMessages: any) {\n    let rowInvalidCells = this.dataGrid.data[this.row].invalidCells;\n    if (!rowInvalidCells) rowInvalidCells = [];\n    const cell = Number(this.getAttribute('aria-colindex')) - 1;\n    const previousCellInfo = rowInvalidCells.filter((item: any) => item.cell === cell);\n\n    this?.classList.add('is-invalid');\n\n    if (previousCellInfo.length === 0) {\n      this.previousInvalidState = validationMessages.id;\n      rowInvalidCells.push({\n        cell: Number(this?.getAttribute('aria-colindex')) - 1,\n        columnId: this.column.id,\n        validationMessages\n      });\n      this.dataGrid?.updateDataset(this.row, {\n        invalidCells: rowInvalidCells\n      });\n    }\n  }\n\n  /**\n   * Set back the valid state\n   */\n  #resetValidState() {\n    this?.classList.remove('is-invalid');\n    this.dataGrid?.updateDataset(this.row, {\n      invalidCells: undefined\n    });\n    this.isInValid = false;\n  }\n\n  // NOTE: check memory footprint of this caching strategy\n  static cellCache: { [key: string]: string } = {};\n\n  /**\n   * Return the Template for the cell contents\n   * @param {object} row The data item for the row\n   * @param {object} column The column data for the row\n   * @param {object} rowIndex The running row-index\n   * @param {IdsDataGrid} dataGrid The dataGrid instance\n   * @returns {string} The template to display\n   */\n  static template(row: Record<string, unknown>, column: IdsDataGridColumn, rowIndex: number, dataGrid: IdsDataGrid): string {\n    const cacheKey = IdsDataGridCell.cacheKey(rowIndex, row, column, dataGrid);\n\n    // NOTE: This is how we could disable cache until a proper cache-busting strategy is in place\n    // delete IdsDataGridCell.cellCache[cacheKey];\n\n    // NOTE: this type of param-based caching is good for upscroll when revising rows that have been seen already.\n    // NOTE: we also need a content-cache that caches based on the actual data that's being rendered\n    // NOTE: content-cache should probably be done in the IdsDataGridFormatters class\n    if (!IdsDataGridCell.cellCache[cacheKey]) {\n      const dataGridFormatters = (dataGrid.formatters as any);\n      let template = '';\n\n      if (!dataGridFormatters[column?.formatter?.name || 'text'] && column?.formatter) template = column?.formatter(row, column, rowIndex, dataGrid);\n      else template = dataGridFormatters[column?.formatter?.name || 'text'](row, column, rowIndex, dataGrid);\n\n      if (row.invalidCells) {\n        const message = (row.invalidCells as any).find((info: any) => info.cell === dataGrid.columnIdxById(column.id));\n        if (message) template += `<ids-alert icon=\"error\" tooltip=\"${message?.validationMessages[0]?.message}\"></ids-alert>`;\n      }\n      IdsDataGridCell.cellCache[cacheKey] = template;\n    }\n\n    return IdsDataGridCell.cellCache[cacheKey];\n  }\n\n  /**\n   * Return cache key of current cell\n   * @param {number} rowIndex number\n   * @param {object} row The data item for the row\n   * @param {object} column The column data for the row\n   * @param {IdsDataGrid} dataGrid The dataGrid instance\n   * @returns {string} Cache key\n   */\n  static cacheKey(rowIndex: number, row: Record<string, unknown>, column: IdsDataGridColumn, dataGrid: IdsDataGrid): string {\n    const cacheHash = dataGrid.cacheHash;\n    const selected = row.rowSelected ? dataGrid.cacheSelected : dataGrid.cacheDeselected;\n    const expanded = row.rowExpanded ? dataGrid.cacheExpanded : dataGrid.cacheCollapsed;\n    return `${cacheHash}:${column.id}:${rowIndex}:${selected}:${expanded}`;\n  }\n\n  /**\n   * Clears cell cache\n   */\n  clearCache() {\n    const rowIndex = Number(this.parentElement?.getAttribute('row-index'));\n    const row = this.dataGrid.data[rowIndex] as any;\n    const cacheKey = IdsDataGridCell.cacheKey(rowIndex, row, this.column, this.dataGrid);\n\n    delete IdsDataGridCell.cellCache[cacheKey];\n  }\n\n  /**\n   * Refreshes the cell\n   */\n  refreshCell() {\n    this.clearCache();\n    this.renderCell();\n  }\n\n  /**\n   * Checks on the cell editor to see if its current state allows it to be closed.\n   * @returns {boolean} true if the cell editor is able to \"close\"\n   */\n  canClose(): boolean {\n    if (this.isEditing) return false;\n    if (this.editor?.popup?.visible) return false;\n    if (this.column?.editor?.inline) return false;\n\n    return true;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["_IdsDataGridCell_instances", "attachEventHandlers_fn", "startCellEdit_fn", "saveCellValue_fn", "saveDirtyState_fn", "saveValidState_fn", "resetValidState_fn", "IdsDataGridCell", "ids_events_mixin_default", "IdsElement", "__privateAdd", "__publicField", "__privateMethod", "column", "editor", "cellLeft", "cellRight", "nextCell", "value", "refresh", "rowIndex", "record", "columnIndex", "updatedRecord", "dataGrid", "rowData", "tooManyColumns", "columnsFresh", "columnHeaders", "columnOffScreen", "columnOnScreen", "columnOffScreenLeft", "columnOffScreenRight", "template", "nofocus", "columnEditor", "obj", "input", "editorType", "isValid", "newValue", "clickEvent", "canEdit", "veto", "isDirty", "isDirtyCheckbox", "row", "cacheKey", "dataGridFormatters", "message", "info", "cacheHash", "selected", "expanded", "columnAlign", "rowDirtyCells", "cell", "previousCellInfo", "item", "oldIndex", "originalValue", "validationMessages", "rowInvalidCells", "__decorateClass", "customElement"]
-}

package/chunks/ids-chunk-57GTTDSU.js

@@ -1,15 +0,0 @@
-import{a as n,c as L,f as u,i as y}from"./ids-chunk-EVLGS4R2.js";import{a as S}from"./ids-chunk-3ZNIY4EY.js";import{a as _,b}from"./ids-chunk-W544ATNJ.js";import{a}from"./ids-chunk-T4CWIXQV.js";import{e as s}from"./ids-chunk-ZNNLOALS.js";import{a as e}from"./ids-chunk-7TWTH2YZ.js";import{a as o,b as g,d as A,f as h}from"./ids-chunk-L5CMP5FA.js";var O=`/* Ids Layout Grid Cell */
-:host(.editable),
-.editable {
-  position: relative;
-  border: 1px solid var(--ids-color-palette-blue-20);
-}
-
-::slotted(.close-btn),
-.close-btn {
-  position: absolute;
-  top: -10px;
-  right: -10px;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLWxheW91dC1ncmlkIiwic291cmNlcyI6WyJpZHMtbGF5b3V0LWdyaWQtY2VsbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFBQTtFQUVFO0VBQ0E7OztBQUdGO0FBQUE7RUFFRTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgTGF5b3V0IEdyaWQgQ2VsbCAqL1xuOmhvc3QoLmVkaXRhYmxlKSxcbi5lZGl0YWJsZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taWRzLWNvbG9yLXBhbGV0dGUtYmx1ZS0yMCk7XG59XG5cbjo6c2xvdHRlZCguY2xvc2UtYnRuKSxcbi5jbG9zZS1idG4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTEwcHg7XG4gIHJpZ2h0OiAtMTBweDtcbn1cbiJdfQ== */`;var d=S(a),l,c,r=class extends d{constructor(){super();A(this,l);g(this,"closeButton")}set alignContent(t){!t||u.indexOf(t)<=0?this.removeAttribute(e.ALIGN_CONTENT):this.setAttribute(e.ALIGN_CONTENT,t)}get alignContent(){return this.getAttribute(e.ALIGN_CONTENT)}set colEnd(t){t!==null?this.setAttribute(e.COL_END,t):this.removeAttribute(e.COL_END)}get colEnd(){return this.getAttribute(e.COL_END)}set colEndXs(t){t!==null?this.setAttribute(e.COL_END_XS,t):this.removeAttribute(e.COL_END_XS)}get colEndXs(){return this.getAttribute(e.COL_END_XS)}set colEndSm(t){t!==null?this.setAttribute(e.COL_END_SM,t):this.removeAttribute(e.COL_END_SM)}get colEndSm(){return this.getAttribute(e.COL_END_SM)}set colEndMd(t){t!==null?this.setAttribute(e.COL_END_MD,t):this.removeAttribute(e.COL_END_MD)}get colEndMd(){return this.getAttribute(e.COL_END_MD)}set colEndLg(t){t!==null?this.setAttribute(e.COL_END_LG,t):this.removeAttribute(e.COL_END_LG)}get colEndLg(){return this.getAttribute(e.COL_END_LG)}set colEndXl(t){t!==null?this.setAttribute(e.COL_END_XL,t):this.removeAttribute(e.COL_END_XL)}get colEndXl(){return this.getAttribute(e.COL_END_XL)}set colEndXxl(t){t!==null?this.setAttribute(e.COL_END_XXL,t):this.removeAttribute(e.COL_END_XXL)}get colEndXxl(){return this.getAttribute(e.COL_END_XXL)}set colSpan(t){t!==null?this.setAttribute(e.COL_SPAN,t):this.removeAttribute(e.COL_SPAN)}get colSpan(){return this.getAttribute(e.COL_SPAN)}set colSpanXs(t){t!==null?this.setAttribute(e.COL_SPAN_XS,t):this.removeAttribute(e.COL_SPAN_XS)}get colSpanXs(){return this.getAttribute(e.COL_SPAN_XS)}set colSpanSm(t){t!==null?this.setAttribute(e.COL_SPAN_SM,t):this.removeAttribute(e.COL_SPAN_SM)}get colSpanSm(){return this.getAttribute(e.COL_SPAN_SM)}set colSpanMd(t){t!==null?this.setAttribute(e.COL_SPAN_MD,t):this.removeAttribute(e.COL_SPAN_MD)}get colSpanMd(){return this.getAttribute(e.COL_SPAN_MD)}set colSpanLg(t){t!==null?this.setAttribute(e.COL_SPAN_LG,t):this.removeAttribute(e.COL_SPAN_LG)}get colSpanLg(){return this.getAttribute(e.COL_SPAN_LG)}set colSpanXl(t){t!==null?this.setAttribute(e.COL_SPAN_XL,t):this.removeAttribute(e.COL_SPAN_XL)}get colSpanXl(){return this.getAttribute(e.COL_SPAN_XL)}set colSpanXxl(t){t!==null?this.setAttribute(e.COL_SPAN_XXL,t):this.removeAttribute(e.COL_SPAN_XXL)}get colSpanXxl(){return this.getAttribute(e.COL_SPAN_XXL)}set colStart(t){t!==null?this.setAttribute(e.COL_START,t):this.removeAttribute(e.COL_START)}get colStart(){return this.getAttribute(e.COL_START)}set colStartXs(t){t!==null?this.setAttribute(e.COL_START_XS,t):this.removeAttribute(e.COL_START_XS)}get colStartXs(){return this.getAttribute(e.COL_START_XS)}set colStartSm(t){t!==null?this.setAttribute(e.COL_START_SM,t):this.removeAttribute(e.COL_START_SM)}get colStartSm(){return this.getAttribute(e.COL_START_SM)}set colStartMd(t){t!==null?this.setAttribute(e.COL_START_MD,t):this.removeAttribute(e.COL_START_MD)}get colStartMd(){return this.getAttribute(e.COL_START_MD)}set colStartLg(t){t!==null?this.setAttribute(e.COL_START_LG,t):this.removeAttribute(e.COL_START_LG)}get colStartLg(){return this.getAttribute(e.COL_START_LG)}set colStartXl(t){t!==null?this.setAttribute(e.COL_START_XL,t):this.removeAttribute(e.COL_START_XL)}get colStartXl(){return this.getAttribute(e.COL_START_XL)}set colStartXxl(t){t!==null?this.setAttribute(e.COL_START_XXL,t):this.removeAttribute(e.COL_START_XXL)}get colStartXxl(){return this.getAttribute(e.COL_START_XXL)}set editable(t){s(t)?(this.setAttribute(e.EDITABLE,""),this.enableEditable()):(this.removeAttribute(e.EDITABLE),this.disableEditable())}get editable(){return s(this.getAttribute(e.EDITABLE))}set fill(t){s(t)?this.setAttribute(e.FILL,""):this.removeAttribute(e.FILL)}get fill(){return s(this.getAttribute(e.FILL))}set height(t){if(t!==null){let i=/^\d+(\.\d+)?$/g.test(t)?`${t}px`:t;this.setAttribute(e.HEIGHT,i),this.style.setProperty(e.HEIGHT,i)}else this.removeAttribute(e.HEIGHT),this.style.removeProperty(e.HEIGHT)}get height(){return this.getAttribute(e.HEIGHT)}set hide(t){t?this.setAttribute(e.HIDE,String(t)):this.removeAttribute(e.HIDE)}get hide(){return this.getAttribute(e.HIDE)}set justifyContent(t){!t||u.indexOf(t)<=0?this.removeAttribute(e.JUSTIFY_CONTENT):this.setAttribute(e.JUSTIFY_CONTENT,t)}get justifyContent(){return this.getAttribute(e.JUSTIFY_CONTENT)}set minHeight(t){if(t!==null){let i=/^\d+(\.\d+)?$/g.test(t)?`${t}px`:t;this.setAttribute(e.MIN_HEIGHT,i),this.style.setProperty(e.MIN_HEIGHT,i)}else this.removeAttribute(e.MIN_HEIGHT),this.style.removeProperty(e.MIN_HEIGHT)}get minHeight(){return this.getAttribute(e.MIN_HEIGHT)}set order(t){t!==null?this.setAttribute(e.ORDER,t):this.removeAttribute(e.ORDER)}get order(){return this.getAttribute(e.ORDER)}set orderXs(t){t!==null?this.setAttribute(e.ORDER_XS,t):this.removeAttribute(e.ORDER_XS)}get orderXs(){return this.getAttribute(e.ORDER_XS)}set orderSm(t){t!==null?this.setAttribute(e.ORDER_SM,t):this.removeAttribute(e.ORDER_SM)}get orderSm(){return this.getAttribute(e.ORDER_SM)}set orderMd(t){t!==null?this.setAttribute(e.ORDER_MD,t):this.removeAttribute(e.ORDER_MD)}get orderMd(){return this.getAttribute(e.ORDER_MD)}set orderLg(t){t!==null?this.setAttribute(e.ORDER_LG,t):this.removeAttribute(e.ORDER_LG)}get orderLg(){return this.getAttribute(e.ORDER_LG)}set orderXl(t){t!==null?this.setAttribute(e.ORDER_XL,t):this.removeAttribute(e.ORDER_XL)}get orderXl(){return this.getAttribute(e.ORDER_XL)}set orderXxl(t){t!==null?this.setAttribute(e.ORDER_XXL,t):this.removeAttribute(e.ORDER_XXL)}get orderXxl(){return this.getAttribute(e.ORDER_XXL)}set padding(t){!t||y.indexOf(t)<=0?this.removeAttribute(e.PADDING):this.setAttribute(e.PADDING,t)}get padding(){return this.getAttribute(e.PADDING)}set rowSpan(t){t!==null?this.setAttribute(e.ROW_SPAN,t):this.removeAttribute(e.ROW_SPAN)}get rowSpan(){return this.getAttribute(e.ROW_SPAN)}set rowSpanXs(t){t!==null?this.setAttribute(e.ROW_SPAN_XS,t):this.removeAttribute(e.ROW_SPAN_XS)}get rowSpanXs(){return this.getAttribute(e.ROW_SPAN_XS)}set rowSpanSm(t){t!==null?this.setAttribute(e.ROW_SPAN_SM,t):this.removeAttribute(e.ROW_SPAN_SM)}get rowSpanSm(){return this.getAttribute(e.ROW_SPAN_SM)}set rowSpanMd(t){t!==null?this.setAttribute(e.ROW_SPAN_MD,t):this.removeAttribute(e.ROW_SPAN_MD)}get rowSpanMd(){return this.getAttribute(e.ROW_SPAN_MD)}set rowSpanLg(t){t!==null?this.setAttribute(e.ROW_SPAN_LG,t):this.removeAttribute(e.ROW_SPAN_LG)}get rowSpanLg(){return this.getAttribute(e.ROW_SPAN_LG)}set rowSpanXl(t){t!==null?this.setAttribute(e.ROW_SPAN_XL,t):this.removeAttribute(e.ROW_SPAN_XL)}get rowSpanXl(){return this.getAttribute(e.ROW_SPAN_XL)}set rowSpanXxl(t){t!==null?this.setAttribute(e.ROW_SPAN_XXL,t):this.removeAttribute(e.ROW_SPAN_XXL)}get rowSpanXxl(){return this.getAttribute(e.ROW_SPAN_XXL)}set sticky(t){s(t)?(this.setAttribute(e.STICKY,""),this.classList.add(`${n}-sticky`),this.style.setProperty("--sticky-position","0")):(this.removeAttribute(e.STICKY),this.classList.remove(`${n}-sticky`),this.style.removeProperty("--sticky-position"))}get sticky(){return s(this.getAttribute(e.STICKY))}set stickyPosition(t){t!==null?(this.setAttribute(e.STICKY_POSITION,t),this.style.setProperty("--sticky-position",t)):(this.removeAttribute(e.STICKY_POSITION),this.style.removeProperty("--sticky-position"))}get stickyPosition(){return this.getAttribute(e.STICKY_POSITION)}static get attributes(){return L}connectedCallback(){super.connectedCallback(),this.initialSettings()}initialSettings(){this.classList.add(`${n}-cell`),h(this,l,c).call(this)}setupCloseButton(){this.closeButton&&(this.closeButton.type="button",this.closeButton.appearance="primary-destructive",this.closeButton.icon="close",this.closeButton.classList.add("close-btn"))}enableEditable(){this.closeButton=document.createElement("ids-button"),this.classList.add("editable"),this.appendChild(this.closeButton),this.setupCloseButton()}disableEditable(){this.classList.remove("editable"),this.closeButton?.remove()}removeCell(t){t.target===this.closeButton&&this.remove()}template(){return"<slot></slot>"}};l=new WeakSet,c=function(){this.onEvent("click",this,t=>this.removeCell(t))},r=o([_("ids-layout-grid-cell"),b(O)],r);export{r as a};
-//# sourceMappingURL=ids-chunk-57GTTDSU.js.map

package/chunks/ids-chunk-57GTTDSU.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-layout-grid/ids-layout-grid-cell.scss", "../../../../src/components/ids-layout-grid/ids-layout-grid-cell.ts"],
-  "sourcesContent": ["export default `/* Ids Layout Grid Cell */\n:host(.editable),\n.editable {\n  position: relative;\n  border: 1px solid var(--ids-color-palette-blue-20);\n}\n\n::slotted(.close-btn),\n.close-btn {\n  position: absolute;\n  top: -10px;\n  right: -10px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLWxheW91dC1ncmlkIiwic291cmNlcyI6WyJpZHMtbGF5b3V0LWdyaWQtY2VsbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFBQTtFQUVFO0VBQ0E7OztBQUdGO0FBQUE7RUFFRTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgTGF5b3V0IEdyaWQgQ2VsbCAqL1xuOmhvc3QoLmVkaXRhYmxlKSxcbi5lZGl0YWJsZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0taWRzLWNvbG9yLXBhbGV0dGUtYmx1ZS0yMCk7XG59XG5cbjo6c2xvdHRlZCguY2xvc2UtYnRuKSxcbi5jbG9zZS1idG4ge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogLTEwcHg7XG4gIHJpZ2h0OiAtMTBweDtcbn1cbiJdfQ== */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport IdsElement from '../../core/ids-element';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport styles from './ids-layout-grid-cell.scss';\nimport { stringToBool } from '../../utils/ids-string-utils/ids-string-utils';\nimport IdsButton from '../ids-button/ids-button';\nimport {\n  Breakpoints,\n} from '../../utils/ids-breakpoint-utils/ids-breakpoint-utils';\n\nimport {\n  ALIGN_TYPES,\n  GRID_CELL_ATTRIBUTES,\n  PADDING_SIZES,\n  prefix,\n} from './ids-layout-grid-common';\n\nconst Base = IdsEventsMixin(\n  IdsElement\n);\n\n/**\n * IDS Layout Grid Cell Component\n * @type {IdsLayoutGridCell}\n * @inherits IdsElement\n */\n@customElement('ids-layout-grid-cell')\n@scss(styles)\nexport default class IdsLayoutGridCell extends Base {\n  closeButton?: IdsButton;\n\n  /**\n   * Set the grid-cell align-content\n   * @param {string | null} value The align-content [null, start, end, between, around, center, evenly]\n   */\n  set alignContent(value: string | null) {\n    if (!value || ALIGN_TYPES.indexOf(value as any) <= 0) {\n      this.removeAttribute(attributes.ALIGN_CONTENT);\n    } else {\n      this.setAttribute(attributes.ALIGN_CONTENT, value);\n    }\n  }\n\n  /**\n   * Get the grid align-content setting\n   * @returns {string | null} The align-content [null, start, end, between, around, evenly]\n   */\n  get alignContent(): string | null { return this.getAttribute(attributes.ALIGN_CONTENT); }\n\n  /**\n   * Set col-end attribute\n   * @param {string | null} value number value of ending column of the cell\n   */\n  set colEnd(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_END, value);\n    } else {\n      this.removeAttribute(attributes.COL_END);\n    }\n  }\n\n  /**\n   * Get col-end attribute\n   * @returns {string | null} number value of ending column of the cell\n   */\n  get colEnd(): string | null | any {\n    return this.getAttribute(attributes.COL_END);\n  }\n\n  /**\n   * Set col-end-xs attribute\n   * @param {string | null} value number value of ending column of the cell at the xs breakpoint\n   */\n  set colEndXs(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_END_XS, value);\n    } else {\n      this.removeAttribute(attributes.COL_END_XS);\n    }\n  }\n\n  /**\n   * Get col-end-xs attribute\n   * @returns {string | null} number value of ending column of the cell at the xs breakpoint\n   */\n  get colEndXs(): string | null | any {\n    return this.getAttribute(attributes.COL_END_XS);\n  }\n\n  /**\n   * Set col-end-sm attribute\n   * @param {string | null} value number value of ending column of the cell at the sm breakpoint\n   */\n  set colEndSm(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_END_SM, value);\n    } else {\n      this.removeAttribute(attributes.COL_END_SM);\n    }\n  }\n\n  /**\n   * Get col-end-sm attribute\n   * @returns {string | null} number value of ending column of the cell at the sm breakpoint\n   */\n  get colEndSm(): string | null | any {\n    return this.getAttribute(attributes.COL_END_SM);\n  }\n\n  /**\n   * Set col-end-md attribute\n   * @param {string | null} value number value of ending column of the cell at the md breakpoint\n   */\n  set colEndMd(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_END_MD, value);\n    } else {\n      this.removeAttribute(attributes.COL_END_MD);\n    }\n  }\n\n  /**\n   * Get col-end-md attribute\n   * @returns {string | null} number value of ending column of the cell at the md breakpoint\n   */\n  get colEndMd(): string | null | any {\n    return this.getAttribute(attributes.COL_END_MD);\n  }\n\n  /**\n   * Set col-end-lg attribute\n   * @param {string | null} value number value of ending column of the cell at the lg breakpoint\n   */\n  set colEndLg(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_END_LG, value);\n    } else {\n      this.removeAttribute(attributes.COL_END_LG);\n    }\n  }\n\n  /**\n   * Get col-end-lg attribute\n   * @returns {string | null} number value of ending column of the cell at the lg breakpoint\n   */\n  get colEndLg(): string | null | any {\n    return this.getAttribute(attributes.COL_END_LG);\n  }\n\n  /**\n   * Set col-end-xl attribute\n   * @param {string | null} value number value of ending column of the cell at the xl breakpoint\n   */\n  set colEndXl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_END_XL, value);\n    } else {\n      this.removeAttribute(attributes.COL_END_XL);\n    }\n  }\n\n  /**\n   * Get col-end-xl attribute\n   * @returns {string | null} number value of ending column of the cell at the xl breakpoint\n   */\n  get colEndXl(): string | null | any {\n    return this.getAttribute(attributes.COL_END_XL);\n  }\n\n  /**\n   * Set col-end-xxl attribute\n   * @param {string | null} value number value of ending column of the cell at the xxl breakpoint\n   */\n  set colEndXxl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_END_XXL, value);\n    } else {\n      this.removeAttribute(attributes.COL_END_XXL);\n    }\n  }\n\n  /**\n   * Get col-end-xxl attribute\n   * @returns {string | null} number value of ending column of the cell at the xxl breakpoint\n   */\n  get colEndXxl(): string | null | any {\n    return this.getAttribute(attributes.COL_END_XXL);\n  }\n\n  /**\n   * Set the col-span attribute\n   * @param {string | null} value The number value for the columns to span in the grid\n   */\n  set colSpan(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_SPAN, value);\n    } else {\n      this.removeAttribute(attributes.COL_SPAN);\n    }\n  }\n\n  /**\n   * Get col-span attribute\n   * @returns {string | null} The number value for the columns to span in the grid\n   */\n  get colSpan(): string | null | any {\n    return this.getAttribute(attributes.COL_SPAN);\n  }\n\n  /**\n   * Set the col-span-xs attribute\n   * @param {string | null} value The number value for the columns to span in the grid at the xs breakpoint\n   */\n  set colSpanXs(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_SPAN_XS, value);\n    } else {\n      this.removeAttribute(attributes.COL_SPAN_XS);\n    }\n  }\n\n  /**\n   * Get col-span-xs attribute\n   * @returns {string | null} The number value for the columns to span in the grid at the xs breakpoint\n   */\n  get colSpanXs(): string | null | any {\n    return this.getAttribute(attributes.COL_SPAN_XS);\n  }\n\n  /**\n   * Set the col-span-sm attribute\n   * @param {string | null} value The number value for the columns to span in the grid at the sm breakpoint\n   */\n  set colSpanSm(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_SPAN_SM, value);\n    } else {\n      this.removeAttribute(attributes.COL_SPAN_SM);\n    }\n  }\n\n  /**\n   * Get col-span-sm attribute\n   * @returns {string | null} The number value for the columns to span in the grid at the sm breakpoint\n   */\n  get colSpanSm(): string | null | any {\n    return this.getAttribute(attributes.COL_SPAN_SM);\n  }\n\n  /**\n   * Set the col-span-md attribute\n   * @param {string | null} value The number value for the columns to span in the grid at the md breakpoint\n   */\n  set colSpanMd(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_SPAN_MD, value);\n    } else {\n      this.removeAttribute(attributes.COL_SPAN_MD);\n    }\n  }\n\n  /**\n   * Get col-span-md attribute\n   * @returns {string | null} The number value for the columns to span in the grid at the md breakpoint\n   */\n  get colSpanMd(): string | null | any {\n    return this.getAttribute(attributes.COL_SPAN_MD);\n  }\n\n  /**\n   * Set the col-span-lg attribute\n   * @param {string | null} value The number value for the columns to span in the grid at the lg breakpoint\n   */\n  set colSpanLg(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_SPAN_LG, value);\n    } else {\n      this.removeAttribute(attributes.COL_SPAN_LG);\n    }\n  }\n\n  /**\n   * Get col-span-lg attribute\n   * @returns {string | null} The number value for the columns to span in the grid at the lg breakpoint\n   */\n  get colSpanLg(): string | null | any {\n    return this.getAttribute(attributes.COL_SPAN_LG);\n  }\n\n  /**\n   * Set the col-span-xl attribute\n   * @param {string | null} value The number value for the columns to span in the grid at the xl breakpoint\n   */\n  set colSpanXl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_SPAN_XL, value);\n    } else {\n      this.removeAttribute(attributes.COL_SPAN_XL);\n    }\n  }\n\n  /**\n   * Get col-span-xl attribute\n   * @returns {string | null} The number value for the columns to span in the grid at the xl breakpoint\n   */\n  get colSpanXl(): string | null | any {\n    return this.getAttribute(attributes.COL_SPAN_XL);\n  }\n\n  /**\n   * Set the col-span-xxl attribute\n   * @param {string | null} value The number value for the columns to span in the grid at the xxl breakpoint\n   */\n  set colSpanXxl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_SPAN_XXL, value);\n    } else {\n      this.removeAttribute(attributes.COL_SPAN_XXL);\n    }\n  }\n\n  /**\n   * Get col-span-xxl attribute\n   * @returns {string | null} The number value for the columns to span in the grid at the xxl breakpoint\n   */\n  get colSpanXxl(): string | null | any {\n    return this.getAttribute(attributes.COL_SPAN_XXL);\n  }\n\n  /**\n   * Set the col-start attribute\n   * @param {string | null} value The number value for the starting column of the cell\n   */\n  set colStart(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_START, value);\n    } else {\n      this.removeAttribute(attributes.COL_START);\n    }\n  }\n\n  /**\n   * Get the col-start attribute\n   * @returns {string | null} The number value for the starting column of the cell\n   */\n  get colStart(): string | null | any {\n    return this.getAttribute(attributes.COL_START);\n  }\n\n  /**\n   * Set the col-start-xs attribute\n   * @param {string | null} value The number value for the starting column of the cell at the xs breakpoint\n   */\n  set colStartXs(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_START_XS, value);\n    } else {\n      this.removeAttribute(attributes.COL_START_XS);\n    }\n  }\n\n  /**\n   * Get the col-start-xs attribute\n   * @returns {string | null} The number value for the starting column of the cell at the xs breakpoint\n   */\n  get colStartXs(): string | null | any {\n    return this.getAttribute(attributes.COL_START_XS);\n  }\n\n  /**\n   * Set the col-start-sm attribute\n   * @param {string | null} value The number value for the starting column of the cell at the sm breakpoint\n   */\n  set colStartSm(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_START_SM, value);\n    } else {\n      this.removeAttribute(attributes.COL_START_SM);\n    }\n  }\n\n  /**\n   * Get the col-start-sm attribute\n   * @returns {string | null} The number value for the starting column of the cell at the sm breakpoint\n   */\n  get colStartSm(): string | null | any {\n    return this.getAttribute(attributes.COL_START_SM);\n  }\n\n  /**\n   * Set the col-start-md attribute\n   * @param {string | null} value The number value for the starting column of the cell at the md breakpoint\n   */\n  set colStartMd(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_START_MD, value);\n    } else {\n      this.removeAttribute(attributes.COL_START_MD);\n    }\n  }\n\n  /**\n   * Get the col-start-md attribute\n   * @returns {string | null} The number value for the starting column of the cell at the md breakpoint\n   */\n  get colStartMd(): string | null | any {\n    return this.getAttribute(attributes.COL_START_MD);\n  }\n\n  /**\n   * Set the col-start-lg attribute\n   * @param {string | null} value The number value for the starting column of the cell at the lg breakpoint\n   */\n  set colStartLg(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_START_LG, value);\n    } else {\n      this.removeAttribute(attributes.COL_START_LG);\n    }\n  }\n\n  /**\n   * Get the col-start-lg attribute\n   * @returns {string | null} The number value for the starting column of the cell at the lg breakpoint\n   */\n  get colStartLg(): string | null | any {\n    return this.getAttribute(attributes.COL_START_LG);\n  }\n\n  /**\n   * Set the col-start-xl attribute\n   * @param {string | null} value The number value for the starting column of the cell at the xl breakpoint\n   */\n  set colStartXl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_START_XL, value);\n    } else {\n      this.removeAttribute(attributes.COL_START_XL);\n    }\n  }\n\n  /**\n   * Get the col-start-xl attribute\n   * @returns {string | null} The number value for the starting column of the cell at the xl breakpoint\n   */\n  get colStartXl(): string | null | any {\n    return this.getAttribute(attributes.COL_START_XL);\n  }\n\n  /**\n   * Set the col-start-xxl attribute\n   * @param {string | null} value The number value for the starting column of the cell at the xxl breakpoint\n   */\n  set colStartXxl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.COL_START_XXL, value);\n    } else {\n      this.removeAttribute(attributes.COL_START_XXL);\n    }\n  }\n\n  /**\n   * Get the col-start-xxl attribute\n   * @returns {string | null} The number value for the starting column of the cell at the xxl breakpoint\n   */\n  get colStartXxl(): string | null | any {\n    return this.getAttribute(attributes.COL_START_XXL);\n  }\n\n  /**\n   * Set the editable attribute\n   * @param {string | null} value The value of the editable attribute\n   */\n  set editable(value: string | null | any) {\n    const isTruthy = stringToBool(value);\n    if (isTruthy) {\n      this.setAttribute(attributes.EDITABLE, '');\n      this.enableEditable();\n    } else {\n      this.removeAttribute(attributes.EDITABLE);\n      this.disableEditable();\n    }\n  }\n\n  /**\n   * Get the editable attribute\n   * @returns {string | null} The value of the editable attribute\n   */\n  get editable(): string | null | any {\n    return stringToBool(this.getAttribute(attributes.EDITABLE));\n  }\n\n  /**\n   * Set the value of the fill attribute\n   * @param {string | null} value The boolean value of the fill attribute.\n   */\n  set fill(value: string | null | any) {\n    const isTruthy = stringToBool(value);\n    if (isTruthy) {\n      this.setAttribute(attributes.FILL, '');\n    } else {\n      this.removeAttribute(attributes.FILL);\n    }\n  }\n\n  /**\n   * Get the fill attribute\n   * @returns {boolean | null} The boolean value of the fill attribute.\n   */\n  get fill(): boolean | null | any {\n    return stringToBool(this.getAttribute(attributes.FILL));\n  }\n\n  /**\n   * Set the height attribute\n   * @param {string | null} value The value of the height attribute\n   */\n  set height(value: string | null) {\n    if (value !== null) {\n      // Check if the value contains a unit, if not, default to 'px'\n      const newValue = /^\\d+(\\.\\d+)?$/g.test(value) ? `${value}px` : value;\n      this.setAttribute(attributes.HEIGHT, newValue);\n      this.style.setProperty(attributes.HEIGHT, newValue);\n    } else {\n      this.removeAttribute(attributes.HEIGHT);\n      this.style.removeProperty(attributes.HEIGHT);\n    }\n  }\n\n  /**\n   * Get the height attribute\n   * @returns {boolean | null} The value of the height attribute\n   */\n  get height(): string | null {\n    return this.getAttribute(attributes.HEIGHT);\n  }\n\n  /**\n   * Hides the grid cell at the given breakpoint\n   * @param {string} val xxl | xl | lg | md | sm | xs | always\n   */\n  set hide(val: keyof Breakpoints | null) {\n    if (val) {\n      this.setAttribute(attributes.HIDE, String(val));\n    } else {\n      this.removeAttribute(attributes.HIDE);\n    }\n  }\n\n  /**\n   * Get the hide attribute\n   * @returns {string} hide\n   * @readonly\n   */\n  get hide(): keyof Breakpoints | null {\n    return this.getAttribute(attributes.HIDE);\n  }\n\n  /**\n   * Set the grid cell justify-content\n   * @param {string | null} value The justify-content [null, start, end, between, around, evenly]\n   */\n  set justifyContent(value: string | null) {\n    if (!value || ALIGN_TYPES.indexOf(value as any) <= 0) {\n      this.removeAttribute(attributes.JUSTIFY_CONTENT);\n    } else {\n      this.setAttribute(attributes.JUSTIFY_CONTENT, value);\n    }\n  }\n\n  /**\n   * Get the grid justify setting\n   * @returns {string | null} The justify [null, start, end, between, around, evenly]\n   */\n  get justifyContent(): string | null { return this.getAttribute(attributes.JUSTIFY_CONTENT); }\n\n  /**\n   * Set a minHeight attribute\n   * @param {string | null} value The value of the minHeight attribute\n   */\n  set minHeight(value: string | null | any) {\n    if (value !== null) {\n      // Check if the value contains a unit, if not, default to 'px'\n      const newValue = /^\\d+(\\.\\d+)?$/g.test(value) ? `${value}px` : value;\n      this.setAttribute(attributes.MIN_HEIGHT, newValue);\n      this.style.setProperty(attributes.MIN_HEIGHT, newValue);\n    } else {\n      this.removeAttribute(attributes.MIN_HEIGHT);\n      this.style.removeProperty(attributes.MIN_HEIGHT);\n    }\n  }\n\n  /**\n   * Get the minHeight attribute\n   * @returns {string | null} The value of the height attribute\n   */\n  get minHeight(): string | null | any {\n    return this.getAttribute(attributes.MIN_HEIGHT);\n  }\n\n  /**\n   * Set the order attribute\n   * @param {string | null} value The value of the order attribute\n   */\n  set order(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ORDER, value);\n    } else {\n      this.removeAttribute(attributes.ORDER);\n    }\n  }\n\n  /**\n   * Get the order attribute\n   * @returns {string | null} The value of the order attribute\n   */\n  get order(): string | null | any {\n    return this.getAttribute(attributes.ORDER);\n  }\n\n  /**\n   * Set the order-xs attribute\n   * @param {string | null} value The value of the order-xs attribute\n   */\n  set orderXs(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ORDER_XS, value);\n    } else {\n      this.removeAttribute(attributes.ORDER_XS);\n    }\n  }\n\n  /**\n   * Get the order-xs attribute\n   * @returns {string | null} The value of the order-xs attribute\n   */\n  get orderXs(): string | null | any {\n    return this.getAttribute(attributes.ORDER_XS);\n  }\n\n  /**\n   * Set the order-sm attribute\n   * @param {string | null} value The value of the order-sm attribute\n   */\n  set orderSm(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ORDER_SM, value);\n    } else {\n      this.removeAttribute(attributes.ORDER_SM);\n    }\n  }\n\n  /**\n   * Get the order-sm attribute\n   * @returns {string | null} The value of the order-sm attribute\n   */\n  get orderSm(): string | null | any {\n    return this.getAttribute(attributes.ORDER_SM);\n  }\n\n  /**\n   * Set the order-md attribute\n   * @param {string | null} value The value of the order-md attribute\n   */\n  set orderMd(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ORDER_MD, value);\n    } else {\n      this.removeAttribute(attributes.ORDER_MD);\n    }\n  }\n\n  /**\n   * Get the order-md attribute\n   * @returns {string | null} The value of the order-md attribute\n   */\n  get orderMd(): string | null | any {\n    return this.getAttribute(attributes.ORDER_MD);\n  }\n\n  /**\n   * Set the order-lg attribute\n   * @param {string | null} value The value of the order-lg attribute\n   */\n  set orderLg(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ORDER_LG, value);\n    } else {\n      this.removeAttribute(attributes.ORDER_LG);\n    }\n  }\n\n  /**\n   * Get the order-lg attribute\n   * @returns {string | null} The value of the order-lg attribute\n   */\n  get orderLg(): string | null | any {\n    return this.getAttribute(attributes.ORDER_LG);\n  }\n\n  /**\n   * Set the order-xl attribute\n   * @param {string | null} value The value of the order-xl attribute\n   */\n  set orderXl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ORDER_XL, value);\n    } else {\n      this.removeAttribute(attributes.ORDER_XL);\n    }\n  }\n\n  /**\n   * Get the order-xl attribute\n   * @returns {string | null} The value of the order-xl attribute\n   */\n  get orderXl(): string | null | any {\n    return this.getAttribute(attributes.ORDER_XL);\n  }\n\n  /**\n   * Set the order-xxl attribute\n   * @param {string | null} value The value of the order-xxl attribute\n   */\n  set orderXxl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ORDER_XXL, value);\n    } else {\n      this.removeAttribute(attributes.ORDER_XXL);\n    }\n  }\n\n  /**\n   * Get the order-xxl attribute\n   * @returns {string | null} The value of the order-xxl attribute\n   */\n  get orderXxl(): string | null | any {\n    return this.getAttribute(attributes.ORDER_XXL);\n  }\n\n  /**\n   * Set the padding attribute\n   * @param {string | null} value The value of the padding attribute\n   */\n  set padding(value: string | null) {\n    if (!value || PADDING_SIZES.indexOf(value as any) <= 0) {\n      this.removeAttribute(attributes.PADDING);\n    } else {\n      this.setAttribute(attributes.PADDING, value);\n    }\n  }\n\n  /**\n   * Get the padding attribute\n   * @returns {string | null} The number value that represents the padding of the grid\n   */\n  get padding(): string | any { return this.getAttribute(attributes.PADDING); }\n\n  /**\n   * Set the row-span attribute\n   * @param {string | null} value The value of the row-span attribute\n   */\n  set rowSpan(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ROW_SPAN, value);\n    } else {\n      this.removeAttribute(attributes.ROW_SPAN);\n    }\n  }\n\n  /**\n   * Get the row-span attribute\n   * @returns {string | null} The value of the row-span attribute\n   */\n  get rowSpan(): string | null | any {\n    return this.getAttribute(attributes.ROW_SPAN);\n  }\n\n  /**\n   * Set the row-span-xs attribute\n   * @param {string | null} value The value of the row-span-xs attribute\n   */\n  set rowSpanXs(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ROW_SPAN_XS, value);\n    } else {\n      this.removeAttribute(attributes.ROW_SPAN_XS);\n    }\n  }\n\n  /**\n   * Get the row-span attribute\n   * @returns {string | null} The value of the row-span-xs attribute\n   */\n  get rowSpanXs(): string | null | any {\n    return this.getAttribute(attributes.ROW_SPAN_XS);\n  }\n\n  /**\n   * Set the row-span-sm attribute\n   * @param {string | null} value The value of the row-span-sm attribute\n   */\n  set rowSpanSm(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ROW_SPAN_SM, value);\n    } else {\n      this.removeAttribute(attributes.ROW_SPAN_SM);\n    }\n  }\n\n  /**\n   * Get the row-span-sm attribute\n   * @returns {string | null} The value of the row-span-sm attribute\n   */\n  get rowSpanSm(): string | null | any {\n    return this.getAttribute(attributes.ROW_SPAN_SM);\n  }\n\n  /**\n   * Set the row-span-md attribute\n   * @param {string | null} value The value of the row-span-md attribute\n   */\n  set rowSpanMd(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ROW_SPAN_MD, value);\n    } else {\n      this.removeAttribute(attributes.ROW_SPAN_MD);\n    }\n  }\n\n  /**\n   * Get the row-span-md attribute\n   * @returns {string | null} The value of the row-span-md attribute\n   */\n  get rowSpanMd(): string | null | any {\n    return this.getAttribute(attributes.ROW_SPAN_MD);\n  }\n\n  /**\n   * Set the row-span-lg attribute\n   * @param {string | null} value The value of the row-span-md attribute\n   */\n  set rowSpanLg(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ROW_SPAN_LG, value);\n    } else {\n      this.removeAttribute(attributes.ROW_SPAN_LG);\n    }\n  }\n\n  /**\n   * Get the row-span-lg attribute\n   * @returns {string | null} The value of the row-span-lg attribute\n   */\n  get rowSpanLg(): string | null | any {\n    return this.getAttribute(attributes.ROW_SPAN_LG);\n  }\n\n  /**\n   * Set the row-span-xl attribute\n   * @param {string | null} value The value of the row-span-xl attribute\n   */\n  set rowSpanXl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ROW_SPAN_XL, value);\n    } else {\n      this.removeAttribute(attributes.ROW_SPAN_XL);\n    }\n  }\n\n  /**\n   * Get the row-span-xl attribute\n   * @returns {string | null} The value of the row-span-xl attribute\n   */\n  get rowSpanXl(): string | null | any {\n    return this.getAttribute(attributes.ROW_SPAN_XL);\n  }\n\n  /**\n   * Set the row-span-xxl attribute\n   * @param {string | null} value The value of the row-span-xxl attribute\n   */\n  set rowSpanXxl(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.ROW_SPAN_XXL, value);\n    } else {\n      this.removeAttribute(attributes.ROW_SPAN_XXL);\n    }\n  }\n\n  /**\n   * Get the row-span-xxl attribute\n   * @returns {string | null} The value of the row-span-xxl attribute\n   */\n  get rowSpanXxl(): string | null | any {\n    return this.getAttribute(attributes.ROW_SPAN_XXL);\n  }\n\n  /**\n   * Set the sticky attribute\n   * @param {string | null} value The value of the sticky attribute\n   */\n  set sticky(value: string | null | any) {\n    const isTruthy = stringToBool(value);\n    if (isTruthy) {\n      this.setAttribute(attributes.STICKY, '');\n      this.classList.add(`${prefix}-sticky`);\n      this.style.setProperty('--sticky-position', '0');\n    } else {\n      this.removeAttribute(attributes.STICKY);\n      this.classList.remove(`${prefix}-sticky`);\n      this.style.removeProperty('--sticky-position');\n    }\n  }\n\n  /**\n   * Get the sticky attribute\n   * @returns {string | null} The value of the sticky attribute\n   */\n  get sticky(): string | null | any {\n    return stringToBool(this.getAttribute(attributes.STICKY));\n  }\n\n  /**\n   * Set the sticky-position attribute\n   * @param {string | null} value The value of the sticky-position attribute\n   */\n  set stickyPosition(value: string | null | any) {\n    if (value !== null) {\n      this.setAttribute(attributes.STICKY_POSITION, value);\n      this.style.setProperty('--sticky-position', value);\n    } else {\n      this.removeAttribute(attributes.STICKY_POSITION);\n      this.style.removeProperty('--sticky-position');\n    }\n  }\n\n  /**\n   * Get the sticky-position attribute\n   * @returns {string | null} The value of the sticky-position attribute\n   */\n  get stickyPosition(): string | null | any {\n    return this.getAttribute(attributes.STICKY_POSITION);\n  }\n\n  constructor() {\n    super();\n  }\n\n  /**\n   * Return the attributes we handle as getters/setters\n   * @returns {Array} The attributes in an array\n   */\n  static get attributes(): any {\n    return GRID_CELL_ATTRIBUTES;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.initialSettings();\n  }\n\n  private initialSettings() {\n    this.classList.add(`${prefix}-cell`);\n    this.#attachEventHandlers();\n  }\n\n  private setupCloseButton() {\n    if (this.closeButton) {\n      this.closeButton.type = 'button';\n      this.closeButton.appearance = 'primary-destructive';\n      this.closeButton.icon = 'close';\n      this.closeButton.classList.add('close-btn');\n    }\n  }\n\n  enableEditable() {\n    this.closeButton = <IdsButton> document.createElement('ids-button');\n    this.classList.add('editable');\n    this.appendChild(this.closeButton as any);\n    this.setupCloseButton();\n  }\n\n  disableEditable() {\n    this.classList.remove('editable');\n    this.closeButton?.remove();\n  }\n\n  removeCell(e: any) {\n    if (e.target === this.closeButton) {\n      this.remove();\n    }\n  }\n\n  #attachEventHandlers(): void {\n    this.onEvent('click', this, (e: any) => this.removeCell(e));\n  }\n\n  template(): string {\n    return `<slot></slot>`;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["ids_layout_grid_cell_default", "Base", "ids_events_mixin_default", "IdsElement", "_IdsLayoutGridCell_instances", "attachEventHandlers_fn", "IdsLayoutGridCell", "__privateAdd", "__publicField", "value", "ALIGN_TYPES", "attributes", "stringToBool", "newValue", "val", "PADDING_SIZES", "prefix", "GRID_CELL_ATTRIBUTES", "__privateMethod", "e", "__decorateClass", "customElement", "scss", "ids_layout_grid_cell_default"]
-}

package/chunks/ids-chunk-5TXKIDM7.js

@@ -1,153 +0,0 @@
-import{a as e}from"./ids-chunk-SF7BIEND.js";import{a,b as c}from"./ids-chunk-W544ATNJ.js";import{a as i,d,f as b}from"./ids-chunk-L5CMP5FA.js";var s=`/* Ids Modal Component */
-:host {
-  display: block;
-  position: fixed;
-  visibility: visible;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-}
-
-:host(:not([visible])) {
-  pointer-events: none;
-  visibility: hidden;
-}
-
-.ids-modal {
-  display: block;
-  pointer-events: none;
-}
-.ids-modal[visible] {
-  pointer-events: auto;
-}
-.ids-modal.fullsize {
-  height: 100%;
-}
-.ids-modal.fullsize .ids-modal-container {
-  height: 100% !important;
-  min-height: 100% !important;
-  max-height: 100% !important;
-  width: 100% !important;
-}
-.ids-modal.fullsize .ids-modal-header + .ids-modal-content {
-  overflow-y: auto;
-}
-.ids-modal:not(.scrollable) .has-scrollbar {
-  overflow: hidden;
-  padding: 0;
-}
-.ids-modal.scrollable .has-scrollbar {
-  overflow: auto;
-  margin-bottom: -14px;
-}
-.ids-modal:not(.fullsize)::part(popup) {
-  max-height: calc(100% - 32px);
-}
-
-.ids-modal-header {
-  padding: var(--ids-modal-header-padding);
-}
-
-.ids-modal-content {
-  padding: var(--ids-modal-content-padding);
-  flex-grow: 1;
-  flex-shrink: 1;
-}
-
-.ids-modal-header + .ids-modal-content {
-  padding-block-start: 0;
-}
-
-.ids-modal-header,
-.ids-modal-footer {
-  align-items: center;
-  display: flex;
-}
-
-.ids-modal-footer {
-  margin: var(--ids-modal-footer-margin);
-  border-top: 1px solid var(--ids-modal-footer-color-border);
-}
-.ids-modal-footer[hidden] {
-  border-top: none;
-}
-
-.ids-modal-container {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  height: 100%;
-  width: 100%;
-}
-
-::slotted([slot=buttons]) {
-  flex-grow: 1;
-  display: flex;
-}
-
-.modal-control-close {
-  position: absolute;
-  top: var(--ids-space-2xs);
-  right: var(--ids-space-2xs);
-}
-.modal-control-close[dir=rtl] {
-  left: var(--ids-space-2xs);
-  right: unset;
-}
-
-::slotted([slot=buttons]:not(:first-of-type)) {
-  border-inline-start: 1px solid var(--ids-modal-footer-color-border);
-}
-
-.ids-modal-button:not(.ids-modal-icon-button):not(:first-of-type) {
-  border-left: 1px solid var(--ids-modal-footer-color-border);
-}
-
-@media screen and (min-width: 600px) {
-  ::slotted([slot=title]) {
-    font-size: var(--ids-font-size-lg);
-  }
-}
-.ids-modal-header {
-  background-color: var(--ids-action-panel-header-color-background);
-  border-bottom: 1px solid var(--ids-action-panel-header-color-border);
-  padding: var(--ids-space-none);
-  height: var(--ids-action-panel-header-height);
-}
-
-.ids-modal-content {
-  padding-inline: var(--ids-space-none);
-  height: calc(100% - var(--ids-action-panel-header-height));
-  background-color: var(--ids-action-panel-content-background-color);
-}
-
-.ids-modal-footer {
-  margin-top: var(--ids-space-none);
-}
-
-::slotted(ids-toolbar) {
-  --ids-button-tertiary-color-background-hover: var(--ids-action-panel-button-color-background-hover);
-  padding-inline: var(--ids-action-panel-header-padding) var(--ids-space-none);
-  height: 100%;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLWFjdGlvbi1wYW5lbCIsInNvdXJjZXMiOlsiLi4vaWRzLW1vZGFsL2lkcy1tb2RhbC5zY3NzIiwiaWRzLWFjdGlvbi1wYW5lbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBR0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUVBO0VBRUU7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFLRjtFQUNFO0VBQ0E7O0FBS0Y7RUFDRTtFQUNBOztBQUtKO0VBQ0U7OztBQUlKO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFHRjtBQUFBO0VBRUU7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOztBQUVBO0VBQ0U7OztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7OztBQVFKO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUlGO0VBQ0U7SUFDRTs7O0FDaElKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFHRjtFQUNFO0VBRUE7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBNb2RhbCBDb21wb25lbnQgKi9cbkBpbXBvcnQgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zJztcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGZpeGVkO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG59XG5cbjpob3N0KDpub3QoW3Zpc2libGVdKSkge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuXG4uaWRzLW1vZGFsIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gICZbdmlzaWJsZV0ge1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICB9XG5cbiAgJi5mdWxsc2l6ZSB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgLmlkcy1tb2RhbC1jb250YWluZXIge1xuICAgICAgLy8gaW1wb3J0YW50IGlzIG5lZWRlZCB0byBvdmVycmlkZSB0aGUgaW5saW5lIHNldHRpbmcgc3R5bGVzXG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIG1heC1oZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLmlkcy1tb2RhbC1oZWFkZXIgKyAuaWRzLW1vZGFsLWNvbnRlbnQge1xuICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICB9XG4gIH1cblxuICAmOm5vdCguc2Nyb2xsYWJsZSkge1xuICAgIC5oYXMtc2Nyb2xsYmFyIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuXG4gICYuc2Nyb2xsYWJsZSB7XG4gICAgLmhhcy1zY3JvbGxiYXIge1xuICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBtYXJnaW4tYm90dG9tOiAtMTRweDtcbiAgICB9XG4gIH1cblxuICAvLyBBZGRpbmcgdG9wL2JvdHRvbSBzcGFjZSB0byB0aGUgbW9kYWwgaWYgZnVsbCBoZWlnaHRcbiAgJjpub3QoLmZ1bGxzaXplKTo6cGFydChwb3B1cCkge1xuICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwJSAtIDMycHgpO1xuICB9XG59XG5cbi5pZHMtbW9kYWwtaGVhZGVyIHtcbiAgcGFkZGluZzogdmFyKC0taWRzLW1vZGFsLWhlYWRlci1wYWRkaW5nKTtcbn1cblxuLmlkcy1tb2RhbC1jb250ZW50IHtcbiAgcGFkZGluZzogdmFyKC0taWRzLW1vZGFsLWNvbnRlbnQtcGFkZGluZyk7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG59XG5cbi5pZHMtbW9kYWwtaGVhZGVyICsgLmlkcy1tb2RhbC1jb250ZW50IHtcbiAgcGFkZGluZy1ibG9jay1zdGFydDogMDtcbn1cblxuLmlkcy1tb2RhbC1oZWFkZXIsXG4uaWRzLW1vZGFsLWZvb3RlciB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5pZHMtbW9kYWwtZm9vdGVyIHtcbiAgbWFyZ2luOiB2YXIoLS1pZHMtbW9kYWwtZm9vdGVyLW1hcmdpbik7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1pZHMtbW9kYWwtZm9vdGVyLWNvbG9yLWJvcmRlcik7XG5cbiAgJltoaWRkZW5dIHtcbiAgICBib3JkZXItdG9wOiBub25lO1xuICB9XG59XG5cbi5pZHMtbW9kYWwtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0nYnV0dG9ucyddKSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLm1vZGFsLWNvbnRyb2wtY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG4gIHJpZ2h0OiB2YXIoLS1pZHMtc3BhY2UtMnhzKTtcblxuICAmW2Rpcj0ncnRsJ10ge1xuICAgIGxlZnQ6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICAgIHJpZ2h0OiB1bnNldDtcbiAgfVxufVxuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gQWx0ZXIgdGhlIHJ1bGVzIGluIHRoaXMgYmxvY2sgdG8gYWZmZWN0IHRoZSBib3JkZXJcbi8vIGJldHdlZW4gYnV0dG9ucyBpbnNpZGUgdGhlIE1vZGFsIEZvb3RlclxuXG46OnNsb3R0ZWQoW3Nsb3Q9J2J1dHRvbnMnXTpub3QoOmZpcnN0LW9mLXR5cGUpKSB7XG4gIGJvcmRlci1pbmxpbmUtc3RhcnQ6IDFweCBzb2xpZCB2YXIoLS1pZHMtbW9kYWwtZm9vdGVyLWNvbG9yLWJvcmRlcik7XG59XG5cbi5pZHMtbW9kYWwtYnV0dG9uOm5vdCguaWRzLW1vZGFsLWljb24tYnV0dG9uKTpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB2YXIoLS1pZHMtbW9kYWwtZm9vdGVyLWNvbG9yLWJvcmRlcik7XG59XG5cbi8vIE1lZGlhIHF1ZXJpZXMgc2V0dXBcbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICRicmVha3BvaW50LXNtKSB7XG4gIDo6c2xvdHRlZChbc2xvdD0ndGl0bGUnXSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWZvbnQtc2l6ZS1sZyk7XG4gIH1cbn1cbiIsIkBpbXBvcnQgJy4uL2lkcy1tb2RhbC9pZHMtbW9kYWwnO1xuXG4uaWRzLW1vZGFsLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1hY3Rpb24tcGFuZWwtaGVhZGVyLWNvbG9yLWJhY2tncm91bmQpO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0taWRzLWFjdGlvbi1wYW5lbC1oZWFkZXItY29sb3ItYm9yZGVyKTtcbiAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICBoZWlnaHQ6IHZhcigtLWlkcy1hY3Rpb24tcGFuZWwtaGVhZGVyLWhlaWdodClcbn1cblxuLmlkcy1tb2RhbC1jb250ZW50IHtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWlkcy1zcGFjZS1ub25lKTtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSB2YXIoLS1pZHMtYWN0aW9uLXBhbmVsLWhlYWRlci1oZWlnaHQpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWFjdGlvbi1wYW5lbC1jb250ZW50LWJhY2tncm91bmQtY29sb3IpO1xufVxuXG4uaWRzLW1vZGFsLWZvb3RlciB7XG4gIG1hcmdpbi10b3A6IHZhcigtLWlkcy1zcGFjZS1ub25lKTtcbn1cblxuOjpzbG90dGVkKGlkcy10b29sYmFyKSB7XG4gIC0taWRzLWJ1dHRvbi10ZXJ0aWFyeS1jb2xvci1iYWNrZ3JvdW5kLWhvdmVyOiB2YXIoLS1pZHMtYWN0aW9uLXBhbmVsLWJ1dHRvbi1jb2xvci1iYWNrZ3JvdW5kLWhvdmVyKTtcblxuICBwYWRkaW5nLWlubGluZTogdmFyKC0taWRzLWFjdGlvbi1wYW5lbC1oZWFkZXItcGFkZGluZykgdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4iXX0= */`;var l,n,t=class extends e{constructor(){super();d(this,l)}connectedCallback(){super.connectedCallback(),b(this,l,n).call(this),this.popup&&(this.popup.animationStyle="slide-from-bottom")}get toolbar(){return this.querySelector('[slot="toolbar"]')}template(){return`<ids-popup
-      part="modal"
-      class="ids-modal ids-action-panel"
-      type="modal"
-      position-style="viewport"
-      animated="true"
-      animation-style="slide-from-bottom">
-      <div class="ids-modal-container" slot="content">
-        <div class="ids-modal-header">
-          <slot name="toolbar"></slot>
-        </div>
-        <div class="ids-modal-content">
-          <slot></slot>
-        </div>
-        <div class="ids-modal-footer">
-          <slot name="buttons"></slot>
-        </div>
-      </div>
-    </ids-popup>`}addOpenEvents(){super.addOpenEvents();let o=this.container?.querySelector('slot[name="toolbar"]');this.onEvent("click.toolbar",o,async G=>{await this.handleButtonClick(G)})}removeOpenEvents(){super.removeOpenEvents(),this.offEvent("click.toolbar")}};l=new WeakSet,n=function(){let o=this.container?.querySelector('slot[name="toolbar"]');o&&(o.hidden=this.toolbar===void 0)},t=i([a("ids-action-panel"),c(s)],t);export{t as a};
-//# sourceMappingURL=ids-chunk-5TXKIDM7.js.map

package/chunks/ids-chunk-5TXKIDM7.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-action-panel/ids-action-panel.scss", "../../../../src/components/ids-action-panel/ids-action-panel.ts"],
-  "sourcesContent": ["export default `/* Ids Modal Component */\n:host {\n  display: block;\n  position: fixed;\n  visibility: visible;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n}\n\n:host(:not([visible])) {\n  pointer-events: none;\n  visibility: hidden;\n}\n\n.ids-modal {\n  display: block;\n  pointer-events: none;\n}\n.ids-modal[visible] {\n  pointer-events: auto;\n}\n.ids-modal.fullsize {\n  height: 100%;\n}\n.ids-modal.fullsize .ids-modal-container {\n  height: 100% !important;\n  min-height: 100% !important;\n  max-height: 100% !important;\n  width: 100% !important;\n}\n.ids-modal.fullsize .ids-modal-header + .ids-modal-content {\n  overflow-y: auto;\n}\n.ids-modal:not(.scrollable) .has-scrollbar {\n  overflow: hidden;\n  padding: 0;\n}\n.ids-modal.scrollable .has-scrollbar {\n  overflow: auto;\n  margin-bottom: -14px;\n}\n.ids-modal:not(.fullsize)::part(popup) {\n  max-height: calc(100% - 32px);\n}\n\n.ids-modal-header {\n  padding: var(--ids-modal-header-padding);\n}\n\n.ids-modal-content {\n  padding: var(--ids-modal-content-padding);\n  flex-grow: 1;\n  flex-shrink: 1;\n}\n\n.ids-modal-header + .ids-modal-content {\n  padding-block-start: 0;\n}\n\n.ids-modal-header,\n.ids-modal-footer {\n  align-items: center;\n  display: flex;\n}\n\n.ids-modal-footer {\n  margin: var(--ids-modal-footer-margin);\n  border-top: 1px solid var(--ids-modal-footer-color-border);\n}\n.ids-modal-footer[hidden] {\n  border-top: none;\n}\n\n.ids-modal-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  height: 100%;\n  width: 100%;\n}\n\n::slotted([slot=buttons]) {\n  flex-grow: 1;\n  display: flex;\n}\n\n.modal-control-close {\n  position: absolute;\n  top: var(--ids-space-2xs);\n  right: var(--ids-space-2xs);\n}\n.modal-control-close[dir=rtl] {\n  left: var(--ids-space-2xs);\n  right: unset;\n}\n\n::slotted([slot=buttons]:not(:first-of-type)) {\n  border-inline-start: 1px solid var(--ids-modal-footer-color-border);\n}\n\n.ids-modal-button:not(.ids-modal-icon-button):not(:first-of-type) {\n  border-left: 1px solid var(--ids-modal-footer-color-border);\n}\n\n@media screen and (min-width: 600px) {\n  ::slotted([slot=title]) {\n    font-size: var(--ids-font-size-lg);\n  }\n}\n.ids-modal-header {\n  background-color: var(--ids-action-panel-header-color-background);\n  border-bottom: 1px solid var(--ids-action-panel-header-color-border);\n  padding: var(--ids-space-none);\n  height: var(--ids-action-panel-header-height);\n}\n\n.ids-modal-content {\n  padding-inline: var(--ids-space-none);\n  height: calc(100% - var(--ids-action-panel-header-height));\n  background-color: var(--ids-action-panel-content-background-color);\n}\n\n.ids-modal-footer {\n  margin-top: var(--ids-space-none);\n}\n\n::slotted(ids-toolbar) {\n  --ids-button-tertiary-color-background-hover: var(--ids-action-panel-button-color-background-hover);\n  padding-inline: var(--ids-action-panel-header-padding) var(--ids-space-none);\n  height: 100%;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLWFjdGlvbi1wYW5lbCIsInNvdXJjZXMiOlsiLi4vaWRzLW1vZGFsL2lkcy1tb2RhbC5zY3NzIiwiaWRzLWFjdGlvbi1wYW5lbC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBR0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFOztBQUVBO0VBRUU7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFLRjtFQUNFO0VBQ0E7O0FBS0Y7RUFDRTtFQUNBOztBQUtKO0VBQ0U7OztBQUlKO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFHRjtBQUFBO0VBRUU7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOztBQUVBO0VBQ0U7OztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7OztBQVFKO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUlGO0VBQ0U7SUFDRTs7O0FDaElKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFHRjtFQUNFO0VBRUE7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBNb2RhbCBDb21wb25lbnQgKi9cbkBpbXBvcnQgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zJztcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGZpeGVkO1xuICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG59XG5cbjpob3N0KDpub3QoW3Zpc2libGVdKSkge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuXG4uaWRzLW1vZGFsIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gICZbdmlzaWJsZV0ge1xuICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICB9XG5cbiAgJi5mdWxsc2l6ZSB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgLmlkcy1tb2RhbC1jb250YWluZXIge1xuICAgICAgLy8gaW1wb3J0YW50IGlzIG5lZWRlZCB0byBvdmVycmlkZSB0aGUgaW5saW5lIHNldHRpbmcgc3R5bGVzXG4gICAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIG1pbi1oZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIG1heC1oZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgLmlkcy1tb2RhbC1oZWFkZXIgKyAuaWRzLW1vZGFsLWNvbnRlbnQge1xuICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICB9XG4gIH1cblxuICAmOm5vdCguc2Nyb2xsYWJsZSkge1xuICAgIC5oYXMtc2Nyb2xsYmFyIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuXG4gICYuc2Nyb2xsYWJsZSB7XG4gICAgLmhhcy1zY3JvbGxiYXIge1xuICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICBtYXJnaW4tYm90dG9tOiAtMTRweDtcbiAgICB9XG4gIH1cblxuICAvLyBBZGRpbmcgdG9wL2JvdHRvbSBzcGFjZSB0byB0aGUgbW9kYWwgaWYgZnVsbCBoZWlnaHRcbiAgJjpub3QoLmZ1bGxzaXplKTo6cGFydChwb3B1cCkge1xuICAgIG1heC1oZWlnaHQ6IGNhbGMoMTAwJSAtIDMycHgpO1xuICB9XG59XG5cbi5pZHMtbW9kYWwtaGVhZGVyIHtcbiAgcGFkZGluZzogdmFyKC0taWRzLW1vZGFsLWhlYWRlci1wYWRkaW5nKTtcbn1cblxuLmlkcy1tb2RhbC1jb250ZW50IHtcbiAgcGFkZGluZzogdmFyKC0taWRzLW1vZGFsLWNvbnRlbnQtcGFkZGluZyk7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZmxleC1zaHJpbms6IDE7XG59XG5cbi5pZHMtbW9kYWwtaGVhZGVyICsgLmlkcy1tb2RhbC1jb250ZW50IHtcbiAgcGFkZGluZy1ibG9jay1zdGFydDogMDtcbn1cblxuLmlkcy1tb2RhbC1oZWFkZXIsXG4uaWRzLW1vZGFsLWZvb3RlciB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG5cbi5pZHMtbW9kYWwtZm9vdGVyIHtcbiAgbWFyZ2luOiB2YXIoLS1pZHMtbW9kYWwtZm9vdGVyLW1hcmdpbik7XG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1pZHMtbW9kYWwtZm9vdGVyLWNvbG9yLWJvcmRlcik7XG5cbiAgJltoaWRkZW5dIHtcbiAgICBib3JkZXItdG9wOiBub25lO1xuICB9XG59XG5cbi5pZHMtbW9kYWwtY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbjo6c2xvdHRlZChbc2xvdD0nYnV0dG9ucyddKSB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLm1vZGFsLWNvbnRyb2wtY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogdmFyKC0taWRzLXNwYWNlLTJ4cyk7XG4gIHJpZ2h0OiB2YXIoLS1pZHMtc3BhY2UtMnhzKTtcblxuICAmW2Rpcj0ncnRsJ10ge1xuICAgIGxlZnQ6IHZhcigtLWlkcy1zcGFjZS0yeHMpO1xuICAgIHJpZ2h0OiB1bnNldDtcbiAgfVxufVxuXG4vLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuLy8gQWx0ZXIgdGhlIHJ1bGVzIGluIHRoaXMgYmxvY2sgdG8gYWZmZWN0IHRoZSBib3JkZXJcbi8vIGJldHdlZW4gYnV0dG9ucyBpbnNpZGUgdGhlIE1vZGFsIEZvb3RlclxuXG46OnNsb3R0ZWQoW3Nsb3Q9J2J1dHRvbnMnXTpub3QoOmZpcnN0LW9mLXR5cGUpKSB7XG4gIGJvcmRlci1pbmxpbmUtc3RhcnQ6IDFweCBzb2xpZCB2YXIoLS1pZHMtbW9kYWwtZm9vdGVyLWNvbG9yLWJvcmRlcik7XG59XG5cbi5pZHMtbW9kYWwtYnV0dG9uOm5vdCguaWRzLW1vZGFsLWljb24tYnV0dG9uKTpub3QoOmZpcnN0LW9mLXR5cGUpIHtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCB2YXIoLS1pZHMtbW9kYWwtZm9vdGVyLWNvbG9yLWJvcmRlcik7XG59XG5cbi8vIE1lZGlhIHF1ZXJpZXMgc2V0dXBcbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICRicmVha3BvaW50LXNtKSB7XG4gIDo6c2xvdHRlZChbc2xvdD0ndGl0bGUnXSkge1xuICAgIGZvbnQtc2l6ZTogdmFyKC0taWRzLWZvbnQtc2l6ZS1sZyk7XG4gIH1cbn1cbiIsIkBpbXBvcnQgJy4uL2lkcy1tb2RhbC9pZHMtbW9kYWwnO1xuXG4uaWRzLW1vZGFsLWhlYWRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1hY3Rpb24tcGFuZWwtaGVhZGVyLWNvbG9yLWJhY2tncm91bmQpO1xuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgdmFyKC0taWRzLWFjdGlvbi1wYW5lbC1oZWFkZXItY29sb3ItYm9yZGVyKTtcbiAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICBoZWlnaHQ6IHZhcigtLWlkcy1hY3Rpb24tcGFuZWwtaGVhZGVyLWhlaWdodClcbn1cblxuLmlkcy1tb2RhbC1jb250ZW50IHtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWlkcy1zcGFjZS1ub25lKTtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSB2YXIoLS1pZHMtYWN0aW9uLXBhbmVsLWhlYWRlci1oZWlnaHQpKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWFjdGlvbi1wYW5lbC1jb250ZW50LWJhY2tncm91bmQtY29sb3IpO1xufVxuXG4uaWRzLW1vZGFsLWZvb3RlciB7XG4gIG1hcmdpbi10b3A6IHZhcigtLWlkcy1zcGFjZS1ub25lKTtcbn1cblxuOjpzbG90dGVkKGlkcy10b29sYmFyKSB7XG4gIC0taWRzLWJ1dHRvbi10ZXJ0aWFyeS1jb2xvci1iYWNrZ3JvdW5kLWhvdmVyOiB2YXIoLS1pZHMtYWN0aW9uLXBhbmVsLWJ1dHRvbi1jb2xvci1iYWNrZ3JvdW5kLWhvdmVyKTtcblxuICBwYWRkaW5nLWlubGluZTogdmFyKC0taWRzLWFjdGlvbi1wYW5lbC1oZWFkZXItcGFkZGluZykgdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4iXX0= */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport IdsModal from '../ids-modal/ids-modal';\nimport '../ids-toolbar/ids-toolbar';\nimport styles from './ids-action-panel.scss';\n\n/**\n * IDS Action Panel\n * @type {IdsActionPanel}\n * @inherits IdsModal\n */\n@customElement('ids-action-panel')\n@scss(styles)\nexport default class IdsActionPanel extends IdsModal {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.#refreshHeader();\n    if (this.popup) {\n      this.popup.animationStyle = 'slide-from-bottom';\n    }\n  }\n\n  get toolbar(): HTMLSlotElement | null {\n    return this.querySelector<HTMLSlotElement>('[slot=\"toolbar\"]');\n  }\n\n  /**\n   * Inner template contents\n   * @returns {string} The template\n   */\n  template(): string {\n    return `<ids-popup\n      part=\"modal\"\n      class=\"ids-modal ids-action-panel\"\n      type=\"modal\"\n      position-style=\"viewport\"\n      animated=\"true\"\n      animation-style=\"slide-from-bottom\">\n      <div class=\"ids-modal-container\" slot=\"content\">\n        <div class=\"ids-modal-header\">\n          <slot name=\"toolbar\"></slot>\n        </div>\n        <div class=\"ids-modal-content\">\n          <slot></slot>\n        </div>\n        <div class=\"ids-modal-footer\">\n          <slot name=\"buttons\"></slot>\n        </div>\n      </div>\n    </ids-popup>`;\n  }\n\n  #refreshHeader() {\n    const toolbarSlot = this.container?.querySelector<HTMLSlotElement>('slot[name=\"toolbar\"]');\n    if (toolbarSlot) {\n      toolbarSlot.hidden = this.toolbar === undefined;\n    }\n  }\n\n  /**\n   * Overrides `addOpenEvents` from both Modal and the IdsPopupOpenEventsMixin to include\n   * a way to tie in Toolbar buttons to the Modal's standard `onButtonClick` callback\n   * @returns {void}\n   */\n  addOpenEvents(): void {\n    super.addOpenEvents();\n\n    // If a Modal Button is clicked, fire an optional callback\n    const toolbarSlot = this.container?.querySelector('slot[name=\"toolbar\"]');\n    this.onEvent('click.toolbar', toolbarSlot, async (e: MouseEvent) => {\n      await this.handleButtonClick(e);\n    });\n  }\n\n  /**\n   * Overrides `addOpenEvents` from both Modal and the IdsPopupOpenEventsMixin to include\n   * a way to tie in Toolbar buttons to the Modal's standard `onButtonClick` callback\n   * @returns {void}\n   */\n  removeOpenEvents(): void {\n    super.removeOpenEvents();\n    this.offEvent('click.toolbar');\n  }\n}\n"],
-  "mappings": "+IAAA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;q6KCAf,IAAAC,EAAAC,EAYqBC,EAArB,cAA4CC,CAAS,CACnD,aAAc,CACZ,MAAM,EAFVC,EAAA,KAAAJ,EAGE,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,EACxBK,EAAA,KAAKL,EAAAC,GAAL,WACI,KAAK,QACP,KAAK,MAAM,eAAiB,oBAEhC,CAEA,IAAI,SAAkC,CACpC,OAAO,KAAK,cAA+B,kBAAkB,CAC/D,CAMA,UAAmB,CACjB,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAmBT,CAcA,eAAsB,CACpB,MAAM,cAAc,EAGpB,IAAMK,EAAc,KAAK,WAAW,cAAc,sBAAsB,EACxE,KAAK,QAAQ,gBAAiBA,EAAa,MAAOC,GAAkB,CAClE,MAAM,KAAK,kBAAkBA,CAAC,CAChC,CAAC,CACH,CAOA,kBAAyB,CACvB,MAAM,iBAAiB,EACvB,KAAK,SAAS,eAAe,CAC/B,CACF,EA1EAP,EAAA,YA2CEC,EAAc,UAAG,CACf,IAAMK,EAAc,KAAK,WAAW,cAA+B,sBAAsB,EACrFA,IACFA,EAAY,OAAS,KAAK,UAAY,OAE1C,EAhDmBJ,EAArBM,EAAA,CAFCC,EAAc,kBAAkB,EAChCC,EAAKC,CAAM,GACST",
-  "names": ["ids_action_panel_default", "_IdsActionPanel_instances", "refreshHeader_fn", "IdsActionPanel", "IdsModal", "__privateAdd", "__privateMethod", "toolbarSlot", "e", "__decorateClass", "customElement", "scss", "ids_action_panel_default"]
-}

package/chunks/ids-chunk-67UU52SK.js

@@ -1,38 +0,0 @@
-import{a as G}from"./ids-chunk-V5U5W5W5.js";import{a as u}from"./ids-chunk-QT6LY3RZ.js";import{b as p}from"./ids-chunk-6MWQS7VQ.js";import{a as g}from"./ids-chunk-3ZNIY4EY.js";import{a as o,b}from"./ids-chunk-W544ATNJ.js";import{a as m}from"./ids-chunk-T4CWIXQV.js";import{a as e}from"./ids-chunk-7TWTH2YZ.js";import{a as c,b as n,d,f as s}from"./ids-chunk-L5CMP5FA.js";var W=`ids-block-grid-item img {
-  margin-block-end: var(--ids-block-grid-margin);
-}
-
-.ids-block-grid-wrapper {
-  align-items: center;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  margin: var(--ids-space-none);
-  text-align: center;
-}
-
-:host(.ids-align-center) {
-  text-align: center;
-}
-
-:host(.ids-align-left) {
-  text-align: left;
-}
-
-:host(.ids-align-right) {
-  text-align: right;
-}
-
-::slotted(ids-block-grid-item) {
-  padding: var(--ids-block-grid-item-padding);
-  position: relative;
-  vertical-align: top;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLWJsb2NrLWdyaWQiLCJzb3VyY2VzIjpbImlkcy1ibG9jay1ncmlkLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0U7RUFDRTs7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiaWRzLWJsb2NrLWdyaWQtaXRlbSB7XG4gIGltZyB7XG4gICAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0taWRzLWJsb2NrLWdyaWQtbWFyZ2luKTtcbiAgfVxufVxuXG4uaWRzLWJsb2NrLWdyaWQtd3JhcHBlciB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1hcmdpbjogdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbjpob3N0KC5pZHMtYWxpZ24tY2VudGVyKSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuOmhvc3QoLmlkcy1hbGlnbi1sZWZ0KSB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbjpob3N0KC5pZHMtYWxpZ24tcmlnaHQpIHtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG5cbjo6c2xvdHRlZChpZHMtYmxvY2stZ3JpZC1pdGVtKSB7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1ibG9jay1ncmlkLWl0ZW0tcGFkZGluZyk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cbiJdfQ== */`;var Z=G(g(m)),i,h,I,r=class extends Z{constructor(){super();d(this,i);n(this,"datasource",new p)}template(){return'<div class="ids-block-grid-wrapper"><slot></slot></div>'}connectedCallback(){super.connectedCallback(),this.redraw()}static get attributes(){return[...super.attributes,e.ALIGN,e.SELECTION]}redraw(){this.data.length!==0&&(this.querySelectorAll("ids-block-grid-item").forEach(t=>t?.remove()),this.append(...s(this,i,h).call(this)))}set data(t){if(t){this.datasource.data=t,this.redraw();return}this.datasource.data=null}get data(){return this?.datasource?.data||[]}get align(){return this.getAttribute(e.ALIGN)}set align(t){t?(this.setAttribute(e.ALIGN,t),this.style.textAlign=`${t}`):(this.removeAttribute(e.ALIGN),this.style.removeProperty("text-align"))}set selection(t){s(this,i,I).call(this)}get selection(){return this.getAttribute(e.SELECTION)}};i=new WeakSet,h=function(){return this.data.map(t=>{let a={};this.selection&&(a.selection=this.selection);let l=new u(a);return l.innerHTML=`
-        <img src="${t.url}" alt="Placeholder 200x200" />
-        <ids-text type="p">
-          ${t.name}<br/>
-          ${t.title}
-        </ids-text>
-      `,l})},I=function(){this.querySelectorAll("ids-block-grid-item").forEach(t=>t.setAttribute(e.SELECTION,this.selection))},r=c([o("ids-block-grid"),b(W)],r);export{r as a};
-//# sourceMappingURL=ids-chunk-67UU52SK.js.map

package/chunks/ids-chunk-67UU52SK.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-block-grid/ids-block-grid.scss", "../../../../src/components/ids-block-grid/ids-block-grid.ts"],
-  "sourcesContent": ["export default `ids-block-grid-item img {\n  margin-block-end: var(--ids-block-grid-margin);\n}\n\n.ids-block-grid-wrapper {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin: var(--ids-space-none);\n  text-align: center;\n}\n\n:host(.ids-align-center) {\n  text-align: center;\n}\n\n:host(.ids-align-left) {\n  text-align: left;\n}\n\n:host(.ids-align-right) {\n  text-align: right;\n}\n\n::slotted(ids-block-grid-item) {\n  padding: var(--ids-block-grid-item-padding);\n  position: relative;\n  vertical-align: top;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLWJsb2NrLWdyaWQiLCJzb3VyY2VzIjpbImlkcy1ibG9jay1ncmlkLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0U7RUFDRTs7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiaWRzLWJsb2NrLWdyaWQtaXRlbSB7XG4gIGltZyB7XG4gICAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0taWRzLWJsb2NrLWdyaWQtbWFyZ2luKTtcbiAgfVxufVxuXG4uaWRzLWJsb2NrLWdyaWQtd3JhcHBlciB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1hcmdpbjogdmFyKC0taWRzLXNwYWNlLW5vbmUpO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG5cbjpob3N0KC5pZHMtYWxpZ24tY2VudGVyKSB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cblxuOmhvc3QoLmlkcy1hbGlnbi1sZWZ0KSB7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG59XG5cbjpob3N0KC5pZHMtYWxpZ24tcmlnaHQpIHtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG5cbjo6c2xvdHRlZChpZHMtYmxvY2stZ3JpZC1pdGVtKSB7XG4gIHBhZGRpbmc6IHZhcigtLWlkcy1ibG9jay1ncmlkLWl0ZW0tcGFkZGluZyk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbn1cbiJdfQ== */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport IdsDataSource from '../../core/ids-data-source';\nimport IdsBlockGridItem from './ids-block-grid-item';\nimport IdsElement from '../../core/ids-element';\nimport IdsPagerMixin from '../../mixins/ids-pager-mixin/ids-pager-mixin';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\n\nimport styles from './ids-block-grid.scss';\n\nconst Base = IdsPagerMixin(\n  IdsEventsMixin(\n    IdsElement\n  )\n);\n\n/**\n * IDS Block Grid Component\n * @type {IdsBlockgrid}\n * @inherits IdsElement\n */\n@customElement('ids-block-grid')\n@scss(styles)\nexport default class IdsBlockgrid extends Base {\n  constructor() {\n    super();\n  }\n\n  /** Reference to datasource API */\n  datasource: any = new IdsDataSource();\n\n  /**\n   * Create the Template for the contents\n   * @returns {string} The Template\n   */\n  template() {\n    return `<div class=\"ids-block-grid-wrapper\"><slot></slot></div>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.redraw();\n  }\n\n  static get attributes() {\n    return [\n      ...super.attributes,\n      attributes.ALIGN,\n      attributes.SELECTION,\n    ];\n  }\n\n  /**\n   * Rerender the list by re applying the template\n   * @private\n   */\n  redraw() {\n    if (this.data.length === 0) {\n      return;\n    }\n\n    this.querySelectorAll('ids-block-grid-item').forEach((item: any) => item?.remove());\n    this.append(...this.#gridItems());\n  }\n\n  /**\n   * Set the data array of the blockgrid\n   * @param {Array} value The array to use\n   */\n  set data(value) {\n    if (value) {\n      this.datasource.data = value;\n      this.redraw();\n      return;\n    }\n\n    this.datasource.data = null;\n  }\n\n  get data() { return this?.datasource?.data || []; }\n\n  /**\n   * Return the alignment of blockgrid\n   * @returns {string|null} The path data\n   */\n  get align() { return this.getAttribute(attributes.ALIGN); }\n\n  /**\n   * Set the alignment of blockgrid\n   * @param {string|null} value The Blockgrid Alignment\n   */\n  set align(value) {\n    if (value) {\n      this.setAttribute(attributes.ALIGN, value);\n      this.style.textAlign = `${value}`;\n    } else {\n      this.removeAttribute(attributes.ALIGN);\n      this.style.removeProperty('text-align');\n    }\n  }\n\n  /**\n   * Set the selection to a block-grid and it will add selection to all items\n   * @param {string} value The selection value\n   */\n  set selection(value) {\n    this.#syncSelectionOnItems();\n  }\n\n  get selection() {\n    return this.getAttribute(attributes.SELECTION);\n  }\n\n  #gridItems(): Array<IdsBlockGridItem> {\n    return this.data.map((d: any) => {\n      const settings: any = {};\n      if (this.selection) {\n        settings.selection = this.selection;\n      }\n\n      const gridItem = new IdsBlockGridItem(settings);\n      gridItem.innerHTML = `\n        <img src=\"${d.url}\" alt=\"Placeholder 200x200\" />\n        <ids-text type=\"p\">\n          ${d.name}<br/>\n          ${d.title}\n        </ids-text>\n      `;\n\n      return gridItem;\n    });\n  }\n\n  /**\n   * Add selection value to all block-grid-items\n   */\n  #syncSelectionOnItems() {\n    this.querySelectorAll('ids-block-grid-item').forEach((item: any) => item.setAttribute(attributes.SELECTION, this.selection));\n  }\n}\n"],
-  "mappings": "kXAAA,IAAOA,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;qrCCUf,IAAMC,EAAOC,EACXC,EACEC,CACF,CACF,EAdAC,EAAAC,EAAAC,EAuBqBC,EAArB,cAA0CP,CAAK,CAC7C,aAAc,CACZ,MAAM,EAFVQ,EAAA,KAAAJ,GAMEK,EAAA,kBAAkB,IAAIC,EAHtB,CASA,UAAW,CACT,MAAO,yDACT,CAEA,mBAAoB,CAClB,MAAM,kBAAkB,EACxB,KAAK,OAAO,CACd,CAEA,WAAW,YAAa,CACtB,MAAO,CACL,GAAG,MAAM,WACTC,EAAW,MACXA,EAAW,SACb,CACF,CAMA,QAAS,CACH,KAAK,KAAK,SAAW,IAIzB,KAAK,iBAAiB,qBAAqB,EAAE,QAASC,GAAcA,GAAM,OAAO,CAAC,EAClF,KAAK,OAAO,GAAGC,EAAA,KAAKT,EAAAC,GAAL,UAAiB,EAClC,CAMA,IAAI,KAAKS,EAAO,CACd,GAAIA,EAAO,CACT,KAAK,WAAW,KAAOA,EACvB,KAAK,OAAO,EACZ,MACF,CAEA,KAAK,WAAW,KAAO,IACzB,CAEA,IAAI,MAAO,CAAE,OAAO,MAAM,YAAY,MAAQ,CAAC,CAAG,CAMlD,IAAI,OAAQ,CAAE,OAAO,KAAK,aAAaH,EAAW,KAAK,CAAG,CAM1D,IAAI,MAAMG,EAAO,CACXA,GACF,KAAK,aAAaH,EAAW,MAAOG,CAAK,EACzC,KAAK,MAAM,UAAY,GAAGA,CAAK,KAE/B,KAAK,gBAAgBH,EAAW,KAAK,EACrC,KAAK,MAAM,eAAe,YAAY,EAE1C,CAMA,IAAI,UAAUG,EAAO,CACnBD,EAAA,KAAKT,EAAAE,GAAL,UACF,CAEA,IAAI,WAAY,CACd,OAAO,KAAK,aAAaK,EAAW,SAAS,CAC/C,CA4BF,EApHAP,EAAA,YA0FEC,EAAU,UAA4B,CACpC,OAAO,KAAK,KAAK,IAAKU,GAAW,CAC/B,IAAMC,EAAgB,CAAC,EACnB,KAAK,YACPA,EAAS,UAAY,KAAK,WAG5B,IAAMC,EAAW,IAAIC,EAAiBF,CAAQ,EAC9C,OAAAC,EAAS,UAAY;AAAA,oBACPF,EAAE,GAAG;AAAA;AAAA,YAEbA,EAAE,IAAI;AAAA,YACNA,EAAE,KAAK;AAAA;AAAA,QAINE,CACT,CAAC,CACH,EAKAX,EAAqB,UAAG,CACtB,KAAK,iBAAiB,qBAAqB,EAAE,QAASM,GAAcA,EAAK,aAAaD,EAAW,UAAW,KAAK,SAAS,CAAC,CAC7H,EAnHmBJ,EAArBY,EAAA,CAFCC,EAAc,gBAAgB,EAC9BC,EAAKC,CAAM,GACSf",
-  "names": ["ids_block_grid_default", "Base", "ids_pager_mixin_default", "ids_events_mixin_default", "IdsElement", "_IdsBlockgrid_instances", "gridItems_fn", "syncSelectionOnItems_fn", "IdsBlockgrid", "__privateAdd", "__publicField", "ids_data_source_default", "attributes", "item", "__privateMethod", "value", "d", "settings", "gridItem", "IdsBlockgridItem", "__decorateClass", "customElement", "scss", "ids_block_grid_default"]
-}