ids-enterprise-wc 1.9.0 → 1.9.1

package/chunks/ids-chunk-XCAJHBXC.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-toolbar/ids-toolbar-section.scss", "../../../../src/components/ids-toolbar/ids-toolbar-section.ts"],
-  "sourcesContent": ["export default `/* Ids Toolbar Section Component */\n:host {\n  display: flex;\n}\n\nids-toolbar-section + ids-toolbar-section[type=title],\nids-toolbar-section + ids-toolbar-section[type=buttonset] {\n  padding-inline-start: 10px;\n}\n\n.ids-toolbar-section {\n  padding: 4px;\n  white-space: nowrap;\n  width: auto;\n  display: flex;\n}\n.ids-toolbar-section ::slotted(*) {\n  transition: opacity var(--ids-motion-duration) var(--ids-motion-ease);\n  opacity: 1;\n}\n.ids-toolbar-section ::slotted(ids-search-field) {\n  margin-inline-end: -3px;\n}\n.ids-toolbar-section ::slotted([overflowed]) {\n  opacity: 0;\n  pointer-events: none;\n}\n.ids-toolbar-section ::slotted(ids-theme-switcher) {\n  margin-top: -2px;\n}\n.ids-toolbar-section.buttonset {\n  display: flex;\n}\n.ids-toolbar-section.buttonset ::slotted(ids-button:not(:first-child)),\n.ids-toolbar-section.buttonset ::slotted(ids-menu-button:not(:first-child)) {\n  margin-inline-start: 0;\n}\n.ids-toolbar-section.formatter {\n  padding: 2px 0 0;\n}\n.ids-toolbar-section.title {\n  display: inline-block;\n}\n.ids-toolbar-section.title, .ids-toolbar-section.buttonset {\n  padding-inline-start: var(--ids-space-xs);\n  padding-inline-end: var(--ids-space-xs);\n}\n.ids-toolbar-section.fluid {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n}\n.ids-toolbar-section.search {\n  padding-inline-start: 12px;\n  padding-inline-end: 12px;\n}\n.ids-toolbar-section.inactive > * {\n  visibility: hidden;\n  pointer-events: none;\n}\n.ids-toolbar-section.inactive ::slotted(*) {\n  visibility: hidden;\n  pointer-events: none;\n}\n.ids-toolbar-section:not(.favor) {\n  flex: 0 1 auto;\n}\n.ids-toolbar-section:not(.favor).title, .ids-toolbar-section:not(.favor).buttonset {\n  flex: 1 1 auto;\n}\n.ids-toolbar-section.title, .ids-toolbar-section.buttonset, .ids-toolbar-section.fluid {\n  flex: 1 0 auto;\n}\n.ids-toolbar-section.title:not(.favor):not(.fluid), .ids-toolbar-section.buttonset:not(.favor):not(.fluid), .ids-toolbar-section.fluid:not(.favor):not(.fluid) {\n  flex: 0 1 auto;\n  overflow-x: hidden;\n  overflow-y: auto;\n  text-overflow: ellipsis;\n}\n.ids-toolbar-section.title.static, .ids-toolbar-section.buttonset.static, .ids-toolbar-section.fluid.static {\n  flex-grow: 0 0 auto;\n}\n.ids-toolbar-section.favor {\n  flex: 2 0 auto;\n}\n.ids-toolbar-section.favor.title:not(.static), .ids-toolbar-section.favor.buttonset:not(.static) {\n  flex-grow: 2 0 auto;\n}\n.ids-toolbar-section.align-start {\n  justify-content: flex-start;\n}\n.ids-toolbar-section.align-center {\n  justify-content: center;\n}\n.ids-toolbar-section.align-center-even {\n  justify-content: space-around;\n}\n.ids-toolbar-section.align-end {\n  flex: 0 0 auto;\n  justify-content: flex-end;\n}\n\n::slotted(ids-breadcrumb) {\n  position: relative;\n  top: 3px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXRvb2xiYXIiLCJzb3VyY2VzIjpbImlkcy10b29sYmFyLXNlY3Rpb24uc2NzcyIsImlkcy10b29sYmFyLWNvbW1vbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBR0E7RUFDRTs7O0FBR0Y7QUFBQTtFQUVFOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQ1RBOztBRGNBO0VBQ0U7RUFDQTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7RUFDQTs7QUFHRjtFQUNFOztBQU9GO0VBQ0U7O0FBR0E7QUFBQTtFQUVFOztBQUtKO0VBQ0U7O0FBSUY7RUFDRTs7QUFJRjtFQUVFO0VBQ0E7O0FBS0Y7RUFDRTtFQUNBO0VBQ0E7O0FBSUY7RUFDRTtFQUNBOztBQU1BO0VBQ0U7RUFDQTs7QUFHRjtFQUNFO0VBQ0E7O0FDckZKO0VBQ0U7O0FBRUE7RUFFRTs7QUFJSjtFQUdFOztBQUVBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFDRTs7QUFJSjtFQUNFOztBQUlFO0VBQ0U7O0FBT047RUFDRTs7QUFHRjtFQUNFOztBQUdGO0VBQ0U7O0FBR0Y7RUFDRTtFQUNBOzs7QUR1Q0o7RUFDRTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiLyogSWRzIFRvb2xiYXIgU2VjdGlvbiBDb21wb25lbnQgKi9cbkBpbXBvcnQgJy4vaWRzLXRvb2xiYXItY29tbW9uJztcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xufVxuXG5pZHMtdG9vbGJhci1zZWN0aW9uICsgaWRzLXRvb2xiYXItc2VjdGlvblt0eXBlPSd0aXRsZSddLFxuaWRzLXRvb2xiYXItc2VjdGlvbiArIGlkcy10b29sYmFyLXNlY3Rpb25bdHlwZT0nYnV0dG9uc2V0J10ge1xuICBwYWRkaW5nLWlubGluZS1zdGFydDogMTBweDtcbn1cblxuLmlkcy10b29sYmFyLXNlY3Rpb24ge1xuICBwYWRkaW5nOiA0cHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHdpZHRoOiBhdXRvO1xuXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAvLyBDb250cm9scyBhbmltYXRlZCBoaWRlL3Nob3cgb2Ygc2xvdHRlZCwgb3ZlcmZsb3dlZCB0b29sYmFyIGl0ZW1zXG5cbiAgOjpzbG90dGVkKCopIHtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IHZhcigtLWlkcy1tb3Rpb24tZHVyYXRpb24pIHZhcigtLWlkcy1tb3Rpb24tZWFzZSk7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gIDo6c2xvdHRlZChpZHMtc2VhcmNoLWZpZWxkKSB7XG4gICAgbWFyZ2luLWlubGluZS1lbmQ6IC0zcHg7XG4gIH1cblxuICA6OnNsb3R0ZWQoW292ZXJmbG93ZWRdKSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIDo6c2xvdHRlZChpZHMtdGhlbWUtc3dpdGNoZXIpIHtcbiAgICBtYXJnaW4tdG9wOiAtMnB4O1xuICB9XG5cbiAgLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09XG4gIC8vIEJ1aWx0LWluIFNlY3Rpb24gVHlwZSBTdHlsZXNcblxuICAvLyBCdXR0b25zZXRzIGhhdmUgdG9wIHBhZGRpbmcgKGFjY291bnRzIGZvciBidXR0b24gZm9jdXMgc3RhdGVzKVxuICAmLmJ1dHRvbnNldCB7XG4gICAgZGlzcGxheTogZmxleDtcblxuICAgIC8vIEluIGJ1dHRvbnNldCBhcmVhcywgYXV0b21hdGljYWxseSBhZGQgcGFkZGluZyBiZXR3ZWVuIGJ1dHRvbnNcbiAgICA6OnNsb3R0ZWQoaWRzLWJ1dHRvbjpub3QoOmZpcnN0LWNoaWxkKSksXG4gICAgOjpzbG90dGVkKGlkcy1tZW51LWJ1dHRvbjpub3QoOmZpcnN0LWNoaWxkKSkge1xuICAgICAgbWFyZ2luLWlubGluZS1zdGFydDogMDtcbiAgICB9XG4gIH1cblxuICAvLyBGb3JtYXR0ZXIgdG9vbGJhciAoZWRpdG9yKVxuICAmLmZvcm1hdHRlciB7XG4gICAgcGFkZGluZzogMnB4IDAgMDtcbiAgfVxuXG4gIC8vIFRpdGxlIHNlY3Rpb25zIGFyZSBub3QgRmxleCBjb250YWluZXJzIChzbyB3ZSBjYW4gc3RhY2sgY29udGVudClcbiAgJi50aXRsZSB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB9XG5cbiAgLy8gQ29udGFpbnMgcm93cyBvZiBidXR0b25zXG4gICYudGl0bGUsXG4gICYuYnV0dG9uc2V0IHtcbiAgICBwYWRkaW5nLWlubGluZS1zdGFydDogdmFyKC0taWRzLXNwYWNlLXhzKTtcbiAgICBwYWRkaW5nLWlubGluZS1lbmQ6IHZhcigtLWlkcy1zcGFjZS14cyk7XG4gIH1cblxuICAvLyBJbnRlbmRlZCBmb3IgdXNlIGJ5IGRldmVsb3BlcnMgdGhhdCBuZWVkIFwiY3VzdG9tXCIgc2VjdGlvbnMgdGhhdCBzdHJldGNoIHRvIGZpdC5cbiAgLy8gVGhlIGRlZmF1bHQgZnVuY3Rpb25hbGl0eSBpcyBOT1QgdG8gc3RyZXRjaC5cbiAgJi5mbHVpZCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxuXG4gIC8vIENvbnRhaW5zIFNlYXJjaGZpZWxkc1xuICAmLnNlYXJjaCB7XG4gICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDEycHg7XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAxMnB4O1xuICB9XG5cbiAgLy8gXCJJbmFjdGl2ZVwiIHNlY3Rpb25zIHJldGFpbiB0aGVpciBkaW1lbnNpb25zICh3aWR0aC9oZWlnaHQpIGJ1dCB0aGVpciBjb250ZW50c1xuICAvLyBiZWNvbWUgaW52aXNpYmxlIGFuZCB1bmFibGUgdG8gcmVzcG9uZCB0byBpbnRlcmFjdGlvbnNcbiAgJi5pbmFjdGl2ZSB7XG4gICAgPiAqIHtcbiAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cblxuICAgIDo6c2xvdHRlZCgqKSB7XG4gICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG4gIH1cblxuICBAaW5jbHVkZSBpZHMtdG9vbGJhci1zZWN0aW9uLWlubmVyLXNpemUtc3R5bGVzKCk7XG59XG5cbjo6c2xvdHRlZChpZHMtYnJlYWRjcnVtYikge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRvcDogM3B4O1xufVxuIiwiLy8gRHVlIHRvIFdlYkNvbXBvbmVudCBjb25zdHJ1Y3Rpb24sIHRoZXNlIHN0eWxlcyBhcmUgYXBwbGllZCB0byBob3N0IGVsZW1lbnRzLFxuLy8gYnV0IGFsc28gdG8gdGhlIGAuaWRzLXRvb2xiYXJgIGVsZW1lbnQgY2xhc3MgZm9yIHVzZSBpbiBzdGFuZGFsb25lIENTUyBzdHlsZXNcblxuLy8gVGhlc2UgcnVsZXMgYXJlIGFwcGxpZWQgdG8gdGhlIGAuaWRzLXRvb2xiYXJgIGVsZW1lbnRcbi8vIFRoZXNlIGFyZSB1c2VkIGZvciBTdGFuZGFsb25lIENTUyBUb29sYmFyc1xuQG1peGluIGlkcy10b29sYmFyLXNlY3Rpb24taW5uZXItc2l6ZS1zdHlsZXMoKSB7XG4gIGRpc3BsYXk6IGZsZXg7XG5cbiAgJjpub3QoLmZhdm9yKSB7XG4gICAgZmxleDogMCAxIGF1dG87XG5cbiAgICAmLnRpdGxlLFxuICAgICYuYnV0dG9uc2V0IHtcbiAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgIH1cbiAgfVxuXG4gICYudGl0bGUsXG4gICYuYnV0dG9uc2V0LFxuICAmLmZsdWlkIHtcbiAgICBmbGV4OiAxIDAgYXV0bztcblxuICAgICY6bm90KC5mYXZvcik6bm90KC5mbHVpZCkge1xuICAgICAgZmxleDogMCAxIGF1dG87XG4gICAgICBvdmVyZmxvdy14OiBoaWRkZW47XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgfVxuXG4gICAgJi5zdGF0aWMge1xuICAgICAgZmxleC1ncm93OiAwIDAgYXV0bztcbiAgICB9XG4gIH1cblxuICAmLmZhdm9yIHtcbiAgICBmbGV4OiAyIDAgYXV0bztcblxuICAgICYudGl0bGUsXG4gICAgJi5idXR0b25zZXQge1xuICAgICAgJjpub3QoLnN0YXRpYykge1xuICAgICAgICBmbGV4LWdyb3c6IDIgMCBhdXRvO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8vID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PVxuICAvLyBBbGlnbm1lbnRzIGZvciBTdGFuZGFsb25lIENTUyBUb29sYmFyIFNlY3Rpb25zXG4gICYuYWxpZ24tc3RhcnQge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgfVxuXG4gICYuYWxpZ24tY2VudGVyIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuXG4gICYuYWxpZ24tY2VudGVyLWV2ZW4ge1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuICB9XG5cbiAgJi5hbGlnbi1lbmQge1xuICAgIGZsZXg6IDAgMCBhdXRvO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIH1cbn1cblxuLy8gVGhlc2UgcnVsZXMgYXJlIGFwcGxpZWQgdG8gYGlkcy10b29sYmFyLXNlY3Rpb246aG9zdGAgZWxlbWVudHNcbkBtaXhpbiBpZHMtdG9vbGJhci1zZWN0aW9uLWhvc3Qtc2l6ZS1zdHlsZXMoKSB7XG4gIDo6c2xvdHRlZChpZHMtdG9vbGJhci1zZWN0aW9uOm5vdChbZmF2b3JdKSkge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gIH1cblxuICA6OnNsb3R0ZWQoaWRzLXRvb2xiYXItc2VjdGlvbjpub3QoW3R5cGVdKSksXG4gIDo6c2xvdHRlZChpZHMtdG9vbGJhci1zZWN0aW9uW3R5cGU9J2J1dHRvbiddKSB7XG4gICAgZmxleDogMCAwIGF1dG87XG4gIH1cblxuICA6OnNsb3R0ZWQoaWRzLXRvb2xiYXItc2VjdGlvblt0eXBlPSdmbHVpZCddKSxcbiAgOjpzbG90dGVkKGlkcy10b29sYmFyLXNlY3Rpb25bdHlwZT0ndGl0bGUnXSksXG4gIDo6c2xvdHRlZChpZHMtdG9vbGJhci1zZWN0aW9uW3R5cGU9J2J1dHRvbnNldCddKSB7XG4gICAgZmxleDogMSAwIGF1dG87XG4gIH1cblxuICA6OnNsb3R0ZWQoaWRzLXRvb2xiYXItc2VjdGlvblt0eXBlPSdmbHVpZCddOm5vdChbZmF2b3JdKSksXG4gIDo6c2xvdHRlZChpZHMtdG9vbGJhci1zZWN0aW9uW3R5cGU9J3RpdGxlJ106bm90KFtmYXZvcl0pKSxcbiAgOjpzbG90dGVkKGlkcy10b29sYmFyLXNlY3Rpb25bdHlwZT0nYnV0dG9uc2V0J106bm90KFtmYXZvcl0pKSB7XG4gICAgZmxleDogMSAxIGF1dG87XG4gIH1cblxuICA6OnNsb3R0ZWQoaWRzLXRvb2xiYXItc2VjdGlvbltmYXZvcl0pIHtcbiAgICBmbGV4OiAyIDAgYXV0bztcbiAgfVxuXG4gIDo6c2xvdHRlZChpZHMtdG9vbGJhci1zZWN0aW9uW2Zhdm9yXVt0eXBlPSdidXR0b25zZXQnXSksXG4gIDo6c2xvdHRlZChpZHMtdG9vbGJhci1zZWN0aW9uW2Zhdm9yXVt0eXBlPSd0aXRsZSddKSB7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgZmxleDogMiAwIGF1dG87XG4gIH1cblxuICAvLyA9PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgLy8gQWxpZ25tZW50cyBmb3IgdGhlIGhvc3QgZWxlbWVudHNcbiAgLy8gSW4gdGhlIGBpZHMtdG9vbGJhci1zZWN0aW9uYCB3ZWIgY29tcG9uZW50cywgdGhlIENTUyBjbGFzc2VzIGFyZSBvbWl0dGVkIGluIGZhdm9yIG9mIHRoZXNlXG5cbiAgOjpzbG90dGVkKGlkcy10b29sYmFyLXNlY3Rpb25bYWxpZ249J3N0YXJ0J10pLFxuICA6OnNsb3R0ZWQoaWRzLXRvb2xiYXItc2VjdGlvbjpub3QoW2FsaWduXSkpIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIH1cblxuICA6OnNsb3R0ZWQoaWRzLXRvb2xiYXItc2VjdGlvblthbGlnbj0nY2VudGVyJ10pIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxuXG4gIDo6c2xvdHRlZChpZHMtdG9vbGJhci1zZWN0aW9uW2FsaWduPSdjZW50ZXItZXZlbiddKSB7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XG4gIH1cblxuICA6OnNsb3R0ZWQoaWRzLXRvb2xiYXItc2VjdGlvblthbGlnbj0nZW5kJ10pIHtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB9XG59XG4iXX0= */`;\n", "import { attributes } from '../../core/ids-attributes';\nimport { customElement, scss } from '../../core/ids-decorators';\nimport { stringToBool } from '../../utils/ids-string-utils/ids-string-utils';\nimport IdsElement from '../../core/ids-element';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\n\nimport styles from './ids-toolbar-section.scss';\n\nconst TOOLBAR_SECTION_ATTRIBUTES = [\n  attributes.ALIGN,\n  attributes.FAVOR,\n  attributes.INACTIVE,\n  attributes.TOOLBAR_TYPE,\n  attributes.TYPE\n];\n\n// Alignment styles that can apply to a section\nconst SECTION_ALIGNS = [\n  'align-start',\n  'align-center',\n  'align-center-even',\n  'align-end'\n];\n\n// Toolbar types\nconst TOOLBAR_TYPES = ['formatter'];\n\n// Section types\nconst SECTION_TYPES = [\n  'static',\n  'buttonset',\n  'button',\n  'fluid',\n  'search',\n  'title',\n  'more'\n];\n\n// WebComponent Tagnames that correspond to valid toolbar items\nconst TOOLBAR_ITEM_TAGNAMES = [\n  'ids-button',\n  'ids-checkbox',\n  'ids-input',\n  'ids-menu-button',\n  'ids-radio',\n  'ids-toolbar-more-actions'\n];\n\n// WebComponent Tagnames that correspond to valid text nodes\nconst TOOLBAR_TEXTNODE_TAGNAMES = [\n  'ids-text'\n];\n\n// WebComponent Tagnames that correspond to valid ids-separator nodes\nconst TOOLBAR_SEPARATOR_TAGNAMES = [\n  'ids-separator'\n];\n\n/**\n * Checks an element's CSS classlist for an item belonging to a group,\n * appends that item, and removes all others from the group.\n * @private\n * @param {string} targetClass the target CSS class to apply/check\n * @param {HTMLElement} targetElem the target elem on which to apply the class\n * @param {Array<string>} group the array of classes to scan for removal\n * @returns {void}\n */\nfunction setCssClassFromGroup(targetClass: string, targetElem: HTMLElement, group: Array<string>) {\n  group.forEach((item) => {\n    const cl = targetElem.classList;\n    const cssClass = `${item}`;\n    const thisClass = `${targetClass}`;\n\n    if (cssClass === thisClass) {\n      if (!cl.contains(cssClass)) {\n        cl.add(cssClass);\n      }\n    } else {\n      cl.remove(cssClass);\n    }\n  });\n}\n\n/**\n * IDS Toolbar Section Component\n * @type {IdsToolbarSection}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n */\n@customElement('ids-toolbar-section')\n@scss(styles)\nexport default class IdsToolbarSection extends IdsEventsMixin(IdsElement) {\n  constructor() {\n    super();\n  }\n\n  static get attributes(): Array<string> {\n    return [...super.attributes, ...TOOLBAR_SECTION_ATTRIBUTES];\n  }\n\n  template(): string {\n    const align = this.hasAttribute('align') ? ` align-${this.align}` : '';\n    return `\n      <div class=\"ids-toolbar-section${align}\" part=\"container\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    setCssClassFromGroup(this.type, this.container as HTMLElement, SECTION_TYPES);\n    setCssClassFromGroup(this.toolbarType ?? '', this.container as HTMLElement, TOOLBAR_TYPES);\n  }\n\n  /**\n   * @readonly\n   * @returns {Array<any>} list of available items contained by the toolbar\n   */\n  get items(): Array<any> {\n    return [...this.children].filter((e) => {\n      const elemTagName = e.tagName.toLowerCase();\n      return TOOLBAR_ITEM_TAGNAMES.includes(elemTagName);\n    });\n  }\n\n  /**\n   * @readonly\n   * @returns {Array<any>} list of text nodes contained by the toolbar\n   */\n  get textElems(): Array<any> {\n    const nodes = [...this.children].filter((e) => {\n      const elemTagName = e.tagName.toLowerCase();\n      return TOOLBAR_TEXTNODE_TAGNAMES.includes(elemTagName);\n    });\n    return nodes;\n  }\n\n  /**\n   * @readonly\n   * @returns {Array<any>} list of ids-separator nodes contained by the toolbar\n   */\n  get separators(): Array<any> {\n    const nodes = [...this.children].filter((e) => {\n      const elemTagName = e.tagName.toLowerCase();\n      return TOOLBAR_SEPARATOR_TAGNAMES.includes(elemTagName);\n    });\n    return nodes;\n  }\n\n  /**\n   * @readonly\n   * @returns {HTMLElement} a reference to this section's toolbar parent node\n   */\n  get toolbar(): HTMLElement {\n    return this.parentElement as HTMLElement;\n  }\n\n  /**\n   * @param {string} val the alignment type to set\n   */\n  set align(val: string) {\n    let trueVal = `align-${val}`;\n    if (typeof val !== 'string' || val === '' || !SECTION_ALIGNS.includes(trueVal)) {\n      this.removeAttribute('align');\n      trueVal = SECTION_ALIGNS[0];\n    } else {\n      this.setAttribute('align', val);\n      this.container?.classList.add(`align-${val}`);\n    }\n  }\n\n  /**\n   * @returns {string} the current alignment value\n   */\n  get align(): string {\n    return this.getAttribute('align') || 'start';\n  }\n\n  /**\n   * @param {boolean | string} val true if this toolbar section should be marked \"favor\"\n   * (will try not to be collapsed/shrunk if the parent toolbar size shrinks)\n   */\n  set favor(val: boolean | string) {\n    const newValue = stringToBool(val);\n    if (newValue) {\n      this.setAttribute(attributes.FAVOR, '');\n      this.container?.classList.add(attributes.FAVOR);\n    } else {\n      this.removeAttribute(attributes.FAVOR);\n      this.container?.classList.remove(attributes.FAVOR);\n    }\n  }\n\n  /**\n   * @returns {boolean} true if this toolbar section is marked \"favor\"\n   * (will try not to be collapsed/shrunk if the parent toolbar size shrinks)\n   */\n  get favor(): boolean {\n    return this.hasAttribute(attributes.FAVOR);\n  }\n\n  /**\n   * @param {string | boolean | null} value truthy if this toolbar section should be made \"inactive\"\n   * (takes up space, but items are not visible)\n   */\n  set inactive(value: string | boolean | null) {\n    const isInactive = stringToBool(value);\n    if (isInactive) {\n      this.setAttribute(attributes.INACTIVE, 'true');\n      this.container?.classList.add(attributes.INACTIVE);\n    } else {\n      this.removeAttribute(attributes.INACTIVE);\n      this.container?.classList.remove(attributes.INACTIVE);\n    }\n  }\n\n  /**\n   * @returns {boolean} true if the toolbar section is \"inactive\" (takes up space, but items are not visible)\n   */\n  get inactive(): boolean {\n    return this.hasAttribute(attributes.INACTIVE);\n  }\n\n  /**\n   * @param {string} val the type of section\n   */\n  set type(val: string) {\n    let trueVal;\n    if (typeof val !== 'string' || val === '' || !SECTION_TYPES.includes(val)) {\n      trueVal = SECTION_TYPES[0];\n    } else {\n      trueVal = `${val}`;\n    }\n    this.setAttribute(attributes.TYPE, trueVal);\n\n    if (this.container) {\n      setCssClassFromGroup(trueVal, this.container, SECTION_TYPES);\n    }\n  }\n\n  /**\n   * @returns {string} the type of section\n   */\n  get type(): string {\n    return this.getAttribute(attributes.TYPE) || 'static';\n  }\n\n  /**\n   * @param {string} value the type of toolbar\n   */\n  set toolbarType(value: string | null) {\n    if (value && TOOLBAR_TYPES.includes(value)) {\n      this.setAttribute(attributes.TOOLBAR_TYPE, value);\n      this.container?.classList.add(value);\n    } else {\n      this.removeAttribute(attributes.TOOLBAR_TYPE);\n      this.container?.classList.remove(TOOLBAR_TYPES[0]);\n    }\n  }\n\n  /**\n   * @returns {string} the type of toolbar\n   */\n  get toolbarType(): string | null {\n    return this.getAttribute(attributes.TOOLBAR_TYPE);\n  }\n}\n\nexport {\n  TOOLBAR_ITEM_TAGNAMES\n};\n"],
-  "mappings": "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",
-  "names": ["ids_toolbar_section_default", "TOOLBAR_SECTION_ATTRIBUTES", "attributes", "SECTION_ALIGNS", "TOOLBAR_TYPES", "SECTION_TYPES", "TOOLBAR_ITEM_TAGNAMES", "TOOLBAR_TEXTNODE_TAGNAMES", "TOOLBAR_SEPARATOR_TAGNAMES", "setCssClassFromGroup", "targetClass", "targetElem", "group", "item", "cl", "cssClass", "thisClass", "IdsToolbarSection", "ids_events_mixin_default", "IdsElement", "e", "elemTagName", "val", "trueVal", "stringToBool", "value", "__decorateClass", "customElement", "scss", "ids_toolbar_section_default"]
-}

package/chunks/ids-chunk-XERCWITB.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-notification-banner/ids-notification-banner.scss", "../../../../src/components/ids-notification-banner/ids-notification-banner.ts"],
-  "sourcesContent": ["export default `/* Ids Notification Banner Component */\n.ids-notification-banner {\n  display: flex;\n  padding-inline-start: var(--ids-notification-padding);\n  align-items: center;\n  min-height: var(--ids-notification-banner-height);\n}\n\nids-alert,\n.ids-alert {\n  display: flex;\n  margin-inline: var(--ids-notification-banner-padding);\n}\n\nids-text::part(text),\n.ids-text {\n  color: var(--ids-notification-banner-color-text);\n}\n\nids-hyperlink::part(link),\n.ids-notification-banner-link a {\n  color: var(--ids-color-action-stronger);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: relative;\n  top: 2px;\n  margin: 0 var(--ids-notification-banner-padding);\n}\n\n.ids-notification-banner-button {\n  display: flex;\n  margin-inline-start: auto;\n  margin-inline-end: var(--ids-notification-banner-button-padding);\n}\n.ids-notification-banner-button ids-button .ids-icon-button {\n  justify-content: center;\n  align-items: center;\n}\n\nids-button::part(button):hover {\n  background-color: var(--ids-notification-banner-button-color-background-hover);\n}\n\n.ids-notification-banner-message {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ids-notification-banner-message.wrap {\n  white-space: unset;\n  padding-block: var(--ids-space-12);\n}\n\n.ids-notification-banner[type=success],\n.ids-notification-banner.success {\n  background-color: var(--ids-notification-banner-success-color-background);\n}\n\n.ids-notification-banner[type=caution],\n.ids-notification-banner.caution {\n  background-color: var(--ids-notification-banner-caution-background-color);\n}\n\n.ids-notification-banner[type=warning],\n.ids-notification-banner.warning {\n  background-color: var(--ids-notification-banner-warning-color-background);\n}\n\n.ids-notification-banner[type=info],\n.ids-notification-banner.info {\n  background-color: var(--ids-notification-banner-info-color-background);\n}\n\n.ids-notification-banner[type=error],\n.ids-notification-banner.error {\n  background-color: var(--ids-notification-banner-error-color-background);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLW5vdGlmaWNhdGlvbi1iYW5uZXIiLCJzb3VyY2VzIjpbImlkcy1ub3RpZmljYXRpb24tYmFubmVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOzs7QUFHRjtBQUFBO0VBRUU7RUFDQTs7O0FBR0Y7QUFBQTtFQUVFOzs7QUFHRjtBQUFBO0VBRUU7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBRUU7RUFDQTs7O0FBSUo7RUFDRTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOzs7QUFJSjtBQUFBO0VBRUU7OztBQUdGO0FBQUE7RUFFRTs7O0FBR0Y7QUFBQTtFQUVFOzs7QUFHRjtBQUFBO0VBRUU7OztBQUdGO0FBQUE7RUFFRSIsInNvdXJjZXNDb250ZW50IjpbIi8qIElkcyBOb3RpZmljYXRpb24gQmFubmVyIENvbXBvbmVudCAqL1xuLmlkcy1ub3RpZmljYXRpb24tYmFubmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IHZhcigtLWlkcy1ub3RpZmljYXRpb24tcGFkZGluZyk7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLWlkcy1ub3RpZmljYXRpb24tYmFubmVyLWhlaWdodCk7XG59XG5cbmlkcy1hbGVydCxcbi5pZHMtYWxlcnQge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4taW5saW5lOiB2YXIoLS1pZHMtbm90aWZpY2F0aW9uLWJhbm5lci1wYWRkaW5nKTtcbn1cblxuaWRzLXRleHQ6OnBhcnQodGV4dCksXG4uaWRzLXRleHQge1xuICBjb2xvcjogdmFyKC0taWRzLW5vdGlmaWNhdGlvbi1iYW5uZXItY29sb3ItdGV4dCk7XG59XG5cbmlkcy1oeXBlcmxpbms6OnBhcnQobGluayksXG4uaWRzLW5vdGlmaWNhdGlvbi1iYW5uZXItbGluayBhIHtcbiAgY29sb3I6IHZhcigtLWlkcy1jb2xvci1hY3Rpb24tc3Ryb25nZXIpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB0b3A6IDJweDtcbiAgbWFyZ2luOiAwIHZhcigtLWlkcy1ub3RpZmljYXRpb24tYmFubmVyLXBhZGRpbmcpO1xufVxuXG4uaWRzLW5vdGlmaWNhdGlvbi1iYW5uZXItYnV0dG9uIHtcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogYXV0bztcbiAgbWFyZ2luLWlubGluZS1lbmQ6IHZhcigtLWlkcy1ub3RpZmljYXRpb24tYmFubmVyLWJ1dHRvbi1wYWRkaW5nKTtcblxuICBpZHMtYnV0dG9uXG4gIC5pZHMtaWNvbi1idXR0b24ge1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbn1cblxuaWRzLWJ1dHRvbjo6cGFydChidXR0b24pOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLW5vdGlmaWNhdGlvbi1iYW5uZXItYnV0dG9uLWNvbG9yLWJhY2tncm91bmQtaG92ZXIpO1xufVxuXG4uaWRzLW5vdGlmaWNhdGlvbi1iYW5uZXItbWVzc2FnZSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICYud3JhcCB7XG4gICAgd2hpdGUtc3BhY2U6IHVuc2V0O1xuICAgIHBhZGRpbmctYmxvY2s6IHZhcigtLWlkcy1zcGFjZS0xMik7XG4gIH1cbn1cblxuLmlkcy1ub3RpZmljYXRpb24tYmFubmVyW3R5cGU9J3N1Y2Nlc3MnXSxcbi5pZHMtbm90aWZpY2F0aW9uLWJhbm5lci5zdWNjZXNzIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLW5vdGlmaWNhdGlvbi1iYW5uZXItc3VjY2Vzcy1jb2xvci1iYWNrZ3JvdW5kKTtcbn1cblxuLmlkcy1ub3RpZmljYXRpb24tYmFubmVyW3R5cGU9J2NhdXRpb24nXSxcbi5pZHMtbm90aWZpY2F0aW9uLWJhbm5lci5jYXV0aW9uIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLW5vdGlmaWNhdGlvbi1iYW5uZXItY2F1dGlvbi1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cblxuLmlkcy1ub3RpZmljYXRpb24tYmFubmVyW3R5cGU9J3dhcm5pbmcnXSxcbi5pZHMtbm90aWZpY2F0aW9uLWJhbm5lci53YXJuaW5nIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLW5vdGlmaWNhdGlvbi1iYW5uZXItd2FybmluZy1jb2xvci1iYWNrZ3JvdW5kKTtcbn1cblxuLmlkcy1ub3RpZmljYXRpb24tYmFubmVyW3R5cGU9J2luZm8nXSxcbi5pZHMtbm90aWZpY2F0aW9uLWJhbm5lci5pbmZvIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLW5vdGlmaWNhdGlvbi1iYW5uZXItaW5mby1jb2xvci1iYWNrZ3JvdW5kKTtcbn1cblxuLmlkcy1ub3RpZmljYXRpb24tYmFubmVyW3R5cGU9J2Vycm9yJ10sXG4uaWRzLW5vdGlmaWNhdGlvbi1iYW5uZXIuZXJyb3Ige1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtbm90aWZpY2F0aW9uLWJhbm5lci1lcnJvci1jb2xvci1iYWNrZ3JvdW5kKTtcbn1cbiJdfQ== */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\n\nimport '../ids-text/ids-text';\nimport '../ids-alert/ids-alert';\nimport '../ids-icon/ids-icon';\nimport '../ids-hyperlink/ids-hyperlink';\nimport '../ids-button/ids-button';\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';\n\nimport styles from './ids-notification-banner.scss';\nimport { stringToBool } from '../../utils/ids-string-utils/ids-string-utils';\n\nimport type IdsText from '../ids-text/ids-text';\n\nconst Base = IdsKeyboardMixin(\n  IdsEventsMixin(\n    IdsElement\n  )\n);\n\ntype IdsNotificationBannerAlertType = 'success' | 'warning' | 'caution' | 'info' | 'error';\n\nexport interface IdsNotificationBannerSettings {\n  /* Set the id for the column group object */\n  id?: string;\n  /* Set the parent selector of where to append */\n  parent?: string;\n  /* Set the alert type */\n  type: IdsNotificationBannerAlertType;\n  /* Set the message contents */\n  messageText?: string | null | undefined;\n  /* Set the href link */\n  link?: string,\n  /* Set the href link text */\n  linkText?: string,\n}\n\n/**\n * IDS Notification Banner\n * @type {IdsNotificationBanner}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n * @mixes IdsKeyboardMixin\n * @part container - the notification banner element\n * @part message - the message inside the container element\n * @part link - the link inside the container element\n * @part button - the close button inside the container element\n */\n@customElement('ids-notification-banner')\n@scss(styles)\nexport default class IdsNotificationBanner extends Base {\n  constructor() {\n    super();\n  }\n\n  /**\n   * Invoked each time the custom element is appended into a document-connected element.\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this.#attachEventHandlers();\n    this.#attachKeyboardListeners();\n  }\n\n  /**\n   * Return the properties we handle as getters/setters\n   * @returns {Array} The properties in an array\n   */\n  static get attributes(): Array<any> {\n    return [\n      attributes.MESSAGE,\n      attributes.MESSAGE_TEXT,\n      attributes.LINE_CLAMP,\n      attributes.LINK,\n      attributes.LINK_TEXT,\n      attributes.TYPE,\n      attributes.WRAP\n    ];\n  }\n\n  attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    super.attributeChangedCallback(name, oldValue, newValue);\n    if (oldValue === newValue) return;\n    if (name === attributes.MESSAGE) this.#messageText(newValue);\n    if (name === attributes.MESSAGE_TEXT) this.#messageText(newValue);\n  }\n\n  #messageText(value: string) {\n    const textElement = this.container?.querySelector<IdsText>('.ids-notification-banner-message ids-text.message');\n    if (textElement) textElement.innerText = value || '';\n  }\n\n  /**\n   * Create the Template for the contents\n   * @returns {string} The template\n   */\n  template(): string {\n    // Set the alert icon based on the notification type\n    const alertIcon = this.type;\n    const type = (!this.type) ? 'success' : this.type;\n    const overflow = this.wrap ? '' : 'overflow=\"ellipsis\"';\n\n    return `\n      <div class=\"ids-notification-banner\" part=\"container\" type=\"${type}\">\n        <ids-alert icon=\"${alertIcon === 'warning' ? 'alert' : alertIcon}\"></ids-alert>\n        <div class=\"ids-notification-banner-message ${this.wrap ? 'wrap' : ''}\" part=\"message\">\n          <ids-text class=\"message\" ${overflow}>${this.messageText !== null ? this.messageText : 'Enter Message Text.'}</ids-text>\n        </div>\n\n        <div class=\"ids-notification-banner-link\" part=\"link\"${!this.link ? ' hidden' : ''}>\n          <ids-hyperlink font-size=\"16\" href=\"${this.link || ''}\" target=\"_blank\">${this.linkText === null ? 'Click to view' : this.linkText}</ids-hyperlink>\n        </div>\n\n        <div class=\"ids-notification-banner-button\" part=\"button\">\n          <ids-button appearance=\"tertiary\">\n            <span class=\"audible\">Close Button</span>\n            <ids-icon icon=\"close\" size=\"small\"></ids-icon>\n          </ids-button>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * Toggle text wrapping for overflowing messages.\n   * Text overflow style is ellipsis by default.\n   * @param {boolean | null} value wrapText value\n   */\n  set wrap(value: boolean | null) {\n    const messageContainer = this.container?.querySelector('.ids-notification-banner-message');\n    const messageText = messageContainer?.querySelector('ids-text');\n\n    if (stringToBool(value)) {\n      this.setAttribute(attributes.WRAP, '');\n      messageContainer?.classList.add('wrap');\n      messageText?.setAttribute(attributes.OVERFLOW, 'none');\n    } else {\n      this.removeAttribute(attributes.WRAP);\n      messageContainer?.classList.remove('wrap');\n      messageText?.setAttribute(attributes.OVERFLOW, 'ellipsis');\n    }\n  }\n\n  get wrap(): boolean {\n    return stringToBool(this.getAttribute(attributes.WRAP));\n  }\n\n  /**\n   * Set the type of the Notification Banner\n   * @param {string | null} value the type value\n   * success, alert, info, error\n   */\n  set type(value: IdsNotificationBannerAlertType | null) {\n    if (!value) {\n      this.removeAttribute(attributes.TYPE);\n      this.setAttribute(attributes.TYPE, 'success');\n      this.container?.setAttribute(attributes.TYPE, 'success');\n      this.container?.querySelector<HTMLElement>('ids-alert')!.setAttribute('icon', 'success');\n    } else {\n      this.setAttribute(attributes.TYPE, value);\n      this.container?.setAttribute(attributes.TYPE, value);\n      const alertIcon = value === 'warning' ? 'alert' : value;\n      this.container?.querySelector<HTMLElement>('ids-alert')!.setAttribute('icon', alertIcon || 'info');\n    }\n  }\n\n  get type(): string | null { return this.getAttribute(attributes.TYPE); }\n\n  /**\n   * Set the link inside the Notification Banner\n   * @param {string | null} value the link value\n   */\n  set link(value: string | null) {\n    const linkElem = this.container?.querySelector('.ids-notification-banner-link');\n    if (value) {\n      this.setAttribute(attributes.LINK, value);\n      linkElem?.removeAttribute('hidden');\n      linkElem?.querySelector('ids-hyperlink')?.setAttribute(attributes.HREF, value);\n    } else {\n      this.removeAttribute(attributes.LINK);\n      linkElem!.setAttribute('hidden', '');\n    }\n  }\n\n  get link(): string | null { return this.getAttribute(attributes.LINK); }\n\n  /**\n   * Sets line clamp value to truncate message text\n   * @param {number|null} val number of displayed before truncating\n   */\n  set lineClamp(val: number | null) {\n    const rows = Number(val);\n\n    if (!Number.isNaN(rows) && rows > 0) {\n      this.setAttribute(attributes.LINE_CLAMP, String(rows));\n      this.messageElem?.setAttribute(attributes.LINE_CLAMP, String(rows));\n    } else {\n      this.removeAttribute(attributes.LINE_CLAMP);\n      this.messageElem?.removeAttribute(attributes.LINE_CLAMP);\n    }\n  }\n\n  get lineClamp(): number | null {\n    return Number(this.getAttribute(attributes.LINE_CLAMP)) || null;\n  }\n\n  /**\n   * Set the custom link text of the Notification Banner\n   * @param {string | null} value the link-text value\n   */\n  set linkText(value: string | null) {\n    const linkElem = this.container?.querySelector<HTMLElement>('.ids-notification-banner-link ids-hyperlink');\n    if (value) {\n      this.setAttribute(attributes.LINK_TEXT, value);\n      (linkElem as HTMLElement)!.innerText = value;\n    } else {\n      this.removeAttribute(attributes.LINK_TEXT);\n      (linkElem as HTMLElement)!.innerText = '';\n    }\n  }\n\n  get linkText() { return this.getAttribute(attributes.LINK_TEXT); }\n\n  /**\n   * Set the message text of the Notification Banner\n   * @param {string | null} value the message-text value\n   */\n  set messageText(value: string | null) {\n    if (value) {\n      this.setAttribute(attributes.MESSAGE_TEXT, value);\n    } else {\n      this.removeAttribute(attributes.MESSAGE_TEXT);\n    }\n  }\n\n  get messageText() { return this.getAttribute(attributes.MESSAGE_TEXT); }\n\n  /**\n   * Set the message text of the Notification Banner\n   * @param {string | null} value the message-text value\n   */\n  set message(value: string | null) {\n    if (value) {\n      this.setAttribute(attributes.MESSAGE, value);\n    } else {\n      this.removeAttribute(attributes.MESSAGE);\n    }\n  }\n\n  get message() { return this.getAttribute(attributes.MESSAGE); }\n\n  get messageElem(): IdsText | null {\n    return this.container?.querySelector<IdsText>('ids-text.message') ?? null;\n  }\n\n  /**\n   * Establish Internal Event Handlers\n   * @private\n   * @returns {object} The object for chaining.\n   */\n  #attachEventHandlers(): object {\n    const closeBtn = this.container?.querySelector('ids-button');\n    this.onEvent('click', closeBtn, () => this.dismiss());\n    return this;\n  }\n\n  /**\n   * Establish Internal Keyboard shortcuts\n   * @private\n   * @returns {object} This API object for chaining\n   */\n  #attachKeyboardListeners(): object {\n    const closeBtn = this.container?.querySelector('ids-button');\n    this.listen('Enter', closeBtn, () => this.dismiss());\n    return this;\n  }\n\n  /**\n   * Shows a notification banner dynamically\n   * @param {object} notification Object passed in for notification creation\n   * @returns {void}\n   */\n  add(notification: IdsNotificationBannerSettings): void {\n    const {\n      id,\n      parent,\n      type,\n      messageText,\n      link,\n      linkText\n    } = notification;\n    const messageTextEl = this.container?.querySelector('[part=\"message\"]');\n    const linkEl = this.container?.querySelector('[part=\"link\"]');\n    const alertIcon = this.container?.querySelector('ids-alert');\n    const overflow = this.wrap ? '' : 'overflow=\"ellipsis\"';\n\n    // Set properties\n    if (id) {\n      this.setAttribute('id', id);\n    }\n    this.type = type;\n    this.messageText = messageText || '';\n    alertIcon?.setAttribute('icon', this.type ?? '');\n    if (messageTextEl) messageTextEl.innerHTML = `<ids-text ${overflow}>${this.messageText}</ids-text>`;\n\n    // Check for link and create the necassary elements.\n    if (notification.link && linkEl) {\n      this.link = link || '';\n      this.linkText = linkText === undefined ? 'Click to view' : linkText;\n      linkEl.innerHTML = `<ids-hyperlink href=\"${this.link}\" target=\"_blank\">${this.linkText}</ids-hyperlink>`;\n    }\n\n    // Check if parent container is defined if not append to a parent\n    if (parent) {\n      const parentEl = document.querySelector(parent);\n      parentEl?.prepend(<any> this);\n    } else if (document.querySelector('ids-container')) {\n      document.querySelector('ids-container')?.prepend(<any> this);\n    } else {\n      document.body.prepend(<any> this);\n    }\n  }\n\n  /**\n   * Remove the notification from the page\n   */\n  dismiss() {\n    let canDismiss = true;\n    const response = (veto: any) => {\n      canDismiss = !!veto;\n    };\n    this.triggerEvent('beforeclose', this, { detail: { elem: this, response } });\n\n    if (!canDismiss) {\n      return;\n    }\n\n    this.triggerEvent('close', this, { detail: { elem: this } });\n    this.remove();\n    this.triggerEvent('afterclose', this, { detail: { elem: this } });\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["ids_notification_banner_default", "Base", "ids_keyboard_mixin_default", "ids_events_mixin_default", "IdsElement", "_IdsNotificationBanner_instances", "messageText_fn", "attachEventHandlers_fn", "attachKeyboardListeners_fn", "IdsNotificationBanner", "__privateAdd", "__privateMethod", "attributes", "name", "oldValue", "newValue", "alertIcon", "type", "overflow", "value", "messageContainer", "messageText", "stringToBool", "linkElem", "val", "rows", "notification", "id", "parent", "link", "linkText", "messageTextEl", "linkEl", "canDismiss", "response", "veto", "textElement", "closeBtn", "__decorateClass", "customElement", "scss", "ids_notification_banner_default"]
-}

package/chunks/ids-chunk-XFGDVVPU.js

@@ -1,74 +0,0 @@
-import{a as f}from"./ids-chunk-46CNAHSV.js";import{a as I}from"./ids-chunk-3ZNIY4EY.js";import{a as L,b as X}from"./ids-chunk-W544ATNJ.js";import{a as w}from"./ids-chunk-T4CWIXQV.js";import{a as v}from"./ids-chunk-7TWTH2YZ.js";import{a as B,b as r,c as n,d as l}from"./ids-chunk-L5CMP5FA.js";var V=`/* Ids Text Css */
-:host {
-  display: block;
-  width: 100%;
-}
-
-text {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: block;
-  font-weight: var(--ids-font-weight-normal);
-  margin: var(--ids-space-none);
-  font-size: var(--ids-font-size-sm);
-  color: currentColor;
-  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
-}
-
-svg {
-  stroke: var(--ids-tree-treemap-color-border);
-}
-
-.treemap-title {
-  background-color: var(--ids-tree-treemap-title-color-background);
-  padding: var(--ids-space-xs);
-  color: var(--ids-tree-treemap-title-color-text);
-  text-align: center;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXRyZWVtYXAiLCJzb3VyY2VzIjpbImlkcy10cmVlbWFwLnNjc3MiLCIuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBR0E7RUFDRTtFQUNBOzs7QUFHRjtFQ0VFO0VBQ0E7RURBQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgVGV4dCBDc3MgKi9cbkB1c2UgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zLnNjc3MnIGFzIG1peGlucztcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG59XG5cbnRleHQge1xuICBAaW5jbHVkZSBtaXhpbnMuYW50aWFsaWFzZWQoKTtcblxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC13ZWlnaHQ6IHZhcigtLWlkcy1mb250LXdlaWdodC1ub3JtYWwpO1xuICBtYXJnaW46IHZhcigtLWlkcy1zcGFjZS1ub25lKTtcbiAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLXNtKTtcbiAgY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWlkcy1mb250LWZhbWlseS1kZWZhdWx0KSwgdmFyKC0taWRzLWZvbnQtZmFtaWx5LXN5c3RlbS1zYW5zKTtcbn1cblxuc3ZnIHtcbiAgc3Ryb2tlOiB2YXIoLS1pZHMtdHJlZS10cmVlbWFwLWNvbG9yLWJvcmRlcik7XG59XG5cbi50cmVlbWFwLXRpdGxlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLXRyZWUtdHJlZW1hcC10aXRsZS1jb2xvci1iYWNrZ3JvdW5kKTtcbiAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLXhzKTtcbiAgY29sb3I6IHZhcigtLWlkcy10cmVlLXRyZWVtYXAtdGl0bGUtY29sb3ItdGV4dCk7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbiIsIi8vIEJyZWFrcG9pbnRzIC0gdGhpcyBjYW50IGJlIHRva2Vuc1xuJGJyZWFrcG9pbnQteHhsOiAxNDQwcHg7XG4kYnJlYWtwb2ludC14bDogMTI4MHB4O1xuJGJyZWFrcG9pbnQtbGc6IDEwMjRweDtcbiRicmVha3BvaW50LW1kOiA4NDBweDtcbiRicmVha3BvaW50LXNtOiA2MDBweDtcbiRicmVha3BvaW50LXhzOiAzNjBweDtcblxuLy8gU2V0cyBUZXh0IEFudGlhbGlhc2luZ1xuQG1peGluIGFudGlhbGlhc2VkIHtcbiAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG4gIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7XG59XG5cbiR0cmFuc2l0aW9uLWxlbmd0aDogdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbik7XG4kdHJhbnNpdGlvbi1lYXNlOiB2YXIoLS1pZHMtbW90aW9uLWVhc2UpO1xuXG4vLyB2ZW5kb3IgcHJlZml4ZWQgdHJhbnNpdGlvbnMgZm9yIHJlZ3VsYXIgYXR0cmlidXRlcyAobm9uLXZlbmRvciBwcmVmaXhlZClcbkBtaXhpbiB0cmFuc2l0aW9uKCR0cmFuc2l0aW9ucy1saXN0Li4uKSB7XG4gIEBlYWNoICRwcmVmaXggaW4gJHByZWZpeGVzIHtcbiAgICAjeyRwcmVmaXh9dHJhbnNpdGlvbjogJHRyYW5zaXRpb25zLWxpc3Q7XG4gIH1cbn1cblxuLy8gbWFrZSB0aGUgdGV4dCBpbnZpc2libGUgdmlzdWFsbHkgYnV0IHJlYWRhYmxlIGJ5IHNjcmVlbiByZWFkZXJzXG5AbWl4aW4gYXVkaWJsZSgpIHtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgaGVpZ2h0OiAwO1xuICBsaW5lLWhlaWdodDogMDtcbiAgbWluLWhlaWdodDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xufVxuXG4vLyBDYWxjdWxhdGUgc2l6ZSBpbmNsdWRpbmcgYm9yZGVycyAobm90IGV4Y2x1ZGluZylcbkBtaXhpbiBib3JkZXItYm94IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn0iXX0= */`;var z=300,H=f(I(w)),p,W,g,h,y,d,c,o,R,u,m=class extends H{constructor(){super();r(this,"d",[]);r(this,"height",z);r(this,"width",NaN);r(this,"Rectangle",{data:[],xBeginning:0,yBeginning:0,totalWidth:NaN,totalHeight:z});r(this,"initialData",[]);l(this,p,t=>Math.max(...t));l(this,W,t=>Math.min(...t));l(this,g,(t,e)=>t+e);l(this,h,t=>Math.max(Math.round(t*100)/100,0));l(this,y,t=>{let e=t.data,i=t.height;if(typeof i!="number"||i<=0)throw new Error("You need to specify the height of your treemap");if(!Array.isArray(e)||e.length===0||!e.every(a=>Object.prototype.hasOwnProperty.call(a,"value")&&typeof a.value=="number"&&a.value>=0))throw new Error("Your data must be in this format [{ value: 1 }, { value: 2 }], 'value' being a positive number")});l(this,d,(t,e)=>{let i=t.reduce(n(this,g),0),a=n(this,p).call(this,t),b=n(this,W).call(this,t);return Math.max(e**2*a/i**2,i**2/(e**2*b))});l(this,c,()=>this.Rectangle.totalHeight**2>this.Rectangle.totalWidth**2?{value:this.Rectangle.totalWidth,vertical:!1}:{value:this.Rectangle.totalHeight,vertical:!0});l(this,o,(t,e,i)=>{let a=t.reduce(n(this,g),0)/e;t.forEach(b=>{let s=b/a,{xBeginning:x}=this.Rectangle,{yBeginning:Z}=this.Rectangle,G;i?(G={x,y:Z,width:a,height:s,data:this.initialData[this.Rectangle.data.length]},this.Rectangle.yBeginning+=s):(G={x,y:Z,width:s,height:a,data:this.initialData[this.Rectangle.data.length]},this.Rectangle.xBeginning+=s),this.Rectangle.data.push(G)}),i?(this.Rectangle.xBeginning+=a,this.Rectangle.yBeginning-=e,this.Rectangle.totalWidth-=a):(this.Rectangle.xBeginning-=e,this.Rectangle.yBeginning+=a,this.Rectangle.totalHeight-=a)});l(this,R,(t,e,i)=>{let{vertical:a}=n(this,c).call(this);n(this,o).call(this,t,i,a),n(this,o).call(this,e,i,a)});l(this,u,(t,e,i)=>{if(t.length===1)return n(this,R).call(this,e,t,i);let a=[...e,t[0]];return e.length===0||n(this,d).call(this,e,i)>=n(this,d).call(this,a,i)?(t.shift(),n(this,u).call(this,t,a,i)):(n(this,o).call(this,e,i,n(this,c).call(this).vertical),n(this,u).call(this,t,[],n(this,c).call(this).value))});r(this,"onLocaleChange",()=>{this.render(!0)})}connectedCallback(){super.connectedCallback(),this.resizeTreemap()}static get attributes(){return[...super.attributes,v.DATA,v.TITLE]}set data(t){this.d=t,this.render(!0)}get data(){return this.d}onTitleChange(t){let e=this.shadowRoot?.querySelector('[part="title"]');e&&(e.innerHTML=t||"")}template(){return`
-      <div class="treemap-container">
-        <div class="treemap-title">
-          ${this.templateTitle()}
-        </div>
-        ${this.templateSvg(this.data)}
-      </div>
-    `}templateSvg(t){let e="<svg>Sorry, your browser does not support inline SVG.</svg>";return t!==void 0&&(e=`
-        <svg width='${this.width}' height='${this.height}' stroke-width=".5">
-          ${t?.map(i=>this.templateGroups(i)).join("")}
-        </svg>
-      `),e}templateGroups(t){let a=this.localeAPI?.isRTL()?t.width+t.x-8*2:t.x+8*2;return`
-      <g
-        fill=${t?.data?.color||"#003876"}
-        class="treemap-rect"
-      >
-        <rect
-          x=${t.x}
-          y=${t.y}
-          width=${t.width}
-          height=${t.height}
-        >
-        </rect>
-        <text
-          fill="white"
-          text-anchor="start"
-          x="${a}"
-          y="${t.y+8*3}"
-          stroke-width="0"
-        >
-          ${t?.data?.text||"Empty"}
-        </text>
-        <text
-          fill="white"
-          text-anchor="start"
-          x="${a}"
-          y="${t.y+8*6}"
-          stroke-width="0"
-        >
-          ${t?.data?.label||"0%"}
-        </text>
-      </g>
-    `}templateTitle(){return`
-      <ids-text type="span" font-weight="semi-bold" part="title">
-        ${typeof this.title=="string"?this.title:"Add Treemap Title"}
-      </ids-text>`}treeMap(t){if(t&&t.data.length>0){let e=t.height,i=t.data;n(this,y).call(this,{data:i,height:e}),this.width=this.container?.offsetWidth??NaN,this.height=e,this.Rectangle={data:[],xBeginning:0,yBeginning:0,totalWidth:this.width,totalHeight:this.height},this.initialData=i;let a=i.map(s=>s.value).reduce(n(this,g),0),b=i.map(s=>s.value*this.height*this.width/a);return n(this,u).call(this,b,[],n(this,c).call(this).value),this.Rectangle.data.map(s=>({...s,x:n(this,h).call(this,s.x),y:n(this,h).call(this,s.y),width:n(this,h).call(this,s.width),height:n(this,h).call(this,s.height)}))}return[]}resizeTreemap(){new ResizeObserver(e=>{for(let i of e){this.width=i.target.offsetWidth;let a={data:this.initialData,width:this.width,height:this.height};this.treeMap(a)&&(this.data=this.treeMap(a))}}).observe(this)}};p=new WeakMap,W=new WeakMap,g=new WeakMap,h=new WeakMap,y=new WeakMap,d=new WeakMap,c=new WeakMap,o=new WeakMap,R=new WeakMap,u=new WeakMap,m=B([L("ids-treemap"),X(V)],m);export{m as a};
-//# sourceMappingURL=ids-chunk-XFGDVVPU.js.map

package/chunks/ids-chunk-XFGDVVPU.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-treemap/ids-treemap.scss", "../../../../src/components/ids-treemap/ids-treemap.ts"],
-  "sourcesContent": ["export default `/* Ids Text Css */\n:host {\n  display: block;\n  width: 100%;\n}\n\ntext {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  display: block;\n  font-weight: var(--ids-font-weight-normal);\n  margin: var(--ids-space-none);\n  font-size: var(--ids-font-size-sm);\n  color: currentColor;\n  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);\n}\n\nsvg {\n  stroke: var(--ids-tree-treemap-color-border);\n}\n\n.treemap-title {\n  background-color: var(--ids-tree-treemap-title-color-background);\n  padding: var(--ids-space-xs);\n  color: var(--ids-tree-treemap-title-color-text);\n  text-align: center;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXRyZWVtYXAiLCJzb3VyY2VzIjpbImlkcy10cmVlbWFwLnNjc3MiLCIuLi8uLi90aGVtZXMvbWl4aW5zL2lkcy1jb3JlLW1peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBR0E7RUFDRTtFQUNBOzs7QUFHRjtFQ0VFO0VBQ0E7RURBQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0EiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgVGV4dCBDc3MgKi9cbkB1c2UgJy4uLy4uL3RoZW1lcy9taXhpbnMvaWRzLWNvcmUtbWl4aW5zLnNjc3MnIGFzIG1peGlucztcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDEwMCU7XG59XG5cbnRleHQge1xuICBAaW5jbHVkZSBtaXhpbnMuYW50aWFsaWFzZWQoKTtcblxuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udC13ZWlnaHQ6IHZhcigtLWlkcy1mb250LXdlaWdodC1ub3JtYWwpO1xuICBtYXJnaW46IHZhcigtLWlkcy1zcGFjZS1ub25lKTtcbiAgZm9udC1zaXplOiB2YXIoLS1pZHMtZm9udC1zaXplLXNtKTtcbiAgY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWlkcy1mb250LWZhbWlseS1kZWZhdWx0KSwgdmFyKC0taWRzLWZvbnQtZmFtaWx5LXN5c3RlbS1zYW5zKTtcbn1cblxuc3ZnIHtcbiAgc3Ryb2tlOiB2YXIoLS1pZHMtdHJlZS10cmVlbWFwLWNvbG9yLWJvcmRlcik7XG59XG5cbi50cmVlbWFwLXRpdGxlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLXRyZWUtdHJlZW1hcC10aXRsZS1jb2xvci1iYWNrZ3JvdW5kKTtcbiAgcGFkZGluZzogdmFyKC0taWRzLXNwYWNlLXhzKTtcbiAgY29sb3I6IHZhcigtLWlkcy10cmVlLXRyZWVtYXAtdGl0bGUtY29sb3ItdGV4dCk7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbiIsIi8vIEJyZWFrcG9pbnRzIC0gdGhpcyBjYW50IGJlIHRva2Vuc1xuJGJyZWFrcG9pbnQteHhsOiAxNDQwcHg7XG4kYnJlYWtwb2ludC14bDogMTI4MHB4O1xuJGJyZWFrcG9pbnQtbGc6IDEwMjRweDtcbiRicmVha3BvaW50LW1kOiA4NDBweDtcbiRicmVha3BvaW50LXNtOiA2MDBweDtcbiRicmVha3BvaW50LXhzOiAzNjBweDtcblxuLy8gU2V0cyBUZXh0IEFudGlhbGlhc2luZ1xuQG1peGluIGFudGlhbGlhc2VkIHtcbiAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG4gIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7XG59XG5cbiR0cmFuc2l0aW9uLWxlbmd0aDogdmFyKC0taWRzLW1vdGlvbi1kdXJhdGlvbik7XG4kdHJhbnNpdGlvbi1lYXNlOiB2YXIoLS1pZHMtbW90aW9uLWVhc2UpO1xuXG4vLyB2ZW5kb3IgcHJlZml4ZWQgdHJhbnNpdGlvbnMgZm9yIHJlZ3VsYXIgYXR0cmlidXRlcyAobm9uLXZlbmRvciBwcmVmaXhlZClcbkBtaXhpbiB0cmFuc2l0aW9uKCR0cmFuc2l0aW9ucy1saXN0Li4uKSB7XG4gIEBlYWNoICRwcmVmaXggaW4gJHByZWZpeGVzIHtcbiAgICAjeyRwcmVmaXh9dHJhbnNpdGlvbjogJHRyYW5zaXRpb25zLWxpc3Q7XG4gIH1cbn1cblxuLy8gbWFrZSB0aGUgdGV4dCBpbnZpc2libGUgdmlzdWFsbHkgYnV0IHJlYWRhYmxlIGJ5IHNjcmVlbiByZWFkZXJzXG5AbWl4aW4gYXVkaWJsZSgpIHtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgaGVpZ2h0OiAwO1xuICBsaW5lLWhlaWdodDogMDtcbiAgbWluLWhlaWdodDogMDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xufVxuXG4vLyBDYWxjdWxhdGUgc2l6ZSBpbmNsdWRpbmcgYm9yZGVycyAobm90IGV4Y2x1ZGluZylcbkBtaXhpbiBib3JkZXItYm94IHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn0iXX0= */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsLocaleMixin from '../../mixins/ids-locale-mixin/ids-locale-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport styles from './ids-treemap.scss';\n\nconst DEFAULT_HEIGHT = 300;\n\ntype Data = {\n  value: number,\n  color: string,\n  text: string,\n  label: string,\n};\n\ntype TreemapDataSet = {\n  data: Data,\n  width: number,\n  height: number,\n  x: number,\n  y: number\n};\n\ntype RectMinWidth = {\n  value: number,\n  vertical: boolean\n};\n\ntype Squarify = {\n  children: number[],\n  row: number[],\n  width: number\n};\n\ntype TreemapRectangle = {\n  data: any[];\n  xBeginning: number;\n  yBeginning: number;\n  totalWidth: number,\n  totalHeight: number,\n};\n\nconst Base = IdsLocaleMixin(\n  IdsEventsMixin(\n    IdsElement\n  )\n);\n\n/**\n * IDS Tree Component\n * Based on Treemap Squarify: https://github.com/clementbat/treemap\n * @type {IdsTreeMap}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n * @mixes IdsLocaleMixin\n * @part tree - the tree element\n */\n@customElement('ids-treemap')\n@scss(styles)\nexport default class IdsTreeMap extends Base {\n  d: TreemapDataSet[] = [];\n\n  height = DEFAULT_HEIGHT;\n\n  width = NaN;\n\n  Rectangle: TreemapRectangle = {\n    data: [],\n    xBeginning: 0,\n    yBeginning: 0,\n    totalWidth: NaN,\n    totalHeight: DEFAULT_HEIGHT\n  };\n\n  initialData: Data[] = [];\n\n  constructor() {\n    super();\n  }\n\n  /**\n   * Invoked each time the custom element is appended into a document-connected element.\n   */\n  connectedCallback() {\n    super.connectedCallback();\n    this.resizeTreemap();\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() {\n    return [\n      ...super.attributes,\n      attributes.DATA,\n      attributes.TITLE\n    ];\n  }\n\n  /**\n   * Set the data attribute\n   * @param {TreemapDataSet[]} value of the treemap data object\n   * @memberof IdsTreeMap\n   */\n  set data(value: TreemapDataSet[]) {\n    this.d = value;\n    this.render(true);\n  }\n\n  /**\n   * Get the data attribute\n   * @returns {TreemapDataSet[]} data of the treemap data object\n   * @readonly\n   * @memberof IdsTreeMap\n   */\n  get data(): TreemapDataSet[] {\n    return this.d;\n  }\n\n  /**\n   * Handles title attribute changes\n   * @param {string} value title value\n   */\n  onTitleChange(value: string | null) {\n    const titleText = this.shadowRoot?.querySelector('[part=\"title\"]');\n    if (titleText) titleText.innerHTML = value || '';\n  }\n\n  /**\n   * Create the Template for the contents\n   * @returns {string} The template\n   */\n  template(): string {\n    const treemap = `\n      <div class=\"treemap-container\">\n        <div class=\"treemap-title\">\n          ${this.templateTitle()}\n        </div>\n        ${this.templateSvg(this.data)}\n      </div>\n    `;\n\n    return treemap;\n  }\n\n  /**\n   * Render SVG markup\n   * @param {TreemapDataSet[]} data data array\n   * @returns {string} svg\n   * @memberof IdsTreeMap\n   */\n  templateSvg(data: TreemapDataSet[]): string {\n    let svg = `<svg>Sorry, your browser does not support inline SVG.</svg>`;\n\n    if (data !== undefined) {\n      svg = `\n        <svg width='${this.width}' height='${this.height}' stroke-width=\".5\">\n          ${data?.map((rect: TreemapDataSet) => this.templateGroups(rect)).join('')}\n        </svg>\n      `;\n    }\n\n    return svg;\n  }\n\n  /**\n   * Render the group markup\n   * @param {TreemapDataSet} rect item in the data array\n   * @returns {string} svg group\n   * @memberof IdsTreeMap\n   */\n  templateGroups(rect: TreemapDataSet): string {\n    const textOffset = 8;\n    const isRTL = this.localeAPI?.isRTL();\n    const textX = isRTL ? rect.width + rect.x - textOffset * 2 : rect.x + textOffset * 2;\n\n    return `\n      <g\n        fill=${rect?.data?.color || '#003876'}\n        class=\"treemap-rect\"\n      >\n        <rect\n          x=${rect.x}\n          y=${rect.y}\n          width=${rect.width}\n          height=${rect.height}\n        >\n        </rect>\n        <text\n          fill=\"white\"\n          text-anchor=\"start\"\n          x=\"${textX}\"\n          y=\"${rect.y + textOffset * 3}\"\n          stroke-width=\"0\"\n        >\n          ${rect?.data?.text || 'Empty'}\n        </text>\n        <text\n          fill=\"white\"\n          text-anchor=\"start\"\n          x=\"${textX}\"\n          y=\"${rect.y + textOffset * 6}\"\n          stroke-width=\"0\"\n        >\n          ${rect?.data?.label || '0%'}\n        </text>\n      </g>\n    `;\n  }\n\n  /**\n   * Render the title markup\n   * @returns {string} Title banner markup\n   * @memberof IdsTreeMap\n   */\n  templateTitle(): string {\n    return `\n      <ids-text type=\"span\" font-weight=\"semi-bold\" part=\"title\">\n        ${typeof this.title === 'string' ? this.title : 'Add Treemap Title'}\n      </ids-text>`;\n  }\n\n  /**\n   * Get max number\n   * @param {number[]} array row\n   * @returns {number} max number\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #getMaximum = (array: number[]): number => Math.max(...array);\n\n  /**\n   * Get min number\n   * @param {number[]} array row\n   * @returns {number} min number\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #getMinimum = (array: number[]): number => Math.min(...array);\n\n  /**\n   * Sum Reducer\n   * @param {number} acc row\n   * @param {number} cur row\n   * @returns {Array} reduced array\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #sumReducer = (acc: number, cur: number): number => acc + cur;\n\n  /**\n   * Round Value and preserve 2 decimals\n   * @param {number} number row\n   * @returns {number} round value array\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #roundValue = (number: number): number => Math.max(Math.round(number * 100) / 100, 0);\n\n  /**\n   * Validate the treemap object.\n   * @param {TreemapDataSet} treemap containing data and height\n   * @param {Data[]} treemap.data array that contains the treemap block definitions\n   * @param {number} treemap.height total hieght of the treemap\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #validateArguments = (\n    treemap: {\n      data: Data[],\n      height: number\n    }\n  ) => {\n    const data = treemap.data;\n    const height = treemap.height;\n\n    if (typeof height !== 'number' || height <= 0) {\n      throw new Error('You need to specify the height of your treemap');\n    }\n    if (!Array.isArray(data) || data.length === 0 || !data.every((dataPoint) => Object.prototype.hasOwnProperty.call(dataPoint, 'value') && typeof dataPoint.value === 'number' && dataPoint.value >= 0)) {\n      throw new Error('Your data must be in this format [{ value: 1 }, { value: 2 }], \\'value\\' being a positive number');\n    }\n  };\n\n  /**\n   * Calculate worst ratio\n   * @param {number[]} row array\n   * @param {number} width of row\n   * @returns {number} worst ratio number\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #worstRatio = (row: number[], width: number): number => {\n    const sum = row.reduce(this.#sumReducer, 0);\n    const rowMax = this.#getMaximum(row);\n    const rowMin = this.#getMinimum(row);\n    return Math.max(((width ** 2) * rowMax) / (sum ** 2), (sum ** 2) / ((width ** 2) * rowMin));\n  };\n\n  /**\n   * Get the min width\n   * @returns {RectMinWidth} the minWidth object\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #getMinWidth = (): RectMinWidth => {\n    if (this.Rectangle.totalHeight ** 2 > this.Rectangle.totalWidth ** 2) {\n      return { value: this.Rectangle.totalWidth, vertical: false };\n    }\n    return { value: this.Rectangle.totalHeight, vertical: true };\n  };\n\n  /**\n   * Layout Row\n   * @param {number[]} row array\n   * @param {number} width number\n   * @param {boolean} vertical boolean\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #layoutRow = (\n    row: number[],\n    width: number,\n    vertical: boolean\n  ) => {\n    const rowHeight = row.reduce(this.#sumReducer, 0) / width;\n\n    row.forEach((rowItem: number) => {\n      const rowWidth = rowItem / rowHeight;\n      const { xBeginning } = this.Rectangle;\n      const { yBeginning } = this.Rectangle;\n      let data;\n\n      if (vertical) {\n        data = {\n          x: xBeginning,\n          y: yBeginning,\n          width: rowHeight,\n          height: rowWidth,\n          data: this.initialData[this.Rectangle.data.length],\n        };\n\n        this.Rectangle.yBeginning += rowWidth;\n      } else {\n        data = {\n          x: xBeginning,\n          y: yBeginning,\n          width: rowWidth,\n          height: rowHeight,\n          data: this.initialData[this.Rectangle.data.length],\n        };\n\n        this.Rectangle.xBeginning += rowWidth;\n      }\n\n      this.Rectangle.data.push(data);\n    });\n\n    if (vertical) {\n      this.Rectangle.xBeginning += rowHeight;\n      this.Rectangle.yBeginning -= width;\n      this.Rectangle.totalWidth -= rowHeight;\n    } else {\n      this.Rectangle.xBeginning -= width;\n      this.Rectangle.yBeginning += rowHeight;\n      this.Rectangle.totalHeight -= rowHeight;\n    }\n  };\n\n  /**\n   * Layout last row\n   * @param {number[]} rows array\n   * @param {number[]} children array\n   * @param {number} width number\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #layoutLastRow = (\n    rows: number[],\n    children: number[],\n    width: number\n  ) => {\n    const { vertical }: Pick<RectMinWidth, 'vertical'> = this.#getMinWidth();\n    this.#layoutRow(rows, width, vertical);\n    this.#layoutRow(children, width, vertical);\n  };\n\n  /**\n   * Squarify\n   * @param {number[]} children array\n   * @param {number[]} row array\n   * @param {number} width number\n   * @returns {any} squarified row\n   * @memberof IdsTreeMap\n   * @private\n   */\n  #squarify = (\n    children: number[],\n    row: number[],\n    width: number\n  ): void | Squarify => {\n    if (children.length === 1) {\n      return this.#layoutLastRow(row, children, width);\n    }\n\n    const rowWithChild = [...row, children[0]];\n\n    if (row.length === 0 || this.#worstRatio(row, width) >= this.#worstRatio(rowWithChild, width)) {\n      children.shift();\n      return this.#squarify(children, rowWithChild, width);\n    }\n\n    this.#layoutRow(row, width, this.#getMinWidth().vertical);\n    return this.#squarify(children, [], this.#getMinWidth().value);\n  };\n\n  /**\n   * Create the Treemap\n   * @param {TreemapDataSet} treemap object that contains config for the treemap\n   * @param {Data[]} treemap.data array that contains the treemap block definitions\n   * @param {number} treemap.height total hieght of the treemap\n   * @returns {TreemapDataSet[]} treemap array\n   * @memberof IdsTreeMap\n   */\n  treeMap(\n    treemap: {\n      data: Data[],\n      height: number\n    }\n  ): TreemapDataSet[] {\n    if (treemap && treemap.data.length > 0) {\n      const height = treemap.height;\n      const data = treemap.data;\n\n      this.#validateArguments({ data, height });\n      this.width = this.container?.offsetWidth ?? NaN;\n      this.height = height;\n\n      this.Rectangle = {\n        data: [],\n        xBeginning: 0,\n        yBeginning: 0,\n        totalWidth: this.width,\n        totalHeight: this.height,\n      };\n\n      this.initialData = data;\n      const totalValue = data.map((dataPoint: Data) => dataPoint.value).reduce(this.#sumReducer, 0);\n      const dataScaled = data.map((dataPoint: Data) => (dataPoint.value * this.height * this.width) / totalValue);\n\n      this.#squarify(dataScaled, [], this.#getMinWidth().value);\n\n      return this.Rectangle.data.map((dataPoint: TreemapDataSet) => ({\n        ...dataPoint,\n        x: this.#roundValue(dataPoint.x),\n        y: this.#roundValue(dataPoint.y),\n        width: this.#roundValue(dataPoint.width),\n        height: this.#roundValue(dataPoint.height),\n      }));\n    }\n\n    return [];\n  }\n\n  /**\n   * Resize the treemap based on screen size\n   * @memberof IdsTreeMap\n   */\n  resizeTreemap() {\n    const resizeObserver: any = new ResizeObserver((entries) => {\n      for (const entry of entries as any) {\n        // Recalculate treemap data\n        this.width = entry.target.offsetWidth;\n        const updatedObj = {\n          data: this.initialData,\n          width: this.width,\n          height: this.height\n        };\n\n        const newData = this.treeMap(updatedObj);\n        if (newData) {\n          this.data = this.treeMap(updatedObj);\n        }\n      }\n    });\n\n    resizeObserver.observe(this);\n  }\n\n  /**\n   * Handle Locale (and language) change\n   */\n  onLocaleChange = () => {\n    this.render(true);\n  };\n}\n"],
-  "mappings": "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",
-  "names": ["ids_treemap_default", "DEFAULT_HEIGHT", "Base", "ids_locale_mixin_default", "ids_events_mixin_default", "IdsElement", "_getMaximum", "_getMinimum", "_sumReducer", "_roundValue", "_validateArguments", "_worstRatio", "_getMinWidth", "_layoutRow", "_layoutLastRow", "_squarify", "IdsTreeMap", "__publicField", "__privateAdd", "array", "acc", "cur", "number", "treemap", "data", "height", "dataPoint", "row", "width", "sum", "__privateGet", "rowMax", "rowMin", "vertical", "rowHeight", "rowItem", "rowWidth", "xBeginning", "yBeginning", "rows", "children", "rowWithChild", "attributes", "value", "titleText", "svg", "rect", "textX", "totalValue", "dataScaled", "entries", "entry", "updatedObj", "__decorateClass", "customElement", "scss", "ids_treemap_default"]
-}

package/chunks/ids-chunk-XIN3D2ZX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-date-picker/ids-month-year-picklist.scss", "../../../../src/components/ids-date-picker/ids-month-year-picklist.ts"],
-  "sourcesContent": ["export default `:host {\n  display: block;\n  height: 100%;\n}\n\n.picklist {\n  display: flex;\n  height: 100%;\n  position: relative;\n}\n\n:not(.is-expanded) .picklist-section::before {\n  background-color: var(--ids-color-transparent);\n}\n\n.picklist-section {\n  height: 100%;\n  width: 50%;\n  flex: 0 0 50%;\n}\n.picklist-section:only-child {\n  width: 100%;\n  flex: 0 0 100%;\n}\n.picklist-section + .picklist-section::before {\n  background-color: var(--ids-color-neutral-30);\n  position: absolute;\n  content: \" \";\n  width: 1px;\n  left: 0;\n  right: 0;\n  margin-left: auto;\n  margin-right: auto;\n  height: calc(75% + 14px);\n  top: calc(12.5% - 4px);\n}\n\n.picklist-list {\n  display: flex;\n  list-style: none;\n  align-items: center;\n  flex-direction: column;\n  justify-content: space-around;\n  padding: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  height: 100%;\n}\n\n.picklist-item {\n  display: flex;\n  cursor: pointer;\n  border: 1px solid transparent;\n  color: var(--ids-date-picker-picklist-item-color-text-default);\n  padding-block: 1px;\n  box-sizing: border-box;\n  user-select: none;\n  height: 12.5%;\n  align-items: center;\n  justify-content: center;\n  contain: content;\n  width: 100%;\n}\n.picklist-item ids-text {\n  line-height: 0;\n}\n.picklist-item.is-selected {\n  color: var(--ids-date-picker-picklist-item-color-text-selected);\n  background-color: var(--ids-date-picker-picklist-item-color-background-selected);\n}\n.picklist-item.is-selected ids-text::part(text) {\n  font-weight: 600;\n}\n.picklist-item:focus {\n  border-color: var(--ids-date-picker-item-color-border-focus);\n  box-shadow: var(--ids-date-picker-item-shadow-focus);\n  outline: none;\n}\n.picklist-item.is-year-nav, .picklist-item.is-month-nav {\n  z-index: 1;\n}\n.picklist-item.is-month-nav {\n  width: calc(100% + 1px);\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLWRhdGUtcGlja2VyIiwic291cmNlcyI6WyJpZHMtbW9udGgteWVhci1waWNrbGlzdC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7RUFDQTs7O0FBSUY7RUFDRTtFQUNBO0VBQ0E7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBOztBQUVBO0VBQ0U7RUFDQTs7QUFLQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOzs7QUFLTjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7O0FBR0Y7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7O0FBRUE7RUFDRTs7QUFJSjtFQUNFO0VBQ0E7RUFDQTs7QUFHRjtFQUVFOztBQUdGO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi8vIFBpY2tsaXN0XG4ucGlja2xpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuOm5vdCguaXMtZXhwYW5kZWQpIC5waWNrbGlzdC1zZWN0aW9uOjpiZWZvcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pZHMtY29sb3ItdHJhbnNwYXJlbnQpO1xufVxuXG4ucGlja2xpc3Qtc2VjdGlvbiB7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDUwJTtcbiAgZmxleDogMCAwIDUwJTtcblxuICAmOm9ubHktY2hpbGQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGZsZXg6IDAgMCAxMDAlO1xuICB9XG5cbiAgKyAucGlja2xpc3Qtc2VjdGlvbiB7XG4gICAgLy8gc2VjdGlvbiBzZXBhcmF0b3JcbiAgICAmOjpiZWZvcmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taWRzLWNvbG9yLW5ldXRyYWwtMzApO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgY29udGVudDogJyAnO1xuICAgICAgd2lkdGg6IDFweDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgICAgbWFyZ2luLXJpZ2h0OiBhdXRvO1xuICAgICAgaGVpZ2h0OiBjYWxjKDc1JSArIDE0cHgpO1xuICAgICAgdG9wOiBjYWxjKDEyLjUlIC0gNHB4KTtcbiAgICB9XG4gIH1cbn1cblxuLnBpY2tsaXN0LWxpc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luLXRvcDogMDtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ucGlja2xpc3QtaXRlbSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYm9yZGVyOiAxcHggc29saWQgdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB2YXIoLS1pZHMtZGF0ZS1waWNrZXItcGlja2xpc3QtaXRlbS1jb2xvci10ZXh0LWRlZmF1bHQpO1xuICBwYWRkaW5nLWJsb2NrOiAxcHg7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBoZWlnaHQ6IDEyLjUlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgY29udGFpbjogY29udGVudDtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgaWRzLXRleHQge1xuICAgIGxpbmUtaGVpZ2h0OiAwO1xuICB9XG5cbiAgJi5pcy1zZWxlY3RlZCB7XG4gICAgY29sb3I6IHZhcigtLWlkcy1kYXRlLXBpY2tlci1waWNrbGlzdC1pdGVtLWNvbG9yLXRleHQtc2VsZWN0ZWQpO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlkcy1kYXRlLXBpY2tlci1waWNrbGlzdC1pdGVtLWNvbG9yLWJhY2tncm91bmQtc2VsZWN0ZWQpO1xuXG4gICAgaWRzLXRleHQ6OnBhcnQodGV4dCkge1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICB9XG4gIH1cblxuICAmOmZvY3VzIHtcbiAgICBib3JkZXItY29sb3I6IHZhcigtLWlkcy1kYXRlLXBpY2tlci1pdGVtLWNvbG9yLWJvcmRlci1mb2N1cyk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0taWRzLWRhdGUtcGlja2VyLWl0ZW0tc2hhZG93LWZvY3VzKTtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5cbiAgJi5pcy15ZWFyLW5hdixcbiAgJi5pcy1tb250aC1uYXYge1xuICAgIHotaW5kZXg6IDE7XG4gIH1cblxuICAmLmlzLW1vbnRoLW5hdiB7XG4gICAgd2lkdGg6IGNhbGMoMTAwJSArIDFweCk7XG4gIH1cbn1cbiJdfQ== */`;\n", "import { attributes, htmlAttributes } from '../../core/ids-attributes';\nimport { customElement, scss } from '../../core/ids-decorators';\nimport IdsDateAttributeMixin from '../../mixins/ids-date-attribute-mixin/ids-date-attribute-mixin';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsKeyboardMixin from '../../mixins/ids-keyboard-mixin/ids-keyboard-mixin';\nimport IdsLocaleMixin from '../../mixins/ids-locale-mixin/ids-locale-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport '../ids-text/ids-text';\n\nimport {\n  weekNumber,\n  weekNumberToDate\n} from '../../utils/ids-date-utils/ids-date-utils';\nimport { getClosest } from '../../utils/ids-dom-utils/ids-dom-utils';\nimport { stringToBool, stringToNumber } from '../../utils/ids-string-utils/ids-string-utils';\n\nimport {\n  IdsDatePickerCommonAttributes,\n  MONTH_KEYS,\n  PICKLIST_LENGTH\n} from './ids-date-picker-common';\n\n// Types\nimport type {\n  IdsDisableSettings,\n} from '../ids-month-view/ids-month-view-common';\n\nimport styles from './ids-month-year-picklist.scss';\n\nconst Base = IdsDateAttributeMixin(\n  IdsLocaleMixin(\n    IdsKeyboardMixin(\n      IdsEventsMixin(\n        IdsElement\n      )\n    )\n  )\n);\n\n/**\n * IDS Month/Year PickList Component\n * @type {IdsMonthYearPicklist}\n * @inherits IdsElement\n * @mixes IdsDateAttributeMixin\n * @mixes IdsEventsMixin\n * @mixes IdsKeyboardMixin\n * @mixes IdsLocaleMixin\n */\n@customElement('ids-month-year-picklist')\n@scss(styles)\nclass IdsMonthYearPicklist extends Base {\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.attachEventListeners();\n    this.setAttribute(htmlAttributes.ROLE, 'application');\n\n    // Set reasonable default\n    if (!this.hasPicklistConfigurationAttributes()) {\n      this.setAttribute(attributes.SHOW_PICKLIST_MONTH, 'true');\n      this.setAttribute(attributes.SHOW_PICKLIST_YEAR, 'true');\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback?.();\n  }\n\n  static get attributes(): Array<string> {\n    return [\n      ...super.attributes,\n      ...IdsDatePickerCommonAttributes\n    ];\n  }\n\n  template() {\n    return `<div class=\"picklist\">\n      ${this.showPicklistWeek ? this.templatePicklistWeeks() : ''}\n      ${this.showPicklistMonth && !this.showPicklistWeek ? this.templatePicklistMonths() : ''}\n      ${this.showPicklistYear ? this.templatePicklistYears() : ''}\n    </div>`;\n  }\n\n  private templatePicklistWeeks() {\n    return `<div class=\"picklist-section week\">\n      <ul class=\"picklist-list\">\n        <li class=\"picklist-item is-btn-up is-week-nav\">\n          <ids-text audible=\"true\" translate-text=\"true\">PreviousWeek</ids-text>\n          <ids-icon icon=\"chevron-up\"></ids-icon>\n        </li>\n        ${this.renderPicklistWeeks()}\n        <li class=\"picklist-item is-btn-down is-week-nav\">\n          <ids-text audible=\"true\" translate-text=\"true\">NextWeek</ids-text>\n          <ids-icon icon=\"chevron-down\"></ids-icon>\n        </li>\n      </ul>\n    </div>`;\n  }\n\n  private templatePicklistMonths() {\n    return `<div class=\"picklist-section month\">\n      <ul class=\"picklist-list\">\n        <li class=\"picklist-item is-btn-up is-month-nav\">\n          <ids-text audible=\"true\" translate-text=\"true\">PreviousMonth</ids-text>\n          <ids-icon icon=\"chevron-up\"></ids-icon>\n        </li>\n        ${this.renderPicklistMonths()}\n        <li class=\"picklist-item is-btn-down is-month-nav\">\n          <ids-text audible=\"true\" translate-text=\"true\">NextMonth</ids-text>\n          <ids-icon icon=\"chevron-down\"></ids-icon>\n        </li>\n      </ul>\n    </div>`;\n  }\n\n  private templatePicklistYears() {\n    return `<div class=\"picklist-section year\">\n      <ul class=\"picklist-list\">\n        <li class=\"picklist-item is-btn-up is-year-nav\">\n          <ids-text audible=\"true\" translate-text=\"true\">PreviousYear</ids-text>\n          <ids-icon icon=\"chevron-up\"></ids-icon>\n        </li>\n        ${this.renderPicklistYears()}\n        <li class=\"picklist-item is-btn-down is-year-nav\">\n          <ids-text audible=\"true\" translate-text=\"true\">NextYear</ids-text>\n          <ids-icon icon=\"chevron-down\"></ids-icon>\n        </li>\n      </ul>\n    </div>`;\n  }\n\n  private refreshPicklists() {\n    if (this.container) {\n      this.container.innerHTML = `\n        ${this.showPicklistWeek ? this.templatePicklistWeeks() : ''}\n        ${this.showPicklistMonth && !this.showPicklistWeek ? this.templatePicklistMonths() : ''}\n        ${this.showPicklistYear ? this.templatePicklistYears() : ''}\n      `;\n    }\n  }\n\n  /**\n   * disabled attribute\n   * @returns {boolean} disabled param\n   */\n  get disabled(): boolean {\n    return stringToBool(this.getAttribute(attributes.DISABLED));\n  }\n\n  /**\n   * Set trigger field disabled attribute\n   * @param {string|boolean|null} val disabled param value\n   */\n  set disabled(val: string | boolean | null) {\n    const boolVal = stringToBool(val);\n    if (boolVal) {\n      this.setAttribute(attributes.DISABLED, 'true');\n    } else {\n      this.removeAttribute(attributes.DISABLED);\n    }\n  }\n\n  /**\n   * @returns {boolean} true if any picklists are currently showing\n   */\n  private hasPicklistConfigurationAttributes() {\n    return this.hasAttribute(attributes.SHOW_PICKLIST_MONTH)\n      || this.hasAttribute(attributes.SHOW_PICKLIST_YEAR)\n      || this.hasAttribute(attributes.SHOW_PICKLIST_WEEK);\n  }\n\n  private attachEventListeners() {\n    this.offEvent('click.month-year-picklist');\n    this.onEvent('click.month-year-picklist', this.container, (e: MouseEvent) => {\n      this.handlePicklistEvent(e);\n    });\n\n    this.offEvent('keydown.month-year-picklist');\n    this.onEvent('keydown.month-year-picklist', this.container, (e: KeyboardEvent) => {\n      this.handleKeyDownEvent(e);\n    });\n  }\n\n  /**\n   * Keyboard events handler\n   * @param {KeyboardEvent} e keyboard event\n   */\n  private handleKeyDownEvent(e: KeyboardEvent): void {\n    if (!this.container) return;\n    const key: KeyboardEvent['key'] = e.key;\n\n    // Date Picker Dropdown keyboard events\n    const btnUpYear = this.container.querySelector<HTMLElement>('.is-btn-up.is-year-nav');\n    const btnDownYear = this.container.querySelector<HTMLElement>('.is-btn-down.is-year-nav');\n    const btnUpMonth = this.container.querySelector<HTMLElement>('.is-btn-up.is-month-nav');\n    const btnDownMonth = this.container.querySelector<HTMLElement>('.is-btn-down.is-month-nav');\n    const btnUpWeek = this.container.querySelector<HTMLElement>('.is-btn-up.is-week-nav');\n    const btnDownWeek = this.container.querySelector<HTMLElement>('.is-btn-down.is-week-nav');\n    const monthSelected = this.container.querySelector<HTMLElement>('.is-month.is-selected');\n    const yearSelected = this.container.querySelector<HTMLElement>('.is-year.is-selected');\n    const weekSelected = this.container.querySelector<HTMLElement>('.is-week.is-selected');\n\n    if (key === 'Enter') {\n      // Enter on picklist year btn up\n      if (btnUpYear?.matches(':focus')) {\n        this.picklistYearPaged(false);\n      }\n\n      // Enter on picklist year btn down\n      if (btnDownYear?.matches(':focus')) {\n        this.picklistYearPaged(true);\n      }\n\n      // Enter on picklist month btn up/down\n      if ((btnUpMonth?.matches(':focus') || btnDownMonth?.matches(':focus'))) {\n        this.picklistMonthPaged();\n      }\n\n      // Enter on picklist week btn up\n      if (btnUpWeek?.matches(':focus')) {\n        this.picklistWeekPaged(false);\n      }\n\n      // Enter on picklist week btn down\n      if (btnDownWeek?.matches(':focus')) {\n        this.picklistWeekPaged(true);\n      }\n    }\n\n    // Arrow Up on picklist month\n    if (key === 'ArrowUp' && monthSelected?.matches(':focus')) {\n      const month = this.month - 1;\n      const el = this.container.querySelector<HTMLElement>(`.is-month[data-month=\"${month}\"]`);\n\n      this.unselectPicklist('month');\n\n      if (!el) {\n        btnUpMonth?.focus();\n\n        return;\n      }\n\n      this.selectPicklistEl(el);\n      this.month = month;\n      el?.focus();\n    }\n\n    // Arrow Down on picklist month\n    if (key === 'ArrowDown' && monthSelected?.matches(':focus')) {\n      const month = this.month + 1;\n      const el = this.container.querySelector<HTMLElement>(`.is-month[data-month=\"${month}\"]`);\n\n      this.unselectPicklist('month');\n\n      if (!el) {\n        btnDownMonth?.focus();\n\n        return;\n      }\n\n      this.selectPicklistEl(el);\n      this.month = month;\n      el?.focus();\n    }\n\n    // Arrow Up on picklist year\n    if (key === 'ArrowUp' && yearSelected?.matches(':focus')) {\n      const year = this.year - 1;\n\n      const el = this.container.querySelector<HTMLElement>(`.is-year[data-year=\"${year}\"]`);\n\n      this.unselectPicklist('year');\n\n      if (!el) {\n        btnUpYear?.focus();\n\n        return;\n      }\n\n      this.selectPicklistEl(el);\n      this.year = year;\n      el?.focus();\n    }\n\n    // Arrow Down on picklist year\n    if (key === 'ArrowDown' && yearSelected?.matches(':focus')) {\n      const year = this.year + 1;\n\n      const el = this.container.querySelector<HTMLElement>(`.is-year[data-year=\"${year}\"]`);\n\n      this.unselectPicklist('year');\n\n      if (!el) {\n        btnDownYear?.focus();\n\n        return;\n      }\n\n      this.selectPicklistEl(el);\n      this.year = year;\n      el?.focus();\n    }\n\n    // Arrow Up on picklist week\n    if (key === 'ArrowUp' && weekSelected?.matches(':focus')) {\n      const weekIndex: number = stringToNumber(weekSelected.dataset.week) - 1;\n      const week: number = this.getWeekNumber(weekIndex);\n      const el = this.container.querySelector<HTMLElement>(`.is-week[data-week=\"${week}\"]`);\n\n      this.unselectPicklist('week');\n\n      if (!el) {\n        btnUpWeek?.focus();\n\n        return;\n      }\n\n      this.selectPicklistEl(el);\n      this.setWeekDate(week);\n\n      el?.focus();\n    }\n\n    // Arrow Down on picklist year\n    if (key === 'ArrowDown' && weekSelected?.matches(':focus')) {\n      const weekIndex: number = stringToNumber(weekSelected.dataset.week) + 1;\n      const week: number = this.getWeekNumber(weekIndex);\n      const el = this.container.querySelector<HTMLElement>(`.is-week[data-week=\"${week}\"]`);\n\n      this.unselectPicklist('week');\n\n      if (!el) {\n        btnDownWeek?.focus();\n\n        return;\n      }\n\n      this.selectPicklistEl(el);\n      this.setWeekDate(week);\n\n      el?.focus();\n    }\n\n    // Arrow Up on year btn up\n    if (key === 'ArrowUp' && btnUpYear?.matches(':focus')) {\n      btnDownYear?.focus();\n\n      return;\n    }\n\n    // Arrow Down on year btn down\n    if (key === 'ArrowDown' && btnDownYear?.matches(':focus')) {\n      btnUpYear?.focus();\n\n      return;\n    }\n\n    // Arrow Up on year btn down\n    if (key === 'ArrowUp' && btnDownYear?.matches(':focus')) {\n      const el = this.container.querySelector<HTMLElement>('.is-year.is-last');\n\n      this.unselectPicklist('year');\n      this.selectPicklistEl(el);\n      this.year = el?.dataset?.year || null;\n      el?.focus();\n    }\n\n    // Arrow Down on year btn up\n    if (key === 'ArrowDown' && btnUpYear?.matches(':focus')) {\n      const el = this.container.querySelector<HTMLElement>('.is-year');\n\n      this.unselectPicklist('year');\n      this.selectPicklistEl(el);\n      this.year = el?.dataset.year || null;\n      el?.focus();\n    }\n\n    // Arrow Up on month btn up\n    if (key === 'ArrowUp' && btnUpMonth?.matches(':focus')) {\n      btnDownMonth?.focus();\n\n      return;\n    }\n\n    // Arrow Down on month btn down\n    if (key === 'ArrowDown' && btnDownMonth?.matches(':focus')) {\n      btnUpMonth?.focus();\n\n      return;\n    }\n\n    // Arrow Up on month btn down\n    if (key === 'ArrowUp' && btnDownMonth?.matches(':focus')) {\n      const el = this.container.querySelector<HTMLElement>('.is-month.is-last');\n\n      this.unselectPicklist('month');\n      this.selectPicklistEl(el);\n      this.month = el?.dataset.month || null;\n      el?.focus();\n    }\n\n    // Arrow Down on month btn up\n    if (key === 'ArrowDown' && btnUpMonth?.matches(':focus')) {\n      const el = this.container.querySelector<HTMLElement>('.is-month');\n\n      this.unselectPicklist('month');\n      this.selectPicklistEl(el);\n      this.month = el?.dataset.month || null;\n      el?.focus();\n    }\n\n    // Arrow Up on week btn up\n    if (key === 'ArrowUp' && btnUpWeek?.matches(':focus')) {\n      btnDownWeek?.focus();\n\n      return;\n    }\n\n    // Arrow Down on week btn down\n    if (key === 'ArrowDown' && btnDownWeek?.matches(':focus')) {\n      btnUpWeek?.focus();\n\n      return;\n    }\n\n    // Arrow Up on week btn down\n    if (key === 'ArrowUp' && btnDownWeek?.matches(':focus')) {\n      const el = this.container.querySelector<HTMLElement>('.is-week.is-last');\n\n      this.unselectPicklist('month');\n      this.selectPicklistEl(el);\n      this.setWeekDate(stringToNumber(el?.dataset.week));\n      el?.focus();\n    }\n\n    // Arrow Down on week btn up\n    if (key === 'ArrowUp' && btnUpWeek?.matches(':focus')) {\n      const el = this.container.querySelector<HTMLElement>('.is-week');\n\n      this.unselectPicklist('week');\n      this.selectPicklistEl(el);\n      this.setWeekDate(stringToNumber(el?.dataset.week));\n      el?.focus();\n    }\n  }\n\n  /**\n   * Get a list of years to be attached to the picklist\n   * @returns {string|undefined} years list items\n   */\n  private renderPicklistYears(): string | undefined {\n    const disabledSettings: IdsDisableSettings = getClosest(this, 'ids-month-view')?.disableSettings;\n    const startYear: number = this.year - 2;\n    const years: string = Array.from({ length: PICKLIST_LENGTH }).map((_, index) => {\n      const year: number = startYear + index;\n      const isDisabled: boolean | undefined = disabledSettings?.years?.includes(year);\n\n      return `<li\n        data-year=\"${year}\"\n        class=\"picklist-item is-year${index === PICKLIST_LENGTH - 1 ? ' is-last' : ''}${isDisabled ? ' is-disabled' : ''}\"\n      ><ids-text${isDisabled ? ' disabled=\"true\"' : ''}>${year}</ids-text></li>`;\n    }).join('');\n\n    return years;\n  }\n\n  /**\n   * Get a list of months to be attached to the picklist\n   * @returns {string|undefined} months list items\n   */\n  private renderPicklistMonths(): string | undefined {\n    const monthsList: Array<string> = MONTH_KEYS.map((item) => this.localeAPI?.translate(`MonthWide${item}`));\n\n    const months: string = monthsList?.map((item: string, index: number) => `<li\n        data-month=\"${index}\"\n        class=\"picklist-item is-month${index === PICKLIST_LENGTH - 1 || index === 11 ? ' is-last' : ''}\"\n      ><ids-text>${item}</ids-text></li>`).filter(\n      (_, index: number) => (this.month <= PICKLIST_LENGTH - 1 && index <= PICKLIST_LENGTH - 1)\n        || (this.month > PICKLIST_LENGTH - 1 && index > PICKLIST_LENGTH - 1)\n    ).join('');\n\n    return months;\n  }\n\n  /**\n   * Get a list of week numbers to be attached to the picklist\n   * @returns {string|undefined} week numbers items\n   */\n  private renderPicklistWeeks(): string | undefined {\n    const currentWeek: number = weekNumber(new Date(this.year, this.month, this.day));\n    const startWeek: number = currentWeek <= PICKLIST_LENGTH ? 1 : currentWeek - 2;\n    const weeks: string = Array.from({ length: PICKLIST_LENGTH }).map((_, index) => {\n      const weekIndex: number = startWeek + index;\n      const week: number = this.getWeekNumber(weekIndex);\n\n      return `<li\n        data-week=\"${week}\"\n        class=\"picklist-item is-week${index === PICKLIST_LENGTH - 1 ? ' is-last' : ''}\"\n      ><ids-text>${week}</ids-text></li>`;\n    }).join('');\n\n    return weeks;\n  }\n\n  /**\n   * Helper to get week number from paginated index\n   * @param {number} weekIndex index number as it comes from the paged loop\n   * @returns {number} week number\n   */\n  private getWeekNumber(weekIndex: number) {\n    // Get total number of weeks in the year by getting week number of the last day of the year\n    const totalWeeks = weekNumber(new Date(this.year, 11, 31), this.firstDayOfWeek);\n\n    if (weekIndex > totalWeeks) {\n      return weekIndex % totalWeeks;\n    }\n\n    if (weekIndex < 1) {\n      return totalWeeks + weekIndex;\n    }\n\n    return weekIndex;\n  }\n\n  /**\n   * Click to picklist elements event handler\n   * @param {MouseEvent} e click event\n   */\n  private handlePicklistEvent(e: MouseEvent) {\n    if (!e.target) return;\n    e.stopPropagation();\n    const btnUpYear: HTMLElement | null = (e.target as HTMLElement).closest('.is-btn-up.is-year-nav');\n    const btnDownYear: HTMLElement | null = (e.target as HTMLElement).closest('.is-btn-down.is-year-nav');\n    const btnUpMonth: HTMLElement | null = (e.target as HTMLElement).closest('.is-btn-up.is-month-nav');\n    const btnDownMonth: HTMLElement | null = (e.target as HTMLElement).closest('.is-btn-down.is-month-nav');\n    const btnUpWeek: HTMLElement | null = (e.target as HTMLElement).closest('.is-btn-up.is-week-nav');\n    const btnDownWeek: HTMLElement | null = (e.target as HTMLElement).closest('.is-btn-down.is-week-nav');\n    const monthItem: HTMLElement | null = (e.target as HTMLElement).closest('.is-month');\n    const yearItem: HTMLElement | null = (e.target as HTMLElement).closest('.is-year');\n    const weekItem: HTMLElement | null = (e.target as HTMLElement).closest('.is-week');\n\n    if (btnUpYear) {\n      this.picklistYearPaged(false);\n    }\n\n    if (btnDownYear) {\n      this.picklistYearPaged(true);\n    }\n\n    if (btnUpMonth || btnDownMonth) {\n      this.picklistMonthPaged();\n    }\n\n    if (btnUpWeek) {\n      this.picklistWeekPaged(false);\n    }\n\n    if (btnDownWeek) {\n      this.picklistWeekPaged(true);\n    }\n\n    if (monthItem) {\n      this.unselectPicklist('month');\n      this.selectPicklistEl(monthItem);\n      monthItem.focus();\n\n      this.month = monthItem.dataset.month as string;\n    }\n\n    if (yearItem) {\n      const disabledSettings: IdsDisableSettings = getClosest(this, 'ids-month-view')?.disableSettings;\n      const isDisabled: boolean | undefined = disabledSettings?.years?.includes(stringToNumber(yearItem.dataset.year));\n\n      if (isDisabled) return;\n\n      this.unselectPicklist('year');\n      this.selectPicklistEl(yearItem);\n      yearItem.focus();\n\n      this.year = yearItem.dataset.year as string;\n    }\n\n    if (weekItem) {\n      this.unselectPicklist('week');\n      this.selectPicklistEl(weekItem);\n      weekItem.focus();\n\n      const week = stringToNumber(weekItem.dataset.week);\n      const date = weekNumberToDate(this.year, week, this.firstDayOfWeek);\n\n      this.month = date.getMonth();\n      this.day = date.getDate();\n    }\n  }\n\n  /**\n   * Loop through the year list and increase/descrese year depends on the param\n   * @param {boolean} isNext increase/descrese picklist year\n   */\n  private picklistYearPaged(isNext: boolean) {\n    const disabledSettings: IdsDisableSettings = getClosest(this, 'ids-month-view')?.disableSettings;\n\n    this.container?.querySelectorAll('.picklist-item.is-year').forEach((el: any) => {\n      const elYear: number = stringToNumber(el.dataset.year);\n      const year: number = isNext ? elYear + PICKLIST_LENGTH : elYear - PICKLIST_LENGTH;\n      const isDisabled: boolean | undefined = disabledSettings?.years?.includes(year);\n\n      el.dataset.year = year;\n      el.querySelector('ids-text').textContent = year;\n\n      el.classList.toggle('is-disabled', isDisabled);\n      el.querySelector('ids-text').disabled = isDisabled;\n\n      if (el.classList.contains('is-selected') && !isDisabled) {\n        this.selectPicklistEl(el);\n\n        this.year = year;\n      }\n    });\n  }\n\n  /**\n   * Loop through the entire list of the months\n   */\n  private picklistMonthPaged() {\n    const monthsList: Array<string> = MONTH_KEYS.map((item) => this.localeAPI?.translate(`MonthWide${item}`));\n\n    this.container?.querySelectorAll('.picklist-item.is-month').forEach((el: any, index: number) => {\n      const elMonth: number = stringToNumber(el.dataset.month);\n      const month: number = elMonth > PICKLIST_LENGTH - 1 ? 0 + index : PICKLIST_LENGTH + index;\n\n      el.dataset.month = month;\n      el.querySelector('ids-text').textContent = monthsList[month];\n\n      if (el.classList.contains('is-selected')) {\n        this.selectPicklistEl(el);\n\n        this.month = month;\n      }\n    });\n  }\n\n  /**\n   * Loop through the week list and increase/descrese week depends on the param\n   * @param {boolean} isNext increase/descrese picklist week\n   */\n  private picklistWeekPaged(isNext: boolean) {\n    this.container?.querySelectorAll('.picklist-item.is-week').forEach((el: any) => {\n      const elWeek: number = stringToNumber(el.dataset.week);\n      const weekIndex: number = isNext ? elWeek + PICKLIST_LENGTH : elWeek - PICKLIST_LENGTH;\n      const week = this.getWeekNumber(weekIndex);\n\n      el.dataset.week = week;\n      el.querySelector('ids-text').textContent = week;\n\n      if (el.classList.contains('is-selected')) {\n        this.selectPicklistEl(el);\n      }\n    });\n  }\n\n  /**\n   * Set month and day params based on week number\n   * @param {number} week number of a week\n   */\n  private setWeekDate(week: number) {\n    const date = weekNumberToDate(this.year, week, this.firstDayOfWeek);\n\n    this.month = date.getMonth();\n    this.day = date.getDate();\n  }\n\n  /**\n   * Add selectable/tabbable attributes to picklist element\n   * @param {HTMLElement} el element to handle\n   */\n  private selectPicklistEl(el: HTMLElement | null) {\n    el?.classList.add('is-selected');\n    el?.setAttribute(attributes.TABINDEX, '0');\n    el?.setAttribute(htmlAttributes.ARIA_SELECTED, 'true');\n    el?.setAttribute(htmlAttributes.ROLE, 'gridcell');\n  }\n\n  /**\n   * Reset picklist selectable/tabbable attributes\n   * @param {'month'|'year'|'all'} type of panel to unselect\n   */\n  private unselectPicklist(type: string) {\n    const selector = `.picklist-item${type !== 'all' ? `.is-${type}` : ''}`;\n\n    this.container?.querySelectorAll(selector).forEach((el: Element) => {\n      el.removeAttribute(attributes.TABINDEX);\n      el.classList.remove('is-selected');\n      el.removeAttribute(htmlAttributes.ARIA_SELECTED);\n\n      if (el.getAttribute(htmlAttributes.ROLE) === 'gridcell') {\n        el.setAttribute(htmlAttributes.ROLE, 'link');\n      }\n    });\n  }\n\n  /**\n   * show-picklist-year attribute, default is true\n   * @returns {boolean} showPicklistYear param converted to boolean from attribute value\n   */\n  get showPicklistYear(): boolean {\n    const attrVal = this.getAttribute(attributes.SHOW_PICKLIST_YEAR);\n\n    if (attrVal) {\n      return stringToBool(attrVal);\n    }\n\n    return true;\n  }\n\n  /**\n   * Whether or not to show a list of years in the picklist\n   * @param {string | boolean | null} val value to be set as show-picklist-year attribute converted to boolean\n   */\n  set showPicklistYear(val: string | boolean | null) {\n    const boolVal = stringToBool(val);\n    if (boolVal) {\n      this.setAttribute(attributes.SHOW_PICKLIST_YEAR, 'true');\n    } else {\n      this.removeAttribute(attributes.SHOW_PICKLIST_YEAR);\n    }\n    this.refreshPicklists();\n  }\n\n  /**\n   * show-picklist-month attribute, default is true\n   * @returns {boolean} showPicklistMonth param converted to boolean from attribute value\n   */\n  get showPicklistMonth(): boolean {\n    const attrVal = this.getAttribute(attributes.SHOW_PICKLIST_MONTH);\n\n    if (attrVal) {\n      return stringToBool(attrVal);\n    }\n\n    return true;\n  }\n\n  /**\n   * Whether or not to show a list of months in the picklist\n   * @param {string | boolean | null} val value to be set as show-picklist-month attribute converted to boolean\n   */\n  set showPicklistMonth(val: string | boolean | null) {\n    const boolVal = stringToBool(val);\n    if (boolVal) {\n      this.setAttribute(attributes.SHOW_PICKLIST_MONTH, 'true');\n    } else {\n      this.removeAttribute(attributes.SHOW_PICKLIST_MONTH);\n    }\n    this.refreshPicklists();\n  }\n\n  /**\n   * show-picklist-week attribute\n   * @returns {boolean} showPicklistWeek param converted to boolean from attribute value\n   */\n  get showPicklistWeek(): boolean {\n    return stringToBool(this.getAttribute(attributes.SHOW_PICKLIST_WEEK));\n  }\n\n  /**\n   * Whether or not to show week numbers in the picklist\n   * @param {string | boolean | null} val value to be set as show-picklist-week attribute converted to boolean\n   */\n  set showPicklistWeek(val: string | boolean | null) {\n    const boolVal = stringToBool(val);\n    if (boolVal) {\n      this.setAttribute(attributes.SHOW_PICKLIST_WEEK, 'true');\n    } else {\n      this.removeAttribute(attributes.SHOW_PICKLIST_WEEK);\n    }\n    this.refreshPicklists();\n  }\n\n  /**\n   * Respond to locale changes\n   */\n  onLocaleChange = () => {\n    this.refreshPicklists();\n  };\n\n  activatePicklist() {\n    if (!this.container) return;\n\n    const picklistBtns: any = this.container.querySelectorAll('.picklist-item.is-btn-up, .picklist-item.is-btn-down');\n    picklistBtns.forEach((item: HTMLElement) => {\n      item.setAttribute(attributes.TABINDEX, '0');\n    });\n\n    const monthEl = this.container.querySelector<HTMLElement>(`.picklist-item.is-month[data-month=\"${this.month}\"]`);\n    const yearEl = this.container.querySelector<HTMLElement>(`.picklist-item.is-year[data-year=\"${this.year}\"]`);\n    const week = weekNumber(new Date(this.year, this.month, this.day), this.firstDayOfWeek);\n    const weekEl = this.container.querySelector<HTMLElement>(`.picklist-item.is-week[data-week=\"${week}\"]`);\n    this.selectPicklistEl(monthEl);\n    this.selectPicklistEl(yearEl);\n    this.selectPicklistEl(weekEl);\n\n    this.container.querySelector<HTMLElement>('.picklist-item.is-selected')?.focus();\n  }\n\n  deactivatePicklist() {\n    if (!this.container) return;\n\n    const picklistBtns: any = this.container.querySelectorAll('.picklist-item.is-btn-up, .picklist-item.is-btn-down');\n    picklistBtns.forEach((item: HTMLElement) => {\n      item.setAttribute(attributes.TABINDEX, '-1');\n    });\n\n    this.unselectPicklist('all');\n  }\n}\n\nexport default IdsMonthYearPicklist;\n"],
-  "mappings": "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",
-  "names": ["ids_month_year_picklist_default", "Base", "ids_date_attribute_mixin_default", "ids_locale_mixin_default", "ids_keyboard_mixin_default", "ids_events_mixin_default", "IdsElement", "IdsMonthYearPicklist", "htmlAttributes", "attributes", "IdsDatePickerCommonAttributes", "stringToBool", "val", "e", "key", "btnUpYear", "btnDownYear", "btnUpMonth", "btnDownMonth", "btnUpWeek", "btnDownWeek", "monthSelected", "yearSelected", "weekSelected", "month", "el", "year", "weekIndex", "stringToNumber", "week", "disabledSettings", "getClosest", "startYear", "PICKLIST_LENGTH", "_", "index", "isDisabled", "MONTH_KEYS", "item", "currentWeek", "weekNumber", "startWeek", "totalWeeks", "monthItem", "yearItem", "weekItem", "date", "weekNumberToDate", "isNext", "elYear", "monthsList", "elWeek", "type", "selector", "attrVal", "monthEl", "yearEl", "weekEl", "__decorateClass", "customElement", "scss", "ids_month_year_picklist_default"]
-}

package/chunks/ids-chunk-XN3JGRJE.js

@@ -1,34 +0,0 @@
-import{a as I}from"./ids-chunk-3ZNIY4EY.js";import{a as f,b as p}from"./ids-chunk-W544ATNJ.js";import{a as v}from"./ids-chunk-T4CWIXQV.js";import{h as T}from"./ids-chunk-ZNNLOALS.js";import{a as i}from"./ids-chunk-7TWTH2YZ.js";import{a as c,b as s,c as m,d,e as g,f as b}from"./ids-chunk-L5CMP5FA.js";var H=`/* Ids Virtual Scroll Component */
-:host {
-  display: flex;
-  width: 100%;
-  height: 100dvh;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-.ids-virtual-scroll {
-  display: grid;
-  grid-auto-flow: column;
-  width: 100%;
-}
-.ids-virtual-scroll:focus {
-  outline: 0;
-  justify-self: end;
-}
-
-.ids-virtual-scroll-content {
-  position: relative;
-}
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXZpcnR1YWwtc2Nyb2xsIiwic291cmNlcyI6WyJpZHMtdmlydHVhbC1zY3JvbGwuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUVBO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7OztBQUlKO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgVmlydHVhbCBTY3JvbGwgQ29tcG9uZW50ICovXG5cbjpob3N0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwZHZoO1xufVxuXG46aG9zdChbaGlkZGVuXSkge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uaWRzLXZpcnR1YWwtc2Nyb2xsIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogMDtcbiAgICBqdXN0aWZ5LXNlbGY6IGVuZDtcbiAgfVxufVxuXG4uaWRzLXZpcnR1YWwtc2Nyb2xsLWNvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4iXX0= */`;var x="100dvh",S=50,n,y,N,E,l=class extends I(v){constructor(){super();d(this,n);s(this,"datasource",{});s(this,"timeout");s(this,"initialized",!1);s(this,"lastStart",NaN);s(this,"lastEnd",NaN);s(this,"eventTarget",null);s(this,"onAfterVirtualScroll");s(this,"stringTemplate",'<div class="ids-virtual-scroll-item" part="list-item">${productName}</div>');Object.defineProperty(this,"scrollTop",{get:()=>m(this,n,E),set:t=>{g(this,n,t,N)},configurable:!0,enumerable:!0})}connectedCallback(){super.connectedCallback(),this.applyHeight(),this.renderItems(!1),b(this,n,y).call(this)}handleScroll(t){this.timeout&&cancelAnimationFrame(this.timeout);let e=t.target;this.timeout=requestAnimationFrame(()=>{e&&(this.scrollTop=e.scrollTop)})}renderItems(t){!this.data||!t&&this.data.length===0||requestAnimationFrame(()=>{let e=this.startIndex,r=this.startIndex+this.visibleItemCount();if(!(this.lastStart!==e||this.lastEnd!==r))return;this.lastStart=e,this.lastEnd=r;let A=this.data.slice(e,r),a="";A.map((G,u)=>{let h=this.itemTemplate(G,u,e+u);return a+=h,h}),this.container?.querySelector(".offset")?.style.setProperty("transform",`translateY(${this.offsetY}px)`);let o=this.querySelector('[part="contents"]');o&&(o.innerHTML=a),this.triggerEvent("aftervirtualscroll",this,{detail:{elem:this,startIndex:e,endIndex:r}}),this.onAfterVirtualScroll&&this.onAfterVirtualScroll({elem:this,startIndex:e,endIndex:r})})}applyHeight(){if(!this.initialized)return;let t=this.container?.querySelector(".ids-virtual-scroll-content");if(typeof this.height=="string"&&this.height?.includes("vh")){let r=this.getBoundingClientRect().y;this.style.height=`calc(${this.height} - ${r+16}px)`}else this.style.height=`${this.height}`;t?.style.setProperty("height",`${this.contentHeight}px`),this.container?.querySelector(".offset")?.style.setProperty("transform",`translateY(${this.offsetY}px)`)}visibleItemCount(){let t=this.getBoundingClientRect().height,e=Math.ceil(t/this.itemHeight)+2*this.bufferSize;return e=Math.min(Number(this.itemCount)-this.startIndex,e),e}static get attributes(){return[i.HEIGHT,i.ITEM_HEIGHT,i.BUFFER_SIZE,i.DATA,i.SCROLL_TOP]}template(){return`
-      <div class="ids-virtual-scroll">
-        <div class="ids-virtual-scroll-content">
-          <div class="offset">
-            <slot></slot>
-          </div>
-        </div>
-      </div>
-    `}set height(t){if(t){this.setAttribute(i.HEIGHT,t.toString()),this.applyHeight();return}this.removeAttribute(i.HEIGHT)}get height(){return this.getAttribute(i.HEIGHT)||x}set itemHeight(t){if(t){this.setAttribute(i.ITEM_HEIGHT,t.toString()),this.applyHeight(),this.renderItems(!1);return}this.removeAttribute(i.ITEM_HEIGHT)}get itemHeight(){let t=parseFloat(this.getAttribute(i.ITEM_HEIGHT)??"");return Number.isNaN(t)?S:t}set bufferSize(t){if(t){this.setAttribute(i.BUFFER_SIZE,t.toString());return}this.removeAttribute(i.BUFFER_SIZE)}get bufferSize(){let t=parseFloat(this.getAttribute(i.BUFFER_SIZE)??"");return Number.isNaN(t)?10:t}scrollToIndex(t){this.scrollTop=Number(t)*Number(this.itemHeight)}get contentHeight(){return Number(this.itemCount)*Number(this.itemHeight)}get itemCount(){return this.data?.length}get offsetY(){return Number(this.startIndex)*Number(this.itemHeight)}get startIndex(){let t=Math.floor(Number(this.scrollTop)/Number(this.itemHeight))-Number(this.bufferSize);return t=Math.max(0,t),t}itemTemplate(t,e,r){return T(this.stringTemplate,t)}set data(t){if(t&&this.datasource){this.datasource.data=t,this.lastStart=NaN,this.lastEnd=NaN,this.scrollTop=0,this.initialized=!0,this.applyHeight(),this.renderItems(!0);return}this.datasource&&(this.datasource.data=null)}get data(){return this?.datasource?.data}set scrollTarget(t){t&&(this.offEvent("scroll",this.eventTarget),this.eventTarget=t,this.onEvent("scroll",this.eventTarget,e=>{this.handleScroll(e),this.setScrollFocus()},{passive:!0}))}get scrollTarget(){return this.eventTarget}setScrollFocus(){this.scrollTarget&&(this.scrollTarget.style.setProperty("outline","none"),this.scrollTarget.setAttribute(i.TABINDEX,"0"),this.scrollTarget.focus())}};n=new WeakSet,y=function(){this.timeout=null,this.scrollTarget=this.parentElement},N=function(t){let e=parseFloat(t);if(!Number.isNaN(e)){this.setAttribute(i.SCROLL_TOP,e.toString()),this.container&&(this.container.scrollTop=e),this.renderItems(!1);return}this.removeAttribute(i.SCROLL_TOP)},E=function(){let t=parseFloat(this.getAttribute(i.SCROLL_TOP)??"");return Number.isNaN(t)?0:t},l=c([f("ids-virtual-scroll"),p(H)],l);export{l as a};
-//# sourceMappingURL=ids-chunk-XN3JGRJE.js.map

package/chunks/ids-chunk-XN3JGRJE.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/ids-virtual-scroll/ids-virtual-scroll.scss", "../../../../src/components/ids-virtual-scroll/ids-virtual-scroll.ts"],
-  "sourcesContent": ["export default `/* Ids Virtual Scroll Component */\n:host {\n  display: flex;\n  width: 100%;\n  height: 100dvh;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.ids-virtual-scroll {\n  display: grid;\n  grid-auto-flow: column;\n  width: 100%;\n}\n.ids-virtual-scroll:focus {\n  outline: 0;\n  justify-self: end;\n}\n\n.ids-virtual-scroll-content {\n  position: relative;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3RpbS5tY2NvbmVjaHkvRGV2L2VudGVycHJpc2Utd2Mvc3JjL2NvbXBvbmVudHMvaWRzLXZpcnR1YWwtc2Nyb2xsIiwic291cmNlcyI6WyJpZHMtdmlydHVhbC1zY3JvbGwuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtBQUVBO0VBQ0U7RUFDQTtFQUNBOzs7QUFHRjtFQUNFOzs7QUFHRjtFQUNFO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7OztBQUlKO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBJZHMgVmlydHVhbCBTY3JvbGwgQ29tcG9uZW50ICovXG5cbjpob3N0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwZHZoO1xufVxuXG46aG9zdChbaGlkZGVuXSkge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uaWRzLXZpcnR1YWwtc2Nyb2xsIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgd2lkdGg6IDEwMCU7XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogMDtcbiAgICBqdXN0aWZ5LXNlbGY6IGVuZDtcbiAgfVxufVxuXG4uaWRzLXZpcnR1YWwtc2Nyb2xsLWNvbnRlbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4iXX0= */`;\n", "import { customElement, scss } from '../../core/ids-decorators';\nimport { attributes } from '../../core/ids-attributes';\nimport IdsEventsMixin from '../../mixins/ids-events-mixin/ids-events-mixin';\nimport IdsElement from '../../core/ids-element';\n\nimport { injectTemplate } from '../../utils/ids-string-utils/ids-string-utils';\n\nimport styles from './ids-virtual-scroll.scss';\nimport IdsDataSource from '../../core/ids-data-source';\n\nconst DEFAULT_HEIGHT = '100dvh';\nconst DEFAULT_ITEM_HEIGHT = 50;\n\ntype OnAfterVirtualScrollArgs = {\n  elem: IdsVirtualScroll;\n  startIndex: number;\n  endIndex: number;\n};\n\n/**\n * IDS Virtual Scroll Component\n * @type {IdsVirtualScroll}\n * @inherits IdsElement\n * @mixes IdsEventsMixin\n */\n@customElement('ids-virtual-scroll')\n@scss(styles)\nexport default class IdsVirtualScroll extends IdsEventsMixin(IdsElement) {\n  // Array is a pointer to a datasource in a parent component\n  datasource: IdsDataSource | Record<string, any> = {};\n\n  timeout?: number | null;\n\n  initialized = false;\n\n  lastStart = NaN;\n\n  lastEnd = NaN;\n\n  eventTarget: HTMLElement | null = null;\n\n  onAfterVirtualScroll?: (data: OnAfterVirtualScrollArgs) => void;\n\n  // eslint-disable-next-line no-template-curly-in-string\n  stringTemplate = '<div class=\"ids-virtual-scroll-item\" part=\"list-item\">${productName}</div>';\n\n  constructor() {\n    super();\n\n    Object.defineProperty(this, 'scrollTop', {\n      get: () => this.#scrollTop,\n      set: (value) => { this.#scrollTop = value; },\n      configurable: true,\n      enumerable: true\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.applyHeight();\n    this.renderItems(false);\n    this.#attachEventHandlers();\n  }\n\n  /**\n   * Establish Internal Event Handlers\n   * @returns {void}\n   */\n  #attachEventHandlers() {\n    this.timeout = null;\n    this.scrollTarget = this.parentElement;\n  }\n\n  /**\n   * Handle the scrolling event\n   * @private\n   * @param {Event} e The scroll event data\n   */\n  handleScroll(e: Partial<Event>): void {\n    if (this.timeout) {\n      cancelAnimationFrame(this.timeout);\n    }\n\n    const target: any = e.target;\n    this.timeout = requestAnimationFrame(() => {\n      if (target) {\n        this.scrollTop = target.scrollTop;\n      }\n    });\n  }\n\n  /**\n   * Render the visible section plus the cached data\n   * @private\n   * @param {boolean} allowZero Allow a zero length dataset (render empty)\n   */\n  renderItems(allowZero: boolean) {\n    if (!this.data || (!allowZero && this.data.length === 0)) {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      const startIndex = this.startIndex;\n      const endIndex = this.startIndex + this.visibleItemCount();\n\n      const indexesChanged = this.lastStart !== startIndex || this.lastEnd !== endIndex;\n      if (!indexesChanged) return;\n\n      this.lastStart = startIndex;\n      this.lastEnd = endIndex;\n\n      const visibleItems = this.data.slice(startIndex, endIndex);\n\n      let html = '';\n      visibleItems.map((item: any, index: number) => {\n        const node = this.itemTemplate(item, index, startIndex + index);\n        html += node;\n        return node;\n      });\n\n      const offset = this.container?.querySelector<HTMLElement>('.offset');\n      offset?.style.setProperty('transform', `translateY(${this.offsetY}px)`);\n\n      // work-around for outside components to style contents inside this shadowroot\n      const wrapper = this.querySelector('[part=\"contents\"]');\n      if (wrapper) wrapper.innerHTML = html;\n\n      this.triggerEvent('aftervirtualscroll', this, { detail: { elem: this, startIndex, endIndex } });\n      if (this.onAfterVirtualScroll) this.onAfterVirtualScroll({ elem: this, startIndex, endIndex });\n    });\n  }\n\n  /**\n   * Set the height of the containers\n   * @private\n   * @returns {void}\n   */\n  applyHeight(): void {\n    if (!this.initialized) {\n      return;\n    }\n    const content = this.container?.querySelector<HTMLElement>('.ids-virtual-scroll-content');\n\n    if (typeof this.height === 'string' && this.height?.includes('vh')) {\n      const spaceFromTop = this.getBoundingClientRect().y;\n      this.style.height = `calc(${this.height} - ${spaceFromTop + 16}px)`; // the actual viewport\n    } else {\n      this.style.height = `${this.height}`;\n    }\n\n    content?.style.setProperty('height', `${this.contentHeight}px`);\n\n    const offset = this.container?.querySelector<HTMLElement>('.offset');\n    offset?.style.setProperty('transform', `translateY(${this.offsetY}px)`);\n  }\n\n  /**\n   * Render the visible section plus the cached data\n   * @private\n   * @returns {number} The array of visible data\n   */\n  visibleItemCount(): number {\n    const viewportHeight = this.getBoundingClientRect().height;\n    let count = Math.ceil(viewportHeight / this.itemHeight) + (2 * this.bufferSize);\n    count = Math.min(Number(this.itemCount) - this.startIndex, count);\n    return count;\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(): Array<string> {\n    return [\n      attributes.HEIGHT,\n      attributes.ITEM_HEIGHT,\n      attributes.BUFFER_SIZE,\n      attributes.DATA,\n      attributes.SCROLL_TOP,\n    ];\n  }\n\n  /**\n   * Inner template contents\n   * @returns {string} The template\n   */\n  template(): string {\n    return `\n      <div class=\"ids-virtual-scroll\">\n        <div class=\"ids-virtual-scroll-content\">\n          <div class=\"offset\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The height of the virtual scroll container\n   * @param {number|string|null} value the height for css\n   */\n  set height(value: number | string | null) {\n    if (value) {\n      this.setAttribute(attributes.HEIGHT, value.toString());\n      this.applyHeight();\n      return;\n    }\n\n    this.removeAttribute(attributes.HEIGHT);\n  }\n\n  get height(): number | string {\n    return this.getAttribute(attributes.HEIGHT) || DEFAULT_HEIGHT;\n  }\n\n  /**\n   * The height of each item in the scroller. TODO: support dynamic heights\n   * @param {number|string} value the height of each item in pixels\n   */\n  set itemHeight(value: number | null) {\n    if (value) {\n      this.setAttribute(attributes.ITEM_HEIGHT, value.toString());\n      this.applyHeight();\n      this.renderItems(false);\n      return;\n    }\n\n    this.removeAttribute(attributes.ITEM_HEIGHT);\n  }\n\n  get itemHeight(): number {\n    const value = parseFloat(this.getAttribute(attributes.ITEM_HEIGHT) ?? '');\n    return Number.isNaN(value) ? DEFAULT_ITEM_HEIGHT : value;\n  }\n\n  /**\n   * Extra padding at the top and bottom so that the data transition smoothly\n   * @param {number} value The number of extra top and bottom elements\n   */\n  set bufferSize(value: number | null) {\n    if (value) {\n      this.setAttribute(attributes.BUFFER_SIZE, value.toString());\n      return;\n    }\n\n    this.removeAttribute(attributes.BUFFER_SIZE);\n  }\n\n  get bufferSize(): number {\n    const value = parseFloat(this.getAttribute(attributes.BUFFER_SIZE) ?? '');\n    return Number.isNaN(value) ? 10 : value;\n  }\n\n  /**\n   * Set the scroll top position and scroll down to that location\n   * @param {number | string} value The number of pixels from the top\n   */\n  set #scrollTop(value: number | string | any) {\n    const val = parseFloat(value);\n    if (!(Number.isNaN(val))) {\n      this.setAttribute(attributes.SCROLL_TOP, val.toString());\n      if (this.container) this.container.scrollTop = val;\n      this.renderItems(false);\n      return;\n    }\n\n    this.removeAttribute(attributes.SCROLL_TOP);\n  }\n\n  get #scrollTop(): number {\n    const value = parseFloat(this.getAttribute(attributes.SCROLL_TOP) ?? '');\n    return Number.isNaN(value) ? 0 : value;\n  }\n\n  /**\n   * Scroll to a indexed item bring it into center view.\n   * @param {number} value The index to scroll to\n   */\n  scrollToIndex(value: number) {\n    this.scrollTop = Number(value) * Number(this.itemHeight);\n  }\n\n  /**\n   * The height of the content behind the viewport\n   * @returns {number} The calculated content height\n   */\n  get contentHeight(): number { return Number(this.itemCount) * Number(this.itemHeight); }\n\n  get itemCount(): number { return this.data?.length; }\n\n  get offsetY(): number {\n    return Number(this.startIndex) * Number(this.itemHeight);\n  }\n\n  get startIndex(): number {\n    let startNode = Math.floor(Number(this.scrollTop) / Number(this.itemHeight)) - Number(this.bufferSize);\n    startNode = Math.max(0, startNode);\n\n    return startNode;\n  }\n\n  /**\n   * Return a item's html injecting any values from the dataset as needed.\n   * @param {object} item The item to generate\n   * @param {number} index the index for the template\n   * @param {number} ariaIndex the aria index for the template (not used here but used in some implementations)\n   * @returns {string} The html for this item\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  itemTemplate(item: any, index: number, ariaIndex?: number): string {\n    return injectTemplate(this.stringTemplate, item);\n  }\n\n  /**\n   * Set the data array of the listview\n   * @param {Array|null} array The array to use\n   */\n  set data(array: Array<any> | null) {\n    if (array && this.datasource) {\n      this.datasource.data = array;\n      this.lastStart = NaN;\n      this.lastEnd = NaN;\n      this.scrollTop = 0;\n      this.initialized = true;\n      this.applyHeight();\n      this.renderItems(true);\n      return;\n    }\n\n    if (this.datasource) this.datasource.data = null;\n  }\n\n  get data(): Array<any> {\n    return this?.datasource?.data;\n  }\n\n  /**\n   * Set the scroll target to a external parent\n   * @param {HTMLElement|null} value The array to use\n   */\n  set scrollTarget(value: HTMLElement | undefined | null) {\n    if (value) {\n      // first, unset old scrollTarget\n      this.offEvent('scroll', this.eventTarget);\n\n      this.eventTarget = value;\n      this.onEvent('scroll', this.eventTarget, (e: any) => {\n        this.handleScroll(e);\n        this.setScrollFocus();\n      }, { passive: true });\n    }\n  }\n\n  get scrollTarget(): HTMLElement | null {\n    return this.eventTarget;\n  }\n\n  /**\n   * Set the focus to scrollTarget element to allow keyboard keys navigation\n   */\n  setScrollFocus() {\n    if (!this.scrollTarget) {\n      return;\n    }\n\n    this.scrollTarget.style.setProperty('outline', 'none');\n    this.scrollTarget.setAttribute(attributes.TABINDEX, '0');\n    this.scrollTarget.focus();\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["ids_virtual_scroll_default", "DEFAULT_HEIGHT", "DEFAULT_ITEM_HEIGHT", "_IdsVirtualScroll_instances", "attachEventHandlers_fn", "scrollTop_set", "scrollTop_get", "IdsVirtualScroll", "ids_events_mixin_default", "IdsElement", "__privateAdd", "__publicField", "__privateGet", "value", "__privateSet", "__privateMethod", "e", "target", "allowZero", "startIndex", "endIndex", "visibleItems", "html", "item", "index", "node", "wrapper", "content", "spaceFromTop", "viewportHeight", "count", "attributes", "startNode", "ariaIndex", "injectTemplate", "array", "val", "__decorateClass", "customElement", "scss", "ids_virtual_scroll_default"]
-}