ids-enterprise-wc - npm Package Compare versions

Comparing version 0.0.0-beta.7 to 0.0.0-beta.8

ids-accordion-panel/ids-accordion-panel.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
@@ -8,4 +9,5 @@ interface nativeElement extends HTMLElement {
 
-export default class IdsAccordionPanel extends HTMLElement {
-  nativeElement: nativeElement;
+export default class IdsAccordionPanel extends IdsElement {
+  /** Set to expanded/collapsed */
+  expanded: boolean;
 }

ids-accordion/example.js

@@ -1,2 +0,2 @@
-!function(t,i){"object"==typeof exports&&"object"==typeof module?module.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof exports?exports["ids-accordion/example-lib.js"]=i():t["ids-accordion/example-lib.js"]=i()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}},9100:(t,i,r)=>{var n=r(9489),o=r(7067);function e(i,r,d){return o()?t.exports=e=Reflect.construct:t.exports=e=function(t,i,r){var o=[null];o.push.apply(o,i);var e=new(Function.bind.apply(t,o));return r&&n(e,r.prototype),e},e.apply(null,arguments)}t.exports=e},3913:t=>{function i(t,i){for(var r=0;r<i.length;r++){var n=i[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,r,n){return r&&i(t.prototype,r),n&&i(t,n),t}},9754:t=>{function i(r){return t.exports=i=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},i(r)}t.exports=i},2205:(t,i,r)=>{var n=r(9489);t.exports=function(t,i){if("function"!=typeof i&&null!==i)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(i&&i.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),i&&n(t,i)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,i,r)=>{var n=r(8),o=r(1506);t.exports=function(t,i){return!i||"object"!==n(i)&&"function"!=typeof i?o(t):i}},9489:t=>{function i(r,n){return t.exports=i=Object.setPrototypeOf||function(t,i){return t.__proto__=i,t},i(r,n)}t.exports=i},8:t=>{function i(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=i=function(t){return typeof t}:t.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(r)}t.exports=i},5957:(t,i,r)=>{var n=r(9754),o=r(9489),e=r(430),d=r(9100);function s(i){var r="function"==typeof Map?new Map:void 0;return t.exports=s=function(t){if(null===t||!e(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,i)}function i(){return d(t,arguments,n(this).constructor)}return i.prototype=Object.create(t.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),o(i,t)},s(i)}t.exports=s},1001:(t,i,r)=>{"use strict";var n=r(4575),o=r.n(n),e=r(3913),d=r.n(e),s=r(2205),a=r.n(s),l=r(8585),u=r.n(l),c=r(9754),g=r.n(c),p=r(5957);function m(t){return function(i){customElements.get(t)||customElements.define(t,i)}}function y(t){return function(i){i.prototype.cssStyles=t}}var f="audible",h="auto",w="col-end",x="col-span",b="col-start",v="cols",E="fill",F="fixed",A="font-size",C="gap",D="no-margins",z="row-end",B="row-span",S="row-start",k="rows",L="type";var R,P=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,i){return t+i[0].toUpperCase()+i.substring(1)}))};function q(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=g()(t);if(i){var o=g()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return u()(this,r)}}var O=function(t){t.prototype.version="0.0.0-beta.7"}(R=function(t){a()(r,t);var i=q(r);function r(){var t;return o()(this,r),(t=i.call(this)).addBaseName(),t.render(),t}return d()(r,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,i,r){i!==r&&(this[P(t)]=r)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,i;if(!this.template||!this.template())return this;var r=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),r.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(r.content.cloneNode(!0)),this.container=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,i,r=document.createElement("style");r.textContent=this.cssStyles,0===(null===(t=r.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(r.textContent=r.textContent.replace(":host",".".concat(this.name))),r.setAttribute("nonce","0a59a005"),null===(i=this.shadowRoot)||void 0===i||i.appendChild(r)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),r}(r.n(p)()(HTMLElement)))||R;var j;function _(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=g()(t);if(i){var o=g()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return u()(this,r)}}m("ids-layout-grid")(j=y("/* Ids Layout Grid Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host,\n.ids-layout-grid {\n  --grid-cols: 16;\n  --grid-col-span: 0;\n  --grid-col-start: 0;\n  --grid-col-end: 0;\n  --grid-rows: 0;\n  --grid-row-span: 0;\n  --grid-row-start: 0;\n  --grid-row-end: 0;\n  --grid-spacing-unit: 8px;\n  --grid-fill-color: #efeff0;\n  --grid-min-col-width: 100px;\n  margin-left: 16px;\n  margin-right: 16px;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  display: grid;\n  grid-auto-flow: row; }\n\n:host(.ids-layout-grid-no-margins),\n.ids-layout-grid.ids-layout-grid-no-margins {\n  margin: 0; }\n\n:host(.ids-layout-grid-auto),\n.ids-layout-grid.ids-layout-grid-auto {\n  grid-template-columns: repeat(auto-fit, minmax(var(--grid-min-col-width), 1fr)); }\n\n:host(.ids-layout-grid-cols) {\n  grid-template-columns: repeat(var(--grid-cols), minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    :host(.ids-layout-grid-cols) {\n      grid-template-columns: repeat(auto-fit, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n::slotted(.ids-layout-grid-col-span) {\n  grid-column: span var(--grid-col-span)/span var(--grid-col-span); }\n  @media all and (max-width: 840px) {\n    ::slotted(.ids-layout-grid-col-span) {\n      grid-column: auto; } }\n\n::slotted(.ids-layout-col-start) {\n  grid-column-start: var(--grid-col-start); }\n\n::slotted(.ids-layout-grid-col-end),\n.ids-layout-grid > .ids-layout-grid-col-end {\n  grid-column-end: var(--grid-col-end); }\n\n:host(.ids-layout-grid-gap-none),\n.ids-layout-grid.ids-layout-grid-gap-none {\n  grid-gap: 0; }\n\n:host(.ids-layout-grid-gap-sm),\n.ids-layout-grid.ids-layout-grid-gap-sm {\n  grid-gap: var(--grid-spacing-unit); }\n\n:host(.ids-layout-grid-gap-md),\n.ids-layout-grid.ids-layout-grid-gap-md {\n  grid-gap: calc(var(--grid-spacing-unit) * 2); }\n\n:host(.ids-layout-grid-gap-lg),\n.ids-layout-grid.ids-layout-grid-gap-lg {\n  grid-gap: calc(var(--grid-spacing-unit) * 3); }\n\n:host(.ids-layout-grid-gap-xl),\n.ids-layout-grid.ids-layout-grid-gap-xl {\n  grid-gap: calc(var(--grid-spacing-unit) * 4); }\n\n:host(.ids-layout-grid-rows) {\n  grid-template-rows: repeat(var(--grid-rows), minmax(var(--grid-min-col-width), 1fr)); }\n\n::slotted(.ids-layout-grid-row-span) {\n  grid-row: span var(--grid-row-span)/span var(--grid-row-span); }\n\n::slotted(.ids-layout-grid-row-start) {\n  grid-row-start: var(--grid-row-start); }\n\n::slotted(.ids-layout-grid-row-end) {\n  grid-row-end: var(--grid-row-end); }\n\n::slotted(.ids-background-fill),\n.ids-layout-grid > .ids-background-fill {\n  padding-top: 40px;\n  padding-bottom: 40px;\n  padding-left: 16px;\n  padding-right: 16px;\n  background-color: var(--grid-fill-color); }\n\n:host(.ids-grid-flow-row),\n.ids-layout-grid.ids-grid-flow-row {\n  grid-auto-flow: row; }\n\n:host(.ids-grid-flow-col),\n.ids-layout-grid.ids-grid-flow-col {\n  grid-auto-flow: column; }\n\n:host(.ids-grid-flow-row-dense),\n.ids-layout-grid.ids-grid-flow-row-dense {\n  grid-auto-flow: row dense; }\n\n:host(.ids-grid-flow-col-dense),\n.ids-layout-grid.ids-grid-flow-col-dense {\n  grid-auto-flow: column dense; }\n\n.ids-layout-grid.ids-layout-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-1 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-1 {\n  grid-column: auto/span 1; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-1 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-1 {\n  grid-column-start: 1; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-1 {\n  grid-column-end: 1; }\n\n.ids-layout-grid.ids-layout-grid-rows-1 {\n  grid-template-rows: repeat(1, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-1 {\n  grid-row: span 1/span 1; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-1 {\n  grid-row-start: 1; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-1 {\n  grid-row-end: 1; }\n\n.ids-layout-grid.ids-layout-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-2 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-2 {\n  grid-column: auto/span 2; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-2 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-2 {\n  grid-column-start: 2; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-2 {\n  grid-column-end: 2; }\n\n.ids-layout-grid.ids-layout-grid-rows-2 {\n  grid-template-rows: repeat(2, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-2 {\n  grid-row: span 2/span 2; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-2 {\n  grid-row-start: 2; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-2 {\n  grid-row-end: 2; }\n\n.ids-layout-grid.ids-layout-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-3 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-3 {\n  grid-column: auto/span 3; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-3 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-3 {\n  grid-column-start: 3; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-3 {\n  grid-column-end: 3; }\n\n.ids-layout-grid.ids-layout-grid-rows-3 {\n  grid-template-rows: repeat(3, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-3 {\n  grid-row: span 3/span 3; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-3 {\n  grid-row-start: 3; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-3 {\n  grid-row-end: 3; }\n\n.ids-layout-grid.ids-layout-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-4 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-4 {\n  grid-column: auto/span 4; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-4 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-4 {\n  grid-column-start: 4; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-4 {\n  grid-column-end: 4; }\n\n.ids-layout-grid.ids-layout-grid-rows-4 {\n  grid-template-rows: repeat(4, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-4 {\n  grid-row: span 4/span 4; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-4 {\n  grid-row-start: 4; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-4 {\n  grid-row-end: 4; }\n\n.ids-layout-grid.ids-layout-grid-cols-5 {\n  grid-template-columns: repeat(5, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-5 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-5 {\n  grid-column: auto/span 5; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-5 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-5 {\n  grid-column-start: 5; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-5 {\n  grid-column-end: 5; }\n\n.ids-layout-grid.ids-layout-grid-rows-5 {\n  grid-template-rows: repeat(5, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-5 {\n  grid-row: span 5/span 5; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-5 {\n  grid-row-start: 5; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-5 {\n  grid-row-end: 5; }\n\n.ids-layout-grid.ids-layout-grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-6 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-6 {\n  grid-column: auto/span 6; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-6 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-6 {\n  grid-column-start: 6; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-6 {\n  grid-column-end: 6; }\n\n.ids-layout-grid.ids-layout-grid-rows-6 {\n  grid-template-rows: repeat(6, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-6 {\n  grid-row: span 6/span 6; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-6 {\n  grid-row-start: 6; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-6 {\n  grid-row-end: 6; }\n\n.ids-layout-grid.ids-layout-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-7 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-7 {\n  grid-column: auto/span 7; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-7 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-7 {\n  grid-column-start: 7; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-7 {\n  grid-column-end: 7; }\n\n.ids-layout-grid.ids-layout-grid-rows-7 {\n  grid-template-rows: repeat(7, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-7 {\n  grid-row: span 7/span 7; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-7 {\n  grid-row-start: 7; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-7 {\n  grid-row-end: 7; }\n\n.ids-layout-grid.ids-layout-grid-cols-8 {\n  grid-template-columns: repeat(8, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-8 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-8 {\n  grid-column: auto/span 8; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-8 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-8 {\n  grid-column-start: 8; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-8 {\n  grid-column-end: 8; }\n\n.ids-layout-grid.ids-layout-grid-rows-8 {\n  grid-template-rows: repeat(8, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-8 {\n  grid-row: span 8/span 8; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-8 {\n  grid-row-start: 8; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-8 {\n  grid-row-end: 8; }\n\n.ids-layout-grid.ids-layout-grid-cols-9 {\n  grid-template-columns: repeat(9, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-9 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-9 {\n  grid-column: auto/span 9; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-9 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-9 {\n  grid-column-start: 9; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-9 {\n  grid-column-end: 9; }\n\n.ids-layout-grid.ids-layout-grid-rows-9 {\n  grid-template-rows: repeat(9, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-9 {\n  grid-row: span 9/span 9; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-9 {\n  grid-row-start: 9; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-9 {\n  grid-row-end: 9; }\n\n.ids-layout-grid.ids-layout-grid-cols-10 {\n  grid-template-columns: repeat(10, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-10 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-10 {\n  grid-column: auto/span 10; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-10 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-10 {\n  grid-column-start: 10; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-10 {\n  grid-column-end: 10; }\n\n.ids-layout-grid.ids-layout-grid-rows-10 {\n  grid-template-rows: repeat(10, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-10 {\n  grid-row: span 10/span 10; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-10 {\n  grid-row-start: 10; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-10 {\n  grid-row-end: 10; }\n\n.ids-layout-grid.ids-layout-grid-cols-11 {\n  grid-template-columns: repeat(11, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-11 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-11 {\n  grid-column: auto/span 11; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-11 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-11 {\n  grid-column-start: 11; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-11 {\n  grid-column-end: 11; }\n\n.ids-layout-grid.ids-layout-grid-rows-11 {\n  grid-template-rows: repeat(11, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-11 {\n  grid-row: span 11/span 11; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-11 {\n  grid-row-start: 11; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-11 {\n  grid-row-end: 11; }\n\n.ids-layout-grid.ids-layout-grid-cols-12 {\n  grid-template-columns: repeat(12, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-12 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-12 {\n  grid-column: auto/span 12; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-12 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-12 {\n  grid-column-start: 12; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-12 {\n  grid-column-end: 12; }\n\n.ids-layout-grid.ids-layout-grid-rows-12 {\n  grid-template-rows: repeat(12, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-12 {\n  grid-row: span 12/span 12; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-12 {\n  grid-row-start: 12; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-12 {\n  grid-row-end: 12; }\n\n.ids-layout-grid.ids-layout-grid-cols-13 {\n  grid-template-columns: repeat(13, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-13 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-13 {\n  grid-column: auto/span 13; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-13 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-13 {\n  grid-column-start: 13; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-13 {\n  grid-column-end: 13; }\n\n.ids-layout-grid.ids-layout-grid-rows-13 {\n  grid-template-rows: repeat(13, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-13 {\n  grid-row: span 13/span 13; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-13 {\n  grid-row-start: 13; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-13 {\n  grid-row-end: 13; }\n\n.ids-layout-grid.ids-layout-grid-cols-14 {\n  grid-template-columns: repeat(14, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-14 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-14 {\n  grid-column: auto/span 14; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-14 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-14 {\n  grid-column-start: 14; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-14 {\n  grid-column-end: 14; }\n\n.ids-layout-grid.ids-layout-grid-rows-14 {\n  grid-template-rows: repeat(14, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-14 {\n  grid-row: span 14/span 14; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-14 {\n  grid-row-start: 14; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-14 {\n  grid-row-end: 14; }\n\n.ids-layout-grid.ids-layout-grid-cols-15 {\n  grid-template-columns: repeat(15, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-15 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-15 {\n  grid-column: auto/span 15; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-15 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-15 {\n  grid-column-start: 15; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-15 {\n  grid-column-end: 15; }\n\n.ids-layout-grid.ids-layout-grid-rows-15 {\n  grid-template-rows: repeat(15, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-15 {\n  grid-row: span 15/span 15; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-15 {\n  grid-row-start: 15; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-15 {\n  grid-row-end: 15; }\n\n.ids-layout-grid.ids-layout-grid-cols-16 {\n  grid-template-columns: repeat(16, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-16 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-16 {\n  grid-column: auto/span 16; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-16 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-16 {\n  grid-column-start: 16; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-16 {\n  grid-column-end: 16; }\n\n.ids-layout-grid.ids-layout-grid-rows-16 {\n  grid-template-rows: repeat(16, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-16 {\n  grid-row: span 16/span 16; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-16 {\n  grid-row-start: 16; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-16 {\n  grid-row-end: 16; }\n")(j=function(t){a()(r,t);var i=_(r);function r(){return o()(this,r),i.call(this)}return d()(r,[{key:"template",value:function(){return"<slot></slot>"}},{key:"fixed",get:function(){return this.getAttribute(F)},set:function(t){if(t)return this.setAttribute(F,t.toString()),void this.classList.add("ids-fixed");this.removeAttribute(F),this.classList.remove("ids-fixed")}},{key:"gap",get:function(){return this.getAttribute(C)||"md"},set:function(t){if(t)return this.setAttribute(C,t),void this.classList.add("ids-layout-grid-gap-".concat(t));this.removeAttribute(C),this.classList.remove("ids-layout-grid-gap-".concat(t))}},{key:"auto",get:function(){return this.getAttribute(h)},set:function(t){if(t)return this.setAttribute(h,t.toString()),void this.classList.add("ids-layout-grid-auto");this.removeAttribute(h),this.classList.remove("ids-layout-grid-auto")}},{key:"cols",get:function(){return this.getAttribute(v)},set:function(t){if(t)return this.auto=!1,this.setAttribute(v,t),this.style.setProperty("--grid-cols",t),this.classList.add("ids-layout-grid-cols"),void this.classList.remove("ids-layout-grid-auto");this.style.removeProperty("--grid-cols"),this.removeAttribute(h),this.classList.remove("ids-layout-grid-cols")}},{key:"rows",get:function(){return this.getAttribute(k)},set:function(t){if(t)return this.auto=!1,this.setAttribute(k,t),this.style.setProperty("--grid-rows",t),this.classList.add("ids-layout-grid-rows"),void this.classList.remove("ids-layout-grid-auto");this.style.removeProperty("--grid-rows"),this.removeAttribute(h),this.classList.remove("ids-layout-grid-rows")}},{key:"noMargins",get:function(){return this.getAttribute(D)},set:function(t){if(t)return this.setAttribute(D,t.toString()),void this.classList.add("ids-layout-grid-no-margins");this.removeAttribute(D),this.classList.remove("ids-layout-grid-no-margins")}}],[{key:"properties",get:function(){return[F,C,h,v,k,D]}}]),r}(O))||j);var M;function T(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=g()(t);if(i){var o=g()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return u()(this,r)}}m("ids-layout-grid-cell")(M=function(t){a()(r,t);var i=T(r);function r(){return o()(this,r),i.call(this)}return d()(r,[{key:"fill",get:function(){return this.getAttribute(E)},set:function(t){if(t)return this.setAttribute(E,t),void this.classList.add("ids-background-fill");this.removeAttribute(E),this.classList.remove("ids-background-fill")}},{key:"colSpan",get:function(){return this.getAttribute(x)},set:function(t){if(t)return this.setAttribute(x,t),this.style.setProperty("--grid-col-span",t),void this.classList.add("ids-layout-grid-col-span");this.style.removeProperty("--grid-col-span"),this.classList.remove("ids-layout-grid-col-span"),this.removeAttribute(x)}},{key:"colStart",get:function(){return this.getAttribute(b)},set:function(t){if(t)return this.setAttribute(b,t),this.style.setProperty("--grid-col-start",t),void this.classList.add("ids-layout-grid-col-start");this.style.removeProperty("--grid-col-start"),this.classList.remove("ids-layout-grid-col-start"),this.removeAttribute(b)}},{key:"colEnd",get:function(){return this.getAttribute(w)},set:function(t){if(t)return this.setAttribute(w,t),this.style.setProperty("--grid-col-end",t),void this.classList.add("ids-layout-grid-col-end");this.style.removeProperty("--grid-col-end"),this.classList.remove("ids-layout-grid-col-end"),this.removeAttribute(w)}},{key:"rowSpan",get:function(){return this.getAttribute(B)},set:function(t){if(t)return this.setAttribute(B,t),this.style.setProperty("--grid-row-span",t),void this.classList.add("ids-layout-grid-row-span");this.style.removeProperty("--grid-row-span"),this.classList.remove("ids-layout-grid-row-span"),this.removeAttribute(B)}},{key:"rowStart",get:function(){return this.getAttribute(S)},set:function(t){if(t)return this.setAttribute(S,t),this.style.setProperty("--grid-row-start",t),void this.classList.add("ids-layout-grid-row-start");this.style.removeProperty("--grid-row-start"),this.classList.remove("ids-layout-grid-row-start"),this.removeAttribute(S)}},{key:"rowEnd",get:function(){return this.getAttribute(z)},set:function(t){if(t)return this.setAttribute(z,t),this.style.setProperty("--grid-row-end",t),void this.classList.add("ids-layout-grid-row-end");this.style.removeProperty("--grid-row-end"),this.classList.remove("ids-layout-grid-row-end"),this.removeAttribute(z)}}],[{key:"properties",get:function(){return[E,x,b,w,B,S,z]}}]),r}(O));var K;function N(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=g()(t);if(i){var o=g()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return u()(this,r)}}m("ids-text")(K=y("/* Ids Text Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-text {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-weight: 400;\n  display: block;\n  margin: 0; }\n  .ids-text.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n::slotted(.audible) {\n  clip: rect(0, 0, 0, 0);\n  height: 0;\n  line-height: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n/* Ids Typography System */\n.ids-text-10 {\n  font-size: 10px;\n  text-transform: uppercase; }\n\n.ids-text-12,\n.ids-text-xs {\n  font-size: 12px;\n  text-transform: uppercase; }\n\n.ids-text-14,\n.ids-text-sm {\n  font-size: 14px; }\n\n.ids-text-16,\n.ids-text-base {\n  font-size: 16px; }\n\n.ids-text-20 {\n  font-size: 20px; }\n\n.ids-text-24,\n.ids-text-lg {\n  font-size: 24px; }\n\n.ids-text-28 {\n  font-size: 28px; }\n\n.ids-text-32,\n.ids-text-xl {\n  font-size: 32px; }\n\n.ids-text-40 {\n  font-size: 40px; }\n\n.ids-text-48 {\n  font-size: 48px; }\n\n.ids-text-60 {\n  font-size: 60px; }\n\n.ids-text-72 {\n  font-size: 72px;\n  margin-bottom: 0px; }\n")(K=function(t){a()(r,t);var i=N(r);function r(){return o()(this,r),i.call(this)}return d()(r,[{key:"template",value:function(){var t=this.type||"span",i="ids-text";return i+=this.audible?" audible":"",i+=this.fontSize?" ids-text-".concat(this.fontSize):"",i=' class="'.concat(i,'"'),"<".concat(t).concat(i,"><slot></slot></").concat(t,">")}},{key:"rerender",value:function(){var t,i,r,n=document.createElement("template");null===(t=this.shadowRoot)||void 0===t||null===(i=t.querySelector(".ids-text"))||void 0===i||i.remove(),n.innerHTML=this.template(),null===(r=this.shadowRoot)||void 0===r||r.appendChild(n.content.cloneNode(!0))}},{key:"fontSize",get:function(){return this.getAttribute(A)},set:function(t){if(t)return this.setAttribute(A,t),void this.container.classList.add("ids-text-".concat(t));this.removeAttribute(A),this.container.className="",this.container.classList.add("ids-text")}},{key:"type",get:function(){return this.getAttribute(L)},set:function(t){if(t)return this.setAttribute(L,t),void this.rerender();this.removeAttribute(L),this.rerender()}},{key:"audible",get:function(){return this.getAttribute(f)},set:function(t){if(t)return this.setAttribute(f,t),void this.rerender();this.removeAttribute(f),this.rerender()}}],[{key:"properties",get:function(){return[L,A,f]}}]),r}(O))||K)}},i={};function r(n){if(i[n])return i[n].exports;var o=i[n]={exports:{}};return t[n](o,o.exports,r),o.exports}return r.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return r.d(i,{a:i}),i},r.d=(t,i)=>{for(var n in i)r.o(i,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:i[n]})},r.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),r(1001)})().default}));
+!function(t,i){"object"==typeof exports&&"object"==typeof module?module.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof exports?exports["ids-accordion/example-lib.js"]=i():t["ids-accordion/example-lib.js"]=i()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}},9100:(t,i,r)=>{var n=r(9489),o=r(7067);function e(i,r,d){return o()?t.exports=e=Reflect.construct:t.exports=e=function(t,i,r){var o=[null];o.push.apply(o,i);var e=new(Function.bind.apply(t,o));return r&&n(e,r.prototype),e},e.apply(null,arguments)}t.exports=e},3913:t=>{function i(t,i){for(var r=0;r<i.length;r++){var n=i[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,r,n){return r&&i(t.prototype,r),n&&i(t,n),t}},9754:t=>{function i(r){return t.exports=i=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},i(r)}t.exports=i},2205:(t,i,r)=>{var n=r(9489);t.exports=function(t,i){if("function"!=typeof i&&null!==i)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(i&&i.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),i&&n(t,i)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,i,r)=>{var n=r(8),o=r(1506);t.exports=function(t,i){return!i||"object"!==n(i)&&"function"!=typeof i?o(t):i}},9489:t=>{function i(r,n){return t.exports=i=Object.setPrototypeOf||function(t,i){return t.__proto__=i,t},i(r,n)}t.exports=i},8:t=>{function i(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=i=function(t){return typeof t}:t.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(r)}t.exports=i},5957:(t,i,r)=>{var n=r(9754),o=r(9489),e=r(430),d=r(9100);function s(i){var r="function"==typeof Map?new Map:void 0;return t.exports=s=function(t){if(null===t||!e(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,i)}function i(){return d(t,arguments,n(this).constructor)}return i.prototype=Object.create(t.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),o(i,t)},s(i)}t.exports=s}},i={};function r(n){if(i[n])return i[n].exports;var o=i[n]={exports:{}};return t[n](o,o.exports,r),o.exports}r.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return r.d(i,{a:i}),i},r.d=(t,i)=>{for(var n in i)r.o(i,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:i[n]})},r.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i);var n={};return(()=>{"use strict";var t=r(4575),i=r.n(t),n=r(3913),o=r.n(n),e=r(2205),d=r.n(e),s=r(8585),a=r.n(s),l=r(9754),u=r.n(l),c=r(5957);function g(t){return function(i){customElements.get(t)||customElements.define(t,i)}}function p(t){return function(i){i.prototype.cssStyles=t}}var m="audible",y="auto",f="col-end",h="col-span",w="col-start",x="cols",b="fill",v="fixed",E="font-size",F="gap",A="no-margins",C="row-end",D="row-span",z="row-start",B="rows",S="type";var k,L=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,i){return t+i[0].toUpperCase()+i.substring(1)}))};function R(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=u()(t);if(i){var o=u()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return a()(this,r)}}var P=function(t){t.prototype.version="0.0.0-beta.8"}(k=function(t){d()(n,t);var r=R(n);function n(){var t;return i()(this,n),(t=r.call(this)).addBaseName(),t.render(),t}return o()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,i,r){i!==r&&(this[L(t)]=r)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,i,r;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(".".concat(this.name)),null===(r=this.closest('div[role="main"][hidden]'))||void 0===r||r.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,i,r=document.createElement("style");r.textContent=this.cssStyles,0===(null===(t=r.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(r.textContent=r.textContent.replace(":host",".".concat(this.name))),r.setAttribute("nonce","0a59a005"),null===(i=this.shadowRoot)||void 0===i||i.appendChild(r)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(r.n(c)()(HTMLElement)))||k;var q;function O(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=u()(t);if(i){var o=u()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return a()(this,r)}}g("ids-layout-grid")(q=p("/* Ids Layout Grid Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host,\n.ids-layout-grid {\n  --grid-cols: 16;\n  --grid-col-span: 0;\n  --grid-col-start: 0;\n  --grid-col-end: 0;\n  --grid-rows: 0;\n  --grid-row-span: 0;\n  --grid-row-start: 0;\n  --grid-row-end: 0;\n  --grid-spacing-unit: 8px;\n  --grid-fill-color: #efeff0;\n  --grid-min-col-width: 100px;\n  margin-left: 16px;\n  margin-right: 16px;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  display: grid;\n  grid-auto-flow: row; }\n\n:host(.ids-layout-grid-no-margins),\n.ids-layout-grid.ids-layout-grid-no-margins {\n  margin: 0; }\n\n:host(.ids-layout-grid-auto),\n.ids-layout-grid.ids-layout-grid-auto {\n  grid-template-columns: repeat(auto-fit, minmax(var(--grid-min-col-width), 1fr)); }\n\n:host(.ids-layout-grid-cols) {\n  grid-template-columns: repeat(var(--grid-cols), minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    :host(.ids-layout-grid-cols) {\n      grid-template-columns: repeat(auto-fit, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n::slotted(.ids-layout-grid-col-span) {\n  grid-column: span var(--grid-col-span)/span var(--grid-col-span); }\n  @media all and (max-width: 840px) {\n    ::slotted(.ids-layout-grid-col-span) {\n      grid-column: auto; } }\n\n::slotted(.ids-layout-col-start) {\n  grid-column-start: var(--grid-col-start); }\n\n::slotted(.ids-layout-grid-col-end),\n.ids-layout-grid > .ids-layout-grid-col-end {\n  grid-column-end: var(--grid-col-end); }\n\n:host(.ids-layout-grid-gap-none),\n.ids-layout-grid.ids-layout-grid-gap-none {\n  grid-gap: 0; }\n\n:host(.ids-layout-grid-gap-sm),\n.ids-layout-grid.ids-layout-grid-gap-sm {\n  grid-gap: var(--grid-spacing-unit); }\n\n:host(.ids-layout-grid-gap-md),\n.ids-layout-grid.ids-layout-grid-gap-md {\n  grid-gap: calc(var(--grid-spacing-unit) * 2); }\n\n:host(.ids-layout-grid-gap-lg),\n.ids-layout-grid.ids-layout-grid-gap-lg {\n  grid-gap: calc(var(--grid-spacing-unit) * 3); }\n\n:host(.ids-layout-grid-gap-xl),\n.ids-layout-grid.ids-layout-grid-gap-xl {\n  grid-gap: calc(var(--grid-spacing-unit) * 4); }\n\n:host(.ids-layout-grid-rows) {\n  grid-template-rows: repeat(var(--grid-rows), minmax(var(--grid-min-col-width), 1fr)); }\n\n::slotted(.ids-layout-grid-row-span) {\n  grid-row: span var(--grid-row-span)/span var(--grid-row-span); }\n\n::slotted(.ids-layout-grid-row-start) {\n  grid-row-start: var(--grid-row-start); }\n\n::slotted(.ids-layout-grid-row-end) {\n  grid-row-end: var(--grid-row-end); }\n\n::slotted(.ids-background-fill),\n.ids-layout-grid > .ids-background-fill {\n  padding-top: 40px;\n  padding-bottom: 40px;\n  padding-left: 16px;\n  padding-right: 16px;\n  background-color: var(--grid-fill-color); }\n\n:host(.ids-grid-flow-row),\n.ids-layout-grid.ids-grid-flow-row {\n  grid-auto-flow: row; }\n\n:host(.ids-grid-flow-col),\n.ids-layout-grid.ids-grid-flow-col {\n  grid-auto-flow: column; }\n\n:host(.ids-grid-flow-row-dense),\n.ids-layout-grid.ids-grid-flow-row-dense {\n  grid-auto-flow: row dense; }\n\n:host(.ids-grid-flow-col-dense),\n.ids-layout-grid.ids-grid-flow-col-dense {\n  grid-auto-flow: column dense; }\n\n.ids-layout-grid.ids-layout-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-1 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-1 {\n  grid-column: auto/span 1; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-1 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-1 {\n  grid-column-start: 1; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-1 {\n  grid-column-end: 1; }\n\n.ids-layout-grid.ids-layout-grid-rows-1 {\n  grid-template-rows: repeat(1, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-1 {\n  grid-row: span 1/span 1; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-1 {\n  grid-row-start: 1; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-1 {\n  grid-row-end: 1; }\n\n.ids-layout-grid.ids-layout-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-2 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-2 {\n  grid-column: auto/span 2; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-2 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-2 {\n  grid-column-start: 2; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-2 {\n  grid-column-end: 2; }\n\n.ids-layout-grid.ids-layout-grid-rows-2 {\n  grid-template-rows: repeat(2, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-2 {\n  grid-row: span 2/span 2; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-2 {\n  grid-row-start: 2; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-2 {\n  grid-row-end: 2; }\n\n.ids-layout-grid.ids-layout-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-3 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-3 {\n  grid-column: auto/span 3; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-3 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-3 {\n  grid-column-start: 3; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-3 {\n  grid-column-end: 3; }\n\n.ids-layout-grid.ids-layout-grid-rows-3 {\n  grid-template-rows: repeat(3, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-3 {\n  grid-row: span 3/span 3; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-3 {\n  grid-row-start: 3; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-3 {\n  grid-row-end: 3; }\n\n.ids-layout-grid.ids-layout-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-4 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-4 {\n  grid-column: auto/span 4; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-4 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-4 {\n  grid-column-start: 4; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-4 {\n  grid-column-end: 4; }\n\n.ids-layout-grid.ids-layout-grid-rows-4 {\n  grid-template-rows: repeat(4, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-4 {\n  grid-row: span 4/span 4; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-4 {\n  grid-row-start: 4; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-4 {\n  grid-row-end: 4; }\n\n.ids-layout-grid.ids-layout-grid-cols-5 {\n  grid-template-columns: repeat(5, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-5 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-5 {\n  grid-column: auto/span 5; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-5 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-5 {\n  grid-column-start: 5; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-5 {\n  grid-column-end: 5; }\n\n.ids-layout-grid.ids-layout-grid-rows-5 {\n  grid-template-rows: repeat(5, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-5 {\n  grid-row: span 5/span 5; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-5 {\n  grid-row-start: 5; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-5 {\n  grid-row-end: 5; }\n\n.ids-layout-grid.ids-layout-grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-6 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-6 {\n  grid-column: auto/span 6; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-6 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-6 {\n  grid-column-start: 6; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-6 {\n  grid-column-end: 6; }\n\n.ids-layout-grid.ids-layout-grid-rows-6 {\n  grid-template-rows: repeat(6, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-6 {\n  grid-row: span 6/span 6; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-6 {\n  grid-row-start: 6; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-6 {\n  grid-row-end: 6; }\n\n.ids-layout-grid.ids-layout-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-7 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-7 {\n  grid-column: auto/span 7; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-7 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-7 {\n  grid-column-start: 7; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-7 {\n  grid-column-end: 7; }\n\n.ids-layout-grid.ids-layout-grid-rows-7 {\n  grid-template-rows: repeat(7, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-7 {\n  grid-row: span 7/span 7; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-7 {\n  grid-row-start: 7; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-7 {\n  grid-row-end: 7; }\n\n.ids-layout-grid.ids-layout-grid-cols-8 {\n  grid-template-columns: repeat(8, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-8 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-8 {\n  grid-column: auto/span 8; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-8 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-8 {\n  grid-column-start: 8; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-8 {\n  grid-column-end: 8; }\n\n.ids-layout-grid.ids-layout-grid-rows-8 {\n  grid-template-rows: repeat(8, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-8 {\n  grid-row: span 8/span 8; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-8 {\n  grid-row-start: 8; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-8 {\n  grid-row-end: 8; }\n\n.ids-layout-grid.ids-layout-grid-cols-9 {\n  grid-template-columns: repeat(9, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-9 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-9 {\n  grid-column: auto/span 9; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-9 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-9 {\n  grid-column-start: 9; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-9 {\n  grid-column-end: 9; }\n\n.ids-layout-grid.ids-layout-grid-rows-9 {\n  grid-template-rows: repeat(9, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-9 {\n  grid-row: span 9/span 9; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-9 {\n  grid-row-start: 9; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-9 {\n  grid-row-end: 9; }\n\n.ids-layout-grid.ids-layout-grid-cols-10 {\n  grid-template-columns: repeat(10, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-10 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-10 {\n  grid-column: auto/span 10; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-10 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-10 {\n  grid-column-start: 10; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-10 {\n  grid-column-end: 10; }\n\n.ids-layout-grid.ids-layout-grid-rows-10 {\n  grid-template-rows: repeat(10, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-10 {\n  grid-row: span 10/span 10; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-10 {\n  grid-row-start: 10; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-10 {\n  grid-row-end: 10; }\n\n.ids-layout-grid.ids-layout-grid-cols-11 {\n  grid-template-columns: repeat(11, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-11 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-11 {\n  grid-column: auto/span 11; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-11 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-11 {\n  grid-column-start: 11; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-11 {\n  grid-column-end: 11; }\n\n.ids-layout-grid.ids-layout-grid-rows-11 {\n  grid-template-rows: repeat(11, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-11 {\n  grid-row: span 11/span 11; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-11 {\n  grid-row-start: 11; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-11 {\n  grid-row-end: 11; }\n\n.ids-layout-grid.ids-layout-grid-cols-12 {\n  grid-template-columns: repeat(12, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-12 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-12 {\n  grid-column: auto/span 12; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-12 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-12 {\n  grid-column-start: 12; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-12 {\n  grid-column-end: 12; }\n\n.ids-layout-grid.ids-layout-grid-rows-12 {\n  grid-template-rows: repeat(12, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-12 {\n  grid-row: span 12/span 12; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-12 {\n  grid-row-start: 12; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-12 {\n  grid-row-end: 12; }\n\n.ids-layout-grid.ids-layout-grid-cols-13 {\n  grid-template-columns: repeat(13, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-13 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-13 {\n  grid-column: auto/span 13; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-13 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-13 {\n  grid-column-start: 13; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-13 {\n  grid-column-end: 13; }\n\n.ids-layout-grid.ids-layout-grid-rows-13 {\n  grid-template-rows: repeat(13, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-13 {\n  grid-row: span 13/span 13; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-13 {\n  grid-row-start: 13; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-13 {\n  grid-row-end: 13; }\n\n.ids-layout-grid.ids-layout-grid-cols-14 {\n  grid-template-columns: repeat(14, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-14 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-14 {\n  grid-column: auto/span 14; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-14 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-14 {\n  grid-column-start: 14; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-14 {\n  grid-column-end: 14; }\n\n.ids-layout-grid.ids-layout-grid-rows-14 {\n  grid-template-rows: repeat(14, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-14 {\n  grid-row: span 14/span 14; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-14 {\n  grid-row-start: 14; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-14 {\n  grid-row-end: 14; }\n\n.ids-layout-grid.ids-layout-grid-cols-15 {\n  grid-template-columns: repeat(15, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-15 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-15 {\n  grid-column: auto/span 15; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-15 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-15 {\n  grid-column-start: 15; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-15 {\n  grid-column-end: 15; }\n\n.ids-layout-grid.ids-layout-grid-rows-15 {\n  grid-template-rows: repeat(15, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-15 {\n  grid-row: span 15/span 15; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-15 {\n  grid-row-start: 15; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-15 {\n  grid-row-end: 15; }\n\n.ids-layout-grid.ids-layout-grid-cols-16 {\n  grid-template-columns: repeat(16, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-16 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-16 {\n  grid-column: auto/span 16; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-16 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-16 {\n  grid-column-start: 16; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-16 {\n  grid-column-end: 16; }\n\n.ids-layout-grid.ids-layout-grid-rows-16 {\n  grid-template-rows: repeat(16, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-16 {\n  grid-row: span 16/span 16; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-16 {\n  grid-row-start: 16; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-16 {\n  grid-row-end: 16; }\n")(q=function(t){d()(n,t);var r=O(n);function n(){return i()(this,n),r.call(this)}return o()(n,[{key:"template",value:function(){return"<slot></slot>"}},{key:"fixed",get:function(){return this.getAttribute(v)},set:function(t){if(t)return this.setAttribute(v,t.toString()),void this.classList.add("ids-fixed");this.removeAttribute(v),this.classList.remove("ids-fixed")}},{key:"gap",get:function(){return this.getAttribute(F)||"md"},set:function(t){if(t)return this.setAttribute(F,t),void this.classList.add("ids-layout-grid-gap-".concat(t));this.removeAttribute(F),this.classList.remove("ids-layout-grid-gap-".concat(t))}},{key:"auto",get:function(){return this.getAttribute(y)},set:function(t){if(t)return this.setAttribute(y,t.toString()),void this.classList.add("ids-layout-grid-auto");this.removeAttribute(y),this.classList.remove("ids-layout-grid-auto")}},{key:"cols",get:function(){return this.getAttribute(x)},set:function(t){if(t)return this.auto=!1,this.setAttribute(x,t),this.style.setProperty("--grid-cols",t),this.classList.add("ids-layout-grid-cols"),void this.classList.remove("ids-layout-grid-auto");this.style.removeProperty("--grid-cols"),this.removeAttribute(y),this.classList.remove("ids-layout-grid-cols")}},{key:"rows",get:function(){return this.getAttribute(B)},set:function(t){if(t)return this.auto=!1,this.setAttribute(B,t),this.style.setProperty("--grid-rows",t),this.classList.add("ids-layout-grid-rows"),void this.classList.remove("ids-layout-grid-auto");this.style.removeProperty("--grid-rows"),this.removeAttribute(y),this.classList.remove("ids-layout-grid-rows")}},{key:"noMargins",get:function(){return this.getAttribute(A)},set:function(t){if(t)return this.setAttribute(A,t.toString()),void this.classList.add("ids-layout-grid-no-margins");this.removeAttribute(A),this.classList.remove("ids-layout-grid-no-margins")}}],[{key:"properties",get:function(){return[v,F,y,x,B,A]}}]),n}(P))||q);var j;function _(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=u()(t);if(i){var o=u()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return a()(this,r)}}g("ids-layout-grid-cell")(j=function(t){d()(n,t);var r=_(n);function n(){return i()(this,n),r.call(this)}return o()(n,[{key:"fill",get:function(){return this.getAttribute(b)},set:function(t){if(t)return this.setAttribute(b,t),void this.classList.add("ids-background-fill");this.removeAttribute(b),this.classList.remove("ids-background-fill")}},{key:"colSpan",get:function(){return this.getAttribute(h)},set:function(t){if(t)return this.setAttribute(h,t),this.style.setProperty("--grid-col-span",t),void this.classList.add("ids-layout-grid-col-span");this.style.removeProperty("--grid-col-span"),this.classList.remove("ids-layout-grid-col-span"),this.removeAttribute(h)}},{key:"colStart",get:function(){return this.getAttribute(w)},set:function(t){if(t)return this.setAttribute(w,t),this.style.setProperty("--grid-col-start",t),void this.classList.add("ids-layout-grid-col-start");this.style.removeProperty("--grid-col-start"),this.classList.remove("ids-layout-grid-col-start"),this.removeAttribute(w)}},{key:"colEnd",get:function(){return this.getAttribute(f)},set:function(t){if(t)return this.setAttribute(f,t),this.style.setProperty("--grid-col-end",t),void this.classList.add("ids-layout-grid-col-end");this.style.removeProperty("--grid-col-end"),this.classList.remove("ids-layout-grid-col-end"),this.removeAttribute(f)}},{key:"rowSpan",get:function(){return this.getAttribute(D)},set:function(t){if(t)return this.setAttribute(D,t),this.style.setProperty("--grid-row-span",t),void this.classList.add("ids-layout-grid-row-span");this.style.removeProperty("--grid-row-span"),this.classList.remove("ids-layout-grid-row-span"),this.removeAttribute(D)}},{key:"rowStart",get:function(){return this.getAttribute(z)},set:function(t){if(t)return this.setAttribute(z,t),this.style.setProperty("--grid-row-start",t),void this.classList.add("ids-layout-grid-row-start");this.style.removeProperty("--grid-row-start"),this.classList.remove("ids-layout-grid-row-start"),this.removeAttribute(z)}},{key:"rowEnd",get:function(){return this.getAttribute(C)},set:function(t){if(t)return this.setAttribute(C,t),this.style.setProperty("--grid-row-end",t),void this.classList.add("ids-layout-grid-row-end");this.style.removeProperty("--grid-row-end"),this.classList.remove("ids-layout-grid-row-end"),this.removeAttribute(C)}}],[{key:"properties",get:function(){return[b,h,w,f,D,z,C]}}]),n}(P));var M;function T(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=u()(t);if(i){var o=u()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return a()(this,r)}}g("ids-text")(M=p("/* Ids Text Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-text {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-weight: 400;\n  display: block;\n  margin: 0; }\n  .ids-text.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n::slotted(.audible) {\n  clip: rect(0, 0, 0, 0);\n  height: 0;\n  line-height: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n/* Ids Typography System */\n.ids-text-10 {\n  font-size: 10px;\n  text-transform: uppercase; }\n\n.ids-text-12,\n.ids-text-xs {\n  font-size: 12px;\n  text-transform: uppercase; }\n\n.ids-text-14,\n.ids-text-sm {\n  font-size: 14px; }\n\n.ids-text-16,\n.ids-text-base {\n  font-size: 16px; }\n\n.ids-text-20 {\n  font-size: 20px; }\n\n.ids-text-24,\n.ids-text-lg {\n  font-size: 24px; }\n\n.ids-text-28 {\n  font-size: 28px; }\n\n.ids-text-32,\n.ids-text-xl {\n  font-size: 32px; }\n\n.ids-text-40 {\n  font-size: 40px; }\n\n.ids-text-48 {\n  font-size: 48px; }\n\n.ids-text-60 {\n  font-size: 60px; }\n\n.ids-text-72 {\n  font-size: 72px;\n  margin-bottom: 0px; }\n")(M=function(t){d()(n,t);var r=T(n);function n(){return i()(this,n),r.call(this)}return o()(n,[{key:"template",value:function(){var t=this.type||"span",i="ids-text";return i+=this.audible?" audible":"",i+=this.fontSize?" ids-text-".concat(this.fontSize):"",i=' class="'.concat(i,'"'),"<".concat(t).concat(i,"><slot></slot></").concat(t,">")}},{key:"rerender",value:function(){var t,i,r,n=document.createElement("template");null===(t=this.shadowRoot)||void 0===t||null===(i=t.querySelector(".ids-text"))||void 0===i||i.remove(),n.innerHTML=this.template(),null===(r=this.shadowRoot)||void 0===r||r.appendChild(n.content.cloneNode(!0))}},{key:"fontSize",get:function(){return this.getAttribute(E)},set:function(t){if(t)return this.setAttribute(E,t),void this.container.classList.add("ids-text-".concat(t));this.removeAttribute(E),this.container.className="",this.container.classList.add("ids-text")}},{key:"type",get:function(){return this.getAttribute(S)},set:function(t){if(t)return this.setAttribute(S,t),void this.rerender();this.removeAttribute(S),this.rerender()}},{key:"audible",get:function(){return this.getAttribute(m)},set:function(t){if(t)return this.setAttribute(m,t),void this.rerender();this.removeAttribute(m),this.rerender()}}],[{key:"properties",get:function(){return[S,E,m]}}]),n}(P))||M)})(),n=n.default})()}));
 //# sourceMappingURL=example.js.map

ids-accordion/ids-accordion.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-accordion/ids-accordion-lib.js"]=t():e["ids-accordion/ids-accordion-lib.js"]=t()}(self,(function(){return(()=>{var e={1506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},4575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},9100:(e,t,n)=>{var o=n(9489),r=n(7067);function s(t,n,i){return r()?e.exports=s=Reflect.construct:e.exports=s=function(e,t,n){var r=[null];r.push.apply(r,t);var s=new(Function.bind.apply(e,r));return n&&o(s,n.prototype),s},s.apply(null,arguments)}e.exports=s},3913:e=>{function t(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}e.exports=function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}},9713:e=>{e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},9754:e=>{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},2205:(e,t,n)=>{var o=n(9489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}},430:e=>{e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},7067:e=>{e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},8585:(e,t,n)=>{var o=n(8),r=n(1506);e.exports=function(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?r(e):t}},9489:e=>{function t(n,o){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,o)}e.exports=t},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},5957:(e,t,n)=>{var o=n(9754),r=n(9489),s=n(430),i=n(9100);function l(t){var n="function"==typeof Map?new Map:void 0;return e.exports=l=function(e){if(null===e||!s(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return i(e,arguments,o(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),r(t,e)},l(t)}e.exports=l},4400:(e,t,n)=>{"use strict";var o=n(4575),r=n.n(o),s=n(3913),i=n.n(s),l=n(2205),a=n.n(l),c=n(8585),d=n.n(c),p=n(9754),u=n.n(p),f=n(5957),h=n.n(f);function b(e){return function(t){customElements.get(e)||customElements.define(e,t)}}function y(e){return function(t){t.prototype.cssStyles=e}}var m="expanded",x=function(){function e(t){r()(this,e),this.superclass=t}return i()(e,[{key:"with",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce((function(e,t){return t(e)}),this.superclass)}}]),e}();const E=function(e){return new x(e)};var F,v=function(e){return(e.slice(0,1).toLowerCase()+e.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(e,t){return e+t[0].toUpperCase()+t.substring(1)}))};function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u()(e);if(t){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}var D=function(e){e.prototype.version="0.0.0-beta.7"}(F=function(e){a()(n,e);var t=g(n);function n(){var e;return r()(this,n),(e=t.call(this)).addBaseName(),e.render(),e}return i()(n,[{key:"addBaseName",value:function(){var e;this.name=null===(e=this.nodeName)||void 0===e?void 0:e.toLowerCase()}},{key:"attributeChangedCallback",value:function(e,t,n){t!==n&&(this[v(e)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var e,t;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n.content.cloneNode(!0)),this.container=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e,t,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(e=n.textContent)||void 0===e?void 0:e.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(h()(HTMLElement)))||F;var C;function A(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u()(e);if(t){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}b("ids-accordion-header")(C=y("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-accordion-header {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--ids-color-palette-slate-20);\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n  padding-bottom: 12px;\n  align-items: center;\n  border-left-color: transparent;\n  border-right-color: transparent;\n  border-top-color: transparent;\n  cursor: pointer;\n  display: flex; }\n  .ids-accordion-header:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border: 1px solid #0072ed;\n    outline: none; }\n\n:host:focus {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n  border: 1px solid #0072ed;\n  outline: none; }\n\n:host ids-icon {\n  margin-left: auto;\n  transition: transform 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n\n:host([aria-expanded='true']) ids-icon {\n  transform: rotateX(180deg); }\n")(C=function(e){a()(n,e);var t=A(n);function n(){return r()(this,n),t.call(this)}return i()(n,[{key:"template",value:function(){return'\n      <div class="ids-accordion-header" tabindex="0">\n        <slot></slot>\n        <ids-icon icon='.concat("caret-down","></ids-icon>\n      </div>\n    ")}}],[{key:"properties",get:function(){return[]}}]),n}(D))||C);var B=n(1506),z=n.n(B),w=n(9713),k=n.n(w);function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u()(e);if(t){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}function R(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u()(e);if(t){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}var q=function(e){return function(e){a()(n,e);var t=R(n);function n(){var e;return r()(this,n),(e=t.call(this)).init(z()(e)),e}return i()(n,[{key:"init",value:function(e){var t=this;this.hotkeys=new Map,this.pressedKeys=new Map,this.element=e,this.keyDownHandler=function(e){t.press(e.key),t.dispatchHotkeys(e)},this.element.on("keydown",this.element,this.keyDownHandler),this.keyUpHandler=function(e){t.unpress(e.key)},this.element.on("keyup",this.element,this.keyUpHandler)}},{key:"press",value:function(e){return this.pressedKeys.set("".concat(e),!0)}},{key:"listen",value:function(e,t,n){this.element||this.init(t),this.hotkeys.set("".concat(e),n)}},{key:"unpress",value:function(e){return this.pressedKeys.delete("".concat(e))}},{key:"dispatchHotkeys",value:function(e){this.hotkeys.forEach((function(t,n){n.split(",").indexOf(e.key)>-1&&t(e)}))}},{key:"detachAllKeyboard",value:function(){this.element&&(this.element.off("keydown",this.element,this.keyDownHandler),this.element.off("keyup",this.element,this.keyUpHandler),delete this.keyDownHandler,delete this.keyUpHandler,delete this.element)}}]),n}(e)};var P;function O(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u()(e);if(t){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}b("ids-accordion-panel")(P=y("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-accordion-pane {\n  box-sizing: border-box;\n  height: 0;\n  overflow: hidden;\n  transition: height 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n\n.ids-accordion-pane-content {\n  padding: 16px; }\n\n.ids-accordion-pane-title {\n  clip: rect(0, 0, 0, 0);\n  height: 0;\n  line-height: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n")(P=function(e){a()(n,e);var t=O(n);function n(){var e;return r()(this,n),(e=t.call(this)).state={},e.keyboard=new q,e}return i()(n,[{key:"connectedCallback",value:function(){var e,t;this.expander=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".ids-accordion-panel-expander"),this.header=this.querySelector('[slot="header"]'),this.pane=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".ids-accordion-pane"),this.setTitles(),this.handleEvents(),this.switchState()}},{key:"setTitles",value:function(){var e,t=Math.floor(1e4+9e4*Math.random());null===(e=this.pane)||void 0===e||e.setAttribute("title","ids-accordion-pane-".concat(t))}},{key:"expanded",get:function(){return this.getAttribute(m)},set:function(e){e?this.setAttribute(m,e):this.setAttribute(m,"false"),this.switchState()}},{key:"switchState",value:function(){var e;this.state.expanded="true"===this.getAttribute(m)||!1,null===(e=this.header)||void 0===e||e.setAttribute("aria-expanded",this.state.expanded),this.state.expanded?this.expandPane():this.collapsePane()}},{key:"collapsePane",value:function(){var e=this;requestAnimationFrame((function(){e.pane&&(e.pane.style.height="".concat(e.pane.scrollHeight,"px"),requestAnimationFrame((function(){e.pane&&(e.pane.style.height="0px")})))}))}},{key:"expandPane",value:function(){this.pane&&(this.pane.style.height="".concat(this.pane.scrollHeight,"px"))}},{key:"setAttributes",value:function(){this.setAttribute(m,"true"===this.getAttribute(m)?"false":"true")}},{key:"handleEvents",value:function(){var e=this;this.on("click",this.expander,(function(){e.setAttributes()})),this.listen("Enter",this.expander,(function(){e.setAttributes()})),this.listen(" ",this.expander,(function(){e.setAttributes()})),this.listen("ArrowDown",this.expander,(function(){e.select(e.getNextPanel(e))})),this.listen("ArrowUp",this.expander,(function(){e.select(e.getPrevPanel(e))})),this.on("touchstart",this.expander,(function(t){t.touches&&t.touches.length>0&&e.setAttributes()}),{passive:!0})}},{key:"getNextPanel",value:function(e){var t=e.nextElementSibling;return null===t?void 0:t}},{key:"getPrevPanel",value:function(e){var t=e.previousElementSibling;return null===t?void 0:t}},{key:"select",value:function(e){if(void 0!==e){var t=e.querySelector("ids-accordion-header").shadowRoot.querySelector(".ids-accordion-header");t.setAttribute("tabindex","0"),t.focus()}}},{key:"template",value:function(){return'\n      <div class="ids-accordion-panel">\n        <div class="ids-accordion-panel-expander">\n          <slot name="header"></slot>\n        </div>\n        <div class="ids-accordion-pane" role="region">\n          <div class="ids-accordion-pane-content">\n            <slot name="content"></slot>\n          </div>\n        </div>\n      </div>\n    '}}],[{key:"properties",get:function(){return[m]}}]),n}(E(D).with((function(e){return function(e){a()(n,e);var t=S(n);function n(){var e;return r()(this,n),e=t.call(this),k()(z()(e),"handledEvents",new Map),e}return i()(n,[{key:"on",value:function(e,t,n,o){t.addEventListener(e.split(".")[0],n,o),this.handledEvents.set(e,{target:t,callback:n,options:o})}},{key:"off",value:function(e,t,n){var o=this.handledEvents.get(e);t.removeEventListener(e.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(e)}},{key:"trigger",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(e.split(".")[0],n);t.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(o,r){n&&r!==t||e.removeEventListener(r,o.target,o.options)}))}}]),n}(e)}),q)))||P);var j;function M(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u()(e);if(t){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}b("ids-accordion")(j=y("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n")(j=function(e){a()(n,e);var t=M(n);function n(){return r()(this,n),t.call(this)}return i()(n,[{key:"template",value:function(){return'\n      <div class="ids-accordion">\n        <slot></slot>\n      </div>\n    '}}]),n}(D))||j)}},t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={exports:{}};return e[o](r,r.exports,n),r.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n(4400)})().default}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-accordion/ids-accordion-lib.js"]=t():e["ids-accordion/ids-accordion-lib.js"]=t()}(self,(function(){return(()=>{var e={1506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},4575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},9100:(e,t,n)=>{var o=n(9489),r=n(7067);function s(t,n,i){return r()?e.exports=s=Reflect.construct:e.exports=s=function(e,t,n){var r=[null];r.push.apply(r,t);var s=new(Function.bind.apply(e,r));return n&&o(s,n.prototype),s},s.apply(null,arguments)}e.exports=s},3913:e=>{function t(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}e.exports=function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}},9713:e=>{e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},9754:e=>{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},2205:(e,t,n)=>{var o=n(9489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}},430:e=>{e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},7067:e=>{e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},8585:(e,t,n)=>{var o=n(8),r=n(1506);e.exports=function(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?r(e):t}},9489:e=>{function t(n,o){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,o)}e.exports=t},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},5957:(e,t,n)=>{var o=n(9754),r=n(9489),s=n(430),i=n(9100);function a(t){var n="function"==typeof Map?new Map:void 0;return e.exports=a=function(e){if(null===e||!s(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return i(e,arguments,o(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),r(t,e)},a(t)}e.exports=a}},t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={exports:{}};return e[o](r,r.exports,n),r.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{"use strict";var e=n(4575),t=n.n(e),o=n(3913),r=n.n(o),s=n(2205),i=n.n(s),a=n(8585),l=n.n(a),c=n(9754),d=n.n(c),p=n(5957),u=n.n(p);function f(e){return function(t){customElements.get(e)||customElements.define(e,t)}}function h(e){return function(t){t.prototype.cssStyles=e}}var b="expanded",y=function(){function e(n){t()(this,e),this.superclass=n}return r()(e,[{key:"with",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce((function(e,t){return t(e)}),this.superclass)}}]),e}();const m=function(e){return new y(e)};var x,E=function(e){return(e.slice(0,1).toLowerCase()+e.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(e,t){return e+t[0].toUpperCase()+t.substring(1)}))};function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d()(e);if(t){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}var F=function(e){e.prototype.version="0.0.0-beta.8"}(x=function(e){i()(o,e);var n=v(o);function o(){var e;return t()(this,o),(e=n.call(this)).addBaseName(),e.render(),e}return r()(o,[{key:"addBaseName",value:function(){var e;this.name=null===(e=this.nodeName)||void 0===e?void 0:e.toLowerCase()}},{key:"attributeChangedCallback",value:function(e,t,n){t!==n&&(this[E(e)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var e,t,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(o.content.cloneNode(!0)),this.container=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e,t,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(e=n.textContent)||void 0===e?void 0:e.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(u()(HTMLElement)))||x;var g;function D(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d()(e);if(t){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}f("ids-accordion-header")(g=h("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-accordion-header {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--ids-color-palette-slate-20);\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n  padding-bottom: 12px;\n  align-items: center;\n  border-left-color: transparent;\n  border-right-color: transparent;\n  border-top-color: transparent;\n  cursor: pointer;\n  display: flex; }\n  .ids-accordion-header:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border: 1px solid #0072ed;\n    outline: none; }\n\n:host:focus {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n  border: 1px solid #0072ed;\n  outline: none; }\n\n:host ids-icon {\n  margin-left: auto;\n  transition: transform 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n\n:host([aria-expanded='true']) ids-icon {\n  transform: rotateX(180deg); }\n")(g=function(e){i()(o,e);var n=D(o);function o(){return t()(this,o),n.call(this)}return r()(o,[{key:"template",value:function(){return'\n      <div class="ids-accordion-header" tabindex="0">\n        <slot></slot>\n        <ids-icon icon='.concat("caret-down","></ids-icon>\n      </div>\n    ")}}],[{key:"properties",get:function(){return[]}}]),o}(F))||g);var C=n(1506),A=n.n(C),B=n(9713),z=n.n(B);function k(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d()(e);if(t){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}function w(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d()(e);if(t){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}var S;function R(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d()(e);if(t){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}f("ids-accordion-panel")(S=h("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-accordion-pane {\n  box-sizing: border-box;\n  height: 0;\n  overflow: hidden;\n  transition: height 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n\n.ids-accordion-pane-content {\n  padding: 16px; }\n\n.ids-accordion-pane-title {\n  clip: rect(0, 0, 0, 0);\n  height: 0;\n  line-height: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n")(S=function(e){i()(o,e);var n=R(o);function o(){var e;return t()(this,o),(e=n.call(this)).state={},e}return r()(o,[{key:"connectedCallback",value:function(){var e,t;this.expander=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".ids-accordion-panel-expander"),this.header=this.querySelector('[slot="header"]'),this.pane=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".ids-accordion-pane"),this.setTitles(),this.handleEvents(),this.switchState()}},{key:"setTitles",value:function(){var e,t=Math.floor(1e4+9e4*Math.random());null===(e=this.pane)||void 0===e||e.setAttribute("title","ids-accordion-pane-".concat(t))}},{key:"expanded",get:function(){return this.getAttribute(b)},set:function(e){e?this.setAttribute(b,e):this.setAttribute(b,"false"),this.switchState()}},{key:"switchState",value:function(){var e;this.state.expanded="true"===this.getAttribute(b)||!1,null===(e=this.header)||void 0===e||e.setAttribute("aria-expanded",this.state.expanded),this.state.expanded?this.expandPane():this.collapsePane()}},{key:"collapsePane",value:function(){var e=this;requestAnimationFrame((function(){e.pane&&(e.pane.style.height="".concat(e.pane.scrollHeight,"px"),requestAnimationFrame((function(){e.pane&&(e.pane.style.height="0px")})))}))}},{key:"expandPane",value:function(){this.pane&&(this.pane.style.height="".concat(this.pane.scrollHeight,"px"))}},{key:"setAttributes",value:function(){this.setAttribute(b,"true"===this.getAttribute(b)?"false":"true")}},{key:"handleEvents",value:function(){var e=this;this.onEvent("click",this.expander,(function(){e.setAttributes()})),this.listen("Enter",this.expander,(function(){e.setAttributes()})),this.listen(" ",this.expander,(function(){e.setAttributes()})),this.listen("ArrowDown",this.expander,(function(){e.select(e.getNextPanel(e))})),this.listen("ArrowUp",this.expander,(function(){e.select(e.getPrevPanel(e))})),this.onEvent("touchstart",this.expander,(function(t){t.touches&&t.touches.length>0&&e.setAttributes()}),{passive:!0})}},{key:"getNextPanel",value:function(e){var t=e.nextElementSibling;return null===t?void 0:t}},{key:"getPrevPanel",value:function(e){var t=e.previousElementSibling;return null===t?void 0:t}},{key:"select",value:function(e){if(void 0!==e){var t=e.querySelector("ids-accordion-header").shadowRoot.querySelector(".ids-accordion-header");t.setAttribute("tabindex","0"),t.focus()}}},{key:"template",value:function(){return'\n      <div class="ids-accordion-panel">\n        <div class="ids-accordion-panel-expander">\n          <slot name="header"></slot>\n        </div>\n        <div class="ids-accordion-pane" role="region">\n          <div class="ids-accordion-pane-content">\n            <slot name="content"></slot>\n          </div>\n        </div>\n      </div>\n    '}}],[{key:"properties",get:function(){return[b]}}]),o}(m(F).with((function(e){return function(e){i()(o,e);var n=k(o);function o(){var e;return t()(this,o),e=n.call(this),z()(A()(e),"handledEvents",new Map),e}return r()(o,[{key:"onEvent",value:function(e,t,n,o){t.addEventListener(e.split(".")[0],n,o),this.handledEvents.set(e,{target:t,callback:n,options:o})}},{key:"offEvent",value:function(e,t,n){var o=this.handledEvents.get(e);null!=o&&o.callback&&t.removeEventListener(e.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(e)}},{key:"triggerEvent",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(e.split(".")[0],n);t.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var e=this;this.handledEvents.forEach((function(t,n){e.offEvent(n,t.target,t.options)}))}},{key:"detachEventName",value:function(e){var t=this,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(o,r){n&&r!==e||t.offEvent(r,o.target,o.options)}))}}]),o}(e)}),(function(e){return function(e){i()(o,e);var n=w(o);function o(){var e;return t()(this,o),(e=n.call(this)).init(),e}return r()(o,[{key:"init",value:function(){var e=this;this.hotkeys=new Map,this.pressedKeys=new Map,this.keyDownHandler=function(t){e.press(t.key),e.dispatchHotkeys(t)},this.onEvent("keydown.keyboard",this,this.keyDownHandler),this.keyUpHandler=function(t){e.unpress(t.key)},this.onEvent("keyup.keyboard",this,this.keyUpHandler)}},{key:"press",value:function(e){return this.pressedKeys.set("".concat(e),!0)}},{key:"listen",value:function(e,t,n){this.hotkeys.set("".concat(e),n)}},{key:"unpress",value:function(e){return this.pressedKeys.delete("".concat(e))}},{key:"dispatchHotkeys",value:function(e){this.hotkeys.forEach((function(t,n){n.split(",").indexOf(e.key)>-1&&t(e)}))}},{key:"detachAllListeners",value:function(){this.keyDownHandler&&this.offEvent&&(this.offEvent("keydown.keyboard",this,this.keyDownHandler),delete this.keyDownHandler),this.keyUpHandler&&this.offEvent&&(this.offEvent("keyup.keyboard",this,this.keyUpHandler),delete this.keyUpHandler)}}]),o}(e)}))))||S);var q;function P(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d()(e);if(t){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}f("ids-accordion")(q=h("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n")(q=function(e){i()(o,e);var n=P(o);function o(){return t()(this,o),n.call(this)}return r()(o,[{key:"template",value:function(){return'\n      <div class="ids-accordion">\n        <slot></slot>\n      </div>\n    '}}]),o}(F))||q)})(),o=o.default})()}));
 //# sourceMappingURL=ids-accordion.js.map

ids-alert/example.js

@@ -1,2 +0,2 @@
-!function(e,i){"object"==typeof exports&&"object"==typeof module?module.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof exports?exports["ids-alert/example-lib.js"]=i():e["ids-alert/example-lib.js"]=i()}(self,(function(){return(e={1935:()=>{document.getElementById("ids-alert-list").innerHTML='<ids-alert icon="alert"></ids-alert>\n  <ids-alert icon="success"></ids-alert>\n  <ids-alert icon="empty-circle"></ids-alert>\n  <ids-alert icon="half-empty-circle"></ids-alert>\n  <ids-alert icon="error"></ids-alert>\n  <ids-alert icon="info"></ids-alert>\n  <ids-alert icon="alert"></ids-alert>\n  <ids-alert icon="new"></ids-alert>\n  <ids-alert icon="in-progress"></ids-alert>\n  <ids-alert icon="error"></ids-alert>\n  <ids-alert icon="success-solid"></ids-alert>\n  <ids-alert icon="alert-solid"></ids-alert>\n  <ids-alert icon="error-solid"></ids-alert>\n  <ids-alert icon="info-solid"></ids-alert>\n  <ids-alert icon="alert-solid"></ids-alert>\n  <ids-alert icon="new-solid"></ids-alert>\n  <ids-alert icon="in-progress-solid"></ids-alert>\n  <ids-alert icon="info-field-solid"></ids-alert>'}},i={},function r(t){if(i[t])return i[t].exports;var s=i[t]={exports:{}};return e[t](s,s.exports,r),s.exports}(1935)).default;var e,i}));
+!function(e,i){"object"==typeof exports&&"object"==typeof module?module.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof exports?exports["ids-alert/example-lib.js"]=i():e["ids-alert/example-lib.js"]=i()}(self,(function(){return e={},document.getElementById("ids-alert-list").innerHTML='<ids-alert icon="alert"></ids-alert>\n  <ids-alert icon="success"></ids-alert>\n  <ids-alert icon="empty-circle"></ids-alert>\n  <ids-alert icon="half-empty-circle"></ids-alert>\n  <ids-alert icon="error"></ids-alert>\n  <ids-alert icon="info"></ids-alert>\n  <ids-alert icon="alert"></ids-alert>\n  <ids-alert icon="new"></ids-alert>\n  <ids-alert icon="in-progress"></ids-alert>\n  <ids-alert icon="error"></ids-alert>\n  <ids-alert icon="success-solid"></ids-alert>\n  <ids-alert icon="alert-solid"></ids-alert>\n  <ids-alert icon="error-solid"></ids-alert>\n  <ids-alert icon="info-solid"></ids-alert>\n  <ids-alert icon="alert-solid"></ids-alert>\n  <ids-alert icon="new-solid"></ids-alert>\n  <ids-alert icon="in-progress-solid"></ids-alert>\n  <ids-alert icon="info-field-solid"></ids-alert>',e=e.default;var e}));
 //# sourceMappingURL=example.js.map

ids-alert/ids-alert.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
-export default class IdsAlert extends HTMLElement {
+export default class IdsAlert extends IdsElement {
   /* Types of alert */
   type: 'alert' | 'success' | 'dirty' | 'error' | 'info' |
     'pending' | 'new' | 'in-progress' | 'info-field';
+
+  /* Set the icon */
+  icon: string | null;
 }

ids-badge/ids-badge.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-badge/ids-badge-lib.js"]=e():t["ids-badge/ids-badge-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,o)=>{var n=o(9489),r=o(7067);function s(e,o,i){return r()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,o){var r=[null];r.push.apply(r,e);var s=new(Function.bind.apply(t,r));return o&&n(s,o.prototype),s},s.apply(null,arguments)}t.exports=s},3913:t=>{function e(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}},9754:t=>{function e(o){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(o)}t.exports=e},2205:(t,e,o)=>{var n=o(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,o)=>{var n=o(8),r=o(1506);t.exports=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(o,n){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(o,n)}t.exports=e},8:t=>{function e(o){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(o)}t.exports=e},5957:(t,e,o)=>{var n=o(9754),r=o(9489),s=o(430),i=o(9100);function a(e){var o="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!s(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==o){if(o.has(t))return o.get(t);o.set(t,e)}function e(){return i(t,arguments,n(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a},6079:(t,e,o)=>{"use strict";o(2743)},2743:(t,e,o)=>{"use strict";var n=o(4575),r=o.n(n),s=o(3913),i=o.n(s),a=o(2205),l=o.n(a),c=o(8585),d=o.n(c),p=o(9754),u=o.n(p),f=o(8330);var h;function b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=u()(t);if(e){var r=u()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return d()(this,o)}}(0,f.Mo)("ids-badge")(h=(0,f.h5)("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  text-align: center; }\n\n.ids-badge {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-color: var(--ids-color-palette-slate-20);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-20);\n  border-style: solid;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  margin-bottom: 4px;\n  margin-right: 4px;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  border-radius: 15px;\n  font-size: 14px;\n  color: var(--ids-color-palette-slate-100);\n  flex-direction: column;\n  justify-content: space-between;\n  line-height: 22px;\n  min-height: 22px;\n  min-width: 22px;\n  padding: 0 10px; }\n  .ids-badge.round {\n    display: inline-block;\n    padding: 0;\n    text-align: center;\n    width: 22px; }\n  .ids-badge.ids-white {\n    background-color: var(--ids-color-palette-white);\n    color: var(--ids-color-palette-white); }\n  .ids-badge ::slotted(ids-icon) {\n    position: relative;\n    top: 3px; }\n")(h=function(t){l()(o,t);var e=b(o);function o(){return r()(this,o),e.call(this)}return i()(o,[{key:"template",value:function(){var t=this.shape;return'<span class="ids-badge '.concat(t,'"><slot></slot></span>')}},{key:"shape",get:function(){return this.getAttribute("shape")||"normal"},set:function(t){t?this.setAttribute("shape",t.toString()):this.removeAttribute("shape")}},{key:"color",get:function(){return this.getAttribute("color")},set:function(t){var e;t?(this.setAttribute("color",t),e="error"===t?"var(--ids-color-status-danger)":"alert"===t?"var(--ids-color-status-caution)":"info"===t?"var(--ids-color-status-base)":"var(--ids-color-status-".concat(t,")"),this.container.style.backgroundColor=e,this.container.style.borderColor=e,"error"!==t&&"info"!==t||this.container.classList.add("ids-white")):(this.removeAttribute("color"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color="",this.container.style.position="")}}],[{key:"properties",get:function(){return["color","shape"]}}]),o}(f.Hb))||h)},254:(t,e,o)=>{"use strict"},3986:(t,e,o)=>{"use strict";o.d(e,{i8:()=>n,Mo:()=>r,h5:()=>s});function n(){return function(t){t.prototype.version="0.0.0-beta.7"}}function r(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function s(t){return function(e){e.prototype.cssStyles=t}}},8330:(t,e,o)=>{"use strict";o.d(e,{Hb:()=>g,Mo:()=>y.Mo,h5:()=>y.h5});var n,r=o(4575),s=o.n(r),i=o(3913),a=o.n(i),l=o(2205),c=o.n(l),d=o(8585),p=o.n(d),u=o(9754),f=o.n(u),h=o(5957),b=o.n(h),y=o(3986),m=(o(254),o(8832),o(2417));function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=f()(t);if(e){var r=f()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return p()(this,o)}}var g=(0,y.i8)()(n=function(t){c()(o,t);var e=x(o);function o(){var t;return s()(this,o),(t=e.call(this)).addBaseName(),t.render(),t}return a()(o,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,o){e!==o&&(this[m.v.camelCase(t)]=o)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,o=document.createElement("style");o.textContent=this.cssStyles,0===(null===(t=o.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(o.textContent=o.textContent.replace(":host",".".concat(this.name))),o.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(o)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(b()(HTMLElement)))||n},8832:(t,e,o)=>{"use strict";o(4575),o(3913)},2417:(t,e,o)=>{"use strict";o.d(e,{v:()=>n});var n={camelCase:function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},stringToBool:function(t){return"true"===(t+"").toLowerCase()},injectTemplate:function(t,e){return t.replace(/\${(.*?)}/g,(function(t,o){return e[o]}))}}}},e={};function o(n){if(e[n])return e[n].exports;var r=e[n]={exports:{}};return t[n](r,r.exports,o),r.exports}return o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o(6079)})().default}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-badge/ids-badge-lib.js"]=t():e["ids-badge/ids-badge-lib.js"]=t()}(self,(function(){return(()=>{var e={1506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},4575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},9100:(e,t,o)=>{var n=o(9489),r=o(7067);function i(t,o,s){return r()?e.exports=i=Reflect.construct:e.exports=i=function(e,t,o){var r=[null];r.push.apply(r,t);var i=new(Function.bind.apply(e,r));return o&&n(i,o.prototype),i},i.apply(null,arguments)}e.exports=i},3913:e=>{function t(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}e.exports=function(e,o,n){return o&&t(e.prototype,o),n&&t(e,n),e}},9754:e=>{function t(o){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(o)}e.exports=t},2205:(e,t,o)=>{var n=o(9489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&n(e,t)}},430:e=>{e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},7067:e=>{e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},8585:(e,t,o)=>{var n=o(8),r=o(1506);e.exports=function(e,t){return!t||"object"!==n(t)&&"function"!=typeof t?r(e):t}},9489:e=>{function t(o,n){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(o,n)}e.exports=t},8:e=>{function t(o){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(o)}e.exports=t},5957:(e,t,o)=>{var n=o(9754),r=o(9489),i=o(430),s=o(9100);function a(t){var o="function"==typeof Map?new Map:void 0;return e.exports=a=function(e){if(null===e||!i(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==o){if(o.has(e))return o.get(e);o.set(e,t)}function t(){return s(e,arguments,n(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),r(t,e)},a(t)}e.exports=a},2743:(e,t,o)=>{"use strict";var n=o(4575),r=o.n(n),i=o(3913),s=o.n(i),a=o(2205),l=o.n(a),c=o(8585),d=o.n(c),p=o(9754),u=o.n(p),f=o(8330);var h;function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=u()(e);if(t){var r=u()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return d()(this,o)}}(0,f.Mo)("ids-badge")(h=(0,f.h5)("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  text-align: center; }\n\n.ids-badge {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-color: var(--ids-color-palette-slate-20);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-20);\n  border-style: solid;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  margin-bottom: 4px;\n  margin-right: 4px;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  border-radius: 15px;\n  font-size: 14px;\n  color: var(--ids-color-palette-slate-100);\n  flex-direction: column;\n  justify-content: space-between;\n  line-height: 22px;\n  min-height: 22px;\n  min-width: 22px;\n  padding: 0 10px; }\n  .ids-badge.round {\n    display: inline-block;\n    padding: 0;\n    text-align: center;\n    width: 22px; }\n  .ids-badge.ids-white {\n    background-color: var(--ids-color-palette-white);\n    color: var(--ids-color-palette-white); }\n  .ids-badge ::slotted(ids-icon) {\n    position: relative;\n    top: 3px; }\n")(h=function(e){l()(o,e);var t=b(o);function o(){return r()(this,o),t.call(this)}return s()(o,[{key:"template",value:function(){var e=this.shape;return'<span class="ids-badge '.concat(e,'"><slot></slot></span>')}},{key:"shape",get:function(){return this.getAttribute("shape")||"normal"},set:function(e){e?this.setAttribute("shape",e.toString()):this.removeAttribute("shape"),this.container.setAttribute("class","ids-badge ".concat(this.shape))}},{key:"color",get:function(){return this.getAttribute("color")},set:function(e){var t;e?(this.setAttribute("color",e),t="error"===e?"var(--ids-color-status-danger)":"alert"===e?"var(--ids-color-status-caution)":"info"===e?"var(--ids-color-status-base)":"var(--ids-color-status-".concat(e,")"),this.container.style.backgroundColor=t,this.container.style.borderColor=t,"error"!==e&&"info"!==e||this.container.classList.add("ids-white")):(this.removeAttribute("color"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color="",this.container.style.position="")}}],[{key:"properties",get:function(){return[f.NQ.COLOR,f.NQ.SHAPE]}}]),o}(f.Hb))||h)},254:(e,t,o)=>{"use strict";o.d(t,{N:()=>n});var n={ACCEPT:"accept",ALTERNATE_ROW_SHADING:"alternate-row-shading",ANIMATED:"animated",ALIGN:"align",APPEARANCE:"appearance",AUDIBLE:"audible",AUTO:"auto",AUTOGROW:"autogrow",AUTOGROW_MAX_HEIGHT:"autogrow-max-height",AUTOSELECT:"autoselect",BG_TRANSPARENT:"bg-transparent",CHAR_MAX_TEXT:"char-max-text",CHAR_REMAINING_TEXT:"char-remaining-text",CHARACTER_COUNTER:"character-counter",CHECKED:"checked",CLEARABLE:"clearable",CLEARABLE_FORCED:"clearable-forced",COL_END:"col-end",COL_SPAN:"col-span",COL_START:"col-start",COLOR:"color",COLS:"cols",CLICKABLE:"clickable",CSS_CLASS:"css-class",DATA:"data",DIRTY_TRACKER:"dirty-tracker",DISABLE_EVENTS:"disable-native-events",DISABLED:"disabled",DISMISSIBLE:"dismissible",EXPANDED:"expanded",FILL:"fill",FIXED:"fixed",FOCUSABLE:"focusable",FONT_SIZE:"font-size",GAP:"gap",GROUP:"group",GROUP_DISABLED:"group-disabled",HORIZONTAL:"horizontal",ICON:"icon",ICON_ALIGN:"icon-align",ID:"id",INDETERMINATE:"indeterminate",KEEP_OPEN:"keep-open",LABEL:"label",LABEL_REQUIRED:"label-required",LABEL_FILETYPE:"label-filetype",MAXLENGTH:"maxlength",MENU:"menu",MULTIPLE:"multiple",NO_MARGINS:"no-margins",NO_TEXT_ELLIPSIS:"no-text-ellipsis",PLACEHOLDER:"placeholder",PRINTABLE:"printable",READONLY:"readonly",RESIZABLE:"resizable",REQUIRED:"required",ROW_END:"row-end",ROW_HEIGHT:"row-height",ROW_SPAN:"row-span",ROW_START:"row-start",ROWS:"rows",SELECT:"select",SELECTED:"selected",SHAPE:"shape",SIZE:"size",SUBMENU:"submenu",TABBABLE:"tabbable",TABINDEX:"tabindex",TARGET:"target",TRIGGER:"trigger",TRIGGERFIELD:"triggerfield",TRIGGER_LABEL:"trigger-label",TEXT:"text",TEXT_ALIGN:"text-align",TEXT_ELLIPSIS:"text-ellipsis",TYPE:"type",VALIDATE:"validate",VALIDATION_EVENTS:"validation-events",VALIDATION_HAS_ERROR:"validation-has-error",VALUE:"value",VIRTUAL_SCROLL:"virtual-scroll",VISIBLE:"visible"}},3986:(e,t,o)=>{"use strict";o.d(t,{i8:()=>n,Mo:()=>r,h5:()=>i});function n(){return function(e){e.prototype.version="0.0.0-beta.8"}}function r(e){return function(t){customElements.get(e)||customElements.define(e,t)}}function i(e){return function(t){t.prototype.cssStyles=e}}},8330:(e,t,o)=>{"use strict";o.d(t,{Hb:()=>A,Mo:()=>E.Mo,h5:()=>E.h5,NQ:()=>y.N});var n,r=o(4575),i=o.n(r),s=o(3913),a=o.n(s),l=o(2205),c=o.n(l),d=o(8585),p=o.n(d),u=o(9754),f=o.n(u),h=o(5957),b=o.n(h),E=o(3986),y=o(254),m=(o(8832),o(2417));function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=f()(e);if(t){var r=f()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return p()(this,o)}}var A=(0,E.i8)()(n=function(e){c()(o,e);var t=g(o);function o(){var e;return i()(this,o),(e=t.call(this)).addBaseName(),e.render(),e}return a()(o,[{key:"addBaseName",value:function(){var e;this.name=null===(e=this.nodeName)||void 0===e?void 0:e.toLowerCase()}},{key:"attributeChangedCallback",value:function(e,t,o){t!==o&&(this[m.v.camelCase(e)]=o)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var e,t,o;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n.content.cloneNode(!0)),this.container=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".".concat(this.name)),null===(o=this.closest('div[role="main"][hidden]'))||void 0===o||o.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e,t,o=document.createElement("style");o.textContent=this.cssStyles,0===(null===(e=o.textContent)||void 0===e?void 0:e.indexOf(":host"))&&(o.textContent=o.textContent.replace(":host",".".concat(this.name))),o.setAttribute("nonce","0a59a005"),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(b()(HTMLElement)))||n},8832:(e,t,o)=>{"use strict";o(4575),o(3913)},2417:(e,t,o)=>{"use strict";o.d(t,{v:()=>n});var n={camelCase:function(e){return(e.slice(0,1).toLowerCase()+e.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(e,t){return e+t[0].toUpperCase()+t.substring(1)}))},stringToBool:function(e){return("string"!=typeof e||"false"!==e.toLowerCase())&&(null!==e&&(!0===e||"string"==typeof e&&"false"!==e))},injectTemplate:function(e,t){return e.replace(/\${(.*?)}/g,(function(e,o){return t[o]}))}}}},t={};function o(n){if(t[n])return t[n].exports;var r=t[n]={exports:{}};return e[n](r,r.exports,o),r.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var n={};return(()=>{"use strict";o(2743)})(),n=n.default})()}));
 //# sourceMappingURL=ids-badge.js.map

ids-button/ids-button.d.ts

@@ -5,2 +5,5 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can
 
+/**
+ * @type {any}
+ */
 export class IdsButton extends IdsElement {
@@ -7,0 +10,0 @@ /* Contains space-delimeted CSS classes (or an array of CSS classes) that will be passed to the Shadow Root button */

ids-button/ids-button.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-button/ids-button-lib.js"]=e():t["ids-button/ids-button-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function r(e,n,s){return i()?t.exports=r=Reflect.construct:t.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&o(r,n.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),r=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!r(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},2955:(t,e,n)=>{"use strict";n(4548)},254:(t,e,n)=>{"use strict";n.d(e,{N:()=>o});var o={ACCEPT:"accept",ALTERNATE_ROW_SHADING:"alternate-row-shading",ANIMATED:"animated",APPEARANCE:"appearance",AUDIBLE:"audible",AUTO:"auto",AUTOSELECT:"autoselect",BG_TRANSPARENT:"bg-transparent",CHECKED:"checked",CLEARABLE:"clearable",CLEARABLE_FORCED:"clearable-forced",COL_END:"col-end",COL_SPAN:"col-span",COL_START:"col-start",COLOR:"color",COLS:"cols",CSS_CLASS:"css-class",DATA:"data",DIRTY_TRACKER:"dirty-tracker",DISABLE_EVENTS:"disable-native-events",DISABLED:"disabled",EXPANDED:"expanded",FILL:"fill",FIXED:"fixed",FOCUSABLE:"focusable",FONT_SIZE:"font-size",GAP:"gap",GROUP:"group",GROUP_DISABLED:"group-disabled",HORIZONTAL:"horizontal",ICON:"icon",ICON_ALIGN:"icon-align",ID:"id",INDETERMINATE:"indeterminate",KEEP_OPEN:"keep-open",LABEL:"label",LABEL_REQUIRED:"label-required",LABEL_FILETYPE:"label-filetype",MENU:"menu",MULTIPLE:"multiple",NO_MARGINS:"no-margins",NO_TEXT_ELLIPSIS:"no-text-ellipsis",PLACEHOLDER:"placeholder",READONLY:"readonly",REQUIRED:"required",ROW_END:"row-end",ROW_HEIGHT:"row-height",ROW_SPAN:"row-span",ROW_START:"row-start",ROWS:"rows",SELECT:"select",SELECTED:"selected",SHAPE:"shape",SIZE:"size",SUBMENU:"submenu",TABBABLE:"tabbable",TABINDEX:"tabindex",TARGET:"target",TRIGGER:"trigger",TRIGGERFIELD:"triggerfield",TRIGGER_LABEL:"trigger-label",TEXT:"text",TEXT_ALIGN:"text-align",TEXT_ELLIPSIS:"text-ellipsis",TYPE:"type",VALIDATE:"validate",VALIDATION_EVENTS:"validation-events",VALIDATION_HAS_ERROR:"validation-has-error",VALUE:"value",VIRTUAL_SCROLL:"virtual-scroll",VISIBLE:"visible"}},3986:(t,e,n)=>{"use strict";n.d(e,{i8:()=>o,Mo:()=>i,h5:()=>r});function o(){return function(t){t.prototype.version="0.0.0-beta.7"}}function i(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function r(t){return function(e){e.prototype.cssStyles=t}}},9120:(t,e,n)=>{"use strict";n.d(e,{x:()=>o});var o={isTrueBooleanAttribute:function(t){return null!==t&&(!0===t||"string"==typeof t&&"false"!==t)},outerWidth:function(t){var e=0;if(t instanceof HTMLElement){var n=getComputedStyle(t);e=t.offsetWidth+parseInt(n.marginLeft,10)+parseInt(n.marginRight,10)}return e}}},8330:(t,e,n)=>{"use strict";n.d(e,{Hb:()=>E,Mo:()=>m.Mo,CD:()=>v.Z,h5:()=>m.h5,NQ:()=>y.N});var o,i=n(4575),r=n.n(i),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),b=n.n(p),f=n(5957),h=n.n(f),m=n(3986),y=n(254),v=n(8832),g=n(2417);function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=b()(t);if(e){var i=b()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return u()(this,n)}}var E=(0,m.i8)()(o=function(t){c()(n,t);var e=x(n);function n(){var t;return r()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return a()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[g.v.camelCase(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(h()(HTMLElement)))||o},4913:(t,e,n)=>{"use strict";n.d(e,{S:()=>v});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(1506),l=n.n(a),c=n(2205),d=n.n(c),u=n(8585),p=n.n(u),b=n(9754),f=n.n(b),h=n(9713),m=n.n(h);function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return p()(this,n)}}var v=function(t){return function(t){d()(n,t);var e=y(n);function n(){var t;return i()(this,n),t=e.call(this),m()(l()(t),"handledEvents",new Map),t}return s()(n,[{key:"on",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"off",value:function(t,e,n){var o=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(o,i){n&&i!==e||t.removeEventListener(i,o.target,o.options)}))}}]),n}(t)}},8832:(t,e,n)=>{"use strict";n.d(e,{Z:()=>l});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=function(){function t(e){i()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const l=function(t){return new a(t)}},2417:(t,e,n)=>{"use strict";n.d(e,{v:()=>o});var o={camelCase:function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},stringToBool:function(t){return"true"===(t+"").toLowerCase()},injectTemplate:function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))}}},4548:(t,e,n)=>{"use strict";var o,i=n(4575),r=n.n(i),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),b=n.n(p),f=n(8330),h=n(9120),m=n(4913),y=n(1762),v=n(3556);function g(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=b()(t);if(e){var i=b()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return u()(this,n)}}var x=["default","primary","secondary","tertiary","destructive"],E={cssClass:[],disabled:!1,tabIndex:!0,type:x[0]},A=[f.NQ.CSS_CLASS,f.NQ.DISABLED,f.NQ.ICON,f.NQ.ICON_ALIGN,f.NQ.ID,f.NQ.TEXT,f.NQ.TYPE,f.NQ.TABINDEX],C=["align-icon-start","align-icon-end"];(0,f.Mo)("ids-button")(o=(0,f.h5)(v.Z)(o=function(t){c()(n,t);var e=g(n);function n(){var t;return r()(this,n),(t=e.call(this)).state={},Object.keys(E).forEach((function(e){t.state[e]=E[e]})),t.shouldUpdate=!0,t}return a()(n,[{key:"attributeChangedCallback",value:function(t,e,n){if(this.shouldUpdate)switch(t){case"tabindex":this.tabIndex=Number(n);break;default:f.Hb.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"protoClasses",get:function(){var t=this.querySelector("span:not(.audible)");return(this.querySelector("ids-icon[slot]")||this.querySelector("ids-icon"))&&!t?["ids-icon-button"]:["ids-button"]}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"]),t.add(e)}},{key:"template",value:function(){var t,e,n,o,i,r,s,a="",l="",c="",d="",u='tabindex="0"',p="",b="";null!==(t=this.state)&&void 0!==t&&t.cssClass&&(a=" ".concat(this.state.cssClass.join(" "))),null!==(e=this.state)&&void 0!==e&&e.disabled&&(c=' disabled="true"'),null!==(n=this.state)&&void 0!==n&&n.tabIndex&&(u='tabindex="'.concat(this.state.tabIndex,'"')),null!==(o=this.state)&&void 0!==o&&o.icon&&(d='<ids-icon slot="icon" icon="'.concat(this.state.icon,'"></ids-icon>')),null!==(i=this.state)&&void 0!==i&&i.text&&(p='<span slot="text">'.concat(this.state.text,"</span>")),this.state&&"default"!==(null===(r=this.state)||void 0===r?void 0:r.type)&&(b=" btn-".concat(this.state.type)),this.protoClasses.length&&(l="".concat(this.protoClasses.join(" ")));var f=" align-icon-start",h='<slot name="icon">'.concat(d,'</slot><slot name="text">').concat(p,"</slot>");return"end"===(null===(s=this.state)||void 0===s?void 0:s.iconAlign)&&(f=" align-icon-end",h='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(l).concat(b).concat(f).concat(a,'" ').concat(u).concat(c,">\n      ").concat(h,"\n      <slot>").concat(d).concat(p,"</slot>\n    </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,o=!1;this.on("click.ripple",this.button,(function(i){o?o=!1:(t=0!==i.clientX?i.clientX:void 0,e=0!==i.clientY?i.clientY:void 0,n.createRipple(t,e))})),this.on("touchstart.ripple",this.button,(function(i){if(i.touches&&i.touches.length>0){var r=i.touches[0];t=0!==r.clientX?r.clientX:void 0,e=0!==r.clientY?r.clientY:void 0,n.createRipple(t,e),o=!0}}),{passive:!0})}},{key:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"cssClass",get:function(){return this.state.cssClass},set:function(t){var e=t,n=[],o=[].concat(this.state.cssClass);Array.isArray(t)?(n=t,e=t.join(" ")):"string"==typeof t&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(f.NQ.CSS_CLASS,e.toString()):this.removeAttribute(f.NQ.CSS_CLASS);var i=this.button.classList,r=Array.from(i);o.forEach((function(t){n.includes(t)||i.remove(t)})),n.forEach((function(t){r.includes(t)||i.add(t)}))}},{key:"disabled",get:function(){return this.state.disabled},set:function(t){this.shouldUpdate=!1,this.removeAttribute(f.NQ.DISABLED),this.shouldUpdate=!0;var e=h.x.isTrueBooleanAttribute(t);this.state.disabled=e,this.button&&(this.button.disabled=e)}},{key:"tabIndex",get:function(){return this.state.tabIndex},set:function(t){this.shouldUpdate=!1,this.removeAttribute(f.NQ.TABINDEX),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(f.NQ.TABINDEX,"0");this.state.tabIndex=e,this.button.setAttribute(f.NQ.TABINDEX,"".concat(e))}},{key:"icon",get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")},set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(f.NQ.ICON),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(f.NQ.ICON,t),this.appendIcon(t)}},{key:"iconAlign",get:function(){return this.state.iconAlign},set:function(t){var e=t;C.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()}},{key:"appendIcon",value:function(t){var e=this.querySelector("ids-icon");e?(e.icon=t,this.setIconAlignment()):this.insertAdjacentHTML("afterbegin",'<ids-icon slot="icon" icon="'.concat(t,'" class="ids-icon"></ids-icon>')),this.refreshProtoClasses()}},{key:"removeIcon",value:function(){var t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}},{key:"setIconAlignment",value:function(){var t,e=this.iconAlign||"start",n=this.icon;(t=this.button.classList).remove.apply(t,C),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');o&&("end"===e?this.button.appendChild(o):this.button.prepend(o))}},{key:"text",get:function(){var t,e=this.querySelector("span:not(.audible)");return e&&null!==(t=e.textContent)&&void 0!==t&&t.length?e.textContent:this.state.text},set:function(t){if(this.removeAttribute(f.NQ.TEXT),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)}},{key:"appendText",value:function(t){var e=this.querySelector("span:not(.audible)");e?e.textContent=t:this.insertAdjacentHTML("afterbegin","<span>".concat(t,"</span>")),this.refreshProtoClasses()}},{key:"removeText",value:function(){var t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}},{key:"type",get:function(){return this.state.type},set:function(t){!t||x.indexOf(t)<=0?(this.removeAttribute(f.NQ.TYPE),this.state.type=x[0]):(this.setAttribute(f.NQ.TYPE,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)}},{key:"setTypeClass",value:function(t){var e=this;x.forEach((function(n){var o="btn-".concat(n);t!==n?e.button.classList.contains(o)&&e.button.classList.remove(o):"default"===n||e.button.classList.contains(o)||e.button.classList.add(o)}))}},{key:"getRippleOffsets",value:function(t,e){var n,o,i=this.getBoundingClientRect(),r=this.button.classList.contains("ids-icon-button")?35:125;return n=t?t-i.left:i.width/2,o=e?e-i.top:i.height/2,{x:n-=r,y:o-=r}}},{key:"createRipple",value:function(t,e){if(!this.disabled){this.button.querySelectorAll(".ripple-effect").forEach((function(t){t.remove()}));var n=document.createElement("span"),o=this.getRippleOffsets(t,e);n.classList.add("ripple-effect"),n.setAttribute("aria-hidden","true"),n.setAttribute("focusable","false"),n.setAttribute("role","presentation"),this.button.prepend(n),n.style.left="".concat(o.x,"px"),n.style.top="".concat(o.y,"px"),n.classList.add("animating"),this.rippleTimeout&&this.rippleTimeout.destroy(!0),this.rippleTimeout=this.rl.register(new y.z({duration:1200,timeoutCallback:function(){n.remove()}}))}}}],[{key:"properties",get:function(){return A}}]),n}((0,f.CD)(f.Hb).with(y.B,m.S)))||o)},3293:(t,e,n)=>{"use strict";function o(){return window.performance.now()}n.d(e,{A:()=>o})},7950:(t,e,n)=>{"use strict";n.d(e,{Z:()=>g});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(1506),l=n.n(a),c=n(2205),d=n.n(c),u=n(8585),p=n.n(u),b=n(9754),f=n.n(b),h=n(5957),m=n.n(h),y=n(3293);function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return p()(this,n)}}const g=function(t){d()(n,t);var e=v(n);function n(){var t,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(i()(this,n),(t=e.call(this)).id=o.id,t.duration=-1,"number"==typeof o.duration&&(t.duration=parseInt(o.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof o.updateDuration&&(t.updateDuration=parseInt(o.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof o.updateCallback&&"function"!=typeof o.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof o.updateCallback&&(t.updateCallback=o.updateCallback.bind(l()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(l()(t))),t.paused=!1,t.startTime=(0,y.A)(),t.totalStoppedTime=0,p()(t,l()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=(0,y.A)()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=(0,y.A)()}},{key:"resume",value:function(){this.resumeTime=(0,y.A)(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return(0,y.A)()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&(0,y.A)()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(m()(Object))},1762:(t,e,n)=>{"use strict";n.d(e,{B:()=>y,z:()=>f.Z});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(2205),l=n.n(a),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),b=n(3059),f=n(7950);function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var m=null,y=function(t){return function(t){l()(n,t);var e=h(n);function n(){return i()(this,n),e.apply(this,arguments)}return s()(n,[{key:"rl",get:function(){return m||(m=new b.Z),m}}]),n}(t)}},3059:(t,e,n)=>{"use strict";n.d(e,{Z:()=>c});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(3293),l=n(7950);const c=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};i()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=(0,a.A)()),this.lastStopTime&&(t=!0,this.resumeTime=(0,a.A)(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,o=this,i=(0,a.A)();!function r(){o.doLoop&&(e=(0,a.A)(),n=(e-i)/1e3,o.items.forEach((function(r){if(r.doRemoveOnNextTick)o.remove(r);else if(t&&r.resume(),!r.paused)if("number"==typeof r.duration&&r.duration>-1&&r.elapsedTime>=r.duration)r.destroy();else{var s={last:i,delta:n,now:e};r.update(s)}})),i=e,t=!1,requestAnimationFrame(r))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=(0,a.A)(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return(0,a.A)()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof l.Z&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}()},3556:(t,e,n)=>{"use strict";n.d(e,{Z:()=>o});const o="/**\n * Ids Button Component CSS\n * (Includes standard and icon button rules)\n */\n/**\n * Ids Button Base CSS\n * Use these mixins inside Ids Button CSS classes to define their base styles.\n */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  display: inline-flex; }\n  :host ::slotted(span) {\n    vertical-align: bottom; }\n  :host ::slotted(ids-icon) {\n    vertical-align: middle; }\n  :host ::slotted(span.audible) {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n.ripple-effect {\n  display: block;\n  border-radius: 50%;\n  opacity: 0;\n  position: absolute;\n  transform: scale(0); }\n  .ripple-effect.animating {\n    -webkit-animation: ripple-animation 1.2s ease-out;\n    -moz-animation: ripple-animation 1.2s ease-out;\n    animation: ripple-animation 1.2s ease-out; }\n\n.ids-button,\n.ids-toggle-button,\n.ids-menu-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap; }\n  .ids-button, .ids-button::before, .ids-button::after,\n  .ids-toggle-button,\n  .ids-toggle-button::before,\n  .ids-toggle-button::after,\n  .ids-menu-button,\n  .ids-menu-button::before,\n  .ids-menu-button::after {\n    box-sizing: border-box; }\n  .ids-button *,\n  .ids-toggle-button *,\n  .ids-menu-button * {\n    pointer-events: none; }\n  .ids-button:focus,\n  .ids-toggle-button:focus,\n  .ids-menu-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-button:hover,\n  .ids-toggle-button:hover,\n  .ids-menu-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-button[disabled],\n  .ids-toggle-button[disabled],\n  .ids-menu-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-button:not([disabled]),\n  .ids-toggle-button:not([disabled]),\n  .ids-menu-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-button span,\n  .ids-toggle-button span,\n  .ids-menu-button span {\n    vertical-align: bottom; }\n    .ids-button span.audible,\n    .ids-toggle-button span.audible,\n    .ids-menu-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    vertical-align: middle; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-button.btn-primary,\n  .ids-toggle-button.btn-primary,\n  .ids-menu-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-button.btn-primary:focus,\n    .ids-toggle-button.btn-primary:focus,\n    .ids-menu-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-primary:hover,\n    .ids-toggle-button.btn-primary:hover,\n    .ids-menu-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-button.btn-primary[disabled],\n    .ids-toggle-button.btn-primary[disabled],\n    .ids-menu-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-button.btn-primary .ripple-effect,\n    .ids-toggle-button.btn-primary .ripple-effect,\n    .ids-menu-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-secondary,\n  .ids-toggle-button.btn-secondary,\n  .ids-menu-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-button.btn-secondary:focus,\n    .ids-toggle-button.btn-secondary:focus,\n    .ids-menu-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-secondary:hover,\n    .ids-toggle-button.btn-secondary:hover,\n    .ids-menu-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-button.btn-secondary[disabled],\n    .ids-toggle-button.btn-secondary[disabled],\n    .ids-menu-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-button.btn-secondary .ripple-effect,\n    .ids-toggle-button.btn-secondary .ripple-effect,\n    .ids-menu-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-tertiary, .ids-button.btn-destructive,\n  .ids-toggle-button.btn-tertiary,\n  .ids-toggle-button.btn-destructive,\n  .ids-menu-button.btn-tertiary,\n  .ids-menu-button.btn-destructive {\n    border-color: transparent; }\n    .ids-button.btn-tertiary:focus, .ids-button.btn-destructive:focus,\n    .ids-toggle-button.btn-tertiary:focus,\n    .ids-toggle-button.btn-destructive:focus,\n    .ids-menu-button.btn-tertiary:focus,\n    .ids-menu-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-button.btn-tertiary:hover, .ids-button.btn-destructive:hover,\n    .ids-toggle-button.btn-tertiary:hover,\n    .ids-toggle-button.btn-destructive:hover,\n    .ids-menu-button.btn-tertiary:hover,\n    .ids-menu-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-button.btn-tertiary[disabled], .ids-button.btn-destructive[disabled],\n    .ids-toggle-button.btn-tertiary[disabled],\n    .ids-toggle-button.btn-destructive[disabled],\n    .ids-menu-button.btn-tertiary[disabled],\n    .ids-menu-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-button.align-icon-end ids-icon[slot],\n  .ids-toggle-button.align-icon-end ids-icon[slot],\n  .ids-menu-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(3):last-child),\n  .ids-toggle-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(3):last-child),\n  .ids-menu-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(3):last-child) {\n    padding-left: 4px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    display: inline-flex;\n    place-self: center;\n    vertical-align: middle; }\n  .ids-button .ids-icon:last-child,\n  .ids-button span + span,\n  .ids-button span:last-child,\n  .ids-toggle-button .ids-icon:last-child,\n  .ids-toggle-button span + span,\n  .ids-toggle-button span:last-child,\n  .ids-menu-button .ids-icon:last-child,\n  .ids-menu-button span + span,\n  .ids-menu-button span:last-child {\n    padding-left: 4px; }\n  .ids-button ::slotted(ids-icon:only-child),\n  .ids-toggle-button ::slotted(ids-icon:only-child),\n  .ids-menu-button ::slotted(ids-icon:only-child) {\n    display: block; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    height: 250px;\n    width: 250px; }\n\n.ids-icon-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 50%; }\n  .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {\n    box-sizing: border-box; }\n  .ids-icon-button * {\n    pointer-events: none; }\n  .ids-icon-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-icon-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-icon-button span {\n    vertical-align: bottom; }\n    .ids-icon-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-icon-button .ids-icon {\n    vertical-align: middle; }\n  .ids-icon-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-icon-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-icon-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-icon-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-icon-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-icon-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-icon-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-icon-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-tertiary, .ids-icon-button.btn-destructive {\n    border-color: transparent; }\n    .ids-icon-button.btn-tertiary:focus, .ids-icon-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-icon-button.btn-tertiary:hover, .ids-icon-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-icon-button.btn-tertiary[disabled], .ids-icon-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-icon-button .ids-icon {\n    display: block;\n    padding-left: 0px;\n    font-size: 0; }\n  .ids-icon-button span.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n  .ids-icon-button .ripple-effect {\n    height: 70px;\n    width: 70px; }\n\n@-webkit-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@-moz-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n"}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(2955)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-button/ids-button-lib.js"]=e():t["ids-button/ids-button-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function r(e,n,s){return i()?t.exports=r=Reflect.construct:t.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&o(r,n.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),r=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!r(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},254:(t,e,n)=>{"use strict";n.d(e,{N:()=>o});var o={ACCEPT:"accept",ALTERNATE_ROW_SHADING:"alternate-row-shading",ANIMATED:"animated",ALIGN:"align",APPEARANCE:"appearance",AUDIBLE:"audible",AUTO:"auto",AUTOGROW:"autogrow",AUTOGROW_MAX_HEIGHT:"autogrow-max-height",AUTOSELECT:"autoselect",BG_TRANSPARENT:"bg-transparent",CHAR_MAX_TEXT:"char-max-text",CHAR_REMAINING_TEXT:"char-remaining-text",CHARACTER_COUNTER:"character-counter",CHECKED:"checked",CLEARABLE:"clearable",CLEARABLE_FORCED:"clearable-forced",COL_END:"col-end",COL_SPAN:"col-span",COL_START:"col-start",COLOR:"color",COLS:"cols",CLICKABLE:"clickable",CSS_CLASS:"css-class",DATA:"data",DIRTY_TRACKER:"dirty-tracker",DISABLE_EVENTS:"disable-native-events",DISABLED:"disabled",DISMISSIBLE:"dismissible",EXPANDED:"expanded",FILL:"fill",FIXED:"fixed",FOCUSABLE:"focusable",FONT_SIZE:"font-size",GAP:"gap",GROUP:"group",GROUP_DISABLED:"group-disabled",HORIZONTAL:"horizontal",ICON:"icon",ICON_ALIGN:"icon-align",ID:"id",INDETERMINATE:"indeterminate",KEEP_OPEN:"keep-open",LABEL:"label",LABEL_REQUIRED:"label-required",LABEL_FILETYPE:"label-filetype",MAXLENGTH:"maxlength",MENU:"menu",MULTIPLE:"multiple",NO_MARGINS:"no-margins",NO_TEXT_ELLIPSIS:"no-text-ellipsis",PLACEHOLDER:"placeholder",PRINTABLE:"printable",READONLY:"readonly",RESIZABLE:"resizable",REQUIRED:"required",ROW_END:"row-end",ROW_HEIGHT:"row-height",ROW_SPAN:"row-span",ROW_START:"row-start",ROWS:"rows",SELECT:"select",SELECTED:"selected",SHAPE:"shape",SIZE:"size",SUBMENU:"submenu",TABBABLE:"tabbable",TABINDEX:"tabindex",TARGET:"target",TRIGGER:"trigger",TRIGGERFIELD:"triggerfield",TRIGGER_LABEL:"trigger-label",TEXT:"text",TEXT_ALIGN:"text-align",TEXT_ELLIPSIS:"text-ellipsis",TYPE:"type",VALIDATE:"validate",VALIDATION_EVENTS:"validation-events",VALIDATION_HAS_ERROR:"validation-has-error",VALUE:"value",VIRTUAL_SCROLL:"virtual-scroll",VISIBLE:"visible"}},3986:(t,e,n)=>{"use strict";n.d(e,{i8:()=>o,Mo:()=>i,h5:()=>r});function o(){return function(t){t.prototype.version="0.0.0-beta.8"}}function i(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function r(t){return function(e){e.prototype.cssStyles=t}}},8330:(t,e,n)=>{"use strict";n.d(e,{Hb:()=>E,Mo:()=>m.Mo,CD:()=>v.Z,h5:()=>m.h5,NQ:()=>y.N});var o,i=n(4575),r=n.n(i),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),b=n.n(p),f=n(5957),h=n.n(f),m=n(3986),y=n(254),v=n(8832),g=n(2417);function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=b()(t);if(e){var i=b()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return u()(this,n)}}var E=(0,m.i8)()(o=function(t){c()(n,t);var e=x(n);function n(){var t;return r()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return a()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[g.v.camelCase(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(h()(HTMLElement)))||o},4913:(t,e,n)=>{"use strict";n.d(e,{S:()=>v});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(1506),l=n.n(a),c=n(2205),d=n.n(c),u=n(8585),p=n.n(u),b=n(9754),f=n.n(b),h=n(9713),m=n.n(h);function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return p()(this,n)}}var v=function(t){return function(t){d()(n,t);var e=y(n);function n(){var t;return i()(this,n),t=e.call(this),m()(l()(t),"handledEvents",new Map),t}return s()(n,[{key:"onEvent",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"offEvent",value:function(t,e,n){var o=this.handledEvents.get(t);null!=o&&o.callback&&e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(o,i){n&&i!==t||e.offEvent(i,o.target,o.options)}))}}]),n}(t)}},8832:(t,e,n)=>{"use strict";n.d(e,{Z:()=>l});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=function(){function t(e){i()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const l=function(t){return new a(t)}},2417:(t,e,n)=>{"use strict";n.d(e,{v:()=>o});var o={camelCase:function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},stringToBool:function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))},injectTemplate:function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))}}},4548:(t,e,n)=>{"use strict";var o,i=n(4575),r=n.n(i),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),b=n.n(p),f=n(8330),h=n(2417),m=n(4913),y=n(1762),v=n(3556);function g(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=b()(t);if(e){var i=b()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return u()(this,n)}}var x=["default","primary","secondary","tertiary","destructive"],E={cssClass:[],disabled:!1,tabIndex:!0,type:x[0]},A=[f.NQ.CSS_CLASS,f.NQ.DISABLED,f.NQ.ICON,f.NQ.ICON_ALIGN,f.NQ.ID,f.NQ.TEXT,f.NQ.TYPE,f.NQ.TABINDEX],C=["align-icon-start","align-icon-end"];(0,f.Mo)("ids-button")(o=(0,f.h5)(v.Z)(o=function(t){c()(n,t);var e=g(n);function n(){var t;return r()(this,n),(t=e.call(this)).state={},Object.keys(E).forEach((function(e){t.state[e]=E[e]})),t.shouldUpdate=!0,t}return a()(n,[{key:"attributeChangedCallback",value:function(t,e,n){if(this.shouldUpdate)switch(t){case"tabindex":this.tabIndex=Number(n);break;default:f.Hb.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"protoClasses",get:function(){var t=this.querySelector("span:not(.audible)");return(this.querySelector("ids-icon[slot]")||this.querySelector("ids-icon"))&&!t?["ids-icon-button"]:["ids-button"]}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"]),t.add(e)}},{key:"template",value:function(){var t,e,n,o,i,r,s,a="",l="",c="",d="",u='tabindex="0"',p="",b="";null!==(t=this.state)&&void 0!==t&&t.cssClass&&(a=" ".concat(this.state.cssClass.join(" "))),null!==(e=this.state)&&void 0!==e&&e.disabled&&(c=' disabled="true"'),null!==(n=this.state)&&void 0!==n&&n.tabIndex&&(u='tabindex="'.concat(this.state.tabIndex,'"')),null!==(o=this.state)&&void 0!==o&&o.icon&&(d='<ids-icon slot="icon" icon="'.concat(this.state.icon,'"></ids-icon>')),null!==(i=this.state)&&void 0!==i&&i.text&&(p='<span slot="text">'.concat(this.state.text,"</span>")),this.state&&"default"!==(null===(r=this.state)||void 0===r?void 0:r.type)&&(b=" btn-".concat(this.state.type)),this.protoClasses.length&&(l="".concat(this.protoClasses.join(" ")));var f=" align-icon-start",h='<slot name="icon">'.concat(d,'</slot><slot name="text">').concat(p,"</slot>");return"end"===(null===(s=this.state)||void 0===s?void 0:s.iconAlign)&&(f=" align-icon-end",h='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(l).concat(b).concat(f).concat(a,'" ').concat(u).concat(c,">\n      ").concat(h,"\n      <slot>").concat(d).concat(p,"</slot>\n    </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,o=!1;this.onEvent("click.ripple",this.button,(function(i){o?o=!1:(t=0!==i.clientX?i.clientX:void 0,e=0!==i.clientY?i.clientY:void 0,n.createRipple(t,e))})),this.onEvent("touchstart.ripple",this.button,(function(i){if(i.touches&&i.touches.length>0){var r=i.touches[0];t=0!==r.clientX?r.clientX:void 0,e=0!==r.clientY?r.clientY:void 0,n.createRipple(t,e),o=!0}}),{passive:!0})}},{key:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"cssClass",get:function(){return this.state.cssClass},set:function(t){var e=t,n=[],o=[].concat(this.state.cssClass);Array.isArray(t)?(n=t,e=t.join(" ")):"string"==typeof t&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(f.NQ.CSS_CLASS,e.toString()):this.removeAttribute(f.NQ.CSS_CLASS);var i=this.button.classList,r=Array.from(i);o.forEach((function(t){n.includes(t)||i.remove(t)})),n.forEach((function(t){r.includes(t)||i.add(t)}))}},{key:"disabled",get:function(){return this.state.disabled},set:function(t){this.shouldUpdate=!1,this.removeAttribute(f.NQ.DISABLED),this.shouldUpdate=!0;var e=h.v.stringToBool(t);this.state.disabled=e,this.button&&(this.button.disabled=e)}},{key:"tabIndex",get:function(){return this.state.tabIndex},set:function(t){this.shouldUpdate=!1,this.removeAttribute(f.NQ.TABINDEX),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(f.NQ.TABINDEX,"0");this.state.tabIndex=e,this.button.setAttribute(f.NQ.TABINDEX,"".concat(e))}},{key:"icon",get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")},set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(f.NQ.ICON),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(f.NQ.ICON,t),this.appendIcon(t)}},{key:"iconAlign",get:function(){return this.state.iconAlign},set:function(t){var e=t;C.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()}},{key:"appendIcon",value:function(t){var e=this.querySelector("ids-icon");e?(e.icon=t,this.setIconAlignment()):this.insertAdjacentHTML("afterbegin",'<ids-icon slot="icon" icon="'.concat(t,'" class="ids-icon"></ids-icon>')),this.refreshProtoClasses()}},{key:"removeIcon",value:function(){var t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}},{key:"setIconAlignment",value:function(){var t,e=this.iconAlign||"start",n=this.icon;(t=this.button.classList).remove.apply(t,C),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');o&&("end"===e?this.button.appendChild(o):this.button.prepend(o))}},{key:"text",get:function(){var t,e=this.querySelector("span:not(.audible)");return e&&null!==(t=e.textContent)&&void 0!==t&&t.length?e.textContent:this.state.text},set:function(t){if(this.removeAttribute(f.NQ.TEXT),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)}},{key:"appendText",value:function(t){var e=this.querySelector("span:not(.audible)");e?e.textContent=t:this.insertAdjacentHTML("afterbegin","<span>".concat(t,"</span>")),this.refreshProtoClasses()}},{key:"removeText",value:function(){var t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}},{key:"type",get:function(){return this.state.type},set:function(t){!t||x.indexOf(t)<=0?(this.removeAttribute(f.NQ.TYPE),this.state.type=x[0]):(this.setAttribute(f.NQ.TYPE,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)}},{key:"setTypeClass",value:function(t){var e=this;x.forEach((function(n){var o="btn-".concat(n);t!==n?e.button.classList.contains(o)&&e.button.classList.remove(o):"default"===n||e.button.classList.contains(o)||e.button.classList.add(o)}))}},{key:"getRippleOffsets",value:function(t,e){var n,o,i=this.getBoundingClientRect(),r=this.button.classList.contains("ids-icon-button")?35:125;return n=t?t-i.left:i.width/2,o=e?e-i.top:i.height/2,{x:n-=r,y:o-=r}}},{key:"createRipple",value:function(t,e){if(!this.disabled){this.button.querySelectorAll(".ripple-effect").forEach((function(t){t.remove()}));var n=document.createElement("span"),o=this.getRippleOffsets(t,e);n.classList.add("ripple-effect"),n.setAttribute("aria-hidden","true"),n.setAttribute("focusable","false"),n.setAttribute("role","presentation"),this.button.prepend(n),n.style.left="".concat(o.x,"px"),n.style.top="".concat(o.y,"px"),n.classList.add("animating"),this.rippleTimeout&&this.rippleTimeout.destroy(!0),this.rippleTimeout=this.rl.register(new y.zs({duration:1200,timeoutCallback:function(){n.remove()}}))}}}],[{key:"properties",get:function(){return A}}]),n}((0,f.CD)(f.Hb).with(y.Bm,m.S)))||o)},3293:(t,e,n)=>{"use strict";function o(){return window.performance.now()}n.d(e,{A:()=>o})},4858:(t,e,n)=>{"use strict";n.d(e,{Z:()=>o});const o=new(n(3059).e)},7950:(t,e,n)=>{"use strict";n.d(e,{Z:()=>g});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(1506),l=n.n(a),c=n(2205),d=n.n(c),u=n(8585),p=n.n(u),b=n(9754),f=n.n(b),h=n(5957),m=n.n(h),y=n(3293);function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return p()(this,n)}}const g=function(t){d()(n,t);var e=v(n);function n(){var t,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(i()(this,n),(t=e.call(this)).id=o.id,t.duration=-1,"number"==typeof o.duration&&(t.duration=parseInt(o.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof o.updateDuration&&(t.updateDuration=parseInt(o.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof o.updateCallback&&"function"!=typeof o.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof o.updateCallback&&(t.updateCallback=o.updateCallback.bind(l()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(l()(t))),t.paused=!1,t.startTime=(0,y.A)(),t.totalStoppedTime=0,p()(t,l()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=(0,y.A)()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=(0,y.A)()}},{key:"resume",value:function(){this.resumeTime=(0,y.A)(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return(0,y.A)()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&(0,y.A)()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(m()(Object))},1762:(t,e,n)=>{"use strict";n.d(e,{Bm:()=>m,zs:()=>b.z});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(2205),l=n.n(a),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),b=n(3059),f=n(4858);function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var m=function(t){return function(t){l()(n,t);var e=h(n);function n(){return i()(this,n),e.call(this)}return s()(n,[{key:"rl",get:function(){return f.Z}}]),n}(t)}},3059:(t,e,n)=>{"use strict";n.d(e,{e:()=>c,z:()=>l.Z});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(3293),l=n(7950),c=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};i()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=(0,a.A)()),this.lastStopTime&&(t=!0,this.resumeTime=(0,a.A)(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,o=this,i=(0,a.A)();!function r(){o.doLoop&&(e=(0,a.A)(),n=(e-i)/1e3,o.items.forEach((function(r){if(r.doRemoveOnNextTick)o.remove(r);else if(t&&r.resume(),!r.paused)if("number"==typeof r.duration&&r.duration>-1&&r.elapsedTime>=r.duration)r.destroy();else{var s={last:i,delta:n,now:e};r.update(s)}})),i=e,t=!1,requestAnimationFrame(r))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=(0,a.A)(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return(0,a.A)()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof l.Z&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}()},3556:(t,e,n)=>{"use strict";n.d(e,{Z:()=>o});const o="/**\n * Ids Button Component CSS\n * (Includes standard and icon button rules)\n */\n/**\n * Ids Button Base CSS\n * Use these mixins inside Ids Button CSS classes to define their base styles.\n */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  display: inline-flex; }\n  :host ::slotted(span) {\n    vertical-align: bottom; }\n  :host ::slotted(ids-icon) {\n    vertical-align: middle; }\n  :host ::slotted(span.audible) {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n.ripple-effect {\n  display: block;\n  border-radius: 50%;\n  opacity: 0;\n  position: absolute;\n  transform: scale(0); }\n  .ripple-effect.animating {\n    -webkit-animation: ripple-animation 1.2s ease-out;\n    -moz-animation: ripple-animation 1.2s ease-out;\n    animation: ripple-animation 1.2s ease-out; }\n\n.ids-button,\n.ids-toggle-button,\n.ids-menu-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap; }\n  .ids-button, .ids-button::before, .ids-button::after,\n  .ids-toggle-button,\n  .ids-toggle-button::before,\n  .ids-toggle-button::after,\n  .ids-menu-button,\n  .ids-menu-button::before,\n  .ids-menu-button::after {\n    box-sizing: border-box; }\n  .ids-button *,\n  .ids-toggle-button *,\n  .ids-menu-button * {\n    pointer-events: none; }\n  .ids-button:focus,\n  .ids-toggle-button:focus,\n  .ids-menu-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-button:hover,\n  .ids-toggle-button:hover,\n  .ids-menu-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-button[disabled],\n  .ids-toggle-button[disabled],\n  .ids-menu-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-button:not([disabled]),\n  .ids-toggle-button:not([disabled]),\n  .ids-menu-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-button span,\n  .ids-toggle-button span,\n  .ids-menu-button span {\n    vertical-align: bottom; }\n    .ids-button span.audible,\n    .ids-toggle-button span.audible,\n    .ids-menu-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    vertical-align: middle; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-button.btn-primary,\n  .ids-toggle-button.btn-primary,\n  .ids-menu-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-button.btn-primary:focus,\n    .ids-toggle-button.btn-primary:focus,\n    .ids-menu-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-primary:hover,\n    .ids-toggle-button.btn-primary:hover,\n    .ids-menu-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-button.btn-primary[disabled],\n    .ids-toggle-button.btn-primary[disabled],\n    .ids-menu-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-button.btn-primary .ripple-effect,\n    .ids-toggle-button.btn-primary .ripple-effect,\n    .ids-menu-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-secondary,\n  .ids-toggle-button.btn-secondary,\n  .ids-menu-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-button.btn-secondary:focus,\n    .ids-toggle-button.btn-secondary:focus,\n    .ids-menu-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-secondary:hover,\n    .ids-toggle-button.btn-secondary:hover,\n    .ids-menu-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-button.btn-secondary[disabled],\n    .ids-toggle-button.btn-secondary[disabled],\n    .ids-menu-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-button.btn-secondary .ripple-effect,\n    .ids-toggle-button.btn-secondary .ripple-effect,\n    .ids-menu-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-tertiary, .ids-button.btn-destructive,\n  .ids-toggle-button.btn-tertiary,\n  .ids-toggle-button.btn-destructive,\n  .ids-menu-button.btn-tertiary,\n  .ids-menu-button.btn-destructive {\n    border-color: transparent; }\n    .ids-button.btn-tertiary:focus, .ids-button.btn-destructive:focus,\n    .ids-toggle-button.btn-tertiary:focus,\n    .ids-toggle-button.btn-destructive:focus,\n    .ids-menu-button.btn-tertiary:focus,\n    .ids-menu-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-button.btn-tertiary:hover, .ids-button.btn-destructive:hover,\n    .ids-toggle-button.btn-tertiary:hover,\n    .ids-toggle-button.btn-destructive:hover,\n    .ids-menu-button.btn-tertiary:hover,\n    .ids-menu-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-button.btn-tertiary[disabled], .ids-button.btn-destructive[disabled],\n    .ids-toggle-button.btn-tertiary[disabled],\n    .ids-toggle-button.btn-destructive[disabled],\n    .ids-menu-button.btn-tertiary[disabled],\n    .ids-menu-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-button.align-icon-end ids-icon[slot],\n  .ids-toggle-button.align-icon-end ids-icon[slot],\n  .ids-menu-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(3):last-child),\n  .ids-toggle-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(3):last-child),\n  .ids-menu-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(3):last-child) {\n    padding-left: 4px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    display: inline-flex;\n    place-self: center;\n    vertical-align: middle; }\n  .ids-button .ids-icon:last-child,\n  .ids-button span + span,\n  .ids-button span:last-child,\n  .ids-toggle-button .ids-icon:last-child,\n  .ids-toggle-button span + span,\n  .ids-toggle-button span:last-child,\n  .ids-menu-button .ids-icon:last-child,\n  .ids-menu-button span + span,\n  .ids-menu-button span:last-child {\n    padding-left: 4px; }\n  .ids-button ::slotted(ids-icon:only-child),\n  .ids-toggle-button ::slotted(ids-icon:only-child),\n  .ids-menu-button ::slotted(ids-icon:only-child) {\n    display: block; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    height: 250px;\n    width: 250px; }\n\n.ids-icon-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 50%; }\n  .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {\n    box-sizing: border-box; }\n  .ids-icon-button * {\n    pointer-events: none; }\n  .ids-icon-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-icon-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-icon-button span {\n    vertical-align: bottom; }\n    .ids-icon-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-icon-button .ids-icon {\n    vertical-align: middle; }\n  .ids-icon-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-icon-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-icon-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-icon-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-icon-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-icon-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-icon-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-icon-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-tertiary, .ids-icon-button.btn-destructive {\n    border-color: transparent; }\n    .ids-icon-button.btn-tertiary:focus, .ids-icon-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-icon-button.btn-tertiary:hover, .ids-icon-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-icon-button.btn-tertiary[disabled], .ids-icon-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-icon-button .ids-icon {\n    display: block;\n    padding-left: 0px;\n    font-size: 0; }\n  .ids-icon-button span.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n  .ids-icon-button .ripple-effect {\n    height: 70px;\n    width: 70px; }\n\n@-webkit-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@-moz-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n"}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";n(4548)})(),o=o.default})()}));
 //# sourceMappingURL=ids-button.js.map

ids-card/ids-card.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
-export default class IdsCard extends HTMLElement {
+export default class IdsCard extends IdsElement {
   /** Set the card height */
   autoHeight: boolean;
 }

ids-card/ids-card.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-card/ids-card-lib.js"]=e():t["ids-card/ids-card-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,o)=>{var n=o(9489),r=o(7067);function s(e,o,i){return r()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,o){var r=[null];r.push.apply(r,e);var s=new(Function.bind.apply(t,r));return o&&n(s,o.prototype),s},s.apply(null,arguments)}t.exports=s},3913:t=>{function e(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}},9754:t=>{function e(o){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(o)}t.exports=e},2205:(t,e,o)=>{var n=o(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,o)=>{var n=o(8),r=o(1506);t.exports=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(o,n){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(o,n)}t.exports=e},8:t=>{function e(o){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(o)}t.exports=e},5957:(t,e,o)=>{var n=o(9754),r=o(9489),s=o(430),i=o(9100);function a(e){var o="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!s(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==o){if(o.has(t))return o.get(t);o.set(t,e)}function e(){return i(t,arguments,n(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a},8493:(t,e,o)=>{"use strict";var n=o(4575),r=o.n(n),s=o(3913),i=o.n(s),a=o(2205),l=o.n(a),c=o(8585),d=o.n(c),p=o(9754),u=o.n(p),f=o(5957);var h,b=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=u()(t);if(e){var r=u()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return d()(this,o)}}var m=function(t){t.prototype.version="0.0.0-beta.7"}(h=function(t){l()(o,t);var e=y(o);function o(){var t;return r()(this,o),(t=e.call(this)).addBaseName(),t.render(),t}return i()(o,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,o){e!==o&&(this[b(t)]=o)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,o=document.createElement("style");o.textContent=this.cssStyles,0===(null===(t=o.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(o.textContent=o.textContent.replace(":host",".".concat(this.name))),o.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(o)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(o.n(f)()(HTMLElement)))||h;var x;function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=u()(t);if(e){var r=u()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return d()(this,o)}}var g,E;E="ids-card",g="/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-card {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-30);\n  border-style: solid;\n  border-radius: 4px;\n  margin-bottom: 20px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;\n  height: 360px; }\n  .ids-card.ids-card-auto-height {\n    min-height: auto; }\n\n.ids-card-content {\n  width: 100%;\n  height: 310px;\n  overflow: hidden; }\n\n.ids-card-header {\n  border-bottom: 1px solid;\n  border-color: var(--ids-color-palette-slate-30);\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-top: 12px;\n  padding-bottom: 12px; }\n",F=x=function(t){t.prototype.cssStyles=g}(x=function(t){l()(o,t);var e=v(o);function o(){return r()(this,o),e.call(this)}return i()(o,[{key:"template",value:function(){return'<div class="ids-card">\n      <div class="ids-card-header">\n        <slot name="card-header"></slot>\n      </div>\n      <div class="ids-card-content">\n        <slot name="card-content"></slot>\n      </div>\n    </div>'}},{key:"autoHeight",get:function(){return this.getAttribute("auto-height")},set:function(t){if(t)return this.setAttribute("auto-height",t),void this.container.classList.add("ids-card-auto-height");this.container.classList.remove("ids-card-auto-height"),this.removeAttribute("auto-height")}}],[{key:"properties",get:function(){return["auto-height"]}}]),o}(m))||x,customElements.get(E)||customElements.define(E,F);var F}},e={};function o(n){if(e[n])return e[n].exports;var r=e[n]={exports:{}};return t[n](r,r.exports,o),r.exports}return o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o(8493)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-card/ids-card-lib.js"]=e():t["ids-card/ids-card-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,o)=>{var n=o(9489),r=o(7067);function s(e,o,i){return r()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,o){var r=[null];r.push.apply(r,e);var s=new(Function.bind.apply(t,r));return o&&n(s,o.prototype),s},s.apply(null,arguments)}t.exports=s},3913:t=>{function e(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}},9754:t=>{function e(o){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(o)}t.exports=e},2205:(t,e,o)=>{var n=o(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,o)=>{var n=o(8),r=o(1506);t.exports=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(o,n){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(o,n)}t.exports=e},8:t=>{function e(o){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(o)}t.exports=e},5957:(t,e,o)=>{var n=o(9754),r=o(9489),s=o(430),i=o(9100);function a(e){var o="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!s(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==o){if(o.has(t))return o.get(t);o.set(t,e)}function e(){return i(t,arguments,n(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a}},e={};function o(n){if(e[n])return e[n].exports;var r=e[n]={exports:{}};return t[n](r,r.exports,o),r.exports}o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var n={};return(()=>{"use strict";var t=o(4575),e=o.n(t),n=o(3913),r=o.n(n),s=o(2205),i=o.n(s),a=o(8585),l=o.n(a),c=o(9754),d=o.n(c),p=o(5957);var u,f=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=d()(t);if(e){var r=d()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return l()(this,o)}}var b=function(t){t.prototype.version="0.0.0-beta.8"}(u=function(t){i()(n,t);var o=h(n);function n(){var t;return e()(this,n),(t=o.call(this)).addBaseName(),t.render(),t}return r()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,o){e!==o&&(this[f(t)]=o)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,o;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(o=this.closest('div[role="main"][hidden]'))||void 0===o||o.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,o=document.createElement("style");o.textContent=this.cssStyles,0===(null===(t=o.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(o.textContent=o.textContent.replace(":host",".".concat(this.name))),o.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(o)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(o.n(p)()(HTMLElement)))||u;var y;function m(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=d()(t);if(e){var r=d()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return l()(this,o)}}var x,v;v="ids-card",x="/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-card {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-30);\n  border-style: solid;\n  border-radius: 4px;\n  margin-bottom: 20px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;\n  height: 360px; }\n  .ids-card.ids-card-auto-height {\n    min-height: auto; }\n\n.ids-card-content {\n  width: 100%;\n  height: 310px;\n  overflow: hidden; }\n\n.ids-card-header {\n  border-bottom: 1px solid;\n  border-color: var(--ids-color-palette-slate-30);\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-top: 12px;\n  padding-bottom: 12px; }\n",g=y=function(t){t.prototype.cssStyles=x}(y=function(t){i()(n,t);var o=m(n);function n(){return e()(this,n),o.call(this)}return r()(n,[{key:"template",value:function(){return'<div class="ids-card">\n      <div class="ids-card-header">\n        <slot name="card-header"></slot>\n      </div>\n      <div class="ids-card-content">\n        <slot name="card-content"></slot>\n      </div>\n    </div>'}},{key:"autoHeight",get:function(){return this.getAttribute("auto-height")},set:function(t){if(t)return this.setAttribute("auto-height",t),void this.container.classList.add("ids-card-auto-height");this.container.classList.remove("ids-card-auto-height"),this.removeAttribute("auto-height")}}],[{key:"properties",get:function(){return["auto-height"]}}]),n}(b))||y,customElements.get(v)||customElements.define(v,g);var g})(),n=n.default})()}));
 //# sourceMappingURL=ids-card.js.map

ids-checkbox/ids-checkbox.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
-export default class IdsCheckbox extends HTMLElement {
+export default class IdsCheckbox extends IdsElement {
   /** Sets the checked state to true or false */
@@ -37,2 +38,5 @@ checked: boolean;
   value: string;
+
+  /** Fires while the checkbox is changed */
+  on(event: 'change', listener: () => void): this;
 }

ids-data-grid/example.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-data-grid/example-lib.js"]=t():e["ids-data-grid/example-lib.js"]=t()}(self,(function(){return(e={6195:()=>{var e=document.querySelector("#data-grid-1"),t=new XMLHttpRequest,r=[];r.push({id:"selectionCheckbox",sortable:!1,resizable:!1,formatter:e.formatters.text,align:"center",width:20}),r.push({id:"book",name:"Book",field:"book",formatter:e.formatters.text,sortable:!0,width:65}),r.push({id:"description",name:"Description",field:"description",sortable:!0,formatter:e.formatters.text}),r.push({id:"ledger",name:"Ledger",field:"ledger",formatter:e.formatters.text}),r.push({id:"bookCurrency",name:"Book Currency",field:"bookCurrency",formatter:e.formatters.text}),r.push({id:"transactionCurrency",name:"Transaction Currency",field:"transactionCurrency",formatter:e.formatters.text}),r.push({id:"postHistory",name:"Post History",field:"postHistory",formatter:e.formatters.text}),r.push({id:"active",name:"Active",field:"active",formatter:e.formatters.text}),r.push({id:"convention",name:"Convention",field:"convention",formatter:e.formatters.text}),r.push({id:"methodSwitch",name:"Method Switch",field:"methodSwitch",formatter:e.formatters.text,filterType:"select"}),r.push({id:"trackDeprecationHistory",name:"Track Deprecation History",field:"trackDeprecationHistory",formatter:e.formatters.dropdown}),r.push({id:"useForEmployee",name:"Use For Employee",field:"useForEmployee",formatter:e.formatters.dropdown}),r.push({id:"deprecationHistory",name:"Deprecation History",field:"deprecationHistory",formatter:e.formatters.dropdown}),t.onreadystatechange=function(){4===this.readyState&&200===this.status&&(e.data=JSON.parse(this.responseText),e.columns=r)},t.open("GET","/api/books",!0),t.send()}},t={},function r(o){if(t[o])return t[o].exports;var i=t[o]={exports:{}};return e[o](i,i.exports,r),i.exports}(6195)).default;var e,t}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-data-grid/example-lib.js"]=t():e["ids-data-grid/example-lib.js"]=t()}(self,(function(){return e={},t=document.querySelector("#data-grid-1"),r=new XMLHttpRequest,(o=[]).push({id:"selectionCheckbox",sortable:!1,resizable:!1,formatter:t.formatters.text,align:"center",width:20}),o.push({id:"book",name:"Book",field:"book",formatter:t.formatters.text,sortable:!0,width:65}),o.push({id:"description",name:"Description",field:"description",sortable:!0,formatter:t.formatters.text}),o.push({id:"ledger",name:"Ledger",field:"ledger",formatter:t.formatters.text}),o.push({id:"bookCurrency",name:"Book Currency",field:"bookCurrency",formatter:t.formatters.text}),o.push({id:"transactionCurrency",name:"Transaction Currency",field:"transactionCurrency",formatter:t.formatters.text}),o.push({id:"postHistory",name:"Post History",field:"postHistory",formatter:t.formatters.text}),o.push({id:"active",name:"Active",field:"active",formatter:t.formatters.text}),o.push({id:"convention",name:"Convention",field:"convention",formatter:t.formatters.text}),o.push({id:"methodSwitch",name:"Method Switch",field:"methodSwitch",formatter:t.formatters.text,filterType:"select"}),o.push({id:"trackDeprecationHistory",name:"Track Deprecation History",field:"trackDeprecationHistory",formatter:t.formatters.dropdown}),o.push({id:"useForEmployee",name:"Use For Employee",field:"useForEmployee",formatter:t.formatters.dropdown}),o.push({id:"deprecationHistory",name:"Deprecation History",field:"deprecationHistory",formatter:t.formatters.dropdown}),r.onreadystatechange=function(){4===this.readyState&&200===this.status&&(t.data=JSON.parse(this.responseText),t.columns=o)},r.open("GET","/api/books",!0),r.send(),e=e.default;var e,t,r,o}));
 //# sourceMappingURL=example.js.map

ids-data-grid/ids-data-grid.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
@@ -24,3 +25,4 @@ interface sorted extends Event {
 }
-export default class IdsDataGrid extends HTMLElement {
+
+export default class IdsDataGrid extends IdsElement {
   /** Set the data array of the datagrid * */
@@ -27,0 +29,0 @@ data: Array<unknown>;

ids-data-grid/ids-data-grid.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-data-grid/ids-data-grid-lib.js"]=e():t["ids-data-grid/ids-data-grid-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,i)=>{var n=i(9489),r=i(7067);function o(e,i,s){return r()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,i){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return i&&n(o,i.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}},9713:t=>{t.exports=function(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}},9754:t=>{function e(i){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(i)}t.exports=e},2205:(t,e,i)=>{var n=i(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,i)=>{var n=i(8),r=i(1506);t.exports=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(i,n){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(i,n)}t.exports=e},8:t=>{function e(i){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(i)}t.exports=e},5957:(t,e,i)=>{var n=i(9754),r=i(9489),o=i(430),s=i(9100);function a(e){var i="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==i){if(i.has(t))return i.get(t);i.set(t,e)}function e(){return s(t,arguments,n(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a},5666:(t,e,i)=>{"use strict";var n=i(4575),r=i.n(n),o=i(3913),s=i.n(o),a=i(1506),l=i.n(a),d=i(2205),c=i.n(d),u=i(8585),h=i.n(u),p=i(9754),f=i.n(p),m=i(9713),y=i.n(m),g=i(5957),v=i.n(g);function b(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function x(t){return function(e){e.prototype.cssStyles=t}}var w="alternate-row-shading",C="label",E="row-height",k="virtual-scroll",A=function(){function t(e){r()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const F=function(t){return new A(t)};var S,D=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},R=function(t){return"true"===(t+"").toLowerCase()},T=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,i){return e[i]}))};function z(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=f()(t);if(e){var r=f()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return h()(this,i)}}var B=function(t){t.prototype.version="0.0.0-beta.7"}(S=function(t){c()(i,t);var e=z(i);function i(){var t;return r()(this,i),(t=e.call(this)).addBaseName(),t.render(),t}return s()(i,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,i){e!==i&&(this[D(t)]=i)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var i=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),i.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(i.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,i=document.createElement("style");i.textContent=this.cssStyles,0===(null===(t=i.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(i.textContent=i.textContent.replace(":host",".".concat(this.name))),i.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(i)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),i}(v()(HTMLElement)))||S,q=function(){function t(){r()(this,t)}return s()(t,[{key:"text",value:function(t,e){var i=t[e.field],n=null==i||""===i?"":i.toString();return'<span class="text-ellipsis">'.concat(n,"</span>")}}]),t}(),H=i(8),N=i.n(H),P={refs:[],refsNew:[],deepClone:function(t){if("object"!==N()(t)||null===t)return t;if(t instanceof Date)return new Date(t);if(Array.isArray(t))return this.deepCloneArray(t,this.deepClone);var e={};for(var i in this.refs.push(t),this.refsNew.push(e),t)if(!1!==Object.hasOwnProperty.call(t,i)){var n=t[i];if("object"!==N()(n)||null===n)e[i]=n;else if(n instanceof Date)e[i]=new Date(n);else{var r=this.refs.indexOf(n);e[i]=-1!==r?this.refsNew[r]:this.deepClone(n)}}return this.refs.pop(),this.refsNew.pop(),e},deepCloneArray:function(t,e){for(var i=Object.keys(t),n=new Array(i.length),r=0;r<i.length;r+=1){var o=i[r],s=t[o];if("object"!==N()(s)||null===s)n[o]=s;else if(s instanceof Date)n[o]=new Date(s);else{var a=this.refs.indexOf(s);n[o]=-1!==a?this.refsNew[a]:e.call(this,s)}}return n}},O=function(){function t(){r()(this,t),y()(this,"originalData",[]),y()(this,"currentData",[])}return s()(t,[{key:"data",get:function(){return this.currentData},set:function(t){this.currentData=P.deepClone(t),this.originalData=t}},{key:"forEach",value:function(t){this.currentData.forEach(t)}},{key:"sort",value:function(t,e,i){var n=this.sortFunction(t,e,i);this.currentData.sort(n)}},{key:"sortFunction",value:function(t,e,i){var n=function(e){return i?i(e[t]):e[t]};return function(t,i){var r=n(t),o=n(i);return(r<o?-1:r>o?1:0)*[-1,1][+!!e]}}}]),t}();function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=f()(t);if(e){var r=f()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return h()(this,i)}}var I=function(t){return function(t){c()(i,t);var e=j(i);function i(){var t;return r()(this,i),t=e.call(this),y()(l()(t),"handledEvents",new Map),t}return s()(i,[{key:"on",value:function(t,e,i,n){e.addEventListener(t.split(".")[0],i,n),this.handledEvents.set(t,{target:e,callback:i,options:n})}},{key:"off",value:function(t,e,i){var n=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],n.callback,i||n.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=new CustomEvent(t.split(".")[0],i);e.dispatchEvent(n)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,i="string"==typeof e&&e.length;this.handledEvents.forEach((function(n,r){i&&r!==e||t.removeEventListener(r,n.target,n.options)}))}}]),i}(t)};function L(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=f()(t);if(e){var r=f()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return h()(this,i)}}function M(){return window.performance.now()}function U(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=f()(t);if(e){var r=f()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return h()(this,i)}}const K=function(t){c()(i,t);var e=U(i);function i(){var t,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(r()(this,i),(t=e.call(this)).id=n.id,t.duration=-1,"number"==typeof n.duration&&(t.duration=parseInt(n.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof n.updateDuration&&(t.updateDuration=parseInt(n.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof n.updateCallback&&"function"!=typeof n.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof n.updateCallback&&(t.updateCallback=n.updateCallback.bind(l()(t))),"function"==typeof n.timeoutCallback&&(t.timeoutCallback=n.timeoutCallback.bind(l()(t))),t.paused=!1,t.startTime=M(),t.totalStoppedTime=0,h()(t,l()(t))}return s()(i,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=M()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=M()}},{key:"resume",value:function(){this.resumeTime=M(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return M()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&M()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];this.updateCallback.apply(this,[t].concat(i)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),i}(v()(Object));const _=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};r()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=M()),this.lastStopTime&&(t=!0,this.resumeTime=M(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,i,n=this,r=M();!function o(){n.doLoop&&(e=M(),i=(e-r)/1e3,n.items.forEach((function(o){if(o.doRemoveOnNextTick)n.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:r,delta:i,now:e};o.update(s)}})),r=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=M(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return M()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,i;return t instanceof K&&(i=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(i=e,!1)}))),null!==(e=i)&&void 0!==e&&e.timeoutCallback&&i.timeout(),i}}]),t}();function G(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=f()(t);if(e){var r=f()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return h()(this,i)}}var Y=null;var W;function $(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=f()(t);if(e){var r=f()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return h()(this,i)}}b("ids-virtual-scroll")(W=x("/* Ids Virtual Scroller Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-virtual-scroll {\n  width: 100%;\n  height: 250px;\n  overflow: auto; }\n  .ids-virtual-scroll:focus {\n    outline: 0; }\n\n.ids-virtual-scroll-viewport {\n  position: relative; }\n")(W=function(t){c()(i,t);var e=$(i);function i(){return r()(this,i),e.call(this)}return s()(i,[{key:"connectedCallback",value:function(){this.datasource=new O,this.stringTemplate='<div class="ids-virtual-scroll-item">${productName}</div>',this.init().handleEvents()}},{key:"init",value:function(){return this.applyHeight(),this.renderItems(!1),this}},{key:"handleEvents",value:function(){var t=this;return this.timeout=null,this.on("scroll",this.container,(function(e){t.handleScroll(e)}),{passive:!0}),this}},{key:"handleScroll",value:function(t){var e=this;this.timeout&&cancelAnimationFrame(this.timeout);var i=t.target;this.timeout=requestAnimationFrame((function(){e.scrollTop=i.scrollTop}))}},{key:"renderItems",value:function(t){var e=this;if(this.data&&(t||0!==this.data.length)){var i=this.startIndex,n=this.startIndex+this.visibleItemCount();if(this.lastStart!==i||this.lastEnd!==n){this.lastStart=i,this.lastEnd=n;var r=this.data.slice(i,n),o="";r.map((function(t){var i=e.itemTemplate(t);return o+=i,i})),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=o);this.trigger("afterrendered",this,{detail:{elem:this,startIndex:i,endIndex:n}})}}}},{key:"applyHeight",value:function(){var t=this.container.querySelector(".ids-virtual-scroll-viewport");(this.container.style.height="".concat(this.height,"px"),t.style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)")),this.isTable=this.querySelectorAll(".ids-data-grid-container").length>0,this.isTable)&&(this.shadowRoot.querySelector(".ids-virtual-scroll").style.overflow="inherit")}},{key:"visibleItemCount",value:function(){var t=Math.ceil(this.height/this.itemHeight)+2*this.bufferSize;return t=Math.min(Number(this.itemCount)-this.startIndex,t)}},{key:"template",value:function(){return'<div class="ids-virtual-scroll" tabindex="0"><div class="ids-virtual-scroll-viewport"><slot></slot></div></div>'}},{key:"height",get:function(){var t;return 0===(null===(t=this.data)||void 0===t?void 0:t.length)?0:this.getAttribute("height")},set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")}},{key:"itemHeight",get:function(){return this.getAttribute("item-height")},set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")}},{key:"bufferSize",get:function(){return this.getAttribute("buffer-size")||20},set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")}},{key:"scrollTop",get:function(){return this.getAttribute("scroll-top")||0},set:function(t){if(null!=t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=Number(t),void this.renderItems(!1);this.removeAttribute("scroll-top")}},{key:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",get:function(){return parseInt(this.getAttribute("item-count"),10)},set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")}},{key:"offsetY",get:function(){return Number(this.startIndex)*Number(this.itemHeight)}},{key:"startIndex",get:function(){var t=Math.floor(Number(this.scrollTop)/Number(this.itemHeight))-Number(this.bufferSize);return t=Math.max(0,t)}},{key:"itemTemplate",value:function(t){return T(this.stringTemplate||"",t)}},{key:"data",get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data},set:function(t){if(t&&this.datasource)return this.datasource.data=t,this.itemCount=t.length,this.lastStart=null,this.lastEnd=null,this.scrollTop=0,this.applyHeight(),void this.renderItems(!0);this.datasource.data=null}},{key:"scrollTarget",get:function(){return null==this?void 0:this.eventTarget},set:function(t){var e=this;t&&(this.eventTarget=t,this.on("scroll",this.eventTarget,(function(t){e.handleScroll(t)}),{passive:!0}))}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),i}(F(B).with((function(t){return function(t){c()(i,t);var e=G(i);function i(){return r()(this,i),e.apply(this,arguments)}return s()(i,[{key:"rl",get:function(){return Y||(Y=new _),Y}}]),i}(t)}),I)))||W);var V;function J(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=f()(t);if(e){var r=f()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return h()(this,i)}}b("ids-data-grid")(V=x("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  --ids-data-grid-column-widths: repeat(1, minmax(110px, 1fr)); }\n\n.ids-data-grid {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 2px;\n  width: 100%;\n  border-collapse: collapse;\n  border-color: var(--ids-color-palette-slate-30);\n  overflow: auto;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-size: 16px; }\n  .ids-data-grid .ids-data-grid-row {\n    width: 100%;\n    display: grid;\n    grid-template-columns: var(--ids-data-grid-column-widths); }\n  .ids-data-grid .ids-data-grid-body .ids-data-grid-row {\n    height: 50px; }\n  .ids-data-grid[data-row-height='medium'] .ids-data-grid-body .ids-data-grid-row {\n    height: 40px; }\n  .ids-data-grid[data-row-height='small'] .ids-data-grid-body .ids-data-grid-row {\n    height: 35px; }\n  .ids-data-grid[data-row-height='extra-small'] .ids-data-grid-body .ids-data-grid-row {\n    height: 30px; }\n  .ids-data-grid.alt-row-shading .ids-data-grid-body [role='row']:nth-child(odd) {\n    background-color: var(--ids-color-palette-slate-10); }\n  .ids-data-grid .ids-data-grid-header {\n    z-index: 2;\n    position: sticky;\n    top: 0; }\n  .ids-data-grid .ids-data-grid-header-cell {\n    border-width: 0;\n    border-left: 1px solid;\n    border-style: solid;\n    display: flex;\n    background-color: var(--ids-color-palette-slate-80);\n    border-color: var(--ids-color-palette-slate-30);\n    min-height: 35px; }\n    .ids-data-grid .ids-data-grid-header-cell:first-child {\n      border-left: 0; }\n  .ids-data-grid .ids-data-grid-header-text {\n    display: block;\n    padding-left: 16px;\n    padding-right: 16px;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--ids-color-palette-white);\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    user-select: none;\n    white-space: nowrap; }\n  .ids-data-grid .sort-indicator {\n    position: relative;\n    height: 16px;\n    left: -6px;\n    width: 18px; }\n  .ids-data-grid .is-sortable ids-icon {\n    color: var(--ids-color-palette-slate-50);\n    opacity: 0;\n    transition: opacity 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s; }\n  .ids-data-grid .is-sortable ids-icon:first-child {\n    position: relative;\n    top: 4px;\n    transform: rotate(180deg); }\n  .ids-data-grid .is-sortable ids-icon:last-child {\n    position: relative;\n    top: -9px; }\n  .ids-data-grid .is-sortable[aria-sort='descending'] ids-icon:first-child {\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='descending'] ids-icon:last-child {\n    color: var(--ids-color-palette-white);\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='ascending'] ids-icon:first-child {\n    color: var(--ids-color-palette-white);\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='ascending'] ids-icon:last-child {\n    opacity: 1; }\n  .ids-data-grid .is-sortable:hover {\n    cursor: pointer; }\n    .ids-data-grid .is-sortable:hover .sort-indicator ids-icon {\n      opacity: 1; }\n  .ids-data-grid .ids-data-grid-cell {\n    border-width: 0;\n    border-left: 1px solid;\n    border-top: 1px solid;\n    border-style: solid;\n    display: inline-flex;\n    align-items: center;\n    border-color: var(--ids-color-palette-slate-30);\n    overflow: hidden;\n    white-space: nowrap; }\n    .ids-data-grid .ids-data-grid-cell:first-child {\n      border-left: 0; }\n    .ids-data-grid .ids-data-grid-cell .text-ellipsis {\n      display: block;\n      padding-left: 16px;\n      padding-right: 16px;\n      overflow: hidden;\n      text-overflow: ellipsis; }\n    .ids-data-grid .ids-data-grid-cell:focus {\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n      outline: 1px solid var(--ids-color-palette-azure-60);\n      outline-offset: -1px; }\n  .ids-data-grid tr.ids-data-grid-header {\n    position: initial; }\n  .ids-data-grid tr.ids-data-grid-row {\n    display: table-row;\n    height: 50px; }\n  .ids-data-grid td.ids-data-grid-cell,\n  .ids-data-grid th.ids-data-grid-header-cell {\n    display: table-cell; }\n  .ids-data-grid td.ids-data-grid-cell {\n    padding-left: 16px;\n    padding-right: 16px; }\n")(V=function(t){c()(i,t);var e=J(i);function i(){var t;return r()(this,i),t=e.call(this),y()(l()(t),"formatters",new q),y()(l()(t),"datasource",new O),t}return s()(i,[{key:"template",value:function(){var t="";if(0===(null==this?void 0:this.data.length)&&0===(null==this?void 0:this.columns.length))return t;var e="true"===this.alternateRowShading?" alt-row-shading":"";return t="true"!==(null==this?void 0:this.virtualScroll)?'<div class="ids-data-grid'.concat(e,'" role="table" aria-label="').concat(this.label,'" data-row-height="').concat(this.rowHeight,'">\n      ').concat(this.headerTemplate(),"\n      ").concat(this.bodyTemplate(),"\n      </div>"):'<div class="ids-data-grid'.concat(e,'" role="table" aria-label="').concat(this.label,'" data-row-height="').concat(this.rowHeight,'">\n      ').concat(this.headerTemplate(),'\n      <ids-virtual-scroll>\n        <div class="ids-data-grid-container">\n          <div class="ids-data-grid-body" role="rowgroup" slot="contents">\n          </div>\n        </div>\n      </ids-virtual-scroll>\n    </div>')}},{key:"rerender",value:function(){var t=this;if(0!==this.columns.length||0!==this.data.length){var e=document.createElement("template"),i=this.template();this.shadowRoot.innerHTML="",this.appendStyles(),this.setColumnWidths(),e.innerHTML=i,this.shadowRoot.appendChild(e.content.cloneNode(!0)),R(this.virtualScroll)&&this.data.length>0&&(this.virtualScrollContainer=this.shadowRoot.querySelector("ids-virtual-scroll"),this.virtualScrollContainer.scrollTarget=this.shadowRoot.querySelector(".ids-data-grid"),this.virtualScrollContainer.itemTemplate=function(e,i){return t.rowTemplate(e,i)},this.virtualScrollContainer.itemCount=this.data.length,this.virtualScrollContainer.height=350-this.headerPixelHeight,this.virtualScrollContainer.itemHeight=this.rowPixelHeight,this.virtualScrollContainer.data=this.data),this.handleEvents(),this.data.length>0&&(this.setActiveCell(0,0),this.handleKeys())}}},{key:"headerTemplate",value:function(){var t=this,e='<div class="ids-data-grid-header" role="rowgroup"><div role="row" class="ids-data-grid-row">';return this.columns.forEach((function(i){e+="".concat(t.headerCellTemplate(i))})),"".concat(e,"</div></div>")}},{key:"headerCellTemplate",value:function(t){var e="".concat(t.sortable?" is-sortable":"");return'<span class="ids-data-grid-header-cell'.concat(e,'" data-column-id="').concat(t.id,'" role="columnheader">\n      <span class="ids-data-grid-header-text">').concat(t.name||"","</span>\n      ").concat(t.sortable?'<div class="sort-indicator">\n      <ids-icon icon="dropdown"></ids-icon>\n      <ids-icon icon="dropdown"></ids-icon>\n    </div>':"","\n    </span>")}},{key:"bodyTemplate",value:function(){var t=this,e='<div class="ids-data-grid-container"><div class="ids-data-grid-body" role="rowgroup">';return this.data.forEach((function(i,n){e+=t.rowTemplate(i,n)})),"".concat(e,"</div></div>")}},{key:"rowTemplate",value:function(t,e){var i=this,n='<div role="row" aria-rowindex="'.concat(e,'" class="ids-data-grid-row">');return this.columns.forEach((function(e,r){n+='<span role="cell" class="ids-data-grid-cell" aria-colindex="'.concat(r,'">').concat(i.cellTemplate(t,e),"</span>")})),n+="</div>"}},{key:"cellTemplate",value:function(t,e){return this.formatters.text(t,e)}},{key:"handleEvents",value:function(){var t=this,e=this.shadowRoot.querySelector(".ids-data-grid-header");this.detachAllEvents(),this.on("click",e,(function(e){var i=e.target.closest(".is-sortable");i&&t.setSortColumn(i.getAttribute("data-column-id"),"ascending"!==i.getAttribute("aria-sort"))})),this.on("click",this.shadowRoot.querySelector(".ids-data-grid-body"),(function(e){var i=e.target.closest(".ids-data-grid-cell"),n=i.parentNode;t.setActiveCell(parseInt(i.getAttribute("aria-colindex"),10),parseInt(n.getAttribute("aria-rowindex"),10))}))}},{key:"handleKeys",value:function(){var t=this;return this.keyboard&&this.destroyAllKeyBoard(),this.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,(function(e){var i,n,r=e.key,o="ArrowDown"===r?1:"ArrowUp"===r?-1:0,s="ArrowRight"===r?1:"ArrowLeft"===r?-1:0;t.setActiveCell((null===(i=t.activeCell)||void 0===i?void 0:i.cell)+s,(null===(n=t.activeCell)||void 0===n?void 0:n.row)+o),e.preventDefault(),e.stopPropagation()})),this}},{key:"setColumnWidths",value:function(){var t=this,e="",i=0,n=null;this.shadowRoot.adoptedStyleSheets?n=this.shadowRoot.adoptedStyleSheets[0]:this.shadowRoot.styleSheets&&(n=this.shadowRoot.styleSheets[0]),n&&(this.columns.forEach((function(n,r){n.width&&t.columns.length===r+1&&(e+="minmax(250px, 1fr)"),n.width&&t.columns.length!==r+1&&(e+="".concat(n.width,"px ")),n.width||i++})),i&&(e+=" repeat(".concat(i,", minmax(110px, 1fr))")),n.insertRule(":host {\n      --ids-data-grid-column-widths: ".concat(e," !important;\n    }")))}},{key:"setSortColumn",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.sortColumn={id:t,ascending:e},this.datasource.sort(t,e,null),this.rerender(),this.setSortState(t,e),this.trigger("sorted",this,{detail:{elem:this,sortColumn:this.sortColumn}})}},{key:"setSortState",value:function(t){for(var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.shadowRoot.querySelectorAll(".is-sortable"),n=0;n<i.length;n++)i[n].removeAttribute("aria-sort");var r=this.shadowRoot.querySelector('[data-column-id="'.concat(t,'"]'));r&&r.classList.contains("is-sortable")&&r.setAttribute("aria-sort",e?"ascending":"descending")}},{key:"alternateRowShading",get:function(){return this.getAttribute(w)||"false"},set:function(t){var e,i;if(R(t))return this.setAttribute(w,"true"),void(null===(i=this.shadowRoot)||void 0===i||i.querySelector(".ids-data-grid").classList.add("alt-row-shading"));null===(e=this.shadowRoot)||void 0===e||e.querySelector(".ids-data-grid").classList.remove("alt-row-shading"),this.setAttribute(w,"false")}},{key:"columns",get:function(){return(null==this?void 0:this.currentColumns)||[{id:"",name:""}]},set:function(t){this.currentColumns=t?P.deepClone(t):[{id:"",name:""}],this.rerender()}},{key:"data",get:function(){var t;return(null==this||null===(t=this.datasource)||void 0===t?void 0:t.data)||[]},set:function(t){if(t)return this.datasource.data=t,void this.rerender();this.datasource.data=null}},{key:"virtualScroll",get:function(){return this.getAttribute(k)||"false"},set:function(t){if(!0===t||"true"===t)return this.setAttribute(k,"true"),void this.rerender();this.setAttribute(k,"false"),this.rerender()}},{key:"label",get:function(){return this.getAttribute(C)||"Data Grid"},set:function(t){if(t)return this.setAttribute(C,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label",t),void this.rerender();this.removeAttribute(C),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label","Data Grid"),this.rerender()}},{key:"rowHeight",get:function(){return this.getAttribute(E)||"large"},set:function(t){t?(this.setAttribute(E,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height",t)):(this.removeAttribute(E),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height","large")),R(this.virtualScroll)&&this.rerender()}},{key:"rowPixelHeight",get:function(){return"medium"===this.rowHeight?40:"small"===this.rowHeight?35:"extra-small"===this.rowHeight?30:50}},{key:"headerPixelHeight",get:function(){return 35}},{key:"setActiveCell",value:function(t,e){var i,n;if(e<0||t<0||e>this.data.length-1||t>this.columns.length-1)return this.activeCell;this.activeCell||(this.activeCell={}),this.activeCell.cell=t,this.activeCell.row=e;var r=this.shadowRoot.querySelectorAll(".ids-data-grid-body .ids-data-grid-row")[e].querySelectorAll(".ids-data-grid-cell")[t];return null===(i=this.activeCell)||void 0===i||null===(n=i.node)||void 0===n||n.removeAttribute("tabindex"),this.activeCell.node=r,r.setAttribute("tabindex","0"),r.focus(),this.trigger("activecellchanged",this,{detail:{elem:this,activeCell:this.activeCell}}),this.activeCell}}],[{key:"properties",get:function(){return[w,C,E,k]}}]),i}(F(B).with(I,(function(t){return function(t){c()(i,t);var e=L(i);function i(){var t;return r()(this,i),(t=e.call(this)).init(l()(t)),t}return s()(i,[{key:"init",value:function(t){var e=this;this.hotkeys=new Map,this.pressedKeys=new Map,this.element=t,this.keyDownHandler=function(t){e.press(t.key),e.dispatchHotkeys(t)},this.element.on("keydown",this.element,this.keyDownHandler),this.keyUpHandler=function(t){e.unpress(t.key)},this.element.on("keyup",this.element,this.keyUpHandler)}},{key:"press",value:function(t){return this.pressedKeys.set("".concat(t),!0)}},{key:"listen",value:function(t,e,i){this.element||this.init(e),this.hotkeys.set("".concat(t),i)}},{key:"unpress",value:function(t){return this.pressedKeys.delete("".concat(t))}},{key:"dispatchHotkeys",value:function(t){this.hotkeys.forEach((function(e,i){i.split(",").indexOf(t.key)>-1&&e(t)}))}},{key:"detachAllKeyboard",value:function(){this.element&&(this.element.off("keydown",this.element,this.keyDownHandler),this.element.off("keyup",this.element,this.keyUpHandler),delete this.keyDownHandler,delete this.keyUpHandler,delete this.element)}}]),i}(t)}))))||V)}},e={};function i(n){if(e[n])return e[n].exports;var r=e[n]={exports:{}};return t[n](r,r.exports,i),r.exports}return i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i(5666)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-data-grid/ids-data-grid-lib.js"]=e():t["ids-data-grid/ids-data-grid-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,i)=>{var n=i(9489),r=i(7067);function o(e,i,s){return r()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,i){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return i&&n(o,i.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}},9713:t=>{t.exports=function(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}},9754:t=>{function e(i){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(i)}t.exports=e},2205:(t,e,i)=>{var n=i(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,i)=>{var n=i(8),r=i(1506);t.exports=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(i,n){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(i,n)}t.exports=e},8:t=>{function e(i){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(i)}t.exports=e},5957:(t,e,i)=>{var n=i(9754),r=i(9489),o=i(430),s=i(9100);function a(e){var i="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==i){if(i.has(t))return i.get(t);i.set(t,e)}function e(){return s(t,arguments,n(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a}},e={};function i(n){if(e[n])return e[n].exports;var r=e[n]={exports:{}};return t[n](r,r.exports,i),r.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var n={};return(()=>{"use strict";var t=i(4575),e=i.n(t),n=i(3913),r=i.n(n),o=i(1506),s=i.n(o),a=i(2205),l=i.n(a),d=i(8585),c=i.n(d),u=i(9754),h=i.n(u),p=i(9713),f=i.n(p),m=i(5957),v=i.n(m);function y(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function g(t){return function(e){e.prototype.cssStyles=t}}var b="alternate-row-shading",x="label",w="row-height",E="virtual-scroll",C=function(){function t(i){e()(this,t),this.superclass=i}return r()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const k=function(t){return new C(t)};var A,F=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},S=function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))},D=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,i){return e[i]}))};function R(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}var T=function(t){t.prototype.version="0.0.0-beta.8"}(A=function(t){l()(n,t);var i=R(n);function n(){var t;return e()(this,n),(t=i.call(this)).addBaseName(),t.render(),t}return r()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,i){e!==i&&(this[F(t)]=i)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,i;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(i=this.closest('div[role="main"][hidden]'))||void 0===i||i.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,i=document.createElement("style");i.textContent=this.cssStyles,0===(null===(t=i.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(i.textContent=i.textContent.replace(":host",".".concat(this.name))),i.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(i)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(v()(HTMLElement)))||A,z=function(){function t(){e()(this,t)}return r()(t,[{key:"text",value:function(t,e){var i=t[e.field],n=null==i||""===i?"":i.toString();return'<span class="text-ellipsis">'.concat(n,"</span>")}}]),t}(),B=i(8),q=i.n(B),H={refs:[],refsNew:[],deepClone:function(t){if("object"!==q()(t)||null===t)return t;if(t instanceof Date)return new Date(t);if(Array.isArray(t))return this.deepCloneArray(t,this.deepClone);var e={};for(var i in this.refs.push(t),this.refsNew.push(e),t)if(!1!==Object.hasOwnProperty.call(t,i)){var n=t[i];if("object"!==q()(n)||null===n)e[i]=n;else if(n instanceof Date)e[i]=new Date(n);else{var r=this.refs.indexOf(n);e[i]=-1!==r?this.refsNew[r]:this.deepClone(n)}}return this.refs.pop(),this.refsNew.pop(),e},deepCloneArray:function(t,e){for(var i=Object.keys(t),n=new Array(i.length),r=0;r<i.length;r+=1){var o=i[r],s=t[o];if("object"!==q()(s)||null===s)n[o]=s;else if(s instanceof Date)n[o]=new Date(s);else{var a=this.refs.indexOf(s);n[o]=-1!==a?this.refsNew[a]:e.call(this,s)}}return n}},N=function(){function t(){e()(this,t),f()(this,"originalData",[]),f()(this,"currentData",[])}return r()(t,[{key:"data",get:function(){return this.currentData},set:function(t){this.currentData=H.deepClone(t),this.originalData=t}},{key:"forEach",value:function(t){this.currentData.forEach(t)}},{key:"sort",value:function(t,e,i){var n=this.sortFunction(t,e,i);this.currentData.sort(n)}},{key:"sortFunction",value:function(t,e,i){var n=function(e){return i?i(e[t]):e[t]};return function(t,i){var r=n(t),o=n(i);return(r<o?-1:r>o?1:0)*[-1,1][+!!e]}}}]),t}();function P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}var O=function(t){return function(t){l()(n,t);var i=P(n);function n(){var t;return e()(this,n),t=i.call(this),f()(s()(t),"handledEvents",new Map),t}return r()(n,[{key:"onEvent",value:function(t,e,i,n){e.addEventListener(t.split(".")[0],i,n),this.handledEvents.set(t,{target:e,callback:i,options:n})}},{key:"offEvent",value:function(t,e,i){var n=this.handledEvents.get(t);null!=n&&n.callback&&e.removeEventListener(t.split(".")[0],n.callback,i||n.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=new CustomEvent(t.split(".")[0],i);e.dispatchEvent(n)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,i){t.offEvent(i,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,i="string"==typeof t&&t.length;this.handledEvents.forEach((function(n,r){i&&r!==t||e.offEvent(r,n.target,n.options)}))}}]),n}(t)};function L(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}function j(){return window.performance.now()}function I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}const M=function(t){l()(n,t);var i=I(n);function n(){var t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(e()(this,n),(t=i.call(this)).id=r.id,t.duration=-1,"number"==typeof r.duration&&(t.duration=parseInt(r.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof r.updateDuration&&(t.updateDuration=parseInt(r.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof r.updateCallback&&"function"!=typeof r.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof r.updateCallback&&(t.updateCallback=r.updateCallback.bind(s()(t))),"function"==typeof r.timeoutCallback&&(t.timeoutCallback=r.timeoutCallback.bind(s()(t))),t.paused=!1,t.startTime=j(),t.totalStoppedTime=0,c()(t,s()(t))}return r()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=j()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=j()}},{key:"resume",value:function(){this.resumeTime=j(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return j()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&j()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];this.updateCallback.apply(this,[t].concat(i)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(v()(Object));const U=new(function(){function t(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};e()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,i.autoStart&&this.start()}return r()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=j()),this.lastStopTime&&(t=!0,this.resumeTime=j(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,i,n=this,r=j();!function o(){n.doLoop&&(e=j(),i=(e-r)/1e3,n.items.forEach((function(o){if(o.doRemoveOnNextTick)n.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:r,delta:i,now:e};o.update(s)}})),r=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=j(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return j()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,i;return t instanceof M&&(i=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(i=e,!1)}))),null!==(e=i)&&void 0!==e&&e.timeoutCallback&&i.timeout(),i}}]),t}());function _(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}var K;function G(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}y("ids-virtual-scroll")(K=g("/* Ids Virtual Scroller Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-virtual-scroll {\n  width: 100%;\n  height: 250px;\n  overflow: auto; }\n  .ids-virtual-scroll:focus {\n    outline: 0; }\n\n.ids-virtual-scroll-viewport {\n  position: relative; }\n")(K=function(t){l()(n,t);var i=G(n);function n(){return e()(this,n),i.call(this)}return r()(n,[{key:"connectedCallback",value:function(){this.datasource=new N,this.stringTemplate='<div class="ids-virtual-scroll-item">${productName}</div>',this.init().handleEvents()}},{key:"init",value:function(){return this.applyHeight(),this.renderItems(!1),this}},{key:"handleEvents",value:function(){var t=this;return this.timeout=null,this.onEvent("scroll",this.container,(function(e){t.handleScroll(e)}),{passive:!0}),this}},{key:"handleScroll",value:function(t){var e=this;this.timeout&&cancelAnimationFrame(this.timeout);var i=t.target;this.timeout=requestAnimationFrame((function(){e.scrollTop=i.scrollTop}))}},{key:"renderItems",value:function(t){var e=this;if(this.data&&(t||0!==this.data.length)){var i=this.startIndex,n=this.startIndex+this.visibleItemCount();if(this.lastStart!==i||this.lastEnd!==n){this.lastStart=i,this.lastEnd=n;var r=this.data.slice(i,n),o="";r.map((function(t){var i=e.itemTemplate(t);return o+=i,i})),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=o);this.triggerEvent("afterrendered",this,{detail:{elem:this,startIndex:i,endIndex:n}})}}}},{key:"applyHeight",value:function(){var t=this.container.querySelector(".ids-virtual-scroll-viewport");(this.container.style.height="".concat(this.height,"px"),t.style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)")),this.isTable=this.querySelectorAll(".ids-data-grid-container").length>0,this.isTable)&&(this.shadowRoot.querySelector(".ids-virtual-scroll").style.overflow="inherit")}},{key:"visibleItemCount",value:function(){var t=Math.ceil(this.height/this.itemHeight)+2*this.bufferSize;return t=Math.min(Number(this.itemCount)-this.startIndex,t)}},{key:"template",value:function(){return'<div class="ids-virtual-scroll" tabindex="0"><div class="ids-virtual-scroll-viewport"><slot></slot></div></div>'}},{key:"height",get:function(){var t;return 0===(null===(t=this.data)||void 0===t?void 0:t.length)?0:this.getAttribute("height")},set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")}},{key:"itemHeight",get:function(){return this.getAttribute("item-height")},set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")}},{key:"bufferSize",get:function(){return this.getAttribute("buffer-size")||20},set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")}},{key:"scrollTop",get:function(){return this.getAttribute("scroll-top")||0},set:function(t){if(null!=t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=Number(t),void this.renderItems(!1);this.removeAttribute("scroll-top")}},{key:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",get:function(){return parseInt(this.getAttribute("item-count"),10)},set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")}},{key:"offsetY",get:function(){return Number(this.startIndex)*Number(this.itemHeight)}},{key:"startIndex",get:function(){var t=Math.floor(Number(this.scrollTop)/Number(this.itemHeight))-Number(this.bufferSize);return t=Math.max(0,t)}},{key:"itemTemplate",value:function(t){return D(this.stringTemplate,t)}},{key:"data",get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data},set:function(t){if(t&&this.datasource)return this.datasource.data=t,this.itemCount=t.length,this.lastStart=null,this.lastEnd=null,this.scrollTop=0,this.applyHeight(),void this.renderItems(!0);this.datasource.data=null}},{key:"scrollTarget",get:function(){return null==this?void 0:this.eventTarget},set:function(t){var e=this;t&&(this.eventTarget=t,this.onEvent("scroll",this.eventTarget,(function(t){e.handleScroll(t)}),{passive:!0}))}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),n}(k(T).with((function(t){return function(t){l()(n,t);var i=_(n);function n(){return e()(this,n),i.call(this)}return r()(n,[{key:"rl",get:function(){return U}}]),n}(t)}),O)))||K);var Y;function W(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}y("ids-data-grid")(Y=g("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  --ids-data-grid-column-widths: repeat(1, minmax(110px, 1fr)); }\n\n.ids-data-grid {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 2px;\n  width: 100%;\n  border-collapse: collapse;\n  border-color: var(--ids-color-palette-slate-30);\n  overflow: auto;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-size: 16px; }\n  .ids-data-grid .ids-data-grid-row {\n    width: 100%;\n    display: grid;\n    grid-template-columns: var(--ids-data-grid-column-widths); }\n  .ids-data-grid .ids-data-grid-body .ids-data-grid-row {\n    height: 50px; }\n  .ids-data-grid[data-row-height='medium'] .ids-data-grid-body .ids-data-grid-row {\n    height: 40px; }\n  .ids-data-grid[data-row-height='small'] .ids-data-grid-body .ids-data-grid-row {\n    height: 35px; }\n  .ids-data-grid[data-row-height='extra-small'] .ids-data-grid-body .ids-data-grid-row {\n    height: 30px; }\n  .ids-data-grid.alt-row-shading .ids-data-grid-body [role='row']:nth-child(odd) {\n    background-color: var(--ids-color-palette-slate-10); }\n  .ids-data-grid .ids-data-grid-header {\n    z-index: 2;\n    position: sticky;\n    top: 0; }\n  .ids-data-grid .ids-data-grid-header-cell {\n    border-width: 0;\n    border-left: 1px solid;\n    border-style: solid;\n    display: flex;\n    background-color: var(--ids-color-palette-slate-80);\n    border-color: var(--ids-color-palette-slate-30);\n    min-height: 35px; }\n    .ids-data-grid .ids-data-grid-header-cell:first-child {\n      border-left: 0; }\n  .ids-data-grid .ids-data-grid-header-text {\n    display: block;\n    padding-left: 16px;\n    padding-right: 16px;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--ids-color-palette-white);\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    user-select: none;\n    white-space: nowrap; }\n  .ids-data-grid .sort-indicator {\n    position: relative;\n    height: 16px;\n    left: -6px;\n    width: 18px; }\n  .ids-data-grid .is-sortable ids-icon {\n    color: var(--ids-color-palette-slate-50);\n    opacity: 0;\n    transition: opacity 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s; }\n  .ids-data-grid .is-sortable ids-icon:first-child {\n    position: relative;\n    top: 4px;\n    transform: rotate(180deg); }\n  .ids-data-grid .is-sortable ids-icon:last-child {\n    position: relative;\n    top: -9px; }\n  .ids-data-grid .is-sortable[aria-sort='descending'] ids-icon:first-child {\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='descending'] ids-icon:last-child {\n    color: var(--ids-color-palette-white);\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='ascending'] ids-icon:first-child {\n    color: var(--ids-color-palette-white);\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='ascending'] ids-icon:last-child {\n    opacity: 1; }\n  .ids-data-grid .is-sortable:hover {\n    cursor: pointer; }\n    .ids-data-grid .is-sortable:hover .sort-indicator ids-icon {\n      opacity: 1; }\n  .ids-data-grid .ids-data-grid-cell {\n    border-width: 0;\n    border-left: 1px solid;\n    border-top: 1px solid;\n    border-style: solid;\n    display: inline-flex;\n    align-items: center;\n    border-color: var(--ids-color-palette-slate-30);\n    overflow: hidden;\n    white-space: nowrap; }\n    .ids-data-grid .ids-data-grid-cell:first-child {\n      border-left: 0; }\n    .ids-data-grid .ids-data-grid-cell .text-ellipsis {\n      display: block;\n      padding-left: 16px;\n      padding-right: 16px;\n      overflow: hidden;\n      text-overflow: ellipsis; }\n    .ids-data-grid .ids-data-grid-cell:focus {\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n      outline: 1px solid var(--ids-color-palette-azure-60);\n      outline-offset: -1px; }\n  .ids-data-grid tr.ids-data-grid-header {\n    position: initial; }\n  .ids-data-grid tr.ids-data-grid-row {\n    display: table-row;\n    height: 50px; }\n  .ids-data-grid td.ids-data-grid-cell,\n  .ids-data-grid th.ids-data-grid-header-cell {\n    display: table-cell; }\n  .ids-data-grid td.ids-data-grid-cell {\n    padding-left: 16px;\n    padding-right: 16px; }\n")(Y=function(t){l()(n,t);var i=W(n);function n(){var t;return e()(this,n),t=i.call(this),f()(s()(t),"formatters",new z),f()(s()(t),"datasource",new N),t}return r()(n,[{key:"template",value:function(){var t="";if(0===(null==this?void 0:this.data.length)&&0===(null==this?void 0:this.columns.length))return t;var e="true"===this.alternateRowShading?" alt-row-shading":"";return t="true"!==(null==this?void 0:this.virtualScroll)?'<div class="ids-data-grid'.concat(e,'" role="table" aria-label="').concat(this.label,'" data-row-height="').concat(this.rowHeight,'">\n      ').concat(this.headerTemplate(),"\n      ").concat(this.bodyTemplate(),"\n      </div>"):'<div class="ids-data-grid'.concat(e,'" role="table" aria-label="').concat(this.label,'" data-row-height="').concat(this.rowHeight,'">\n      ').concat(this.headerTemplate(),'\n      <ids-virtual-scroll>\n        <div class="ids-data-grid-container">\n          <div class="ids-data-grid-body" role="rowgroup" slot="contents">\n          </div>\n        </div>\n      </ids-virtual-scroll>\n    </div>')}},{key:"rerender",value:function(){var t=this;if(0!==this.columns.length||0!==this.data.length){var e=document.createElement("template"),i=this.template();this.shadowRoot.innerHTML="",this.appendStyles(),this.setColumnWidths(),e.innerHTML=i,this.shadowRoot.appendChild(e.content.cloneNode(!0)),S(this.virtualScroll)&&this.data.length>0&&(this.virtualScrollContainer=this.shadowRoot.querySelector("ids-virtual-scroll"),this.virtualScrollContainer.scrollTarget=this.shadowRoot.querySelector(".ids-data-grid"),this.virtualScrollContainer.itemTemplate=function(e,i){return t.rowTemplate(e,i)},this.virtualScrollContainer.itemCount=this.data.length,this.virtualScrollContainer.height=350-this.headerPixelHeight,this.virtualScrollContainer.itemHeight=this.rowPixelHeight,this.virtualScrollContainer.data=this.data),this.handleEvents(),this.data.length>0&&(this.setActiveCell(0,0),this.handleKeys())}}},{key:"headerTemplate",value:function(){var t=this,e='<div class="ids-data-grid-header" role="rowgroup"><div role="row" class="ids-data-grid-row">';return this.columns.forEach((function(i){e+="".concat(t.headerCellTemplate(i))})),"".concat(e,"</div></div>")}},{key:"headerCellTemplate",value:function(t){var e="".concat(t.sortable?" is-sortable":"");return'<span class="ids-data-grid-header-cell'.concat(e,'" data-column-id="').concat(t.id,'" role="columnheader">\n      <span class="ids-data-grid-header-text">').concat(t.name||"","</span>\n      ").concat(t.sortable?'<div class="sort-indicator">\n      <ids-icon icon="dropdown"></ids-icon>\n      <ids-icon icon="dropdown"></ids-icon>\n    </div>':"","\n    </span>")}},{key:"bodyTemplate",value:function(){var t=this,e='<div class="ids-data-grid-container"><div class="ids-data-grid-body" role="rowgroup">';return this.data.forEach((function(i,n){e+=t.rowTemplate(i,n)})),"".concat(e,"</div></div>")}},{key:"rowTemplate",value:function(t,e){var i=this,n='<div role="row" aria-rowindex="'.concat(e,'" class="ids-data-grid-row">');return this.columns.forEach((function(e,r){n+='<span role="cell" class="ids-data-grid-cell" aria-colindex="'.concat(r,'">').concat(i.cellTemplate(t,e),"</span>")})),n+="</div>"}},{key:"cellTemplate",value:function(t,e){return this.formatters.text(t,e)}},{key:"handleEvents",value:function(){var t=this,e=this.shadowRoot.querySelector(".ids-data-grid-header");this.offEvent("click",e),this.onEvent("click",e,(function(e){var i=e.target.closest(".is-sortable");i&&t.setSortColumn(i.getAttribute("data-column-id"),"ascending"!==i.getAttribute("aria-sort"))}));var i=this.shadowRoot.querySelector(".ids-data-grid-body");this.offEvent("click",i),this.onEvent("click",i,(function(e){var i=e.target.closest(".ids-data-grid-cell"),n=i.parentNode;t.setActiveCell(parseInt(i.getAttribute("aria-colindex"),10),parseInt(n.getAttribute("aria-rowindex"),10))}))}},{key:"handleKeys",value:function(){var t=this;return this.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,(function(e){var i,n,r=e.key,o="ArrowDown"===r?1:"ArrowUp"===r?-1:0,s="ArrowRight"===r?1:"ArrowLeft"===r?-1:0;t.setActiveCell((null===(i=t.activeCell)||void 0===i?void 0:i.cell)+s,(null===(n=t.activeCell)||void 0===n?void 0:n.row)+o),e.preventDefault(),e.stopPropagation()})),this}},{key:"setColumnWidths",value:function(){var t=this,e="",i=0,n=null;this.shadowRoot.adoptedStyleSheets?n=this.shadowRoot.adoptedStyleSheets[0]:this.shadowRoot.styleSheets&&(n=this.shadowRoot.styleSheets[0]),n&&(this.columns.forEach((function(n,r){n.width&&t.columns.length===r+1&&(e+="minmax(250px, 1fr)"),n.width&&t.columns.length!==r+1&&(e+="".concat(n.width,"px ")),n.width||i++})),i&&(e+=" repeat(".concat(i,", minmax(110px, 1fr))")),n.insertRule(":host {\n      --ids-data-grid-column-widths: ".concat(e," !important;\n    }")))}},{key:"setSortColumn",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.sortColumn={id:t,ascending:e},this.datasource.sort(t,e,null),this.rerender(),this.setSortState(t,e),this.triggerEvent("sorted",this,{detail:{elem:this,sortColumn:this.sortColumn}})}},{key:"setSortState",value:function(t){for(var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.shadowRoot.querySelectorAll(".is-sortable"),n=0;n<i.length;n++)i[n].removeAttribute("aria-sort");var r=this.shadowRoot.querySelector('[data-column-id="'.concat(t,'"]'));r&&r.classList.contains("is-sortable")&&r.setAttribute("aria-sort",e?"ascending":"descending")}},{key:"alternateRowShading",get:function(){return this.getAttribute(b)||"false"},set:function(t){var e,i;if(S(t))return this.setAttribute(b,"true"),void(null===(i=this.shadowRoot)||void 0===i||i.querySelector(".ids-data-grid").classList.add("alt-row-shading"));null===(e=this.shadowRoot)||void 0===e||e.querySelector(".ids-data-grid").classList.remove("alt-row-shading"),this.setAttribute(b,"false")}},{key:"columns",get:function(){return(null==this?void 0:this.currentColumns)||[{id:"",name:""}]},set:function(t){this.currentColumns=t?H.deepClone(t):[{id:"",name:""}],this.rerender()}},{key:"data",get:function(){var t;return(null==this||null===(t=this.datasource)||void 0===t?void 0:t.data)||[]},set:function(t){if(t)return this.datasource.data=t,void this.rerender();this.datasource.data=null}},{key:"virtualScroll",get:function(){return this.getAttribute(E)||"false"},set:function(t){if(!0===t||"true"===t)return this.setAttribute(E,"true"),void this.rerender();this.setAttribute(E,"false"),this.rerender()}},{key:"label",get:function(){return this.getAttribute(x)||"Data Grid"},set:function(t){if(t)return this.setAttribute(x,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label",t),void this.rerender();this.removeAttribute(x),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label","Data Grid"),this.rerender()}},{key:"rowHeight",get:function(){return this.getAttribute(w)||"large"},set:function(t){t?(this.setAttribute(w,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height",t)):(this.removeAttribute(w),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height","large")),S(this.virtualScroll)&&this.rerender()}},{key:"rowPixelHeight",get:function(){return"medium"===this.rowHeight?40:"small"===this.rowHeight?35:"extra-small"===this.rowHeight?30:50}},{key:"headerPixelHeight",get:function(){return 35}},{key:"setActiveCell",value:function(t,e){var i,n;if(e<0||t<0||e>this.data.length-1||t>this.columns.length-1)return this.activeCell;this.activeCell||(this.activeCell={}),this.activeCell.cell=t,this.activeCell.row=e;var r=this.shadowRoot.querySelectorAll(".ids-data-grid-body .ids-data-grid-row")[e].querySelectorAll(".ids-data-grid-cell")[t];return null===(i=this.activeCell)||void 0===i||null===(n=i.node)||void 0===n||n.removeAttribute("tabindex"),this.activeCell.node=r,r.setAttribute("tabindex","0"),r.focus(),this.triggerEvent("activecellchanged",this,{detail:{elem:this,activeCell:this.activeCell}}),this.activeCell}}],[{key:"properties",get:function(){return[b,x,w,E]}}]),n}(k(T).with(O,(function(t){return function(t){l()(n,t);var i=L(n);function n(){var t;return e()(this,n),(t=i.call(this)).init(),t}return r()(n,[{key:"init",value:function(){var t=this;this.hotkeys=new Map,this.pressedKeys=new Map,this.keyDownHandler=function(e){t.press(e.key),t.dispatchHotkeys(e)},this.onEvent("keydown.keyboard",this,this.keyDownHandler),this.keyUpHandler=function(e){t.unpress(e.key)},this.onEvent("keyup.keyboard",this,this.keyUpHandler)}},{key:"press",value:function(t){return this.pressedKeys.set("".concat(t),!0)}},{key:"listen",value:function(t,e,i){this.hotkeys.set("".concat(t),i)}},{key:"unpress",value:function(t){return this.pressedKeys.delete("".concat(t))}},{key:"dispatchHotkeys",value:function(t){this.hotkeys.forEach((function(e,i){i.split(",").indexOf(t.key)>-1&&e(t)}))}},{key:"detachAllListeners",value:function(){this.keyDownHandler&&this.offEvent&&(this.offEvent("keydown.keyboard",this,this.keyDownHandler),delete this.keyDownHandler),this.keyUpHandler&&this.offEvent&&(this.offEvent("keyup.keyboard",this,this.keyUpHandler),delete this.keyUpHandler)}}]),n}(t)}))))||Y)})(),n=n.default})()}));
 //# sourceMappingURL=ids-data-grid.js.map

ids-data-grid/virtual-scroll.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-data-grid/virtual-scroll-lib.js"]=e():t["ids-data-grid/virtual-scroll-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,i)=>{var r=i(9489),n=i(7067);function o(e,i,s){return n()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,i){var n=[null];n.push.apply(n,e);var o=new(Function.bind.apply(t,n));return i&&r(o,i.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}t.exports=function(t,i,r){return i&&e(t.prototype,i),r&&e(t,r),t}},9713:t=>{t.exports=function(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}},9754:t=>{function e(i){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(i)}t.exports=e},2205:(t,e,i)=>{var r=i(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,i)=>{var r=i(8),n=i(1506);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?n(t):e}},9489:t=>{function e(i,r){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(i,r)}t.exports=e},8:t=>{function e(i){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(i)}t.exports=e},5957:(t,e,i)=>{var r=i(9754),n=i(9489),o=i(430),s=i(9100);function a(e){var i="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==i){if(i.has(t))return i.get(t);i.set(t,e)}function e(){return s(t,arguments,r(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n(e,t)},a(e)}t.exports=a},3741:(t,e,i)=>{"use strict";var r=i(4575),n=i.n(r),o=i(3913),s=i.n(o),a=i(1506),l=i.n(a),d=i(2205),c=i.n(d),u=i(8585),h=i.n(u),p=i(9754),f=i.n(p),m=i(9713),y=i.n(m),g=i(5957),v=i.n(g);function b(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function x(t){return function(e){e.prototype.cssStyles=t}}var w="alternate-row-shading",C="label",E="row-height",k="virtual-scroll",A=function(){function t(e){n()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const S=function(t){return new A(t)};var F,D=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},R=function(t){return"true"===(t+"").toLowerCase()},T=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,i){return e[i]}))};function z(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,r=f()(t);if(e){var n=f()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return h()(this,i)}}var B=function(t){t.prototype.version="0.0.0-beta.7"}(F=function(t){c()(i,t);var e=z(i);function i(){var t;return n()(this,i),(t=e.call(this)).addBaseName(),t.render(),t}return s()(i,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,i){e!==i&&(this[D(t)]=i)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var i=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),i.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(i.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,i=document.createElement("style");i.textContent=this.cssStyles,0===(null===(t=i.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(i.textContent=i.textContent.replace(":host",".".concat(this.name))),i.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(i)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var r=new CSSStyleSheet;r.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[r]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),i}(v()(HTMLElement)))||F,q=function(){function t(){n()(this,t)}return s()(t,[{key:"text",value:function(t,e){var i=t[e.field],r=null==i||""===i?"":i.toString();return'<span class="text-ellipsis">'.concat(r,"</span>")}}]),t}(),H=i(8),N=i.n(H),P={refs:[],refsNew:[],deepClone:function(t){if("object"!==N()(t)||null===t)return t;if(t instanceof Date)return new Date(t);if(Array.isArray(t))return this.deepCloneArray(t,this.deepClone);var e={};for(var i in this.refs.push(t),this.refsNew.push(e),t)if(!1!==Object.hasOwnProperty.call(t,i)){var r=t[i];if("object"!==N()(r)||null===r)e[i]=r;else if(r instanceof Date)e[i]=new Date(r);else{var n=this.refs.indexOf(r);e[i]=-1!==n?this.refsNew[n]:this.deepClone(r)}}return this.refs.pop(),this.refsNew.pop(),e},deepCloneArray:function(t,e){for(var i=Object.keys(t),r=new Array(i.length),n=0;n<i.length;n+=1){var o=i[n],s=t[o];if("object"!==N()(s)||null===s)r[o]=s;else if(s instanceof Date)r[o]=new Date(s);else{var a=this.refs.indexOf(s);r[o]=-1!==a?this.refsNew[a]:e.call(this,s)}}return r}},I=function(){function t(){n()(this,t),y()(this,"originalData",[]),y()(this,"currentData",[])}return s()(t,[{key:"data",get:function(){return this.currentData},set:function(t){this.currentData=P.deepClone(t),this.originalData=t}},{key:"forEach",value:function(t){this.currentData.forEach(t)}},{key:"sort",value:function(t,e,i){var r=this.sortFunction(t,e,i);this.currentData.sort(r)}},{key:"sortFunction",value:function(t,e,i){var r=function(e){return i?i(e[t]):e[t]};return function(t,i){var n=r(t),o=r(i);return(n<o?-1:n>o?1:0)*[-1,1][+!!e]}}}]),t}();function O(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,r=f()(t);if(e){var n=f()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return h()(this,i)}}var L=function(t){return function(t){c()(i,t);var e=O(i);function i(){var t;return n()(this,i),t=e.call(this),y()(l()(t),"handledEvents",new Map),t}return s()(i,[{key:"on",value:function(t,e,i,r){e.addEventListener(t.split(".")[0],i,r),this.handledEvents.set(t,{target:e,callback:i,options:r})}},{key:"off",value:function(t,e,i){var r=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],r.callback,i||r.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=new CustomEvent(t.split(".")[0],i);e.dispatchEvent(r)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,i="string"==typeof e&&e.length;this.handledEvents.forEach((function(r,n){i&&n!==e||t.removeEventListener(n,r.target,r.options)}))}}]),i}(t)};function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,r=f()(t);if(e){var n=f()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return h()(this,i)}}function M(){return window.performance.now()}function U(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,r=f()(t);if(e){var n=f()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return h()(this,i)}}const K=function(t){c()(i,t);var e=U(i);function i(){var t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(n()(this,i),(t=e.call(this)).id=r.id,t.duration=-1,"number"==typeof r.duration&&(t.duration=parseInt(r.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof r.updateDuration&&(t.updateDuration=parseInt(r.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof r.updateCallback&&"function"!=typeof r.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof r.updateCallback&&(t.updateCallback=r.updateCallback.bind(l()(t))),"function"==typeof r.timeoutCallback&&(t.timeoutCallback=r.timeoutCallback.bind(l()(t))),t.paused=!1,t.startTime=M(),t.totalStoppedTime=0,h()(t,l()(t))}return s()(i,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=M()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=M()}},{key:"resume",value:function(){this.resumeTime=M(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return M()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&M()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,i=new Array(e>1?e-1:0),r=1;r<e;r++)i[r-1]=arguments[r];this.updateCallback.apply(this,[t].concat(i)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),i}(v()(Object));const _=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};n()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=M()),this.lastStopTime&&(t=!0,this.resumeTime=M(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,i,r=this,n=M();!function o(){r.doLoop&&(e=M(),i=(e-n)/1e3,r.items.forEach((function(o){if(o.doRemoveOnNextTick)r.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:n,delta:i,now:e};o.update(s)}})),n=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=M(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return M()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,i;return t instanceof K&&(i=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(i=e,!1)}))),null!==(e=i)&&void 0!==e&&e.timeoutCallback&&i.timeout(),i}}]),t}();function G(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,r=f()(t);if(e){var n=f()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return h()(this,i)}}var Y=null;var W;function $(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,r=f()(t);if(e){var n=f()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return h()(this,i)}}b("ids-virtual-scroll")(W=x("/* Ids Virtual Scroller Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-virtual-scroll {\n  width: 100%;\n  height: 250px;\n  overflow: auto; }\n  .ids-virtual-scroll:focus {\n    outline: 0; }\n\n.ids-virtual-scroll-viewport {\n  position: relative; }\n")(W=function(t){c()(i,t);var e=$(i);function i(){return n()(this,i),e.call(this)}return s()(i,[{key:"connectedCallback",value:function(){this.datasource=new I,this.stringTemplate='<div class="ids-virtual-scroll-item">${productName}</div>',this.init().handleEvents()}},{key:"init",value:function(){return this.applyHeight(),this.renderItems(!1),this}},{key:"handleEvents",value:function(){var t=this;return this.timeout=null,this.on("scroll",this.container,(function(e){t.handleScroll(e)}),{passive:!0}),this}},{key:"handleScroll",value:function(t){var e=this;this.timeout&&cancelAnimationFrame(this.timeout);var i=t.target;this.timeout=requestAnimationFrame((function(){e.scrollTop=i.scrollTop}))}},{key:"renderItems",value:function(t){var e=this;if(this.data&&(t||0!==this.data.length)){var i=this.startIndex,r=this.startIndex+this.visibleItemCount();if(this.lastStart!==i||this.lastEnd!==r){this.lastStart=i,this.lastEnd=r;var n=this.data.slice(i,r),o="";n.map((function(t){var i=e.itemTemplate(t);return o+=i,i})),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=o);this.trigger("afterrendered",this,{detail:{elem:this,startIndex:i,endIndex:r}})}}}},{key:"applyHeight",value:function(){var t=this.container.querySelector(".ids-virtual-scroll-viewport");(this.container.style.height="".concat(this.height,"px"),t.style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)")),this.isTable=this.querySelectorAll(".ids-data-grid-container").length>0,this.isTable)&&(this.shadowRoot.querySelector(".ids-virtual-scroll").style.overflow="inherit")}},{key:"visibleItemCount",value:function(){var t=Math.ceil(this.height/this.itemHeight)+2*this.bufferSize;return t=Math.min(Number(this.itemCount)-this.startIndex,t)}},{key:"template",value:function(){return'<div class="ids-virtual-scroll" tabindex="0"><div class="ids-virtual-scroll-viewport"><slot></slot></div></div>'}},{key:"height",get:function(){var t;return 0===(null===(t=this.data)||void 0===t?void 0:t.length)?0:this.getAttribute("height")},set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")}},{key:"itemHeight",get:function(){return this.getAttribute("item-height")},set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")}},{key:"bufferSize",get:function(){return this.getAttribute("buffer-size")||20},set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")}},{key:"scrollTop",get:function(){return this.getAttribute("scroll-top")||0},set:function(t){if(null!=t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=Number(t),void this.renderItems(!1);this.removeAttribute("scroll-top")}},{key:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",get:function(){return parseInt(this.getAttribute("item-count"),10)},set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")}},{key:"offsetY",get:function(){return Number(this.startIndex)*Number(this.itemHeight)}},{key:"startIndex",get:function(){var t=Math.floor(Number(this.scrollTop)/Number(this.itemHeight))-Number(this.bufferSize);return t=Math.max(0,t)}},{key:"itemTemplate",value:function(t){return T(this.stringTemplate||"",t)}},{key:"data",get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data},set:function(t){if(t&&this.datasource)return this.datasource.data=t,this.itemCount=t.length,this.lastStart=null,this.lastEnd=null,this.scrollTop=0,this.applyHeight(),void this.renderItems(!0);this.datasource.data=null}},{key:"scrollTarget",get:function(){return null==this?void 0:this.eventTarget},set:function(t){var e=this;t&&(this.eventTarget=t,this.on("scroll",this.eventTarget,(function(t){e.handleScroll(t)}),{passive:!0}))}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),i}(S(B).with((function(t){return function(t){c()(i,t);var e=G(i);function i(){return n()(this,i),e.apply(this,arguments)}return s()(i,[{key:"rl",get:function(){return Y||(Y=new _),Y}}]),i}(t)}),L)))||W);var J;function V(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,r=f()(t);if(e){var n=f()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return h()(this,i)}}b("ids-data-grid")(J=x("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  --ids-data-grid-column-widths: repeat(1, minmax(110px, 1fr)); }\n\n.ids-data-grid {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 2px;\n  width: 100%;\n  border-collapse: collapse;\n  border-color: var(--ids-color-palette-slate-30);\n  overflow: auto;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-size: 16px; }\n  .ids-data-grid .ids-data-grid-row {\n    width: 100%;\n    display: grid;\n    grid-template-columns: var(--ids-data-grid-column-widths); }\n  .ids-data-grid .ids-data-grid-body .ids-data-grid-row {\n    height: 50px; }\n  .ids-data-grid[data-row-height='medium'] .ids-data-grid-body .ids-data-grid-row {\n    height: 40px; }\n  .ids-data-grid[data-row-height='small'] .ids-data-grid-body .ids-data-grid-row {\n    height: 35px; }\n  .ids-data-grid[data-row-height='extra-small'] .ids-data-grid-body .ids-data-grid-row {\n    height: 30px; }\n  .ids-data-grid.alt-row-shading .ids-data-grid-body [role='row']:nth-child(odd) {\n    background-color: var(--ids-color-palette-slate-10); }\n  .ids-data-grid .ids-data-grid-header {\n    z-index: 2;\n    position: sticky;\n    top: 0; }\n  .ids-data-grid .ids-data-grid-header-cell {\n    border-width: 0;\n    border-left: 1px solid;\n    border-style: solid;\n    display: flex;\n    background-color: var(--ids-color-palette-slate-80);\n    border-color: var(--ids-color-palette-slate-30);\n    min-height: 35px; }\n    .ids-data-grid .ids-data-grid-header-cell:first-child {\n      border-left: 0; }\n  .ids-data-grid .ids-data-grid-header-text {\n    display: block;\n    padding-left: 16px;\n    padding-right: 16px;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--ids-color-palette-white);\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    user-select: none;\n    white-space: nowrap; }\n  .ids-data-grid .sort-indicator {\n    position: relative;\n    height: 16px;\n    left: -6px;\n    width: 18px; }\n  .ids-data-grid .is-sortable ids-icon {\n    color: var(--ids-color-palette-slate-50);\n    opacity: 0;\n    transition: opacity 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s; }\n  .ids-data-grid .is-sortable ids-icon:first-child {\n    position: relative;\n    top: 4px;\n    transform: rotate(180deg); }\n  .ids-data-grid .is-sortable ids-icon:last-child {\n    position: relative;\n    top: -9px; }\n  .ids-data-grid .is-sortable[aria-sort='descending'] ids-icon:first-child {\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='descending'] ids-icon:last-child {\n    color: var(--ids-color-palette-white);\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='ascending'] ids-icon:first-child {\n    color: var(--ids-color-palette-white);\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='ascending'] ids-icon:last-child {\n    opacity: 1; }\n  .ids-data-grid .is-sortable:hover {\n    cursor: pointer; }\n    .ids-data-grid .is-sortable:hover .sort-indicator ids-icon {\n      opacity: 1; }\n  .ids-data-grid .ids-data-grid-cell {\n    border-width: 0;\n    border-left: 1px solid;\n    border-top: 1px solid;\n    border-style: solid;\n    display: inline-flex;\n    align-items: center;\n    border-color: var(--ids-color-palette-slate-30);\n    overflow: hidden;\n    white-space: nowrap; }\n    .ids-data-grid .ids-data-grid-cell:first-child {\n      border-left: 0; }\n    .ids-data-grid .ids-data-grid-cell .text-ellipsis {\n      display: block;\n      padding-left: 16px;\n      padding-right: 16px;\n      overflow: hidden;\n      text-overflow: ellipsis; }\n    .ids-data-grid .ids-data-grid-cell:focus {\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n      outline: 1px solid var(--ids-color-palette-azure-60);\n      outline-offset: -1px; }\n  .ids-data-grid tr.ids-data-grid-header {\n    position: initial; }\n  .ids-data-grid tr.ids-data-grid-row {\n    display: table-row;\n    height: 50px; }\n  .ids-data-grid td.ids-data-grid-cell,\n  .ids-data-grid th.ids-data-grid-header-cell {\n    display: table-cell; }\n  .ids-data-grid td.ids-data-grid-cell {\n    padding-left: 16px;\n    padding-right: 16px; }\n")(J=function(t){c()(i,t);var e=V(i);function i(){var t;return n()(this,i),t=e.call(this),y()(l()(t),"formatters",new q),y()(l()(t),"datasource",new I),t}return s()(i,[{key:"template",value:function(){var t="";if(0===(null==this?void 0:this.data.length)&&0===(null==this?void 0:this.columns.length))return t;var e="true"===this.alternateRowShading?" alt-row-shading":"";return t="true"!==(null==this?void 0:this.virtualScroll)?'<div class="ids-data-grid'.concat(e,'" role="table" aria-label="').concat(this.label,'" data-row-height="').concat(this.rowHeight,'">\n      ').concat(this.headerTemplate(),"\n      ").concat(this.bodyTemplate(),"\n      </div>"):'<div class="ids-data-grid'.concat(e,'" role="table" aria-label="').concat(this.label,'" data-row-height="').concat(this.rowHeight,'">\n      ').concat(this.headerTemplate(),'\n      <ids-virtual-scroll>\n        <div class="ids-data-grid-container">\n          <div class="ids-data-grid-body" role="rowgroup" slot="contents">\n          </div>\n        </div>\n      </ids-virtual-scroll>\n    </div>')}},{key:"rerender",value:function(){var t=this;if(0!==this.columns.length||0!==this.data.length){var e=document.createElement("template"),i=this.template();this.shadowRoot.innerHTML="",this.appendStyles(),this.setColumnWidths(),e.innerHTML=i,this.shadowRoot.appendChild(e.content.cloneNode(!0)),R(this.virtualScroll)&&this.data.length>0&&(this.virtualScrollContainer=this.shadowRoot.querySelector("ids-virtual-scroll"),this.virtualScrollContainer.scrollTarget=this.shadowRoot.querySelector(".ids-data-grid"),this.virtualScrollContainer.itemTemplate=function(e,i){return t.rowTemplate(e,i)},this.virtualScrollContainer.itemCount=this.data.length,this.virtualScrollContainer.height=350-this.headerPixelHeight,this.virtualScrollContainer.itemHeight=this.rowPixelHeight,this.virtualScrollContainer.data=this.data),this.handleEvents(),this.data.length>0&&(this.setActiveCell(0,0),this.handleKeys())}}},{key:"headerTemplate",value:function(){var t=this,e='<div class="ids-data-grid-header" role="rowgroup"><div role="row" class="ids-data-grid-row">';return this.columns.forEach((function(i){e+="".concat(t.headerCellTemplate(i))})),"".concat(e,"</div></div>")}},{key:"headerCellTemplate",value:function(t){var e="".concat(t.sortable?" is-sortable":"");return'<span class="ids-data-grid-header-cell'.concat(e,'" data-column-id="').concat(t.id,'" role="columnheader">\n      <span class="ids-data-grid-header-text">').concat(t.name||"","</span>\n      ").concat(t.sortable?'<div class="sort-indicator">\n      <ids-icon icon="dropdown"></ids-icon>\n      <ids-icon icon="dropdown"></ids-icon>\n    </div>':"","\n    </span>")}},{key:"bodyTemplate",value:function(){var t=this,e='<div class="ids-data-grid-container"><div class="ids-data-grid-body" role="rowgroup">';return this.data.forEach((function(i,r){e+=t.rowTemplate(i,r)})),"".concat(e,"</div></div>")}},{key:"rowTemplate",value:function(t,e){var i=this,r='<div role="row" aria-rowindex="'.concat(e,'" class="ids-data-grid-row">');return this.columns.forEach((function(e,n){r+='<span role="cell" class="ids-data-grid-cell" aria-colindex="'.concat(n,'">').concat(i.cellTemplate(t,e),"</span>")})),r+="</div>"}},{key:"cellTemplate",value:function(t,e){return this.formatters.text(t,e)}},{key:"handleEvents",value:function(){var t=this,e=this.shadowRoot.querySelector(".ids-data-grid-header");this.detachAllEvents(),this.on("click",e,(function(e){var i=e.target.closest(".is-sortable");i&&t.setSortColumn(i.getAttribute("data-column-id"),"ascending"!==i.getAttribute("aria-sort"))})),this.on("click",this.shadowRoot.querySelector(".ids-data-grid-body"),(function(e){var i=e.target.closest(".ids-data-grid-cell"),r=i.parentNode;t.setActiveCell(parseInt(i.getAttribute("aria-colindex"),10),parseInt(r.getAttribute("aria-rowindex"),10))}))}},{key:"handleKeys",value:function(){var t=this;return this.keyboard&&this.destroyAllKeyBoard(),this.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,(function(e){var i,r,n=e.key,o="ArrowDown"===n?1:"ArrowUp"===n?-1:0,s="ArrowRight"===n?1:"ArrowLeft"===n?-1:0;t.setActiveCell((null===(i=t.activeCell)||void 0===i?void 0:i.cell)+s,(null===(r=t.activeCell)||void 0===r?void 0:r.row)+o),e.preventDefault(),e.stopPropagation()})),this}},{key:"setColumnWidths",value:function(){var t=this,e="",i=0,r=null;this.shadowRoot.adoptedStyleSheets?r=this.shadowRoot.adoptedStyleSheets[0]:this.shadowRoot.styleSheets&&(r=this.shadowRoot.styleSheets[0]),r&&(this.columns.forEach((function(r,n){r.width&&t.columns.length===n+1&&(e+="minmax(250px, 1fr)"),r.width&&t.columns.length!==n+1&&(e+="".concat(r.width,"px ")),r.width||i++})),i&&(e+=" repeat(".concat(i,", minmax(110px, 1fr))")),r.insertRule(":host {\n      --ids-data-grid-column-widths: ".concat(e," !important;\n    }")))}},{key:"setSortColumn",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.sortColumn={id:t,ascending:e},this.datasource.sort(t,e,null),this.rerender(),this.setSortState(t,e),this.trigger("sorted",this,{detail:{elem:this,sortColumn:this.sortColumn}})}},{key:"setSortState",value:function(t){for(var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.shadowRoot.querySelectorAll(".is-sortable"),r=0;r<i.length;r++)i[r].removeAttribute("aria-sort");var n=this.shadowRoot.querySelector('[data-column-id="'.concat(t,'"]'));n&&n.classList.contains("is-sortable")&&n.setAttribute("aria-sort",e?"ascending":"descending")}},{key:"alternateRowShading",get:function(){return this.getAttribute(w)||"false"},set:function(t){var e,i;if(R(t))return this.setAttribute(w,"true"),void(null===(i=this.shadowRoot)||void 0===i||i.querySelector(".ids-data-grid").classList.add("alt-row-shading"));null===(e=this.shadowRoot)||void 0===e||e.querySelector(".ids-data-grid").classList.remove("alt-row-shading"),this.setAttribute(w,"false")}},{key:"columns",get:function(){return(null==this?void 0:this.currentColumns)||[{id:"",name:""}]},set:function(t){this.currentColumns=t?P.deepClone(t):[{id:"",name:""}],this.rerender()}},{key:"data",get:function(){var t;return(null==this||null===(t=this.datasource)||void 0===t?void 0:t.data)||[]},set:function(t){if(t)return this.datasource.data=t,void this.rerender();this.datasource.data=null}},{key:"virtualScroll",get:function(){return this.getAttribute(k)||"false"},set:function(t){if(!0===t||"true"===t)return this.setAttribute(k,"true"),void this.rerender();this.setAttribute(k,"false"),this.rerender()}},{key:"label",get:function(){return this.getAttribute(C)||"Data Grid"},set:function(t){if(t)return this.setAttribute(C,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label",t),void this.rerender();this.removeAttribute(C),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label","Data Grid"),this.rerender()}},{key:"rowHeight",get:function(){return this.getAttribute(E)||"large"},set:function(t){t?(this.setAttribute(E,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height",t)):(this.removeAttribute(E),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height","large")),R(this.virtualScroll)&&this.rerender()}},{key:"rowPixelHeight",get:function(){return"medium"===this.rowHeight?40:"small"===this.rowHeight?35:"extra-small"===this.rowHeight?30:50}},{key:"headerPixelHeight",get:function(){return 35}},{key:"setActiveCell",value:function(t,e){var i,r;if(e<0||t<0||e>this.data.length-1||t>this.columns.length-1)return this.activeCell;this.activeCell||(this.activeCell={}),this.activeCell.cell=t,this.activeCell.row=e;var n=this.shadowRoot.querySelectorAll(".ids-data-grid-body .ids-data-grid-row")[e].querySelectorAll(".ids-data-grid-cell")[t];return null===(i=this.activeCell)||void 0===i||null===(r=i.node)||void 0===r||r.removeAttribute("tabindex"),this.activeCell.node=n,n.setAttribute("tabindex","0"),n.focus(),this.trigger("activecellchanged",this,{detail:{elem:this,activeCell:this.activeCell}}),this.activeCell}}],[{key:"properties",get:function(){return[w,C,E,k]}}]),i}(S(B).with(L,(function(t){return function(t){c()(i,t);var e=j(i);function i(){var t;return n()(this,i),(t=e.call(this)).init(l()(t)),t}return s()(i,[{key:"init",value:function(t){var e=this;this.hotkeys=new Map,this.pressedKeys=new Map,this.element=t,this.keyDownHandler=function(t){e.press(t.key),e.dispatchHotkeys(t)},this.element.on("keydown",this.element,this.keyDownHandler),this.keyUpHandler=function(t){e.unpress(t.key)},this.element.on("keyup",this.element,this.keyUpHandler)}},{key:"press",value:function(t){return this.pressedKeys.set("".concat(t),!0)}},{key:"listen",value:function(t,e,i){this.element||this.init(e),this.hotkeys.set("".concat(t),i)}},{key:"unpress",value:function(t){return this.pressedKeys.delete("".concat(t))}},{key:"dispatchHotkeys",value:function(t){this.hotkeys.forEach((function(e,i){i.split(",").indexOf(t.key)>-1&&e(t)}))}},{key:"detachAllKeyboard",value:function(){this.element&&(this.element.off("keydown",this.element,this.keyDownHandler),this.element.off("keyup",this.element,this.keyUpHandler),delete this.keyDownHandler,delete this.keyUpHandler,delete this.element)}}]),i}(t)}))))||J);var X=document.querySelector("#data-grid-1"),Q=new XMLHttpRequest,Z=[];Z.push({id:"id",name:"ID",field:"id",formatter:X.formatters.text,width:80,sortable:!0}),Z.push({id:"color",name:"Color",field:"color",formatter:X.formatters.text,sortable:!0}),Z.push({id:"inStock",name:"In Stock",field:"inStock",formatter:X.formatters.text,sortable:!0}),Z.push({id:"productId",name:"Product Id",field:"productId",formatter:X.formatters.text,sortable:!0}),Z.push({id:"productName",name:"Product Name",field:"productName",formatter:X.formatters.text,sortable:!0}),Z.push({id:"unitPrice",name:"Unit Price",field:"unitPrice",formatter:X.formatters.text,sortable:!0}),Z.push({id:"units",name:"Units",field:"units",formatter:X.formatters.text,sortable:!0}),Q.onreadystatechange=function(){4===this.readyState&&200===this.status&&(X.columns=Z,X.data=JSON.parse(this.responseText))},Q.open("GET","/api/products",!0),Q.send()}},e={};function i(r){if(e[r])return e[r].exports;var n=e[r]={exports:{}};return t[r](n,n.exports,i),n.exports}return i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var r in e)i.o(e,r)&&!i.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i(3741)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-data-grid/virtual-scroll-lib.js"]=e():t["ids-data-grid/virtual-scroll-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,i)=>{var n=i(9489),r=i(7067);function o(e,i,s){return r()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,i){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return i&&n(o,i.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}},9713:t=>{t.exports=function(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}},9754:t=>{function e(i){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(i)}t.exports=e},2205:(t,e,i)=>{var n=i(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,i)=>{var n=i(8),r=i(1506);t.exports=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(i,n){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(i,n)}t.exports=e},8:t=>{function e(i){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(i)}t.exports=e},5957:(t,e,i)=>{var n=i(9754),r=i(9489),o=i(430),s=i(9100);function a(e){var i="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==i){if(i.has(t))return i.get(t);i.set(t,e)}function e(){return s(t,arguments,n(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a}},e={};function i(n){if(e[n])return e[n].exports;var r=e[n]={exports:{}};return t[n](r,r.exports,i),r.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var n={};return(()=>{"use strict";var t=i(4575),e=i.n(t),n=i(3913),r=i.n(n),o=i(1506),s=i.n(o),a=i(2205),l=i.n(a),d=i(8585),c=i.n(d),u=i(9754),h=i.n(u),p=i(9713),f=i.n(p),m=i(5957),v=i.n(m);function y(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function g(t){return function(e){e.prototype.cssStyles=t}}var b="alternate-row-shading",x="label",w="row-height",E="virtual-scroll",C=function(){function t(i){e()(this,t),this.superclass=i}return r()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),i=0;i<t;i++)e[i]=arguments[i];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const k=function(t){return new C(t)};var A,S=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},F=function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))},D=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,i){return e[i]}))};function R(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}var T=function(t){t.prototype.version="0.0.0-beta.8"}(A=function(t){l()(n,t);var i=R(n);function n(){var t;return e()(this,n),(t=i.call(this)).addBaseName(),t.render(),t}return r()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,i){e!==i&&(this[S(t)]=i)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,i;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(i=this.closest('div[role="main"][hidden]'))||void 0===i||i.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,i=document.createElement("style");i.textContent=this.cssStyles,0===(null===(t=i.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(i.textContent=i.textContent.replace(":host",".".concat(this.name))),i.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(i)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(v()(HTMLElement)))||A,z=function(){function t(){e()(this,t)}return r()(t,[{key:"text",value:function(t,e){var i=t[e.field],n=null==i||""===i?"":i.toString();return'<span class="text-ellipsis">'.concat(n,"</span>")}}]),t}(),B=i(8),q=i.n(B),H={refs:[],refsNew:[],deepClone:function(t){if("object"!==q()(t)||null===t)return t;if(t instanceof Date)return new Date(t);if(Array.isArray(t))return this.deepCloneArray(t,this.deepClone);var e={};for(var i in this.refs.push(t),this.refsNew.push(e),t)if(!1!==Object.hasOwnProperty.call(t,i)){var n=t[i];if("object"!==q()(n)||null===n)e[i]=n;else if(n instanceof Date)e[i]=new Date(n);else{var r=this.refs.indexOf(n);e[i]=-1!==r?this.refsNew[r]:this.deepClone(n)}}return this.refs.pop(),this.refsNew.pop(),e},deepCloneArray:function(t,e){for(var i=Object.keys(t),n=new Array(i.length),r=0;r<i.length;r+=1){var o=i[r],s=t[o];if("object"!==q()(s)||null===s)n[o]=s;else if(s instanceof Date)n[o]=new Date(s);else{var a=this.refs.indexOf(s);n[o]=-1!==a?this.refsNew[a]:e.call(this,s)}}return n}},N=function(){function t(){e()(this,t),f()(this,"originalData",[]),f()(this,"currentData",[])}return r()(t,[{key:"data",get:function(){return this.currentData},set:function(t){this.currentData=H.deepClone(t),this.originalData=t}},{key:"forEach",value:function(t){this.currentData.forEach(t)}},{key:"sort",value:function(t,e,i){var n=this.sortFunction(t,e,i);this.currentData.sort(n)}},{key:"sortFunction",value:function(t,e,i){var n=function(e){return i?i(e[t]):e[t]};return function(t,i){var r=n(t),o=n(i);return(r<o?-1:r>o?1:0)*[-1,1][+!!e]}}}]),t}();function P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}var I=function(t){return function(t){l()(n,t);var i=P(n);function n(){var t;return e()(this,n),t=i.call(this),f()(s()(t),"handledEvents",new Map),t}return r()(n,[{key:"onEvent",value:function(t,e,i,n){e.addEventListener(t.split(".")[0],i,n),this.handledEvents.set(t,{target:e,callback:i,options:n})}},{key:"offEvent",value:function(t,e,i){var n=this.handledEvents.get(t);null!=n&&n.callback&&e.removeEventListener(t.split(".")[0],n.callback,i||n.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=new CustomEvent(t.split(".")[0],i);e.dispatchEvent(n)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,i){t.offEvent(i,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,i="string"==typeof t&&t.length;this.handledEvents.forEach((function(n,r){i&&r!==t||e.offEvent(r,n.target,n.options)}))}}]),n}(t)};function O(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}function L(){return window.performance.now()}function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}const M=function(t){l()(n,t);var i=j(n);function n(){var t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(e()(this,n),(t=i.call(this)).id=r.id,t.duration=-1,"number"==typeof r.duration&&(t.duration=parseInt(r.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof r.updateDuration&&(t.updateDuration=parseInt(r.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof r.updateCallback&&"function"!=typeof r.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof r.updateCallback&&(t.updateCallback=r.updateCallback.bind(s()(t))),"function"==typeof r.timeoutCallback&&(t.timeoutCallback=r.timeoutCallback.bind(s()(t))),t.paused=!1,t.startTime=L(),t.totalStoppedTime=0,c()(t,s()(t))}return r()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=L()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=L()}},{key:"resume",value:function(){this.resumeTime=L(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return L()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&L()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];this.updateCallback.apply(this,[t].concat(i)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(v()(Object));const U=new(function(){function t(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};e()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,i.autoStart&&this.start()}return r()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=L()),this.lastStopTime&&(t=!0,this.resumeTime=L(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,i,n=this,r=L();!function o(){n.doLoop&&(e=L(),i=(e-r)/1e3,n.items.forEach((function(o){if(o.doRemoveOnNextTick)n.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:r,delta:i,now:e};o.update(s)}})),r=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=L(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return L()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,i;return t instanceof M&&(i=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(i=e,!1)}))),null!==(e=i)&&void 0!==e&&e.timeoutCallback&&i.timeout(),i}}]),t}());function _(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}var K;function G(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}y("ids-virtual-scroll")(K=g("/* Ids Virtual Scroller Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-virtual-scroll {\n  width: 100%;\n  height: 250px;\n  overflow: auto; }\n  .ids-virtual-scroll:focus {\n    outline: 0; }\n\n.ids-virtual-scroll-viewport {\n  position: relative; }\n")(K=function(t){l()(n,t);var i=G(n);function n(){return e()(this,n),i.call(this)}return r()(n,[{key:"connectedCallback",value:function(){this.datasource=new N,this.stringTemplate='<div class="ids-virtual-scroll-item">${productName}</div>',this.init().handleEvents()}},{key:"init",value:function(){return this.applyHeight(),this.renderItems(!1),this}},{key:"handleEvents",value:function(){var t=this;return this.timeout=null,this.onEvent("scroll",this.container,(function(e){t.handleScroll(e)}),{passive:!0}),this}},{key:"handleScroll",value:function(t){var e=this;this.timeout&&cancelAnimationFrame(this.timeout);var i=t.target;this.timeout=requestAnimationFrame((function(){e.scrollTop=i.scrollTop}))}},{key:"renderItems",value:function(t){var e=this;if(this.data&&(t||0!==this.data.length)){var i=this.startIndex,n=this.startIndex+this.visibleItemCount();if(this.lastStart!==i||this.lastEnd!==n){this.lastStart=i,this.lastEnd=n;var r=this.data.slice(i,n),o="";r.map((function(t){var i=e.itemTemplate(t);return o+=i,i})),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=o);this.triggerEvent("afterrendered",this,{detail:{elem:this,startIndex:i,endIndex:n}})}}}},{key:"applyHeight",value:function(){var t=this.container.querySelector(".ids-virtual-scroll-viewport");(this.container.style.height="".concat(this.height,"px"),t.style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)")),this.isTable=this.querySelectorAll(".ids-data-grid-container").length>0,this.isTable)&&(this.shadowRoot.querySelector(".ids-virtual-scroll").style.overflow="inherit")}},{key:"visibleItemCount",value:function(){var t=Math.ceil(this.height/this.itemHeight)+2*this.bufferSize;return t=Math.min(Number(this.itemCount)-this.startIndex,t)}},{key:"template",value:function(){return'<div class="ids-virtual-scroll" tabindex="0"><div class="ids-virtual-scroll-viewport"><slot></slot></div></div>'}},{key:"height",get:function(){var t;return 0===(null===(t=this.data)||void 0===t?void 0:t.length)?0:this.getAttribute("height")},set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")}},{key:"itemHeight",get:function(){return this.getAttribute("item-height")},set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")}},{key:"bufferSize",get:function(){return this.getAttribute("buffer-size")||20},set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")}},{key:"scrollTop",get:function(){return this.getAttribute("scroll-top")||0},set:function(t){if(null!=t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=Number(t),void this.renderItems(!1);this.removeAttribute("scroll-top")}},{key:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",get:function(){return parseInt(this.getAttribute("item-count"),10)},set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")}},{key:"offsetY",get:function(){return Number(this.startIndex)*Number(this.itemHeight)}},{key:"startIndex",get:function(){var t=Math.floor(Number(this.scrollTop)/Number(this.itemHeight))-Number(this.bufferSize);return t=Math.max(0,t)}},{key:"itemTemplate",value:function(t){return D(this.stringTemplate,t)}},{key:"data",get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data},set:function(t){if(t&&this.datasource)return this.datasource.data=t,this.itemCount=t.length,this.lastStart=null,this.lastEnd=null,this.scrollTop=0,this.applyHeight(),void this.renderItems(!0);this.datasource.data=null}},{key:"scrollTarget",get:function(){return null==this?void 0:this.eventTarget},set:function(t){var e=this;t&&(this.eventTarget=t,this.onEvent("scroll",this.eventTarget,(function(t){e.handleScroll(t)}),{passive:!0}))}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),n}(k(T).with((function(t){return function(t){l()(n,t);var i=_(n);function n(){return e()(this,n),i.call(this)}return r()(n,[{key:"rl",get:function(){return U}}]),n}(t)}),I)))||K);var Y;function W(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=h()(t);if(e){var r=h()(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return c()(this,i)}}y("ids-data-grid")(Y=g("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  --ids-data-grid-column-widths: repeat(1, minmax(110px, 1fr)); }\n\n.ids-data-grid {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 2px;\n  width: 100%;\n  border-collapse: collapse;\n  border-color: var(--ids-color-palette-slate-30);\n  overflow: auto;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-size: 16px; }\n  .ids-data-grid .ids-data-grid-row {\n    width: 100%;\n    display: grid;\n    grid-template-columns: var(--ids-data-grid-column-widths); }\n  .ids-data-grid .ids-data-grid-body .ids-data-grid-row {\n    height: 50px; }\n  .ids-data-grid[data-row-height='medium'] .ids-data-grid-body .ids-data-grid-row {\n    height: 40px; }\n  .ids-data-grid[data-row-height='small'] .ids-data-grid-body .ids-data-grid-row {\n    height: 35px; }\n  .ids-data-grid[data-row-height='extra-small'] .ids-data-grid-body .ids-data-grid-row {\n    height: 30px; }\n  .ids-data-grid.alt-row-shading .ids-data-grid-body [role='row']:nth-child(odd) {\n    background-color: var(--ids-color-palette-slate-10); }\n  .ids-data-grid .ids-data-grid-header {\n    z-index: 2;\n    position: sticky;\n    top: 0; }\n  .ids-data-grid .ids-data-grid-header-cell {\n    border-width: 0;\n    border-left: 1px solid;\n    border-style: solid;\n    display: flex;\n    background-color: var(--ids-color-palette-slate-80);\n    border-color: var(--ids-color-palette-slate-30);\n    min-height: 35px; }\n    .ids-data-grid .ids-data-grid-header-cell:first-child {\n      border-left: 0; }\n  .ids-data-grid .ids-data-grid-header-text {\n    display: block;\n    padding-left: 16px;\n    padding-right: 16px;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    font-weight: 700;\n    font-size: 14px;\n    color: var(--ids-color-palette-white);\n    overflow: hidden;\n    text-align: left;\n    text-overflow: ellipsis;\n    user-select: none;\n    white-space: nowrap; }\n  .ids-data-grid .sort-indicator {\n    position: relative;\n    height: 16px;\n    left: -6px;\n    width: 18px; }\n  .ids-data-grid .is-sortable ids-icon {\n    color: var(--ids-color-palette-slate-50);\n    opacity: 0;\n    transition: opacity 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s; }\n  .ids-data-grid .is-sortable ids-icon:first-child {\n    position: relative;\n    top: 4px;\n    transform: rotate(180deg); }\n  .ids-data-grid .is-sortable ids-icon:last-child {\n    position: relative;\n    top: -9px; }\n  .ids-data-grid .is-sortable[aria-sort='descending'] ids-icon:first-child {\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='descending'] ids-icon:last-child {\n    color: var(--ids-color-palette-white);\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='ascending'] ids-icon:first-child {\n    color: var(--ids-color-palette-white);\n    opacity: 1; }\n  .ids-data-grid .is-sortable[aria-sort='ascending'] ids-icon:last-child {\n    opacity: 1; }\n  .ids-data-grid .is-sortable:hover {\n    cursor: pointer; }\n    .ids-data-grid .is-sortable:hover .sort-indicator ids-icon {\n      opacity: 1; }\n  .ids-data-grid .ids-data-grid-cell {\n    border-width: 0;\n    border-left: 1px solid;\n    border-top: 1px solid;\n    border-style: solid;\n    display: inline-flex;\n    align-items: center;\n    border-color: var(--ids-color-palette-slate-30);\n    overflow: hidden;\n    white-space: nowrap; }\n    .ids-data-grid .ids-data-grid-cell:first-child {\n      border-left: 0; }\n    .ids-data-grid .ids-data-grid-cell .text-ellipsis {\n      display: block;\n      padding-left: 16px;\n      padding-right: 16px;\n      overflow: hidden;\n      text-overflow: ellipsis; }\n    .ids-data-grid .ids-data-grid-cell:focus {\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n      outline: 1px solid var(--ids-color-palette-azure-60);\n      outline-offset: -1px; }\n  .ids-data-grid tr.ids-data-grid-header {\n    position: initial; }\n  .ids-data-grid tr.ids-data-grid-row {\n    display: table-row;\n    height: 50px; }\n  .ids-data-grid td.ids-data-grid-cell,\n  .ids-data-grid th.ids-data-grid-header-cell {\n    display: table-cell; }\n  .ids-data-grid td.ids-data-grid-cell {\n    padding-left: 16px;\n    padding-right: 16px; }\n")(Y=function(t){l()(n,t);var i=W(n);function n(){var t;return e()(this,n),t=i.call(this),f()(s()(t),"formatters",new z),f()(s()(t),"datasource",new N),t}return r()(n,[{key:"template",value:function(){var t="";if(0===(null==this?void 0:this.data.length)&&0===(null==this?void 0:this.columns.length))return t;var e="true"===this.alternateRowShading?" alt-row-shading":"";return t="true"!==(null==this?void 0:this.virtualScroll)?'<div class="ids-data-grid'.concat(e,'" role="table" aria-label="').concat(this.label,'" data-row-height="').concat(this.rowHeight,'">\n      ').concat(this.headerTemplate(),"\n      ").concat(this.bodyTemplate(),"\n      </div>"):'<div class="ids-data-grid'.concat(e,'" role="table" aria-label="').concat(this.label,'" data-row-height="').concat(this.rowHeight,'">\n      ').concat(this.headerTemplate(),'\n      <ids-virtual-scroll>\n        <div class="ids-data-grid-container">\n          <div class="ids-data-grid-body" role="rowgroup" slot="contents">\n          </div>\n        </div>\n      </ids-virtual-scroll>\n    </div>')}},{key:"rerender",value:function(){var t=this;if(0!==this.columns.length||0!==this.data.length){var e=document.createElement("template"),i=this.template();this.shadowRoot.innerHTML="",this.appendStyles(),this.setColumnWidths(),e.innerHTML=i,this.shadowRoot.appendChild(e.content.cloneNode(!0)),F(this.virtualScroll)&&this.data.length>0&&(this.virtualScrollContainer=this.shadowRoot.querySelector("ids-virtual-scroll"),this.virtualScrollContainer.scrollTarget=this.shadowRoot.querySelector(".ids-data-grid"),this.virtualScrollContainer.itemTemplate=function(e,i){return t.rowTemplate(e,i)},this.virtualScrollContainer.itemCount=this.data.length,this.virtualScrollContainer.height=350-this.headerPixelHeight,this.virtualScrollContainer.itemHeight=this.rowPixelHeight,this.virtualScrollContainer.data=this.data),this.handleEvents(),this.data.length>0&&(this.setActiveCell(0,0),this.handleKeys())}}},{key:"headerTemplate",value:function(){var t=this,e='<div class="ids-data-grid-header" role="rowgroup"><div role="row" class="ids-data-grid-row">';return this.columns.forEach((function(i){e+="".concat(t.headerCellTemplate(i))})),"".concat(e,"</div></div>")}},{key:"headerCellTemplate",value:function(t){var e="".concat(t.sortable?" is-sortable":"");return'<span class="ids-data-grid-header-cell'.concat(e,'" data-column-id="').concat(t.id,'" role="columnheader">\n      <span class="ids-data-grid-header-text">').concat(t.name||"","</span>\n      ").concat(t.sortable?'<div class="sort-indicator">\n      <ids-icon icon="dropdown"></ids-icon>\n      <ids-icon icon="dropdown"></ids-icon>\n    </div>':"","\n    </span>")}},{key:"bodyTemplate",value:function(){var t=this,e='<div class="ids-data-grid-container"><div class="ids-data-grid-body" role="rowgroup">';return this.data.forEach((function(i,n){e+=t.rowTemplate(i,n)})),"".concat(e,"</div></div>")}},{key:"rowTemplate",value:function(t,e){var i=this,n='<div role="row" aria-rowindex="'.concat(e,'" class="ids-data-grid-row">');return this.columns.forEach((function(e,r){n+='<span role="cell" class="ids-data-grid-cell" aria-colindex="'.concat(r,'">').concat(i.cellTemplate(t,e),"</span>")})),n+="</div>"}},{key:"cellTemplate",value:function(t,e){return this.formatters.text(t,e)}},{key:"handleEvents",value:function(){var t=this,e=this.shadowRoot.querySelector(".ids-data-grid-header");this.offEvent("click",e),this.onEvent("click",e,(function(e){var i=e.target.closest(".is-sortable");i&&t.setSortColumn(i.getAttribute("data-column-id"),"ascending"!==i.getAttribute("aria-sort"))}));var i=this.shadowRoot.querySelector(".ids-data-grid-body");this.offEvent("click",i),this.onEvent("click",i,(function(e){var i=e.target.closest(".ids-data-grid-cell"),n=i.parentNode;t.setActiveCell(parseInt(i.getAttribute("aria-colindex"),10),parseInt(n.getAttribute("aria-rowindex"),10))}))}},{key:"handleKeys",value:function(){var t=this;return this.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,(function(e){var i,n,r=e.key,o="ArrowDown"===r?1:"ArrowUp"===r?-1:0,s="ArrowRight"===r?1:"ArrowLeft"===r?-1:0;t.setActiveCell((null===(i=t.activeCell)||void 0===i?void 0:i.cell)+s,(null===(n=t.activeCell)||void 0===n?void 0:n.row)+o),e.preventDefault(),e.stopPropagation()})),this}},{key:"setColumnWidths",value:function(){var t=this,e="",i=0,n=null;this.shadowRoot.adoptedStyleSheets?n=this.shadowRoot.adoptedStyleSheets[0]:this.shadowRoot.styleSheets&&(n=this.shadowRoot.styleSheets[0]),n&&(this.columns.forEach((function(n,r){n.width&&t.columns.length===r+1&&(e+="minmax(250px, 1fr)"),n.width&&t.columns.length!==r+1&&(e+="".concat(n.width,"px ")),n.width||i++})),i&&(e+=" repeat(".concat(i,", minmax(110px, 1fr))")),n.insertRule(":host {\n      --ids-data-grid-column-widths: ".concat(e," !important;\n    }")))}},{key:"setSortColumn",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.sortColumn={id:t,ascending:e},this.datasource.sort(t,e,null),this.rerender(),this.setSortState(t,e),this.triggerEvent("sorted",this,{detail:{elem:this,sortColumn:this.sortColumn}})}},{key:"setSortState",value:function(t){for(var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=this.shadowRoot.querySelectorAll(".is-sortable"),n=0;n<i.length;n++)i[n].removeAttribute("aria-sort");var r=this.shadowRoot.querySelector('[data-column-id="'.concat(t,'"]'));r&&r.classList.contains("is-sortable")&&r.setAttribute("aria-sort",e?"ascending":"descending")}},{key:"alternateRowShading",get:function(){return this.getAttribute(b)||"false"},set:function(t){var e,i;if(F(t))return this.setAttribute(b,"true"),void(null===(i=this.shadowRoot)||void 0===i||i.querySelector(".ids-data-grid").classList.add("alt-row-shading"));null===(e=this.shadowRoot)||void 0===e||e.querySelector(".ids-data-grid").classList.remove("alt-row-shading"),this.setAttribute(b,"false")}},{key:"columns",get:function(){return(null==this?void 0:this.currentColumns)||[{id:"",name:""}]},set:function(t){this.currentColumns=t?H.deepClone(t):[{id:"",name:""}],this.rerender()}},{key:"data",get:function(){var t;return(null==this||null===(t=this.datasource)||void 0===t?void 0:t.data)||[]},set:function(t){if(t)return this.datasource.data=t,void this.rerender();this.datasource.data=null}},{key:"virtualScroll",get:function(){return this.getAttribute(E)||"false"},set:function(t){if(!0===t||"true"===t)return this.setAttribute(E,"true"),void this.rerender();this.setAttribute(E,"false"),this.rerender()}},{key:"label",get:function(){return this.getAttribute(x)||"Data Grid"},set:function(t){if(t)return this.setAttribute(x,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label",t),void this.rerender();this.removeAttribute(x),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label","Data Grid"),this.rerender()}},{key:"rowHeight",get:function(){return this.getAttribute(w)||"large"},set:function(t){t?(this.setAttribute(w,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height",t)):(this.removeAttribute(w),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height","large")),F(this.virtualScroll)&&this.rerender()}},{key:"rowPixelHeight",get:function(){return"medium"===this.rowHeight?40:"small"===this.rowHeight?35:"extra-small"===this.rowHeight?30:50}},{key:"headerPixelHeight",get:function(){return 35}},{key:"setActiveCell",value:function(t,e){var i,n;if(e<0||t<0||e>this.data.length-1||t>this.columns.length-1)return this.activeCell;this.activeCell||(this.activeCell={}),this.activeCell.cell=t,this.activeCell.row=e;var r=this.shadowRoot.querySelectorAll(".ids-data-grid-body .ids-data-grid-row")[e].querySelectorAll(".ids-data-grid-cell")[t];return null===(i=this.activeCell)||void 0===i||null===(n=i.node)||void 0===n||n.removeAttribute("tabindex"),this.activeCell.node=r,r.setAttribute("tabindex","0"),r.focus(),this.triggerEvent("activecellchanged",this,{detail:{elem:this,activeCell:this.activeCell}}),this.activeCell}}],[{key:"properties",get:function(){return[b,x,w,E]}}]),n}(k(T).with(I,(function(t){return function(t){l()(n,t);var i=O(n);function n(){var t;return e()(this,n),(t=i.call(this)).init(),t}return r()(n,[{key:"init",value:function(){var t=this;this.hotkeys=new Map,this.pressedKeys=new Map,this.keyDownHandler=function(e){t.press(e.key),t.dispatchHotkeys(e)},this.onEvent("keydown.keyboard",this,this.keyDownHandler),this.keyUpHandler=function(e){t.unpress(e.key)},this.onEvent("keyup.keyboard",this,this.keyUpHandler)}},{key:"press",value:function(t){return this.pressedKeys.set("".concat(t),!0)}},{key:"listen",value:function(t,e,i){this.hotkeys.set("".concat(t),i)}},{key:"unpress",value:function(t){return this.pressedKeys.delete("".concat(t))}},{key:"dispatchHotkeys",value:function(t){this.hotkeys.forEach((function(e,i){i.split(",").indexOf(t.key)>-1&&e(t)}))}},{key:"detachAllListeners",value:function(){this.keyDownHandler&&this.offEvent&&(this.offEvent("keydown.keyboard",this,this.keyDownHandler),delete this.keyDownHandler),this.keyUpHandler&&this.offEvent&&(this.offEvent("keyup.keyboard",this,this.keyUpHandler),delete this.keyUpHandler)}}]),n}(t)}))))||Y);var $=document.querySelector("#data-grid-1"),J=new XMLHttpRequest,V=[];V.push({id:"id",name:"ID",field:"id",formatter:$.formatters.text,width:80,sortable:!0}),V.push({id:"color",name:"Color",field:"color",formatter:$.formatters.text,sortable:!0}),V.push({id:"inStock",name:"In Stock",field:"inStock",formatter:$.formatters.text,sortable:!0}),V.push({id:"productId",name:"Product Id",field:"productId",formatter:$.formatters.text,sortable:!0}),V.push({id:"productName",name:"Product Name",field:"productName",formatter:$.formatters.text,sortable:!0}),V.push({id:"unitPrice",name:"Unit Price",field:"unitPrice",formatter:$.formatters.text,sortable:!0}),V.push({id:"units",name:"Units",field:"units",formatter:$.formatters.text,sortable:!0}),J.onreadystatechange=function(){4===this.readyState&&200===this.status&&($.columns=V,$.data=JSON.parse(this.responseText))},J.open("GET","/api/products",!0),J.send()})(),n=n.default})()}));
 //# sourceMappingURL=virtual-scroll.js.map

ids-expandable-area/ids-expandable-area.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
 
-interface nativeElement extends HTMLElement {
+import { IdsElement } from '../ids-base/ids-element';
+
+export default class extends IdsElement {
+  /** Set the expanded state */
   expanded: string;
+
+  /** Set the type of expander to toggle-btn or not and future types */
   type: null | 'toggle-btn' | string;
 }
-
-export default class IdsExpandableArea extends HTMLElement {
-  nativeElement: nativeElement;
-}

ids-expandable-area/ids-expandable-area.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-expandable-area/ids-expandable-area-lib.js"]=t():e["ids-expandable-area/ids-expandable-area-lib.js"]=t()}(self,(function(){return(()=>{var e={1506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},4575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},9100:(e,t,n)=>{var o=n(9489),r=n(7067);function s(t,n,i){return r()?e.exports=s=Reflect.construct:e.exports=s=function(e,t,n){var r=[null];r.push.apply(r,t);var s=new(Function.bind.apply(e,r));return n&&o(s,n.prototype),s},s.apply(null,arguments)}e.exports=s},3913:e=>{function t(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}e.exports=function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}},9713:e=>{e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},9754:e=>{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},2205:(e,t,n)=>{var o=n(9489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}},430:e=>{e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},7067:e=>{e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},8585:(e,t,n)=>{var o=n(8),r=n(1506);e.exports=function(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?r(e):t}},9489:e=>{function t(n,o){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,o)}e.exports=t},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},5957:(e,t,n)=>{var o=n(9754),r=n(9489),s=n(430),i=n(9100);function a(t){var n="function"==typeof Map?new Map:void 0;return e.exports=a=function(e){if(null===e||!s(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return i(e,arguments,o(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),r(t,e)},a(t)}e.exports=a},9234:(e,t,n)=>{"use strict";var o=n(4575),r=n.n(o),s=n(3913),i=n.n(s),a=n(2205),l=n.n(a),d=n(8585),c=n.n(d),u=n(9754),p=n.n(u),f=n(5957),h=n.n(f);var y="expanded",b="type",v=function(){function e(t){r()(this,e),this.superclass=t}return i()(e,[{key:"with",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce((function(e,t){return t(e)}),this.superclass)}}]),e}();const x=function(e){return new v(e)};var m,g=function(e){return(e.slice(0,1).toLowerCase()+e.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(e,t){return e+t[0].toUpperCase()+t.substring(1)}))};function E(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=p()(e);if(t){var r=p()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c()(this,n)}}var k=function(e){e.prototype.version="0.0.0-beta.7"}(m=function(e){l()(n,e);var t=E(n);function n(){var e;return r()(this,n),(e=t.call(this)).addBaseName(),e.render(),e}return i()(n,[{key:"addBaseName",value:function(){var e;this.name=null===(e=this.nodeName)||void 0===e?void 0:e.toLowerCase()}},{key:"attributeChangedCallback",value:function(e,t,n){t!==n&&(this[g(e)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var e,t;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n.content.cloneNode(!0)),this.container=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e,t,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(e=n.textContent)||void 0===e?void 0:e.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(h()(HTMLElement)))||m,F=n(1506),w=n.n(F),D=n(9713),A=n.n(D);function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=p()(e);if(t){var r=p()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c()(this,n)}}function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=p()(e);if(t){var r=p()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c()(this,n)}}var R=function(e){return function(e){l()(n,e);var t=S(n);function n(){var e;return r()(this,n),(e=t.call(this)).init(w()(e)),e}return i()(n,[{key:"init",value:function(e){var t=this;this.hotkeys=new Map,this.pressedKeys=new Map,this.element=e,this.keyDownHandler=function(e){t.press(e.key),t.dispatchHotkeys(e)},this.element.on("keydown",this.element,this.keyDownHandler),this.keyUpHandler=function(e){t.unpress(e.key)},this.element.on("keyup",this.element,this.keyUpHandler)}},{key:"press",value:function(e){return this.pressedKeys.set("".concat(e),!0)}},{key:"listen",value:function(e,t,n){this.element||this.init(t),this.hotkeys.set("".concat(e),n)}},{key:"unpress",value:function(e){return this.pressedKeys.delete("".concat(e))}},{key:"dispatchHotkeys",value:function(e){this.hotkeys.forEach((function(t,n){n.split(",").indexOf(e.key)>-1&&t(e)}))}},{key:"detachAllKeyboard",value:function(){this.element&&(this.element.off("keydown",this.element,this.keyDownHandler),this.element.off("keyup",this.element,this.keyUpHandler),delete this.keyDownHandler,delete this.keyUpHandler,delete this.element)}}]),n}(e)};var B;function z(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=p()(e);if(t){var r=p()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return c()(this,n)}}var q,O,P=["toggle-btn"];O="ids-expandable-area",q="/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-expandable-area {\n  border-bottom: 1px solid var(--ids-color-palette-slate-30);\n  margin-bottom: calc(var(--ids-number-spacing-base) * 4);\n  padding-bottom: calc(var(--ids-number-spacing-base) * 4); }\n\n:host([type='toggle-btn']) .ids-expandable-area-header {\n  margin-bottom: 16px; }\n\n.ids-expandable-area-header ::slotted(ids-text) {\n  margin-bottom: 8px;\n  display: block; }\n\n.ids-expandable-area-footer ::slotted(ids-text) {\n  margin-top: 8px;\n  display: block; }\n\n[data-expander='link'] {\n  display: inline-block; }\n\n[data-expander='header'] {\n  pointer-events: none; }\n\n[data-expander='header'] [name='header'] {\n  pointer-events: initial; }\n\n.ids-expandable-area-pane {\n  height: 0;\n  overflow: hidden;\n  transition: height 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n",j=B=function(e){e.prototype.cssStyles=q}(B=function(e){l()(n,e);var t=z(n);function n(){var e;return r()(this,n),(e=t.call(this)).state={},e.keyboard=new R,e}return i()(n,[{key:"connectedCallback",value:function(){var e,t,n,o;this.expander=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("[data-expander]"),this.expanderDefault=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('[name="expander-default"]'),this.expanderExpanded=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector('[name="expander-expanded"]'),this.pane=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(".ids-expandable-area-pane"),this.handleEvents(),this.switchState()}},{key:"type",get:function(){return this.getAttribute(b)},set:function(e){e===P[0]?this.setAttribute(b,e):this.setAttribute(b,"")}},{key:"expanded",get:function(){return this.getAttribute(y)},set:function(e){e?this.setAttribute(y,e):this.setAttribute(y,"false"),this.switchState()}},{key:"switchState",value:function(){var e,t,n;this.expanderDefault=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('[name="expander-default"]'),this.expanderExpanded=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('[name="expander-expanded"]'),this.state.expanded="true"===this.getAttribute(y)||!1,null===(n=this.expander)||void 0===n||n.setAttribute("aria-expanded",this.state.expanded),null===this.type&&this.expanderDefault&&this.expanderExpanded&&(this.expanderDefault.hidden=this.state.expanded,this.expanderExpanded.hidden=!this.state.expanded),this.state.expanded?this.expandPane():this.collapsePane()}},{key:"collapsePane",value:function(){var e=this;requestAnimationFrame((function(){var t;e.pane&&(e.pane.style.height="".concat(null===(t=e.pane)||void 0===t?void 0:t.scrollHeight,"px"),requestAnimationFrame((function(){e.pane&&(e.pane.style.height="0px")})))}))}},{key:"expandPane",value:function(){this.pane&&(this.pane.style.height="".concat(this.pane.scrollHeight,"px"))}},{key:"setAttributes",value:function(){this.setAttribute(y,"true"===this.getAttribute(y)?"false":"true")}},{key:"handleEvents",value:function(){var e=this;this.on("click",this.expander,(function(){e.setAttributes()})),this.on("touchstart",this.expander,(function(t){t.touches&&t.touches.length>0&&e.setAttributes()}),{passive:!0})}},{key:"template",value:function(){var e;return e=this.type===P[0]?'\n        <div class="ids-expandable-area">\n          <div class="ids-expandable-area-header" aria-expanded="false" data-expander="header">\n            <slot name="header"></slot>\n          </div>\n          <div class="ids-expandable-area-pane">\n            <slot name="pane"></slot>\n          </div>\n        </div>\n      ':'\n        <div class="ids-expandable-area">\n          <div class="ids-expandable-area-header">\n            <slot name="header"></slot>\n          </div>\n          <div class="ids-expandable-area-pane">\n            <slot name="pane"></slot>\n          </div>\n          <div class="ids-expandable-area-footer">\n            <a class="ids-expandable-area-expander" href="#0" role="button" aria-expanded="false" data-expander="link">\n              <slot name="expander-default"></slot>\n              <slot name="expander-expanded" hidden></slot>\n            </a>\n          </div>\n        </div>\n      ',e}}],[{key:"properties",get:function(){return[y,b]}}]),n}(x(k).with((function(e){return function(e){l()(n,e);var t=C(n);function n(){var e;return r()(this,n),e=t.call(this),A()(w()(e),"handledEvents",new Map),e}return i()(n,[{key:"on",value:function(e,t,n,o){t.addEventListener(e.split(".")[0],n,o),this.handledEvents.set(e,{target:t,callback:n,options:o})}},{key:"off",value:function(e,t,n){var o=this.handledEvents.get(e);t.removeEventListener(e.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(e)}},{key:"trigger",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(e.split(".")[0],n);t.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(o,r){n&&r!==t||e.removeEventListener(r,o.target,o.options)}))}}]),n}(e)}),R)))||B,customElements.get(O)||customElements.define(O,j);var j}},t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={exports:{}};return e[o](r,r.exports,n),r.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n(9234)})().default}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-expandable-area/ids-expandable-area-lib.js"]=t():e["ids-expandable-area/ids-expandable-area-lib.js"]=t()}(self,(function(){return(()=>{var e={1506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},4575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},9100:(e,t,n)=>{var o=n(9489),r=n(7067);function a(t,n,i){return r()?e.exports=a=Reflect.construct:e.exports=a=function(e,t,n){var r=[null];r.push.apply(r,t);var a=new(Function.bind.apply(e,r));return n&&o(a,n.prototype),a},a.apply(null,arguments)}e.exports=a},3913:e=>{function t(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}e.exports=function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}},9713:e=>{e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},9754:e=>{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},2205:(e,t,n)=>{var o=n(9489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}},430:e=>{e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},7067:e=>{e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},8585:(e,t,n)=>{var o=n(8),r=n(1506);e.exports=function(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?r(e):t}},9489:e=>{function t(n,o){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,o)}e.exports=t},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},5957:(e,t,n)=>{var o=n(9754),r=n(9489),a=n(430),i=n(9100);function s(t){var n="function"==typeof Map?new Map:void 0;return e.exports=s=function(e){if(null===e||!a(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return i(e,arguments,o(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),r(t,e)},s(t)}e.exports=s}},t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={exports:{}};return e[o](r,r.exports,n),r.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{"use strict";var e=n(4575),t=n.n(e),o=n(3913),r=n.n(o),a=n(2205),i=n.n(a),s=n(8585),l=n.n(s),d=n(9754),c=n.n(d),p=n(5957),u=n.n(p);var f="expanded",h="type",b=function(){function e(n){t()(this,e),this.superclass=n}return r()(e,[{key:"with",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce((function(e,t){return t(e)}),this.superclass)}}]),e}();const y=function(e){return new b(e)};var v,x=function(e){return(e.slice(0,1).toLowerCase()+e.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(e,t){return e+t[0].toUpperCase()+t.substring(1)}))};function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=c()(e);if(t){var r=c()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}var E=function(e){e.prototype.version="0.0.0-beta.8"}(v=function(e){i()(o,e);var n=m(o);function o(){var e;return t()(this,o),(e=n.call(this)).addBaseName(),e.render(),e}return r()(o,[{key:"addBaseName",value:function(){var e;this.name=null===(e=this.nodeName)||void 0===e?void 0:e.toLowerCase()}},{key:"attributeChangedCallback",value:function(e,t,n){t!==n&&(this[x(e)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var e,t,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(o.content.cloneNode(!0)),this.container=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e,t,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(e=n.textContent)||void 0===e?void 0:e.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(u()(HTMLElement)))||v,g=n(1506),F=n.n(g),A=n(9713),C=n.n(A);function w(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=c()(e);if(t){var r=c()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}var D;function S(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=c()(e);if(t){var r=c()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}var k,B,R=["toggle-btn"];B="ids-expandable-area",k="/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-expandable-area {\n  border-bottom: 1px solid var(--ids-color-palette-slate-30);\n  margin-bottom: calc(var(--ids-number-spacing-base) * 4);\n  padding-bottom: calc(var(--ids-number-spacing-base) * 4); }\n\n:host([type='toggle-btn']) .ids-expandable-area-header {\n  margin-bottom: 16px; }\n\n.ids-expandable-area-header ::slotted(ids-text) {\n  margin-bottom: 8px;\n  display: block; }\n\n.ids-expandable-area-footer ::slotted(ids-text) {\n  margin-top: 8px;\n  display: block; }\n\n[data-expander='link'] {\n  display: inline-block; }\n\n[data-expander='header'] {\n  pointer-events: none; }\n\n[data-expander='header'] [name='header'] {\n  pointer-events: initial; }\n\n.ids-expandable-area-pane {\n  height: 0;\n  overflow: hidden;\n  transition: height 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n",z=D=function(e){e.prototype.cssStyles=k}(D=function(e){i()(o,e);var n=S(o);function o(){var e;return t()(this,o),(e=n.call(this)).state={},e}return r()(o,[{key:"connectedCallback",value:function(){var e,t,n,o;this.expander=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("[data-expander]"),this.expanderDefault=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('[name="expander-default"]'),this.expanderExpanded=null===(n=this.shadowRoot)||void 0===n?void 0:n.querySelector('[name="expander-expanded"]'),this.pane=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(".ids-expandable-area-pane"),this.handleEvents(),this.switchState()}},{key:"type",get:function(){return this.getAttribute(h)},set:function(e){e===R[0]?this.setAttribute(h,e):this.setAttribute(h,"")}},{key:"expanded",get:function(){return this.getAttribute(f)},set:function(e){e?this.setAttribute(f,e):this.setAttribute(f,"false"),this.switchState()}},{key:"switchState",value:function(){var e,t,n;this.expanderDefault=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector('[name="expander-default"]'),this.expanderExpanded=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector('[name="expander-expanded"]'),this.state.expanded="true"===this.getAttribute(f)||!1,null===(n=this.expander)||void 0===n||n.setAttribute("aria-expanded",this.state.expanded),null===this.type&&this.expanderDefault&&this.expanderExpanded&&(this.expanderDefault.hidden=this.state.expanded,this.expanderExpanded.hidden=!this.state.expanded),this.state.expanded?this.expandPane():this.collapsePane()}},{key:"collapsePane",value:function(){var e=this;requestAnimationFrame((function(){var t;e.pane&&(e.pane.style.height="".concat(null===(t=e.pane)||void 0===t?void 0:t.scrollHeight,"px"),requestAnimationFrame((function(){e.pane&&(e.pane.style.height="0px")})))}))}},{key:"expandPane",value:function(){this.pane&&(this.pane.style.height="".concat(this.pane.scrollHeight,"px"))}},{key:"setAttributes",value:function(){this.setAttribute(f,"true"===this.getAttribute(f)?"false":"true")}},{key:"handleEvents",value:function(){var e=this;this.onEvent("click",this.expander,(function(){e.setAttributes()})),this.onEvent("touchstart",this.expander,(function(t){t.touches&&t.touches.length>0&&e.setAttributes()}),{passive:!0})}},{key:"template",value:function(){var e;return e=this.type===R[0]?'\n        <div class="ids-expandable-area">\n          <div class="ids-expandable-area-header" aria-expanded="false" data-expander="header">\n            <slot name="header"></slot>\n          </div>\n          <div class="ids-expandable-area-pane">\n            <slot name="pane"></slot>\n          </div>\n        </div>\n      ':'\n        <div class="ids-expandable-area">\n          <div class="ids-expandable-area-header">\n            <slot name="header"></slot>\n          </div>\n          <div class="ids-expandable-area-pane">\n            <slot name="pane"></slot>\n          </div>\n          <div class="ids-expandable-area-footer">\n            <a class="ids-expandable-area-expander" href="#0" role="button" aria-expanded="false" data-expander="link">\n              <slot name="expander-default"></slot>\n              <slot name="expander-expanded" hidden></slot>\n            </a>\n          </div>\n        </div>\n      ',e}}],[{key:"properties",get:function(){return[f,h]}}]),o}(y(E).with((function(e){return function(e){i()(o,e);var n=w(o);function o(){var e;return t()(this,o),e=n.call(this),C()(F()(e),"handledEvents",new Map),e}return r()(o,[{key:"onEvent",value:function(e,t,n,o){t.addEventListener(e.split(".")[0],n,o),this.handledEvents.set(e,{target:t,callback:n,options:o})}},{key:"offEvent",value:function(e,t,n){var o=this.handledEvents.get(e);null!=o&&o.callback&&t.removeEventListener(e.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(e)}},{key:"triggerEvent",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(e.split(".")[0],n);t.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var e=this;this.handledEvents.forEach((function(t,n){e.offEvent(n,t.target,t.options)}))}},{key:"detachEventName",value:function(e){var t=this,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(o,r){n&&r!==e||t.offEvent(r,o.target,o.options)}))}}]),o}(e)}))))||D,customElements.get(B)||customElements.define(B,z);var z})(),o=o.default})()}));
 //# sourceMappingURL=ids-expandable-area.js.map

ids-icon/ids-icon.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
-export default class IdsIcon extends HTMLElement {
+export default class IdsIcon extends IdsElement {
   /* The size of the icon to display */
@@ -6,0 +7,0 @@ type: 'normal' | 'small' | 'medium' | 'large';

ids-input/example.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-input/example-lib.js"]=e():t["ids-input/example-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function s(e,n,r){return i()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,n){var i=[null];i.push.apply(i,e);var s=new(Function.bind.apply(t,i));return n&&o(s,n.prototype),s},s.apply(null,arguments)}t.exports=s},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),s=n(430),r=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!s(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return r(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},9074:(t,e,n)=>{"use strict";var o=n(4575),i=n.n(o),s=n(3913),r=n.n(s),a=n(2205),l=n.n(a),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),b=n(5957),f=n.n(b);var h="css-class",m="disabled",y="icon",v="icon-align",g="id",x="tabindex",k="text",C="type",w=function(){function t(e){i()(this,t),this.superclass=e}return r()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const E=function(t){return new w(t)};var S,A=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function F(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var z=function(t){t.prototype.version="0.0.0-beta.7"}(S=function(t){l()(n,t);var e=F(n);function n(){var t;return i()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return r()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[A(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||S,D=function(t){return null!==t&&(!0===t||"string"==typeof t&&"false"!==t)},T=n(1506),R=n.n(T),B=n(9713),L=n.n(B);function q(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}function O(){return window.performance.now()}function I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}const j=function(t){l()(n,t);var e=I(n);function n(){var t,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(i()(this,n),(t=e.call(this)).id=o.id,t.duration=-1,"number"==typeof o.duration&&(t.duration=parseInt(o.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof o.updateDuration&&(t.updateDuration=parseInt(o.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof o.updateCallback&&"function"!=typeof o.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof o.updateCallback&&(t.updateCallback=o.updateCallback.bind(R()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(R()(t))),t.paused=!1,t.startTime=O(),t.totalStoppedTime=0,d()(t,R()(t))}return r()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=O()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=O()}},{key:"resume",value:function(){this.resumeTime=O(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return O()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&O()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(f()(Object));const P=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};i()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return r()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=O()),this.lastStopTime&&(t=!0,this.resumeTime=O(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,o=this,i=O();!function s(){o.doLoop&&(e=O(),n=(e-i)/1e3,o.items.forEach((function(s){if(s.doRemoveOnNextTick)o.remove(s);else if(t&&s.resume(),!s.paused)if("number"==typeof s.duration&&s.duration>-1&&s.elapsedTime>=s.duration)s.destroy();else{var r={last:i,delta:n,now:e};s.update(r)}})),i=e,t=!1,requestAnimationFrame(s))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=O(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return O()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof j&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}();function U(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var N=null;var _;function M(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var H,K,X=["default","primary","secondary","tertiary","destructive"],Y={cssClass:[],disabled:!1,tabIndex:!0,type:X[0]},G=[h,m,y,v,g,k,C,x],J=["align-icon-start","align-icon-end"];K="ids-button",H="/**\n * Ids Button Component CSS\n * (Includes standard and icon button rules)\n */\n/**\n * Ids Button Base CSS\n * Use these mixins inside Ids Button CSS classes to define their base styles.\n */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  display: inline-flex; }\n  :host ::slotted(span) {\n    vertical-align: bottom; }\n  :host ::slotted(ids-icon) {\n    vertical-align: middle; }\n  :host ::slotted(span.audible) {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n.ripple-effect {\n  display: block;\n  border-radius: 50%;\n  opacity: 0;\n  position: absolute;\n  transform: scale(0); }\n  .ripple-effect.animating {\n    -webkit-animation: ripple-animation 1.2s ease-out;\n    -moz-animation: ripple-animation 1.2s ease-out;\n    animation: ripple-animation 1.2s ease-out; }\n\n.ids-button,\n.ids-toggle-button,\n.ids-menu-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap; }\n  .ids-button, .ids-button::before, .ids-button::after,\n  .ids-toggle-button,\n  .ids-toggle-button::before,\n  .ids-toggle-button::after,\n  .ids-menu-button,\n  .ids-menu-button::before,\n  .ids-menu-button::after {\n    box-sizing: border-box; }\n  .ids-button *,\n  .ids-toggle-button *,\n  .ids-menu-button * {\n    pointer-events: none; }\n  .ids-button:focus,\n  .ids-toggle-button:focus,\n  .ids-menu-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-button:hover,\n  .ids-toggle-button:hover,\n  .ids-menu-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-button[disabled],\n  .ids-toggle-button[disabled],\n  .ids-menu-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-button:not([disabled]),\n  .ids-toggle-button:not([disabled]),\n  .ids-menu-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-button span,\n  .ids-toggle-button span,\n  .ids-menu-button span {\n    vertical-align: bottom; }\n    .ids-button span.audible,\n    .ids-toggle-button span.audible,\n    .ids-menu-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    vertical-align: middle; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-button.btn-primary,\n  .ids-toggle-button.btn-primary,\n  .ids-menu-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-button.btn-primary:focus,\n    .ids-toggle-button.btn-primary:focus,\n    .ids-menu-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-primary:hover,\n    .ids-toggle-button.btn-primary:hover,\n    .ids-menu-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-button.btn-primary[disabled],\n    .ids-toggle-button.btn-primary[disabled],\n    .ids-menu-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-button.btn-primary .ripple-effect,\n    .ids-toggle-button.btn-primary .ripple-effect,\n    .ids-menu-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-secondary,\n  .ids-toggle-button.btn-secondary,\n  .ids-menu-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-button.btn-secondary:focus,\n    .ids-toggle-button.btn-secondary:focus,\n    .ids-menu-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-secondary:hover,\n    .ids-toggle-button.btn-secondary:hover,\n    .ids-menu-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-button.btn-secondary[disabled],\n    .ids-toggle-button.btn-secondary[disabled],\n    .ids-menu-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-button.btn-secondary .ripple-effect,\n    .ids-toggle-button.btn-secondary .ripple-effect,\n    .ids-menu-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-tertiary, .ids-button.btn-destructive,\n  .ids-toggle-button.btn-tertiary,\n  .ids-toggle-button.btn-destructive,\n  .ids-menu-button.btn-tertiary,\n  .ids-menu-button.btn-destructive {\n    border-color: transparent; }\n    .ids-button.btn-tertiary:focus, .ids-button.btn-destructive:focus,\n    .ids-toggle-button.btn-tertiary:focus,\n    .ids-toggle-button.btn-destructive:focus,\n    .ids-menu-button.btn-tertiary:focus,\n    .ids-menu-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-button.btn-tertiary:hover, .ids-button.btn-destructive:hover,\n    .ids-toggle-button.btn-tertiary:hover,\n    .ids-toggle-button.btn-destructive:hover,\n    .ids-menu-button.btn-tertiary:hover,\n    .ids-menu-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-button.btn-tertiary[disabled], .ids-button.btn-destructive[disabled],\n    .ids-toggle-button.btn-tertiary[disabled],\n    .ids-toggle-button.btn-destructive[disabled],\n    .ids-menu-button.btn-tertiary[disabled],\n    .ids-menu-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-button.align-icon-end ids-icon[slot],\n  .ids-toggle-button.align-icon-end ids-icon[slot],\n  .ids-menu-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(3):last-child),\n  .ids-toggle-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(3):last-child),\n  .ids-menu-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(3):last-child) {\n    padding-left: 4px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    display: inline-flex;\n    place-self: center;\n    vertical-align: middle; }\n  .ids-button .ids-icon:last-child,\n  .ids-button span + span,\n  .ids-button span:last-child,\n  .ids-toggle-button .ids-icon:last-child,\n  .ids-toggle-button span + span,\n  .ids-toggle-button span:last-child,\n  .ids-menu-button .ids-icon:last-child,\n  .ids-menu-button span + span,\n  .ids-menu-button span:last-child {\n    padding-left: 4px; }\n  .ids-button ::slotted(ids-icon:only-child),\n  .ids-toggle-button ::slotted(ids-icon:only-child),\n  .ids-menu-button ::slotted(ids-icon:only-child) {\n    display: block; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    height: 250px;\n    width: 250px; }\n\n.ids-icon-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 50%; }\n  .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {\n    box-sizing: border-box; }\n  .ids-icon-button * {\n    pointer-events: none; }\n  .ids-icon-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-icon-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-icon-button span {\n    vertical-align: bottom; }\n    .ids-icon-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-icon-button .ids-icon {\n    vertical-align: middle; }\n  .ids-icon-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-icon-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-icon-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-icon-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-icon-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-icon-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-icon-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-icon-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-tertiary, .ids-icon-button.btn-destructive {\n    border-color: transparent; }\n    .ids-icon-button.btn-tertiary:focus, .ids-icon-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-icon-button.btn-tertiary:hover, .ids-icon-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-icon-button.btn-tertiary[disabled], .ids-icon-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-icon-button .ids-icon {\n    display: block;\n    padding-left: 0px;\n    font-size: 0; }\n  .ids-icon-button span.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n  .ids-icon-button .ripple-effect {\n    height: 70px;\n    width: 70px; }\n\n@-webkit-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@-moz-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n",Q=_=function(t){t.prototype.cssStyles=H}(_=function(t){l()(n,t);var e=M(n);function n(){var t;return i()(this,n),(t=e.call(this)).state={},Object.keys(Y).forEach((function(e){t.state[e]=Y[e]})),t.shouldUpdate=!0,t}return r()(n,[{key:"attributeChangedCallback",value:function(t,e,n){if(this.shouldUpdate)switch(t){case"tabindex":this.tabIndex=Number(n);break;default:z.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"protoClasses",get:function(){var t=this.querySelector("span:not(.audible)");return!this.querySelector("ids-icon[slot]")&&!this.querySelector("ids-icon")||t?["ids-button"]:["ids-icon-button"]}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"]),t.add(e)}},{key:"template",value:function(){var t,e,n,o,i,s,r,a="",l="",c="",d="",u='tabindex="0"',p="",b="";null!==(t=this.state)&&void 0!==t&&t.cssClass&&(a=" ".concat(this.state.cssClass.join(" "))),null!==(e=this.state)&&void 0!==e&&e.disabled&&(c=' disabled="true"'),null!==(n=this.state)&&void 0!==n&&n.tabIndex&&(u='tabindex="'.concat(this.state.tabIndex,'"')),null!==(o=this.state)&&void 0!==o&&o.icon&&(d='<ids-icon slot="icon" icon="'.concat(this.state.icon,'"></ids-icon>')),null!==(i=this.state)&&void 0!==i&&i.text&&(p='<span slot="text">'.concat(this.state.text,"</span>")),this.state&&"default"!==(null===(s=this.state)||void 0===s?void 0:s.type)&&(b=" btn-".concat(this.state.type)),this.protoClasses.length&&(l="".concat(this.protoClasses.join(" ")));var f=" align-icon-start",h='<slot name="icon">'.concat(d,'</slot><slot name="text">').concat(p,"</slot>");return"end"===(null===(r=this.state)||void 0===r?void 0:r.iconAlign)&&(f=" align-icon-end",h='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(l).concat(b).concat(f).concat(a,'" ').concat(u).concat(c,">\n      ").concat(h,"\n      <slot>").concat(d).concat(p,"</slot>\n    </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,o=!1;this.on("click.ripple",this.button,(function(i){o?o=!1:(t=0!==i.clientX?i.clientX:void 0,e=0!==i.clientY?i.clientY:void 0,n.createRipple(t,e))})),this.on("touchstart.ripple",this.button,(function(i){if(i.touches&&i.touches.length>0){var s=i.touches[0];t=0!==s.clientX?s.clientX:void 0,e=0!==s.clientY?s.clientY:void 0,n.createRipple(t,e),o=!0}}),{passive:!0})}},{key:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"cssClass",get:function(){return this.state.cssClass},set:function(t){var e=t,n=[],o=[].concat(this.state.cssClass);Array.isArray(t)?(n=t,e=t.join(" ")):"string"==typeof t&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(h,e.toString()):this.removeAttribute(h);var i=this.button.classList,s=Array.from(i);o.forEach((function(t){n.includes(t)||i.remove(t)})),n.forEach((function(t){s.includes(t)||i.add(t)}))}},{key:"disabled",get:function(){return this.state.disabled},set:function(t){this.shouldUpdate=!1,this.removeAttribute(m),this.shouldUpdate=!0;var e=D(t);this.state.disabled=e,this.button&&(this.button.disabled=e)}},{key:"tabIndex",get:function(){return this.state.tabIndex},set:function(t){this.shouldUpdate=!1,this.removeAttribute(x),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(x,"0");this.state.tabIndex=e,this.button.setAttribute(x,"".concat(e))}},{key:"icon",get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")},set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(y),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(y,t),this.appendIcon(t)}},{key:"iconAlign",get:function(){return this.state.iconAlign},set:function(t){var e=t;J.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()}},{key:"appendIcon",value:function(t){var e=this.querySelector("ids-icon");e?(e.icon=t,this.setIconAlignment()):this.insertAdjacentHTML("afterbegin",'<ids-icon slot="icon" icon="'.concat(t,'" class="ids-icon"></ids-icon>')),this.refreshProtoClasses()}},{key:"removeIcon",value:function(){var t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}},{key:"setIconAlignment",value:function(){var t,e=this.iconAlign||"start",n=this.icon;(t=this.button.classList).remove.apply(t,J),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');o&&("end"===e?this.button.appendChild(o):this.button.prepend(o))}},{key:"text",get:function(){var t,e=this.querySelector("span:not(.audible)");return e&&null!==(t=e.textContent)&&void 0!==t&&t.length?e.textContent:this.state.text},set:function(t){if(this.removeAttribute(k),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)}},{key:"appendText",value:function(t){var e=this.querySelector("span:not(.audible)");e?e.textContent=t:this.insertAdjacentHTML("afterbegin","<span>".concat(t,"</span>")),this.refreshProtoClasses()}},{key:"removeText",value:function(){var t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}},{key:"type",get:function(){return this.state.type},set:function(t){!t||X.indexOf(t)<=0?(this.removeAttribute(C),this.state.type=X[0]):(this.setAttribute(C,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)}},{key:"setTypeClass",value:function(t){var e=this;X.forEach((function(n){var o="btn-".concat(n);t!==n?e.button.classList.contains(o)&&e.button.classList.remove(o):"default"===n||e.button.classList.contains(o)||e.button.classList.add(o)}))}},{key:"getRippleOffsets",value:function(t,e){var n,o,i=this.getBoundingClientRect(),s=this.button.classList.contains("ids-icon-button")?35:125;return n=t?t-i.left:i.width/2,o=e?e-i.top:i.height/2,{x:n-=s,y:o-=s}}},{key:"createRipple",value:function(t,e){if(!this.disabled){this.button.querySelectorAll(".ripple-effect").forEach((function(t){t.remove()}));var n=document.createElement("span"),o=this.getRippleOffsets(t,e);n.classList.add("ripple-effect"),n.setAttribute("aria-hidden","true"),n.setAttribute("focusable","false"),n.setAttribute("role","presentation"),this.button.prepend(n),n.style.left="".concat(o.x,"px"),n.style.top="".concat(o.y,"px"),n.classList.add("animating"),this.rippleTimeout&&this.rippleTimeout.destroy(!0),this.rippleTimeout=this.rl.register(new j({duration:1200,timeoutCallback:function(){n.remove()}}))}}}],[{key:"properties",get:function(){return G}}]),n}(E(z).with((function(t){return function(t){l()(n,t);var e=U(n);function n(){return i()(this,n),e.apply(this,arguments)}return r()(n,[{key:"rl",get:function(){return N||(N=new P),N}}]),n}(t)}),(function(t){return function(t){l()(n,t);var e=q(n);function n(){var t;return i()(this,n),t=e.call(this),L()(R()(t),"handledEvents",new Map),t}return r()(n,[{key:"on",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"off",value:function(t,e,n){var o=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(o,i){n&&i!==e||t.removeEventListener(i,o.target,o.options)}))}}]),n}(t)}))))||_,customElements.get(K)||customElements.define(K,Q);var Q;document.addEventListener("DOMContentLoaded",(function(){var t=document.querySelector("#btn-input-enable"),e=document.querySelector("#btn-input-disable"),n=document.querySelector("#btn-input-readonly"),o=document.querySelector("#input-toggle-state")||{};null==t||t.addEventListener("click",(function(){o.disabled=!1,o.readonly=!1})),null==e||e.addEventListener("click",(function(){o.disabled=!0})),null==n||n.addEventListener("click",(function(){o.readonly=!0}))}))}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(9074)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-input/example-lib.js"]=e():t["ids-input/example-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function r(e,n,s){return i()?t.exports=r=Reflect.construct:t.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&o(r,n.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),r=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!r(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},254:(t,e,n)=>{"use strict";n.d(e,{N:()=>o});var o={ACCEPT:"accept",ALTERNATE_ROW_SHADING:"alternate-row-shading",ANIMATED:"animated",ALIGN:"align",APPEARANCE:"appearance",AUDIBLE:"audible",AUTO:"auto",AUTOGROW:"autogrow",AUTOGROW_MAX_HEIGHT:"autogrow-max-height",AUTOSELECT:"autoselect",BG_TRANSPARENT:"bg-transparent",CHAR_MAX_TEXT:"char-max-text",CHAR_REMAINING_TEXT:"char-remaining-text",CHARACTER_COUNTER:"character-counter",CHECKED:"checked",CLEARABLE:"clearable",CLEARABLE_FORCED:"clearable-forced",COL_END:"col-end",COL_SPAN:"col-span",COL_START:"col-start",COLOR:"color",COLS:"cols",CLICKABLE:"clickable",CSS_CLASS:"css-class",DATA:"data",DIRTY_TRACKER:"dirty-tracker",DISABLE_EVENTS:"disable-native-events",DISABLED:"disabled",DISMISSIBLE:"dismissible",EXPANDED:"expanded",FILL:"fill",FIXED:"fixed",FOCUSABLE:"focusable",FONT_SIZE:"font-size",GAP:"gap",GROUP:"group",GROUP_DISABLED:"group-disabled",HORIZONTAL:"horizontal",ICON:"icon",ICON_ALIGN:"icon-align",ID:"id",INDETERMINATE:"indeterminate",KEEP_OPEN:"keep-open",LABEL:"label",LABEL_REQUIRED:"label-required",LABEL_FILETYPE:"label-filetype",MAXLENGTH:"maxlength",MENU:"menu",MULTIPLE:"multiple",NO_MARGINS:"no-margins",NO_TEXT_ELLIPSIS:"no-text-ellipsis",PLACEHOLDER:"placeholder",PRINTABLE:"printable",READONLY:"readonly",RESIZABLE:"resizable",REQUIRED:"required",ROW_END:"row-end",ROW_HEIGHT:"row-height",ROW_SPAN:"row-span",ROW_START:"row-start",ROWS:"rows",SELECT:"select",SELECTED:"selected",SHAPE:"shape",SIZE:"size",SUBMENU:"submenu",TABBABLE:"tabbable",TABINDEX:"tabindex",TARGET:"target",TRIGGER:"trigger",TRIGGERFIELD:"triggerfield",TRIGGER_LABEL:"trigger-label",TEXT:"text",TEXT_ALIGN:"text-align",TEXT_ELLIPSIS:"text-ellipsis",TYPE:"type",VALIDATE:"validate",VALIDATION_EVENTS:"validation-events",VALIDATION_HAS_ERROR:"validation-has-error",VALUE:"value",VIRTUAL_SCROLL:"virtual-scroll",VISIBLE:"visible"}},3986:(t,e,n)=>{"use strict";n.d(e,{i8:()=>o,Mo:()=>i,h5:()=>r});function o(){return function(t){t.prototype.version="0.0.0-beta.8"}}function i(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function r(t){return function(e){e.prototype.cssStyles=t}}},8330:(t,e,n)=>{"use strict";n.d(e,{Hb:()=>E,Mo:()=>m.Mo,CD:()=>v.Z,h5:()=>m.h5,NQ:()=>y.N});var o,i=n(4575),r=n.n(i),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),b=n.n(p),f=n(5957),h=n.n(f),m=n(3986),y=n(254),v=n(8832),g=n(2417);function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=b()(t);if(e){var i=b()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return u()(this,n)}}var E=(0,m.i8)()(o=function(t){c()(n,t);var e=x(n);function n(){var t;return r()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return a()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[g.v.camelCase(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(h()(HTMLElement)))||o},4913:(t,e,n)=>{"use strict";n.d(e,{S:()=>v});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(1506),l=n.n(a),c=n(2205),d=n.n(c),u=n(8585),p=n.n(u),b=n(9754),f=n.n(b),h=n(9713),m=n.n(h);function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return p()(this,n)}}var v=function(t){return function(t){d()(n,t);var e=y(n);function n(){var t;return i()(this,n),t=e.call(this),m()(l()(t),"handledEvents",new Map),t}return s()(n,[{key:"onEvent",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"offEvent",value:function(t,e,n){var o=this.handledEvents.get(t);null!=o&&o.callback&&e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(o,i){n&&i!==t||e.offEvent(i,o.target,o.options)}))}}]),n}(t)}},8832:(t,e,n)=>{"use strict";n.d(e,{Z:()=>l});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=function(){function t(e){i()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const l=function(t){return new a(t)}},2417:(t,e,n)=>{"use strict";n.d(e,{v:()=>o});var o={camelCase:function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},stringToBool:function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))},injectTemplate:function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))}}},4548:(t,e,n)=>{"use strict";var o,i=n(4575),r=n.n(i),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),b=n.n(p),f=n(8330),h=n(2417),m=n(4913),y=n(1762),v=n(3556);function g(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=b()(t);if(e){var i=b()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return u()(this,n)}}var x=["default","primary","secondary","tertiary","destructive"],E={cssClass:[],disabled:!1,tabIndex:!0,type:x[0]},A=[f.NQ.CSS_CLASS,f.NQ.DISABLED,f.NQ.ICON,f.NQ.ICON_ALIGN,f.NQ.ID,f.NQ.TEXT,f.NQ.TYPE,f.NQ.TABINDEX],C=["align-icon-start","align-icon-end"];(0,f.Mo)("ids-button")(o=(0,f.h5)(v.Z)(o=function(t){c()(n,t);var e=g(n);function n(){var t;return r()(this,n),(t=e.call(this)).state={},Object.keys(E).forEach((function(e){t.state[e]=E[e]})),t.shouldUpdate=!0,t}return a()(n,[{key:"attributeChangedCallback",value:function(t,e,n){if(this.shouldUpdate)switch(t){case"tabindex":this.tabIndex=Number(n);break;default:f.Hb.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"protoClasses",get:function(){var t=this.querySelector("span:not(.audible)");return(this.querySelector("ids-icon[slot]")||this.querySelector("ids-icon"))&&!t?["ids-icon-button"]:["ids-button"]}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"]),t.add(e)}},{key:"template",value:function(){var t,e,n,o,i,r,s,a="",l="",c="",d="",u='tabindex="0"',p="",b="";null!==(t=this.state)&&void 0!==t&&t.cssClass&&(a=" ".concat(this.state.cssClass.join(" "))),null!==(e=this.state)&&void 0!==e&&e.disabled&&(c=' disabled="true"'),null!==(n=this.state)&&void 0!==n&&n.tabIndex&&(u='tabindex="'.concat(this.state.tabIndex,'"')),null!==(o=this.state)&&void 0!==o&&o.icon&&(d='<ids-icon slot="icon" icon="'.concat(this.state.icon,'"></ids-icon>')),null!==(i=this.state)&&void 0!==i&&i.text&&(p='<span slot="text">'.concat(this.state.text,"</span>")),this.state&&"default"!==(null===(r=this.state)||void 0===r?void 0:r.type)&&(b=" btn-".concat(this.state.type)),this.protoClasses.length&&(l="".concat(this.protoClasses.join(" ")));var f=" align-icon-start",h='<slot name="icon">'.concat(d,'</slot><slot name="text">').concat(p,"</slot>");return"end"===(null===(s=this.state)||void 0===s?void 0:s.iconAlign)&&(f=" align-icon-end",h='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(l).concat(b).concat(f).concat(a,'" ').concat(u).concat(c,">\n      ").concat(h,"\n      <slot>").concat(d).concat(p,"</slot>\n    </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,o=!1;this.onEvent("click.ripple",this.button,(function(i){o?o=!1:(t=0!==i.clientX?i.clientX:void 0,e=0!==i.clientY?i.clientY:void 0,n.createRipple(t,e))})),this.onEvent("touchstart.ripple",this.button,(function(i){if(i.touches&&i.touches.length>0){var r=i.touches[0];t=0!==r.clientX?r.clientX:void 0,e=0!==r.clientY?r.clientY:void 0,n.createRipple(t,e),o=!0}}),{passive:!0})}},{key:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"cssClass",get:function(){return this.state.cssClass},set:function(t){var e=t,n=[],o=[].concat(this.state.cssClass);Array.isArray(t)?(n=t,e=t.join(" ")):"string"==typeof t&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(f.NQ.CSS_CLASS,e.toString()):this.removeAttribute(f.NQ.CSS_CLASS);var i=this.button.classList,r=Array.from(i);o.forEach((function(t){n.includes(t)||i.remove(t)})),n.forEach((function(t){r.includes(t)||i.add(t)}))}},{key:"disabled",get:function(){return this.state.disabled},set:function(t){this.shouldUpdate=!1,this.removeAttribute(f.NQ.DISABLED),this.shouldUpdate=!0;var e=h.v.stringToBool(t);this.state.disabled=e,this.button&&(this.button.disabled=e)}},{key:"tabIndex",get:function(){return this.state.tabIndex},set:function(t){this.shouldUpdate=!1,this.removeAttribute(f.NQ.TABINDEX),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(f.NQ.TABINDEX,"0");this.state.tabIndex=e,this.button.setAttribute(f.NQ.TABINDEX,"".concat(e))}},{key:"icon",get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")},set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(f.NQ.ICON),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(f.NQ.ICON,t),this.appendIcon(t)}},{key:"iconAlign",get:function(){return this.state.iconAlign},set:function(t){var e=t;C.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()}},{key:"appendIcon",value:function(t){var e=this.querySelector("ids-icon");e?(e.icon=t,this.setIconAlignment()):this.insertAdjacentHTML("afterbegin",'<ids-icon slot="icon" icon="'.concat(t,'" class="ids-icon"></ids-icon>')),this.refreshProtoClasses()}},{key:"removeIcon",value:function(){var t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}},{key:"setIconAlignment",value:function(){var t,e=this.iconAlign||"start",n=this.icon;(t=this.button.classList).remove.apply(t,C),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');o&&("end"===e?this.button.appendChild(o):this.button.prepend(o))}},{key:"text",get:function(){var t,e=this.querySelector("span:not(.audible)");return e&&null!==(t=e.textContent)&&void 0!==t&&t.length?e.textContent:this.state.text},set:function(t){if(this.removeAttribute(f.NQ.TEXT),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)}},{key:"appendText",value:function(t){var e=this.querySelector("span:not(.audible)");e?e.textContent=t:this.insertAdjacentHTML("afterbegin","<span>".concat(t,"</span>")),this.refreshProtoClasses()}},{key:"removeText",value:function(){var t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}},{key:"type",get:function(){return this.state.type},set:function(t){!t||x.indexOf(t)<=0?(this.removeAttribute(f.NQ.TYPE),this.state.type=x[0]):(this.setAttribute(f.NQ.TYPE,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)}},{key:"setTypeClass",value:function(t){var e=this;x.forEach((function(n){var o="btn-".concat(n);t!==n?e.button.classList.contains(o)&&e.button.classList.remove(o):"default"===n||e.button.classList.contains(o)||e.button.classList.add(o)}))}},{key:"getRippleOffsets",value:function(t,e){var n,o,i=this.getBoundingClientRect(),r=this.button.classList.contains("ids-icon-button")?35:125;return n=t?t-i.left:i.width/2,o=e?e-i.top:i.height/2,{x:n-=r,y:o-=r}}},{key:"createRipple",value:function(t,e){if(!this.disabled){this.button.querySelectorAll(".ripple-effect").forEach((function(t){t.remove()}));var n=document.createElement("span"),o=this.getRippleOffsets(t,e);n.classList.add("ripple-effect"),n.setAttribute("aria-hidden","true"),n.setAttribute("focusable","false"),n.setAttribute("role","presentation"),this.button.prepend(n),n.style.left="".concat(o.x,"px"),n.style.top="".concat(o.y,"px"),n.classList.add("animating"),this.rippleTimeout&&this.rippleTimeout.destroy(!0),this.rippleTimeout=this.rl.register(new y.zs({duration:1200,timeoutCallback:function(){n.remove()}}))}}}],[{key:"properties",get:function(){return A}}]),n}((0,f.CD)(f.Hb).with(y.Bm,m.S)))||o)},3293:(t,e,n)=>{"use strict";function o(){return window.performance.now()}n.d(e,{A:()=>o})},4858:(t,e,n)=>{"use strict";n.d(e,{Z:()=>o});const o=new(n(3059).e)},7950:(t,e,n)=>{"use strict";n.d(e,{Z:()=>g});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(1506),l=n.n(a),c=n(2205),d=n.n(c),u=n(8585),p=n.n(u),b=n(9754),f=n.n(b),h=n(5957),m=n.n(h),y=n(3293);function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return p()(this,n)}}const g=function(t){d()(n,t);var e=v(n);function n(){var t,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(i()(this,n),(t=e.call(this)).id=o.id,t.duration=-1,"number"==typeof o.duration&&(t.duration=parseInt(o.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof o.updateDuration&&(t.updateDuration=parseInt(o.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof o.updateCallback&&"function"!=typeof o.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof o.updateCallback&&(t.updateCallback=o.updateCallback.bind(l()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(l()(t))),t.paused=!1,t.startTime=(0,y.A)(),t.totalStoppedTime=0,p()(t,l()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=(0,y.A)()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=(0,y.A)()}},{key:"resume",value:function(){this.resumeTime=(0,y.A)(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return(0,y.A)()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&(0,y.A)()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(m()(Object))},1762:(t,e,n)=>{"use strict";n.d(e,{Bm:()=>m,zs:()=>b.z});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(2205),l=n.n(a),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),b=n(3059),f=n(4858);function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var m=function(t){return function(t){l()(n,t);var e=h(n);function n(){return i()(this,n),e.call(this)}return s()(n,[{key:"rl",get:function(){return f.Z}}]),n}(t)}},3059:(t,e,n)=>{"use strict";n.d(e,{e:()=>c,z:()=>l.Z});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(3293),l=n(7950),c=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};i()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=(0,a.A)()),this.lastStopTime&&(t=!0,this.resumeTime=(0,a.A)(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,o=this,i=(0,a.A)();!function r(){o.doLoop&&(e=(0,a.A)(),n=(e-i)/1e3,o.items.forEach((function(r){if(r.doRemoveOnNextTick)o.remove(r);else if(t&&r.resume(),!r.paused)if("number"==typeof r.duration&&r.duration>-1&&r.elapsedTime>=r.duration)r.destroy();else{var s={last:i,delta:n,now:e};r.update(s)}})),i=e,t=!1,requestAnimationFrame(r))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=(0,a.A)(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return(0,a.A)()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof l.Z&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}()},3556:(t,e,n)=>{"use strict";n.d(e,{Z:()=>o});const o="/**\n * Ids Button Component CSS\n * (Includes standard and icon button rules)\n */\n/**\n * Ids Button Base CSS\n * Use these mixins inside Ids Button CSS classes to define their base styles.\n */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  display: inline-flex; }\n  :host ::slotted(span) {\n    vertical-align: bottom; }\n  :host ::slotted(ids-icon) {\n    vertical-align: middle; }\n  :host ::slotted(span.audible) {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n.ripple-effect {\n  display: block;\n  border-radius: 50%;\n  opacity: 0;\n  position: absolute;\n  transform: scale(0); }\n  .ripple-effect.animating {\n    -webkit-animation: ripple-animation 1.2s ease-out;\n    -moz-animation: ripple-animation 1.2s ease-out;\n    animation: ripple-animation 1.2s ease-out; }\n\n.ids-button,\n.ids-toggle-button,\n.ids-menu-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap; }\n  .ids-button, .ids-button::before, .ids-button::after,\n  .ids-toggle-button,\n  .ids-toggle-button::before,\n  .ids-toggle-button::after,\n  .ids-menu-button,\n  .ids-menu-button::before,\n  .ids-menu-button::after {\n    box-sizing: border-box; }\n  .ids-button *,\n  .ids-toggle-button *,\n  .ids-menu-button * {\n    pointer-events: none; }\n  .ids-button:focus,\n  .ids-toggle-button:focus,\n  .ids-menu-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-button:hover,\n  .ids-toggle-button:hover,\n  .ids-menu-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-button[disabled],\n  .ids-toggle-button[disabled],\n  .ids-menu-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-button:not([disabled]),\n  .ids-toggle-button:not([disabled]),\n  .ids-menu-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-button span,\n  .ids-toggle-button span,\n  .ids-menu-button span {\n    vertical-align: bottom; }\n    .ids-button span.audible,\n    .ids-toggle-button span.audible,\n    .ids-menu-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    vertical-align: middle; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-button.btn-primary,\n  .ids-toggle-button.btn-primary,\n  .ids-menu-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-button.btn-primary:focus,\n    .ids-toggle-button.btn-primary:focus,\n    .ids-menu-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-primary:hover,\n    .ids-toggle-button.btn-primary:hover,\n    .ids-menu-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-button.btn-primary[disabled],\n    .ids-toggle-button.btn-primary[disabled],\n    .ids-menu-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-button.btn-primary .ripple-effect,\n    .ids-toggle-button.btn-primary .ripple-effect,\n    .ids-menu-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-secondary,\n  .ids-toggle-button.btn-secondary,\n  .ids-menu-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-button.btn-secondary:focus,\n    .ids-toggle-button.btn-secondary:focus,\n    .ids-menu-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-secondary:hover,\n    .ids-toggle-button.btn-secondary:hover,\n    .ids-menu-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-button.btn-secondary[disabled],\n    .ids-toggle-button.btn-secondary[disabled],\n    .ids-menu-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-button.btn-secondary .ripple-effect,\n    .ids-toggle-button.btn-secondary .ripple-effect,\n    .ids-menu-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-tertiary, .ids-button.btn-destructive,\n  .ids-toggle-button.btn-tertiary,\n  .ids-toggle-button.btn-destructive,\n  .ids-menu-button.btn-tertiary,\n  .ids-menu-button.btn-destructive {\n    border-color: transparent; }\n    .ids-button.btn-tertiary:focus, .ids-button.btn-destructive:focus,\n    .ids-toggle-button.btn-tertiary:focus,\n    .ids-toggle-button.btn-destructive:focus,\n    .ids-menu-button.btn-tertiary:focus,\n    .ids-menu-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-button.btn-tertiary:hover, .ids-button.btn-destructive:hover,\n    .ids-toggle-button.btn-tertiary:hover,\n    .ids-toggle-button.btn-destructive:hover,\n    .ids-menu-button.btn-tertiary:hover,\n    .ids-menu-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-button.btn-tertiary[disabled], .ids-button.btn-destructive[disabled],\n    .ids-toggle-button.btn-tertiary[disabled],\n    .ids-toggle-button.btn-destructive[disabled],\n    .ids-menu-button.btn-tertiary[disabled],\n    .ids-menu-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-button.align-icon-end ids-icon[slot],\n  .ids-toggle-button.align-icon-end ids-icon[slot],\n  .ids-menu-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(3):last-child),\n  .ids-toggle-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(3):last-child),\n  .ids-menu-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(3):last-child) {\n    padding-left: 4px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    display: inline-flex;\n    place-self: center;\n    vertical-align: middle; }\n  .ids-button .ids-icon:last-child,\n  .ids-button span + span,\n  .ids-button span:last-child,\n  .ids-toggle-button .ids-icon:last-child,\n  .ids-toggle-button span + span,\n  .ids-toggle-button span:last-child,\n  .ids-menu-button .ids-icon:last-child,\n  .ids-menu-button span + span,\n  .ids-menu-button span:last-child {\n    padding-left: 4px; }\n  .ids-button ::slotted(ids-icon:only-child),\n  .ids-toggle-button ::slotted(ids-icon:only-child),\n  .ids-menu-button ::slotted(ids-icon:only-child) {\n    display: block; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    height: 250px;\n    width: 250px; }\n\n.ids-icon-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 50%; }\n  .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {\n    box-sizing: border-box; }\n  .ids-icon-button * {\n    pointer-events: none; }\n  .ids-icon-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-icon-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-icon-button span {\n    vertical-align: bottom; }\n    .ids-icon-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-icon-button .ids-icon {\n    vertical-align: middle; }\n  .ids-icon-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-icon-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-icon-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-icon-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-icon-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-icon-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-icon-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-icon-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-tertiary, .ids-icon-button.btn-destructive {\n    border-color: transparent; }\n    .ids-icon-button.btn-tertiary:focus, .ids-icon-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-icon-button.btn-tertiary:hover, .ids-icon-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-icon-button.btn-tertiary[disabled], .ids-icon-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-icon-button .ids-icon {\n    display: block;\n    padding-left: 0px;\n    font-size: 0; }\n  .ids-icon-button span.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n  .ids-icon-button .ripple-effect {\n    height: 70px;\n    width: 70px; }\n\n@-webkit-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@-moz-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n"}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";n(4548);document.addEventListener("DOMContentLoaded",(function(){var t=document.querySelector("#btn-input-enable"),e=document.querySelector("#btn-input-disable"),n=document.querySelector("#btn-input-readonly"),o=document.querySelector("#input-toggle-state")||{};null==t||t.addEventListener("click",(function(){o.disabled=!1,o.readonly=!1})),null==e||e.addEventListener("click",(function(){o.disabled=!0})),null==n||n.addEventListener("click",(function(){o.readonly=!0}))}))})(),o=o.default})()}));
 //# sourceMappingURL=example.js.map

ids-input/ids-input.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
-export default class IdsInput extends HTMLElement {
+type IdsValidationErrorMessageTypes = {
+  /** The unique id in the check messages */
+  id: string;
+
+  /** The Type of message and icon */
+  type: 'error' | 'info' | 'alert' | 'warn';
+
+  /** The localized message text */
+  message: string;
+
+  /** The Type of message icon */
+  icon: string;
+}
+
+type IdsValidationTypes = {
+  /** Add a message to the input */
+  addMessage(settings: IdsValidationErrorMessageTypes);
+
+  /** Remove a message(s) from the input */
+  removeMessage(settings: IdsValidationErrorMessageTypes);
+}
+
+export default class IdsInput extends IdsElement {
   /** When set the input will select all text on focus */
@@ -33,3 +56,3 @@ autoselect: boolean;
   /** Sets the input to readonly state * */
-   readonly: boolean;
+  readonly: boolean;
 
@@ -50,2 +73,4 @@ /** Sets the text alignment * */
   value: string | number;
+
+  IdsValidationTypes;
 }

ids-layout-grid-cell/ids-layout-grid-cell.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
-export default class IdsGridLayoutCell extends HTMLElement {
+export default class IdsLayoutGridCell extends IdsElement {
   /** Set the background fill color */
@@ -6,0 +7,0 @@ fill: string;

ids-layout-grid/ids-layout-grid.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
-export default class IdsGridLayout extends HTMLElement {
+export default class IdsLayoutGrid extends IdsElement {
   /** If true the grid is not responsive and stays equal width as will fit */
@@ -6,0 +7,0 @@ fixed: boolean;

ids-layout-grid/ids-layout-grid.js

@@ -1,2 +0,2 @@
-!function(t,i){"object"==typeof exports&&"object"==typeof module?module.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof exports?exports["ids-layout-grid/ids-layout-grid-lib.js"]=i():t["ids-layout-grid/ids-layout-grid-lib.js"]=i()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}},9100:(t,i,r)=>{var n=r(9489),o=r(7067);function d(i,r,a){return o()?t.exports=d=Reflect.construct:t.exports=d=function(t,i,r){var o=[null];o.push.apply(o,i);var d=new(Function.bind.apply(t,o));return r&&n(d,r.prototype),d},d.apply(null,arguments)}t.exports=d},3913:t=>{function i(t,i){for(var r=0;r<i.length;r++){var n=i[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,r,n){return r&&i(t.prototype,r),n&&i(t,n),t}},9754:t=>{function i(r){return t.exports=i=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},i(r)}t.exports=i},2205:(t,i,r)=>{var n=r(9489);t.exports=function(t,i){if("function"!=typeof i&&null!==i)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(i&&i.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),i&&n(t,i)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,i,r)=>{var n=r(8),o=r(1506);t.exports=function(t,i){return!i||"object"!==n(i)&&"function"!=typeof i?o(t):i}},9489:t=>{function i(r,n){return t.exports=i=Object.setPrototypeOf||function(t,i){return t.__proto__=i,t},i(r,n)}t.exports=i},8:t=>{function i(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=i=function(t){return typeof t}:t.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(r)}t.exports=i},5957:(t,i,r)=>{var n=r(9754),o=r(9489),d=r(430),a=r(9100);function s(i){var r="function"==typeof Map?new Map:void 0;return t.exports=s=function(t){if(null===t||!d(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,i)}function i(){return a(t,arguments,n(this).constructor)}return i.prototype=Object.create(t.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),o(i,t)},s(i)}t.exports=s},6980:(t,i,r)=>{"use strict";var n=r(4575),o=r.n(n),d=r(3913),a=r.n(d),s=r(2205),e=r.n(s),l=r(8585),u=r.n(l),g=r(9754),c=r.n(g),p=r(5957);function y(t){return function(i){customElements.get(t)||customElements.define(t,i)}}var m="auto",f="col-end",h="col-span",w="col-start",x="cols",v="fill",b="fixed",A="gap",E="no-margins",F="row-end",C="row-span",S="row-start",D="rows";var B,k=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,i){return t+i[0].toUpperCase()+i.substring(1)}))};function L(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=c()(t);if(i){var o=c()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return u()(this,r)}}var z=function(t){t.prototype.version="0.0.0-beta.7"}(B=function(t){e()(r,t);var i=L(r);function r(){var t;return o()(this,r),(t=i.call(this)).addBaseName(),t.render(),t}return a()(r,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,i,r){i!==r&&(this[k(t)]=r)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,i;if(!this.template||!this.template())return this;var r=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),r.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(r.content.cloneNode(!0)),this.container=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,i,r=document.createElement("style");r.textContent=this.cssStyles,0===(null===(t=r.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(r.textContent=r.textContent.replace(":host",".".concat(this.name))),r.setAttribute("nonce","0a59a005"),null===(i=this.shadowRoot)||void 0===i||i.appendChild(r)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),r}(r.n(p)()(HTMLElement)))||B;var R,P;function O(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=c()(t);if(i){var o=c()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return u()(this,r)}}var j;R=y("ids-layout-grid"),j="/* Ids Layout Grid Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host,\n.ids-layout-grid {\n  --grid-cols: 16;\n  --grid-col-span: 0;\n  --grid-col-start: 0;\n  --grid-col-end: 0;\n  --grid-rows: 0;\n  --grid-row-span: 0;\n  --grid-row-start: 0;\n  --grid-row-end: 0;\n  --grid-spacing-unit: 8px;\n  --grid-fill-color: #efeff0;\n  --grid-min-col-width: 100px;\n  margin-left: 16px;\n  margin-right: 16px;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  display: grid;\n  grid-auto-flow: row; }\n\n:host(.ids-layout-grid-no-margins),\n.ids-layout-grid.ids-layout-grid-no-margins {\n  margin: 0; }\n\n:host(.ids-layout-grid-auto),\n.ids-layout-grid.ids-layout-grid-auto {\n  grid-template-columns: repeat(auto-fit, minmax(var(--grid-min-col-width), 1fr)); }\n\n:host(.ids-layout-grid-cols) {\n  grid-template-columns: repeat(var(--grid-cols), minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    :host(.ids-layout-grid-cols) {\n      grid-template-columns: repeat(auto-fit, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n::slotted(.ids-layout-grid-col-span) {\n  grid-column: span var(--grid-col-span)/span var(--grid-col-span); }\n  @media all and (max-width: 840px) {\n    ::slotted(.ids-layout-grid-col-span) {\n      grid-column: auto; } }\n\n::slotted(.ids-layout-col-start) {\n  grid-column-start: var(--grid-col-start); }\n\n::slotted(.ids-layout-grid-col-end),\n.ids-layout-grid > .ids-layout-grid-col-end {\n  grid-column-end: var(--grid-col-end); }\n\n:host(.ids-layout-grid-gap-none),\n.ids-layout-grid.ids-layout-grid-gap-none {\n  grid-gap: 0; }\n\n:host(.ids-layout-grid-gap-sm),\n.ids-layout-grid.ids-layout-grid-gap-sm {\n  grid-gap: var(--grid-spacing-unit); }\n\n:host(.ids-layout-grid-gap-md),\n.ids-layout-grid.ids-layout-grid-gap-md {\n  grid-gap: calc(var(--grid-spacing-unit) * 2); }\n\n:host(.ids-layout-grid-gap-lg),\n.ids-layout-grid.ids-layout-grid-gap-lg {\n  grid-gap: calc(var(--grid-spacing-unit) * 3); }\n\n:host(.ids-layout-grid-gap-xl),\n.ids-layout-grid.ids-layout-grid-gap-xl {\n  grid-gap: calc(var(--grid-spacing-unit) * 4); }\n\n:host(.ids-layout-grid-rows) {\n  grid-template-rows: repeat(var(--grid-rows), minmax(var(--grid-min-col-width), 1fr)); }\n\n::slotted(.ids-layout-grid-row-span) {\n  grid-row: span var(--grid-row-span)/span var(--grid-row-span); }\n\n::slotted(.ids-layout-grid-row-start) {\n  grid-row-start: var(--grid-row-start); }\n\n::slotted(.ids-layout-grid-row-end) {\n  grid-row-end: var(--grid-row-end); }\n\n::slotted(.ids-background-fill),\n.ids-layout-grid > .ids-background-fill {\n  padding-top: 40px;\n  padding-bottom: 40px;\n  padding-left: 16px;\n  padding-right: 16px;\n  background-color: var(--grid-fill-color); }\n\n:host(.ids-grid-flow-row),\n.ids-layout-grid.ids-grid-flow-row {\n  grid-auto-flow: row; }\n\n:host(.ids-grid-flow-col),\n.ids-layout-grid.ids-grid-flow-col {\n  grid-auto-flow: column; }\n\n:host(.ids-grid-flow-row-dense),\n.ids-layout-grid.ids-grid-flow-row-dense {\n  grid-auto-flow: row dense; }\n\n:host(.ids-grid-flow-col-dense),\n.ids-layout-grid.ids-grid-flow-col-dense {\n  grid-auto-flow: column dense; }\n\n.ids-layout-grid.ids-layout-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-1 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-1 {\n  grid-column: auto/span 1; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-1 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-1 {\n  grid-column-start: 1; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-1 {\n  grid-column-end: 1; }\n\n.ids-layout-grid.ids-layout-grid-rows-1 {\n  grid-template-rows: repeat(1, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-1 {\n  grid-row: span 1/span 1; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-1 {\n  grid-row-start: 1; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-1 {\n  grid-row-end: 1; }\n\n.ids-layout-grid.ids-layout-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-2 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-2 {\n  grid-column: auto/span 2; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-2 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-2 {\n  grid-column-start: 2; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-2 {\n  grid-column-end: 2; }\n\n.ids-layout-grid.ids-layout-grid-rows-2 {\n  grid-template-rows: repeat(2, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-2 {\n  grid-row: span 2/span 2; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-2 {\n  grid-row-start: 2; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-2 {\n  grid-row-end: 2; }\n\n.ids-layout-grid.ids-layout-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-3 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-3 {\n  grid-column: auto/span 3; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-3 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-3 {\n  grid-column-start: 3; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-3 {\n  grid-column-end: 3; }\n\n.ids-layout-grid.ids-layout-grid-rows-3 {\n  grid-template-rows: repeat(3, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-3 {\n  grid-row: span 3/span 3; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-3 {\n  grid-row-start: 3; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-3 {\n  grid-row-end: 3; }\n\n.ids-layout-grid.ids-layout-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-4 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-4 {\n  grid-column: auto/span 4; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-4 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-4 {\n  grid-column-start: 4; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-4 {\n  grid-column-end: 4; }\n\n.ids-layout-grid.ids-layout-grid-rows-4 {\n  grid-template-rows: repeat(4, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-4 {\n  grid-row: span 4/span 4; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-4 {\n  grid-row-start: 4; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-4 {\n  grid-row-end: 4; }\n\n.ids-layout-grid.ids-layout-grid-cols-5 {\n  grid-template-columns: repeat(5, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-5 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-5 {\n  grid-column: auto/span 5; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-5 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-5 {\n  grid-column-start: 5; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-5 {\n  grid-column-end: 5; }\n\n.ids-layout-grid.ids-layout-grid-rows-5 {\n  grid-template-rows: repeat(5, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-5 {\n  grid-row: span 5/span 5; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-5 {\n  grid-row-start: 5; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-5 {\n  grid-row-end: 5; }\n\n.ids-layout-grid.ids-layout-grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-6 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-6 {\n  grid-column: auto/span 6; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-6 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-6 {\n  grid-column-start: 6; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-6 {\n  grid-column-end: 6; }\n\n.ids-layout-grid.ids-layout-grid-rows-6 {\n  grid-template-rows: repeat(6, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-6 {\n  grid-row: span 6/span 6; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-6 {\n  grid-row-start: 6; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-6 {\n  grid-row-end: 6; }\n\n.ids-layout-grid.ids-layout-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-7 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-7 {\n  grid-column: auto/span 7; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-7 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-7 {\n  grid-column-start: 7; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-7 {\n  grid-column-end: 7; }\n\n.ids-layout-grid.ids-layout-grid-rows-7 {\n  grid-template-rows: repeat(7, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-7 {\n  grid-row: span 7/span 7; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-7 {\n  grid-row-start: 7; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-7 {\n  grid-row-end: 7; }\n\n.ids-layout-grid.ids-layout-grid-cols-8 {\n  grid-template-columns: repeat(8, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-8 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-8 {\n  grid-column: auto/span 8; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-8 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-8 {\n  grid-column-start: 8; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-8 {\n  grid-column-end: 8; }\n\n.ids-layout-grid.ids-layout-grid-rows-8 {\n  grid-template-rows: repeat(8, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-8 {\n  grid-row: span 8/span 8; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-8 {\n  grid-row-start: 8; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-8 {\n  grid-row-end: 8; }\n\n.ids-layout-grid.ids-layout-grid-cols-9 {\n  grid-template-columns: repeat(9, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-9 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-9 {\n  grid-column: auto/span 9; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-9 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-9 {\n  grid-column-start: 9; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-9 {\n  grid-column-end: 9; }\n\n.ids-layout-grid.ids-layout-grid-rows-9 {\n  grid-template-rows: repeat(9, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-9 {\n  grid-row: span 9/span 9; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-9 {\n  grid-row-start: 9; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-9 {\n  grid-row-end: 9; }\n\n.ids-layout-grid.ids-layout-grid-cols-10 {\n  grid-template-columns: repeat(10, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-10 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-10 {\n  grid-column: auto/span 10; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-10 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-10 {\n  grid-column-start: 10; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-10 {\n  grid-column-end: 10; }\n\n.ids-layout-grid.ids-layout-grid-rows-10 {\n  grid-template-rows: repeat(10, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-10 {\n  grid-row: span 10/span 10; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-10 {\n  grid-row-start: 10; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-10 {\n  grid-row-end: 10; }\n\n.ids-layout-grid.ids-layout-grid-cols-11 {\n  grid-template-columns: repeat(11, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-11 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-11 {\n  grid-column: auto/span 11; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-11 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-11 {\n  grid-column-start: 11; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-11 {\n  grid-column-end: 11; }\n\n.ids-layout-grid.ids-layout-grid-rows-11 {\n  grid-template-rows: repeat(11, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-11 {\n  grid-row: span 11/span 11; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-11 {\n  grid-row-start: 11; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-11 {\n  grid-row-end: 11; }\n\n.ids-layout-grid.ids-layout-grid-cols-12 {\n  grid-template-columns: repeat(12, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-12 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-12 {\n  grid-column: auto/span 12; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-12 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-12 {\n  grid-column-start: 12; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-12 {\n  grid-column-end: 12; }\n\n.ids-layout-grid.ids-layout-grid-rows-12 {\n  grid-template-rows: repeat(12, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-12 {\n  grid-row: span 12/span 12; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-12 {\n  grid-row-start: 12; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-12 {\n  grid-row-end: 12; }\n\n.ids-layout-grid.ids-layout-grid-cols-13 {\n  grid-template-columns: repeat(13, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-13 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-13 {\n  grid-column: auto/span 13; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-13 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-13 {\n  grid-column-start: 13; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-13 {\n  grid-column-end: 13; }\n\n.ids-layout-grid.ids-layout-grid-rows-13 {\n  grid-template-rows: repeat(13, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-13 {\n  grid-row: span 13/span 13; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-13 {\n  grid-row-start: 13; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-13 {\n  grid-row-end: 13; }\n\n.ids-layout-grid.ids-layout-grid-cols-14 {\n  grid-template-columns: repeat(14, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-14 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-14 {\n  grid-column: auto/span 14; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-14 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-14 {\n  grid-column-start: 14; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-14 {\n  grid-column-end: 14; }\n\n.ids-layout-grid.ids-layout-grid-rows-14 {\n  grid-template-rows: repeat(14, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-14 {\n  grid-row: span 14/span 14; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-14 {\n  grid-row-start: 14; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-14 {\n  grid-row-end: 14; }\n\n.ids-layout-grid.ids-layout-grid-cols-15 {\n  grid-template-columns: repeat(15, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-15 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-15 {\n  grid-column: auto/span 15; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-15 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-15 {\n  grid-column-start: 15; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-15 {\n  grid-column-end: 15; }\n\n.ids-layout-grid.ids-layout-grid-rows-15 {\n  grid-template-rows: repeat(15, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-15 {\n  grid-row: span 15/span 15; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-15 {\n  grid-row-start: 15; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-15 {\n  grid-row-end: 15; }\n\n.ids-layout-grid.ids-layout-grid-cols-16 {\n  grid-template-columns: repeat(16, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-16 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-16 {\n  grid-column: auto/span 16; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-16 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-16 {\n  grid-column-start: 16; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-16 {\n  grid-column-end: 16; }\n\n.ids-layout-grid.ids-layout-grid-rows-16 {\n  grid-template-rows: repeat(16, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-16 {\n  grid-row: span 16/span 16; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-16 {\n  grid-row-start: 16; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-16 {\n  grid-row-end: 16; }\n",R(P=function(t){t.prototype.cssStyles=j}(P=function(t){e()(r,t);var i=O(r);function r(){return o()(this,r),i.call(this)}return a()(r,[{key:"template",value:function(){return"<slot></slot>"}},{key:"fixed",get:function(){return this.getAttribute(b)},set:function(t){if(t)return this.setAttribute(b,t.toString()),void this.classList.add("ids-fixed");this.removeAttribute(b),this.classList.remove("ids-fixed")}},{key:"gap",get:function(){return this.getAttribute(A)||"md"},set:function(t){if(t)return this.setAttribute(A,t),void this.classList.add("ids-layout-grid-gap-".concat(t));this.removeAttribute(A),this.classList.remove("ids-layout-grid-gap-".concat(t))}},{key:"auto",get:function(){return this.getAttribute(m)},set:function(t){if(t)return this.setAttribute(m,t.toString()),void this.classList.add("ids-layout-grid-auto");this.removeAttribute(m),this.classList.remove("ids-layout-grid-auto")}},{key:"cols",get:function(){return this.getAttribute(x)},set:function(t){if(t)return this.auto=!1,this.setAttribute(x,t),this.style.setProperty("--grid-cols",t),this.classList.add("ids-layout-grid-cols"),void this.classList.remove("ids-layout-grid-auto");this.style.removeProperty("--grid-cols"),this.removeAttribute(m),this.classList.remove("ids-layout-grid-cols")}},{key:"rows",get:function(){return this.getAttribute(D)},set:function(t){if(t)return this.auto=!1,this.setAttribute(D,t),this.style.setProperty("--grid-rows",t),this.classList.add("ids-layout-grid-rows"),void this.classList.remove("ids-layout-grid-auto");this.style.removeProperty("--grid-rows"),this.removeAttribute(m),this.classList.remove("ids-layout-grid-rows")}},{key:"noMargins",get:function(){return this.getAttribute(E)},set:function(t){if(t)return this.setAttribute(E,t.toString()),void this.classList.add("ids-layout-grid-no-margins");this.removeAttribute(E),this.classList.remove("ids-layout-grid-no-margins")}}],[{key:"properties",get:function(){return[b,A,m,x,D,E]}}]),r}(z))||P);var _;function q(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=c()(t);if(i){var o=c()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return u()(this,r)}}y("ids-layout-grid-cell")(_=function(t){e()(r,t);var i=q(r);function r(){return o()(this,r),i.call(this)}return a()(r,[{key:"fill",get:function(){return this.getAttribute(v)},set:function(t){if(t)return this.setAttribute(v,t),void this.classList.add("ids-background-fill");this.removeAttribute(v),this.classList.remove("ids-background-fill")}},{key:"colSpan",get:function(){return this.getAttribute(h)},set:function(t){if(t)return this.setAttribute(h,t),this.style.setProperty("--grid-col-span",t),void this.classList.add("ids-layout-grid-col-span");this.style.removeProperty("--grid-col-span"),this.classList.remove("ids-layout-grid-col-span"),this.removeAttribute(h)}},{key:"colStart",get:function(){return this.getAttribute(w)},set:function(t){if(t)return this.setAttribute(w,t),this.style.setProperty("--grid-col-start",t),void this.classList.add("ids-layout-grid-col-start");this.style.removeProperty("--grid-col-start"),this.classList.remove("ids-layout-grid-col-start"),this.removeAttribute(w)}},{key:"colEnd",get:function(){return this.getAttribute(f)},set:function(t){if(t)return this.setAttribute(f,t),this.style.setProperty("--grid-col-end",t),void this.classList.add("ids-layout-grid-col-end");this.style.removeProperty("--grid-col-end"),this.classList.remove("ids-layout-grid-col-end"),this.removeAttribute(f)}},{key:"rowSpan",get:function(){return this.getAttribute(C)},set:function(t){if(t)return this.setAttribute(C,t),this.style.setProperty("--grid-row-span",t),void this.classList.add("ids-layout-grid-row-span");this.style.removeProperty("--grid-row-span"),this.classList.remove("ids-layout-grid-row-span"),this.removeAttribute(C)}},{key:"rowStart",get:function(){return this.getAttribute(S)},set:function(t){if(t)return this.setAttribute(S,t),this.style.setProperty("--grid-row-start",t),void this.classList.add("ids-layout-grid-row-start");this.style.removeProperty("--grid-row-start"),this.classList.remove("ids-layout-grid-row-start"),this.removeAttribute(S)}},{key:"rowEnd",get:function(){return this.getAttribute(F)},set:function(t){if(t)return this.setAttribute(F,t),this.style.setProperty("--grid-row-end",t),void this.classList.add("ids-layout-grid-row-end");this.style.removeProperty("--grid-row-end"),this.classList.remove("ids-layout-grid-row-end"),this.removeAttribute(F)}}],[{key:"properties",get:function(){return[v,h,w,f,C,S,F]}}]),r}(z))}},i={};function r(n){if(i[n])return i[n].exports;var o=i[n]={exports:{}};return t[n](o,o.exports,r),o.exports}return r.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return r.d(i,{a:i}),i},r.d=(t,i)=>{for(var n in i)r.o(i,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:i[n]})},r.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),r(6980)})().default}));
+!function(t,i){"object"==typeof exports&&"object"==typeof module?module.exports=i():"function"==typeof define&&define.amd?define([],i):"object"==typeof exports?exports["ids-layout-grid/ids-layout-grid-lib.js"]=i():t["ids-layout-grid/ids-layout-grid-lib.js"]=i()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}},9100:(t,i,r)=>{var n=r(9489),o=r(7067);function d(i,r,a){return o()?t.exports=d=Reflect.construct:t.exports=d=function(t,i,r){var o=[null];o.push.apply(o,i);var d=new(Function.bind.apply(t,o));return r&&n(d,r.prototype),d},d.apply(null,arguments)}t.exports=d},3913:t=>{function i(t,i){for(var r=0;r<i.length;r++){var n=i[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,r,n){return r&&i(t.prototype,r),n&&i(t,n),t}},9754:t=>{function i(r){return t.exports=i=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},i(r)}t.exports=i},2205:(t,i,r)=>{var n=r(9489);t.exports=function(t,i){if("function"!=typeof i&&null!==i)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(i&&i.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),i&&n(t,i)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,i,r)=>{var n=r(8),o=r(1506);t.exports=function(t,i){return!i||"object"!==n(i)&&"function"!=typeof i?o(t):i}},9489:t=>{function i(r,n){return t.exports=i=Object.setPrototypeOf||function(t,i){return t.__proto__=i,t},i(r,n)}t.exports=i},8:t=>{function i(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=i=function(t){return typeof t}:t.exports=i=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(r)}t.exports=i},5957:(t,i,r)=>{var n=r(9754),o=r(9489),d=r(430),a=r(9100);function s(i){var r="function"==typeof Map?new Map:void 0;return t.exports=s=function(t){if(null===t||!d(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,i)}function i(){return a(t,arguments,n(this).constructor)}return i.prototype=Object.create(t.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),o(i,t)},s(i)}t.exports=s}},i={};function r(n){if(i[n])return i[n].exports;var o=i[n]={exports:{}};return t[n](o,o.exports,r),o.exports}r.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return r.d(i,{a:i}),i},r.d=(t,i)=>{for(var n in i)r.o(i,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:i[n]})},r.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i);var n={};return(()=>{"use strict";var t=r(4575),i=r.n(t),n=r(3913),o=r.n(n),d=r(2205),a=r.n(d),s=r(8585),e=r.n(s),l=r(9754),u=r.n(l),g=r(5957);function c(t){return function(i){customElements.get(t)||customElements.define(t,i)}}var p="auto",y="col-end",m="col-span",f="col-start",h="cols",w="fill",x="fixed",v="gap",b="no-margins",A="row-end",E="row-span",F="row-start",C="rows";var S,D=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,i){return t+i[0].toUpperCase()+i.substring(1)}))};function B(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=u()(t);if(i){var o=u()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return e()(this,r)}}var k=function(t){t.prototype.version="0.0.0-beta.8"}(S=function(t){a()(n,t);var r=B(n);function n(){var t;return i()(this,n),(t=r.call(this)).addBaseName(),t.render(),t}return o()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,i,r){i!==r&&(this[D(t)]=r)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,i,r;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(i=this.shadowRoot)||void 0===i?void 0:i.querySelector(".".concat(this.name)),null===(r=this.closest('div[role="main"][hidden]'))||void 0===r||r.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,i,r=document.createElement("style");r.textContent=this.cssStyles,0===(null===(t=r.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(r.textContent=r.textContent.replace(":host",".".concat(this.name))),r.setAttribute("nonce","0a59a005"),null===(i=this.shadowRoot)||void 0===i||i.appendChild(r)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(r.n(g)()(HTMLElement)))||S;var L,z;function R(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=u()(t);if(i){var o=u()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return e()(this,r)}}var P;L=c("ids-layout-grid"),P="/* Ids Layout Grid Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host,\n.ids-layout-grid {\n  --grid-cols: 16;\n  --grid-col-span: 0;\n  --grid-col-start: 0;\n  --grid-col-end: 0;\n  --grid-rows: 0;\n  --grid-row-span: 0;\n  --grid-row-start: 0;\n  --grid-row-end: 0;\n  --grid-spacing-unit: 8px;\n  --grid-fill-color: #efeff0;\n  --grid-min-col-width: 100px;\n  margin-left: 16px;\n  margin-right: 16px;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  display: grid;\n  grid-auto-flow: row; }\n\n:host(.ids-layout-grid-no-margins),\n.ids-layout-grid.ids-layout-grid-no-margins {\n  margin: 0; }\n\n:host(.ids-layout-grid-auto),\n.ids-layout-grid.ids-layout-grid-auto {\n  grid-template-columns: repeat(auto-fit, minmax(var(--grid-min-col-width), 1fr)); }\n\n:host(.ids-layout-grid-cols) {\n  grid-template-columns: repeat(var(--grid-cols), minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    :host(.ids-layout-grid-cols) {\n      grid-template-columns: repeat(auto-fit, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n::slotted(.ids-layout-grid-col-span) {\n  grid-column: span var(--grid-col-span)/span var(--grid-col-span); }\n  @media all and (max-width: 840px) {\n    ::slotted(.ids-layout-grid-col-span) {\n      grid-column: auto; } }\n\n::slotted(.ids-layout-col-start) {\n  grid-column-start: var(--grid-col-start); }\n\n::slotted(.ids-layout-grid-col-end),\n.ids-layout-grid > .ids-layout-grid-col-end {\n  grid-column-end: var(--grid-col-end); }\n\n:host(.ids-layout-grid-gap-none),\n.ids-layout-grid.ids-layout-grid-gap-none {\n  grid-gap: 0; }\n\n:host(.ids-layout-grid-gap-sm),\n.ids-layout-grid.ids-layout-grid-gap-sm {\n  grid-gap: var(--grid-spacing-unit); }\n\n:host(.ids-layout-grid-gap-md),\n.ids-layout-grid.ids-layout-grid-gap-md {\n  grid-gap: calc(var(--grid-spacing-unit) * 2); }\n\n:host(.ids-layout-grid-gap-lg),\n.ids-layout-grid.ids-layout-grid-gap-lg {\n  grid-gap: calc(var(--grid-spacing-unit) * 3); }\n\n:host(.ids-layout-grid-gap-xl),\n.ids-layout-grid.ids-layout-grid-gap-xl {\n  grid-gap: calc(var(--grid-spacing-unit) * 4); }\n\n:host(.ids-layout-grid-rows) {\n  grid-template-rows: repeat(var(--grid-rows), minmax(var(--grid-min-col-width), 1fr)); }\n\n::slotted(.ids-layout-grid-row-span) {\n  grid-row: span var(--grid-row-span)/span var(--grid-row-span); }\n\n::slotted(.ids-layout-grid-row-start) {\n  grid-row-start: var(--grid-row-start); }\n\n::slotted(.ids-layout-grid-row-end) {\n  grid-row-end: var(--grid-row-end); }\n\n::slotted(.ids-background-fill),\n.ids-layout-grid > .ids-background-fill {\n  padding-top: 40px;\n  padding-bottom: 40px;\n  padding-left: 16px;\n  padding-right: 16px;\n  background-color: var(--grid-fill-color); }\n\n:host(.ids-grid-flow-row),\n.ids-layout-grid.ids-grid-flow-row {\n  grid-auto-flow: row; }\n\n:host(.ids-grid-flow-col),\n.ids-layout-grid.ids-grid-flow-col {\n  grid-auto-flow: column; }\n\n:host(.ids-grid-flow-row-dense),\n.ids-layout-grid.ids-grid-flow-row-dense {\n  grid-auto-flow: row dense; }\n\n:host(.ids-grid-flow-col-dense),\n.ids-layout-grid.ids-grid-flow-col-dense {\n  grid-auto-flow: column dense; }\n\n.ids-layout-grid.ids-layout-grid-cols-1 {\n  grid-template-columns: repeat(1, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-1 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-1 {\n  grid-column: auto/span 1; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-1 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-1 {\n  grid-column-start: 1; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-1 {\n  grid-column-end: 1; }\n\n.ids-layout-grid.ids-layout-grid-rows-1 {\n  grid-template-rows: repeat(1, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-1 {\n  grid-row: span 1/span 1; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-1 {\n  grid-row-start: 1; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-1 {\n  grid-row-end: 1; }\n\n.ids-layout-grid.ids-layout-grid-cols-2 {\n  grid-template-columns: repeat(2, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-2 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-2 {\n  grid-column: auto/span 2; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-2 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-2 {\n  grid-column-start: 2; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-2 {\n  grid-column-end: 2; }\n\n.ids-layout-grid.ids-layout-grid-rows-2 {\n  grid-template-rows: repeat(2, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-2 {\n  grid-row: span 2/span 2; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-2 {\n  grid-row-start: 2; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-2 {\n  grid-row-end: 2; }\n\n.ids-layout-grid.ids-layout-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-3 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-3 {\n  grid-column: auto/span 3; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-3 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-3 {\n  grid-column-start: 3; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-3 {\n  grid-column-end: 3; }\n\n.ids-layout-grid.ids-layout-grid-rows-3 {\n  grid-template-rows: repeat(3, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-3 {\n  grid-row: span 3/span 3; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-3 {\n  grid-row-start: 3; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-3 {\n  grid-row-end: 3; }\n\n.ids-layout-grid.ids-layout-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-4 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-4 {\n  grid-column: auto/span 4; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-4 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-4 {\n  grid-column-start: 4; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-4 {\n  grid-column-end: 4; }\n\n.ids-layout-grid.ids-layout-grid-rows-4 {\n  grid-template-rows: repeat(4, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-4 {\n  grid-row: span 4/span 4; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-4 {\n  grid-row-start: 4; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-4 {\n  grid-row-end: 4; }\n\n.ids-layout-grid.ids-layout-grid-cols-5 {\n  grid-template-columns: repeat(5, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-5 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-5 {\n  grid-column: auto/span 5; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-5 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-5 {\n  grid-column-start: 5; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-5 {\n  grid-column-end: 5; }\n\n.ids-layout-grid.ids-layout-grid-rows-5 {\n  grid-template-rows: repeat(5, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-5 {\n  grid-row: span 5/span 5; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-5 {\n  grid-row-start: 5; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-5 {\n  grid-row-end: 5; }\n\n.ids-layout-grid.ids-layout-grid-cols-6 {\n  grid-template-columns: repeat(6, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-6 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-6 {\n  grid-column: auto/span 6; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-6 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-6 {\n  grid-column-start: 6; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-6 {\n  grid-column-end: 6; }\n\n.ids-layout-grid.ids-layout-grid-rows-6 {\n  grid-template-rows: repeat(6, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-6 {\n  grid-row: span 6/span 6; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-6 {\n  grid-row-start: 6; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-6 {\n  grid-row-end: 6; }\n\n.ids-layout-grid.ids-layout-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-7 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-7 {\n  grid-column: auto/span 7; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-7 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-7 {\n  grid-column-start: 7; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-7 {\n  grid-column-end: 7; }\n\n.ids-layout-grid.ids-layout-grid-rows-7 {\n  grid-template-rows: repeat(7, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-7 {\n  grid-row: span 7/span 7; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-7 {\n  grid-row-start: 7; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-7 {\n  grid-row-end: 7; }\n\n.ids-layout-grid.ids-layout-grid-cols-8 {\n  grid-template-columns: repeat(8, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-8 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-8 {\n  grid-column: auto/span 8; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-8 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-8 {\n  grid-column-start: 8; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-8 {\n  grid-column-end: 8; }\n\n.ids-layout-grid.ids-layout-grid-rows-8 {\n  grid-template-rows: repeat(8, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-8 {\n  grid-row: span 8/span 8; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-8 {\n  grid-row-start: 8; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-8 {\n  grid-row-end: 8; }\n\n.ids-layout-grid.ids-layout-grid-cols-9 {\n  grid-template-columns: repeat(9, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-9 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-9 {\n  grid-column: auto/span 9; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-9 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-9 {\n  grid-column-start: 9; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-9 {\n  grid-column-end: 9; }\n\n.ids-layout-grid.ids-layout-grid-rows-9 {\n  grid-template-rows: repeat(9, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-9 {\n  grid-row: span 9/span 9; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-9 {\n  grid-row-start: 9; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-9 {\n  grid-row-end: 9; }\n\n.ids-layout-grid.ids-layout-grid-cols-10 {\n  grid-template-columns: repeat(10, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-10 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-10 {\n  grid-column: auto/span 10; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-10 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-10 {\n  grid-column-start: 10; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-10 {\n  grid-column-end: 10; }\n\n.ids-layout-grid.ids-layout-grid-rows-10 {\n  grid-template-rows: repeat(10, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-10 {\n  grid-row: span 10/span 10; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-10 {\n  grid-row-start: 10; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-10 {\n  grid-row-end: 10; }\n\n.ids-layout-grid.ids-layout-grid-cols-11 {\n  grid-template-columns: repeat(11, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-11 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-11 {\n  grid-column: auto/span 11; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-11 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-11 {\n  grid-column-start: 11; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-11 {\n  grid-column-end: 11; }\n\n.ids-layout-grid.ids-layout-grid-rows-11 {\n  grid-template-rows: repeat(11, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-11 {\n  grid-row: span 11/span 11; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-11 {\n  grid-row-start: 11; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-11 {\n  grid-row-end: 11; }\n\n.ids-layout-grid.ids-layout-grid-cols-12 {\n  grid-template-columns: repeat(12, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-12 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-12 {\n  grid-column: auto/span 12; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-12 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-12 {\n  grid-column-start: 12; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-12 {\n  grid-column-end: 12; }\n\n.ids-layout-grid.ids-layout-grid-rows-12 {\n  grid-template-rows: repeat(12, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-12 {\n  grid-row: span 12/span 12; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-12 {\n  grid-row-start: 12; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-12 {\n  grid-row-end: 12; }\n\n.ids-layout-grid.ids-layout-grid-cols-13 {\n  grid-template-columns: repeat(13, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-13 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-13 {\n  grid-column: auto/span 13; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-13 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-13 {\n  grid-column-start: 13; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-13 {\n  grid-column-end: 13; }\n\n.ids-layout-grid.ids-layout-grid-rows-13 {\n  grid-template-rows: repeat(13, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-13 {\n  grid-row: span 13/span 13; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-13 {\n  grid-row-start: 13; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-13 {\n  grid-row-end: 13; }\n\n.ids-layout-grid.ids-layout-grid-cols-14 {\n  grid-template-columns: repeat(14, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-14 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-14 {\n  grid-column: auto/span 14; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-14 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-14 {\n  grid-column-start: 14; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-14 {\n  grid-column-end: 14; }\n\n.ids-layout-grid.ids-layout-grid-rows-14 {\n  grid-template-rows: repeat(14, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-14 {\n  grid-row: span 14/span 14; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-14 {\n  grid-row-start: 14; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-14 {\n  grid-row-end: 14; }\n\n.ids-layout-grid.ids-layout-grid-cols-15 {\n  grid-template-columns: repeat(15, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-15 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-15 {\n  grid-column: auto/span 15; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-15 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-15 {\n  grid-column-start: 15; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-15 {\n  grid-column-end: 15; }\n\n.ids-layout-grid.ids-layout-grid-rows-15 {\n  grid-template-rows: repeat(15, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-15 {\n  grid-row: span 15/span 15; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-15 {\n  grid-row-start: 15; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-15 {\n  grid-row-end: 15; }\n\n.ids-layout-grid.ids-layout-grid-cols-16 {\n  grid-template-columns: repeat(16, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid.ids-layout-grid-cols-16 {\n      grid-template-columns: repeat(auto-fill, minmax(calc(var(--grid-min-col-width) * 2), 1fr)); } }\n\n.ids-layout-grid > .ids-layout-grid-col-span-16 {\n  grid-column: auto/span 16; }\n  @media all and (max-width: 840px) {\n    .ids-layout-grid > .ids-layout-grid-col-span-16 {\n      grid-column: auto; } }\n\n.ids-layout-grid > .ids-layout-grid-col-start-16 {\n  grid-column-start: 16; }\n\n.ids-layout-grid > .ids-layout-grid-col-end-16 {\n  grid-column-end: 16; }\n\n.ids-layout-grid.ids-layout-grid-rows-16 {\n  grid-template-rows: repeat(16, minmax(var(--grid-min-col-width), 1fr)); }\n\n.ids-layout-grid > .ids-layout-grid-row-span-16 {\n  grid-row: span 16/span 16; }\n\n.ids-layout-grid > .ids-layout-grid-row-start-16 {\n  grid-row-start: 16; }\n\n.ids-layout-grid > .ids-layout-grid-row-end-16 {\n  grid-row-end: 16; }\n",L(z=function(t){t.prototype.cssStyles=P}(z=function(t){a()(n,t);var r=R(n);function n(){return i()(this,n),r.call(this)}return o()(n,[{key:"template",value:function(){return"<slot></slot>"}},{key:"fixed",get:function(){return this.getAttribute(x)},set:function(t){if(t)return this.setAttribute(x,t.toString()),void this.classList.add("ids-fixed");this.removeAttribute(x),this.classList.remove("ids-fixed")}},{key:"gap",get:function(){return this.getAttribute(v)||"md"},set:function(t){if(t)return this.setAttribute(v,t),void this.classList.add("ids-layout-grid-gap-".concat(t));this.removeAttribute(v),this.classList.remove("ids-layout-grid-gap-".concat(t))}},{key:"auto",get:function(){return this.getAttribute(p)},set:function(t){if(t)return this.setAttribute(p,t.toString()),void this.classList.add("ids-layout-grid-auto");this.removeAttribute(p),this.classList.remove("ids-layout-grid-auto")}},{key:"cols",get:function(){return this.getAttribute(h)},set:function(t){if(t)return this.auto=!1,this.setAttribute(h,t),this.style.setProperty("--grid-cols",t),this.classList.add("ids-layout-grid-cols"),void this.classList.remove("ids-layout-grid-auto");this.style.removeProperty("--grid-cols"),this.removeAttribute(p),this.classList.remove("ids-layout-grid-cols")}},{key:"rows",get:function(){return this.getAttribute(C)},set:function(t){if(t)return this.auto=!1,this.setAttribute(C,t),this.style.setProperty("--grid-rows",t),this.classList.add("ids-layout-grid-rows"),void this.classList.remove("ids-layout-grid-auto");this.style.removeProperty("--grid-rows"),this.removeAttribute(p),this.classList.remove("ids-layout-grid-rows")}},{key:"noMargins",get:function(){return this.getAttribute(b)},set:function(t){if(t)return this.setAttribute(b,t.toString()),void this.classList.add("ids-layout-grid-no-margins");this.removeAttribute(b),this.classList.remove("ids-layout-grid-no-margins")}}],[{key:"properties",get:function(){return[x,v,p,h,C,b]}}]),n}(k))||z);var O;function j(t){var i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var r,n=u()(t);if(i){var o=u()(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return e()(this,r)}}c("ids-layout-grid-cell")(O=function(t){a()(n,t);var r=j(n);function n(){return i()(this,n),r.call(this)}return o()(n,[{key:"fill",get:function(){return this.getAttribute(w)},set:function(t){if(t)return this.setAttribute(w,t),void this.classList.add("ids-background-fill");this.removeAttribute(w),this.classList.remove("ids-background-fill")}},{key:"colSpan",get:function(){return this.getAttribute(m)},set:function(t){if(t)return this.setAttribute(m,t),this.style.setProperty("--grid-col-span",t),void this.classList.add("ids-layout-grid-col-span");this.style.removeProperty("--grid-col-span"),this.classList.remove("ids-layout-grid-col-span"),this.removeAttribute(m)}},{key:"colStart",get:function(){return this.getAttribute(f)},set:function(t){if(t)return this.setAttribute(f,t),this.style.setProperty("--grid-col-start",t),void this.classList.add("ids-layout-grid-col-start");this.style.removeProperty("--grid-col-start"),this.classList.remove("ids-layout-grid-col-start"),this.removeAttribute(f)}},{key:"colEnd",get:function(){return this.getAttribute(y)},set:function(t){if(t)return this.setAttribute(y,t),this.style.setProperty("--grid-col-end",t),void this.classList.add("ids-layout-grid-col-end");this.style.removeProperty("--grid-col-end"),this.classList.remove("ids-layout-grid-col-end"),this.removeAttribute(y)}},{key:"rowSpan",get:function(){return this.getAttribute(E)},set:function(t){if(t)return this.setAttribute(E,t),this.style.setProperty("--grid-row-span",t),void this.classList.add("ids-layout-grid-row-span");this.style.removeProperty("--grid-row-span"),this.classList.remove("ids-layout-grid-row-span"),this.removeAttribute(E)}},{key:"rowStart",get:function(){return this.getAttribute(F)},set:function(t){if(t)return this.setAttribute(F,t),this.style.setProperty("--grid-row-start",t),void this.classList.add("ids-layout-grid-row-start");this.style.removeProperty("--grid-row-start"),this.classList.remove("ids-layout-grid-row-start"),this.removeAttribute(F)}},{key:"rowEnd",get:function(){return this.getAttribute(A)},set:function(t){if(t)return this.setAttribute(A,t),this.style.setProperty("--grid-row-end",t),void this.classList.add("ids-layout-grid-row-end");this.style.removeProperty("--grid-row-end"),this.classList.remove("ids-layout-grid-row-end"),this.removeAttribute(A)}}],[{key:"properties",get:function(){return[w,m,f,y,E,F,A]}}]),n}(k))})(),n=n.default})()}));
 //# sourceMappingURL=ids-layout-grid.js.map

ids-list-view/example.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-list-view/example-lib.js"]=e():t["ids-list-view/example-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,o)=>{var n=o(9489),r=o(7067);function s(e,o,i){return r()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,o){var r=[null];r.push.apply(r,e);var s=new(Function.bind.apply(t,r));return o&&n(s,o.prototype),s},s.apply(null,arguments)}t.exports=s},3913:t=>{function e(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}},9754:t=>{function e(o){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(o)}t.exports=e},2205:(t,e,o)=>{var n=o(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,o)=>{var n=o(8),r=o(1506);t.exports=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(o,n){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(o,n)}t.exports=e},8:t=>{function e(o){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(o)}t.exports=e},5957:(t,e,o)=>{var n=o(9754),r=o(9489),s=o(430),i=o(9100);function a(e){var o="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!s(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==o){if(o.has(t))return o.get(t);o.set(t,e)}function e(){return i(t,arguments,n(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a},5457:(t,e,o)=>{"use strict";var n=o(4575),r=o.n(n),s=o(3913),i=o.n(s),a=o(2205),l=o.n(a),c=o(8585),d=o.n(c),p=o(9754),u=o.n(p),f=o(5957);var h,b=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=u()(t);if(e){var r=u()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return d()(this,o)}}var m=function(t){t.prototype.version="0.0.0-beta.7"}(h=function(t){l()(o,t);var e=y(o);function o(){var t;return r()(this,o),(t=e.call(this)).addBaseName(),t.render(),t}return i()(o,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,o){e!==o&&(this[b(t)]=o)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,o=document.createElement("style");o.textContent=this.cssStyles,0===(null===(t=o.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(o.textContent=o.textContent.replace(":host",".".concat(this.name))),o.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(o)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(o.n(f)()(HTMLElement)))||h;var x;function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=u()(t);if(e){var r=u()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return d()(this,o)}}var g,E;E="ids-card",g="/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-card {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-30);\n  border-style: solid;\n  border-radius: 4px;\n  margin-bottom: 20px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;\n  height: 360px; }\n  .ids-card.ids-card-auto-height {\n    min-height: auto; }\n\n.ids-card-content {\n  width: 100%;\n  height: 310px;\n  overflow: hidden; }\n\n.ids-card-header {\n  border-bottom: 1px solid;\n  border-color: var(--ids-color-palette-slate-30);\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-top: 12px;\n  padding-bottom: 12px; }\n",F=x=function(t){t.prototype.cssStyles=g}(x=function(t){l()(o,t);var e=v(o);function o(){return r()(this,o),e.call(this)}return i()(o,[{key:"template",value:function(){return'<div class="ids-card">\n      <div class="ids-card-header">\n        <slot name="card-header"></slot>\n      </div>\n      <div class="ids-card-content">\n        <slot name="card-content"></slot>\n      </div>\n    </div>'}},{key:"autoHeight",get:function(){return this.getAttribute("auto-height")},set:function(t){if(t)return this.setAttribute("auto-height",t),void this.container.classList.add("ids-card-auto-height");this.container.classList.remove("ids-card-auto-height"),this.removeAttribute("auto-height")}}],[{key:"properties",get:function(){return["auto-height"]}}]),o}(m))||x,customElements.get(E)||customElements.define(E,F);var F;var C=document.querySelector("#list-view-1"),w=new XMLHttpRequest;w.onreadystatechange=function(){4===this.readyState&&200===this.status&&C&&(C.data=JSON.parse(this.responseText))},w.open("GET","/api/products",!0),w.send()}},e={};function o(n){if(e[n])return e[n].exports;var r=e[n]={exports:{}};return t[n](r,r.exports,o),r.exports}return o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o(5457)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-list-view/example-lib.js"]=e():t["ids-list-view/example-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,o)=>{var n=o(9489),r=o(7067);function s(e,o,i){return r()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,o){var r=[null];r.push.apply(r,e);var s=new(Function.bind.apply(t,r));return o&&n(s,o.prototype),s},s.apply(null,arguments)}t.exports=s},3913:t=>{function e(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,o,n){return o&&e(t.prototype,o),n&&e(t,n),t}},9754:t=>{function e(o){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(o)}t.exports=e},2205:(t,e,o)=>{var n=o(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&n(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,o)=>{var n=o(8),r=o(1506);t.exports=function(t,e){return!e||"object"!==n(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(o,n){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(o,n)}t.exports=e},8:t=>{function e(o){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(o)}t.exports=e},5957:(t,e,o)=>{var n=o(9754),r=o(9489),s=o(430),i=o(9100);function a(e){var o="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!s(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==o){if(o.has(t))return o.get(t);o.set(t,e)}function e(){return i(t,arguments,n(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a}},e={};function o(n){if(e[n])return e[n].exports;var r=e[n]={exports:{}};return t[n](r,r.exports,o),r.exports}o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var n={};return(()=>{"use strict";var t=o(4575),e=o.n(t),n=o(3913),r=o.n(n),s=o(2205),i=o.n(s),a=o(8585),l=o.n(a),c=o(9754),d=o.n(c),p=o(5957);var u,f=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=d()(t);if(e){var r=d()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return l()(this,o)}}var b=function(t){t.prototype.version="0.0.0-beta.8"}(u=function(t){i()(n,t);var o=h(n);function n(){var t;return e()(this,n),(t=o.call(this)).addBaseName(),t.render(),t}return r()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,o){e!==o&&(this[f(t)]=o)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,o;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(o=this.closest('div[role="main"][hidden]'))||void 0===o||o.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,o=document.createElement("style");o.textContent=this.cssStyles,0===(null===(t=o.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(o.textContent=o.textContent.replace(":host",".".concat(this.name))),o.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(o)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var n=new CSSStyleSheet;n.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[n]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(o.n(p)()(HTMLElement)))||u;var y;function m(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=d()(t);if(e){var r=d()(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return l()(this,o)}}var x,v;v="ids-card",x="/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-card {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-30);\n  border-style: solid;\n  border-radius: 4px;\n  margin-bottom: 20px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;\n  height: 360px; }\n  .ids-card.ids-card-auto-height {\n    min-height: auto; }\n\n.ids-card-content {\n  width: 100%;\n  height: 310px;\n  overflow: hidden; }\n\n.ids-card-header {\n  border-bottom: 1px solid;\n  border-color: var(--ids-color-palette-slate-30);\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-top: 12px;\n  padding-bottom: 12px; }\n",g=y=function(t){t.prototype.cssStyles=x}(y=function(t){i()(n,t);var o=m(n);function n(){return e()(this,n),o.call(this)}return r()(n,[{key:"template",value:function(){return'<div class="ids-card">\n      <div class="ids-card-header">\n        <slot name="card-header"></slot>\n      </div>\n      <div class="ids-card-content">\n        <slot name="card-content"></slot>\n      </div>\n    </div>'}},{key:"autoHeight",get:function(){return this.getAttribute("auto-height")},set:function(t){if(t)return this.setAttribute("auto-height",t),void this.container.classList.add("ids-card-auto-height");this.container.classList.remove("ids-card-auto-height"),this.removeAttribute("auto-height")}}],[{key:"properties",get:function(){return["auto-height"]}}]),n}(b))||y,customElements.get(v)||customElements.define(v,g);var g;var E=document.querySelector("#list-view-1"),F=new XMLHttpRequest;F.onreadystatechange=function(){4===this.readyState&&200===this.status&&E&&(E.data=JSON.parse(this.responseText))},F.open("GET","/api/products",!0),F.send()})(),n=n.default})()}));
 //# sourceMappingURL=example.js.map

ids-list-view/ids-list-view.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
+import { IdsElement } from '../ids-base/ids-element';
 
-export default class IdsListView extends HTMLElement {
+export default class IdsListView extends IdsElement {
   /** Enabled virtual scrolling */
@@ -6,0 +7,0 @@ virtualScroll: boolean;

ids-list-view/ids-list-view.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-list-view/ids-list-view-lib.js"]=e():t["ids-list-view/ids-list-view-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var i=n(9489),o=n(7067);function r(e,n,s){return o()?t.exports=r=Reflect.construct:t.exports=r=function(t,e,n){var o=[null];o.push.apply(o,e);var r=new(Function.bind.apply(t,o));return n&&i(r,n.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}t.exports=function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var i=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var i=n(8),o=n(1506);t.exports=function(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?o(t):e}},9489:t=>{function e(n,i){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,i)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var i=n(9754),o=n(9489),r=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!r(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,i(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),o(e,t)},a(e)}t.exports=a},1308:(t,e,n)=>{"use strict";var i=n(4575),o=n.n(i),r=n(3913),s=n.n(r),a=n(1506),l=n.n(a),c=n(2205),u=n.n(c),d=n(8585),p=n.n(d),h=n(9754),f=n.n(h),m=n(9713),y=n.n(m),v=n(5957),b=n.n(v);function g(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function x(t){return function(e){e.prototype.cssStyles=t}}var E="virtual-scroll",C=function(){function t(e){o()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const F=function(t){return new C(t)};var w,D=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},k=function(t){return"true"===(t+"").toLowerCase()},A=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))};function S(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var o=f()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return p()(this,n)}}var T=function(t){t.prototype.version="0.0.0-beta.7"}(w=function(t){u()(n,t);var e=S(n);function n(){var t;return o()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return s()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[D(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var i=new CSSStyleSheet;i.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[i]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(b()(HTMLElement)))||w,B=n(8),z=n.n(B),R={refs:[],refsNew:[],deepClone:function(t){if("object"!==z()(t)||null===t)return t;if(t instanceof Date)return new Date(t);if(Array.isArray(t))return this.deepCloneArray(t,this.deepClone);var e={};for(var n in this.refs.push(t),this.refsNew.push(e),t)if(!1!==Object.hasOwnProperty.call(t,n)){var i=t[n];if("object"!==z()(i)||null===i)e[n]=i;else if(i instanceof Date)e[n]=new Date(i);else{var o=this.refs.indexOf(i);e[n]=-1!==o?this.refsNew[o]:this.deepClone(i)}}return this.refs.pop(),this.refsNew.pop(),e},deepCloneArray:function(t,e){for(var n=Object.keys(t),i=new Array(n.length),o=0;o<n.length;o+=1){var r=n[o],s=t[r];if("object"!==z()(s)||null===s)i[r]=s;else if(s instanceof Date)i[r]=new Date(s);else{var a=this.refs.indexOf(s);i[r]=-1!==a?this.refsNew[a]:e.call(this,s)}}return i}},q=function(){function t(){o()(this,t),y()(this,"originalData",[]),y()(this,"currentData",[])}return s()(t,[{key:"data",get:function(){return this.currentData},set:function(t){this.currentData=R.deepClone(t),this.originalData=t}},{key:"forEach",value:function(t){this.currentData.forEach(t)}},{key:"sort",value:function(t,e,n){var i=this.sortFunction(t,e,n);this.currentData.sort(i)}},{key:"sortFunction",value:function(t,e,n){var i=function(e){return n?n(e[t]):e[t]};return function(t,n){var o=i(t),r=i(n);return(o<r?-1:o>r?1:0)*[-1,1][+!!e]}}}]),t}();function N(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var o=f()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return p()(this,n)}}function O(){return window.performance.now()}function H(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var o=f()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return p()(this,n)}}const j=function(t){u()(n,t);var e=H(n);function n(){var t,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(o()(this,n),(t=e.call(this)).id=i.id,t.duration=-1,"number"==typeof i.duration&&(t.duration=parseInt(i.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof i.updateDuration&&(t.updateDuration=parseInt(i.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof i.updateCallback&&"function"!=typeof i.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof i.updateCallback&&(t.updateCallback=i.updateCallback.bind(l()(t))),"function"==typeof i.timeoutCallback&&(t.timeoutCallback=i.timeoutCallback.bind(l()(t))),t.paused=!1,t.startTime=O(),t.totalStoppedTime=0,p()(t,l()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=O()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=O()}},{key:"resume",value:function(){this.resumeTime=O(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return O()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&O()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(b()(Object));const P=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};o()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=O()),this.lastStopTime&&(t=!0,this.resumeTime=O(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,i=this,o=O();!function r(){i.doLoop&&(e=O(),n=(e-o)/1e3,i.items.forEach((function(r){if(r.doRemoveOnNextTick)i.remove(r);else if(t&&r.resume(),!r.paused)if("number"==typeof r.duration&&r.duration>-1&&r.elapsedTime>=r.duration)r.destroy();else{var s={last:o,delta:n,now:e};r.update(s)}})),o=e,t=!1,requestAnimationFrame(r))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=O(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return O()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof j&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}();function I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var o=f()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return p()(this,n)}}var L=null;var M;function _(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var o=f()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return p()(this,n)}}g("ids-virtual-scroll")(M=x("/* Ids Virtual Scroller Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-virtual-scroll {\n  width: 100%;\n  height: 250px;\n  overflow: auto; }\n  .ids-virtual-scroll:focus {\n    outline: 0; }\n\n.ids-virtual-scroll-viewport {\n  position: relative; }\n")(M=function(t){u()(n,t);var e=_(n);function n(){return o()(this,n),e.call(this)}return s()(n,[{key:"connectedCallback",value:function(){this.datasource=new q,this.stringTemplate='<div class="ids-virtual-scroll-item">${productName}</div>',this.init().handleEvents()}},{key:"init",value:function(){return this.applyHeight(),this.renderItems(!1),this}},{key:"handleEvents",value:function(){var t=this;return this.timeout=null,this.on("scroll",this.container,(function(e){t.handleScroll(e)}),{passive:!0}),this}},{key:"handleScroll",value:function(t){var e=this;this.timeout&&cancelAnimationFrame(this.timeout);var n=t.target;this.timeout=requestAnimationFrame((function(){e.scrollTop=n.scrollTop}))}},{key:"renderItems",value:function(t){var e=this;if(this.data&&(t||0!==this.data.length)){var n=this.startIndex,i=this.startIndex+this.visibleItemCount();if(this.lastStart!==n||this.lastEnd!==i){this.lastStart=n,this.lastEnd=i;var o=this.data.slice(n,i),r="";o.map((function(t){var n=e.itemTemplate(t);return r+=n,n})),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=r);this.trigger("afterrendered",this,{detail:{elem:this,startIndex:n,endIndex:i}})}}}},{key:"applyHeight",value:function(){var t=this.container.querySelector(".ids-virtual-scroll-viewport");(this.container.style.height="".concat(this.height,"px"),t.style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)")),this.isTable=this.querySelectorAll(".ids-data-grid-container").length>0,this.isTable)&&(this.shadowRoot.querySelector(".ids-virtual-scroll").style.overflow="inherit")}},{key:"visibleItemCount",value:function(){var t=Math.ceil(this.height/this.itemHeight)+2*this.bufferSize;return t=Math.min(Number(this.itemCount)-this.startIndex,t)}},{key:"template",value:function(){return'<div class="ids-virtual-scroll" tabindex="0"><div class="ids-virtual-scroll-viewport"><slot></slot></div></div>'}},{key:"height",get:function(){var t;return 0===(null===(t=this.data)||void 0===t?void 0:t.length)?0:this.getAttribute("height")},set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")}},{key:"itemHeight",get:function(){return this.getAttribute("item-height")},set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")}},{key:"bufferSize",get:function(){return this.getAttribute("buffer-size")||20},set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")}},{key:"scrollTop",get:function(){return this.getAttribute("scroll-top")||0},set:function(t){if(null!=t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=Number(t),void this.renderItems(!1);this.removeAttribute("scroll-top")}},{key:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",get:function(){return parseInt(this.getAttribute("item-count"),10)},set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")}},{key:"offsetY",get:function(){return Number(this.startIndex)*Number(this.itemHeight)}},{key:"startIndex",get:function(){var t=Math.floor(Number(this.scrollTop)/Number(this.itemHeight))-Number(this.bufferSize);return t=Math.max(0,t)}},{key:"itemTemplate",value:function(t){return A(this.stringTemplate||"",t)}},{key:"data",get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data},set:function(t){if(t&&this.datasource)return this.datasource.data=t,this.itemCount=t.length,this.lastStart=null,this.lastEnd=null,this.scrollTop=0,this.applyHeight(),void this.renderItems(!0);this.datasource.data=null}},{key:"scrollTarget",get:function(){return null==this?void 0:this.eventTarget},set:function(t){var e=this;t&&(this.eventTarget=t,this.on("scroll",this.eventTarget,(function(t){e.handleScroll(t)}),{passive:!0}))}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),n}(F(T).with((function(t){return function(t){u()(n,t);var e=I(n);function n(){return o()(this,n),e.apply(this,arguments)}return s()(n,[{key:"rl",get:function(){return L||(L=new P),L}}]),n}(t)}),(function(t){return function(t){u()(n,t);var e=N(n);function n(){var t;return o()(this,n),t=e.call(this),y()(l()(t),"handledEvents",new Map),t}return s()(n,[{key:"on",value:function(t,e,n,i){e.addEventListener(t.split(".")[0],n,i),this.handledEvents.set(t,{target:e,callback:n,options:i})}},{key:"off",value:function(t,e,n){var i=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],i.callback,n||i.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(i)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(i,o){n&&o!==e||t.removeEventListener(o,i.target,i.options)}))}}]),n}(t)}))))||M);var U;function K(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var o=f()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return p()(this,n)}}g("ids-list-view")(U=x("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-list-view {\n  height: 310px;\n  overflow: auto; }\n  .ids-list-view ul {\n    list-style-type: none;\n    padding-left: 0px;\n    padding-right: 0px;\n    margin: 0; }\n  .ids-list-view li {\n    padding-top: 12px;\n    padding-bottom: 12px;\n    padding-left: 20px;\n    padding-right: 20px;\n    border-bottom: 1px solid;\n    border-color: var(--ids-color-palette-slate-20); }\n")(U=function(t){u()(n,t);var e=K(n);function n(){var t;return o()(this,n),t=e.call(this),y()(l()(t),"datasource",new q),t}return s()(n,[{key:"connectedCallback",value:function(){var t;this.defaultTemplate="".concat((null===(t=this.querySelector("template"))||void 0===t?void 0:t.innerHTML)||"")}},{key:"template",value:function(){var t=this,e="";return(null==this?void 0:this.data.length)>0&&"true"!==this.virtualScroll?(e='<div class="ids-list-view"><ul>',this.data.forEach((function(n){e+="<li>".concat(t.itemTemplate(n),"</li>")})),e+="</ul></div>"):(null==this?void 0:this.data.length)>0&&"true"===this.virtualScroll?e='<ids-virtual-scroll height="310">\n          <div class="ids-list-view">\n            <ul slot="contents">\n            </ul>\n          </div>\n        </ids-virtual-scroll>':'<div class="ids-list-view"></div>'}},{key:"itemTemplate",value:function(t){return A(this.defaultTemplate,t)}},{key:"rerender",value:function(){var t=this,e=document.createElement("template"),n=this.template();this.shadowRoot.innerHTML="",e.innerHTML=n,this.shadowRoot.appendChild(e.content.cloneNode(!0)),k(this.virtualScroll)&&(null==this?void 0:this.data.length)>0&&(this.virtualScrollContainer=this.shadowRoot.querySelector("ids-virtual-scroll"),this.virtualScrollContainer.itemTemplate=function(e){return"<li>".concat(t.itemTemplate(e),"</li>")},this.virtualScrollContainer.itemCount=this.data.length,this.virtualScrollContainer.itemHeight=this.checkTemplateHeight('<li id="height-tester">'.concat(this.itemTemplate(this.datasource.data[0]),"</li>")),this.virtualScrollContainer.data=this.data,this.shadowRoot.querySelector(".ids-list-view").style.overflow="initial")}},{key:"checkTemplateHeight",value:function(t){this.shadowRoot.querySelector(".ids-list-view ul").insertAdjacentHTML("beforeEnd",t);var e=this.shadowRoot.querySelector("#height-tester"),n=e.offsetHeight;return e.remove(),n}},{key:"data",get:function(){var t;return(null==this||null===(t=this.datasource)||void 0===t?void 0:t.data)||[]},set:function(t){this.datasource.data=t||[],this.rerender()}},{key:"virtualScroll",get:function(){return this.getAttribute(E)||"false"},set:function(t){if(t)return this.setAttribute(E,t.toString()),void this.rerender();this.removeAttribute(E),this.rerender()}}],[{key:"properties",get:function(){return[E]}}]),n}(T))||U)}},e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={exports:{}};return t[i](o,o.exports,n),o.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(1308)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-list-view/ids-list-view-lib.js"]=e():t["ids-list-view/ids-list-view-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var i=n(9489),o=n(7067);function r(e,n,s){return o()?t.exports=r=Reflect.construct:t.exports=r=function(t,e,n){var o=[null];o.push.apply(o,e);var r=new(Function.bind.apply(t,o));return n&&i(r,n.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}t.exports=function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var i=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var i=n(8),o=n(1506);t.exports=function(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?o(t):e}},9489:t=>{function e(n,i){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,i)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var i=n(9754),o=n(9489),r=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!r(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,i(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),o(e,t)},a(e)}t.exports=a}},e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={exports:{}};return t[i](o,o.exports,n),o.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var i={};return(()=>{"use strict";var t=n(4575),e=n.n(t),i=n(3913),o=n.n(i),r=n(1506),s=n.n(r),a=n(2205),l=n.n(a),c=n(8585),u=n.n(c),d=n(9754),p=n.n(d),h=n(9713),f=n.n(h),m=n(5957),y=n.n(m);function v(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function b(t){return function(e){e.prototype.cssStyles=t}}var g="virtual-scroll",x=function(){function t(n){e()(this,t),this.superclass=n}return o()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const E=function(t){return new x(t)};var C,F=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},w=function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))},D=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))};function k(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var o=p()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u()(this,n)}}var A=function(t){t.prototype.version="0.0.0-beta.8"}(C=function(t){l()(i,t);var n=k(i);function i(){var t;return e()(this,i),(t=n.call(this)).addBaseName(),t.render(),t}return o()(i,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[F(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var i=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),i.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(i.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var i=new CSSStyleSheet;i.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[i]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),i}(y()(HTMLElement)))||C,S=n(8),T=n.n(S),B={refs:[],refsNew:[],deepClone:function(t){if("object"!==T()(t)||null===t)return t;if(t instanceof Date)return new Date(t);if(Array.isArray(t))return this.deepCloneArray(t,this.deepClone);var e={};for(var n in this.refs.push(t),this.refsNew.push(e),t)if(!1!==Object.hasOwnProperty.call(t,n)){var i=t[n];if("object"!==T()(i)||null===i)e[n]=i;else if(i instanceof Date)e[n]=new Date(i);else{var o=this.refs.indexOf(i);e[n]=-1!==o?this.refsNew[o]:this.deepClone(i)}}return this.refs.pop(),this.refsNew.pop(),e},deepCloneArray:function(t,e){for(var n=Object.keys(t),i=new Array(n.length),o=0;o<n.length;o+=1){var r=n[o],s=t[r];if("object"!==T()(s)||null===s)i[r]=s;else if(s instanceof Date)i[r]=new Date(s);else{var a=this.refs.indexOf(s);i[r]=-1!==a?this.refsNew[a]:e.call(this,s)}}return i}},z=function(){function t(){e()(this,t),f()(this,"originalData",[]),f()(this,"currentData",[])}return o()(t,[{key:"data",get:function(){return this.currentData},set:function(t){this.currentData=B.deepClone(t),this.originalData=t}},{key:"forEach",value:function(t){this.currentData.forEach(t)}},{key:"sort",value:function(t,e,n){var i=this.sortFunction(t,e,n);this.currentData.sort(i)}},{key:"sortFunction",value:function(t,e,n){var i=function(e){return n?n(e[t]):e[t]};return function(t,n){var o=i(t),r=i(n);return(o<r?-1:o>r?1:0)*[-1,1][+!!e]}}}]),t}();function R(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var o=p()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u()(this,n)}}function q(){return window.performance.now()}function N(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var o=p()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u()(this,n)}}const O=function(t){l()(i,t);var n=N(i);function i(){var t,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(e()(this,i),(t=n.call(this)).id=o.id,t.duration=-1,"number"==typeof o.duration&&(t.duration=parseInt(o.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof o.updateDuration&&(t.updateDuration=parseInt(o.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof o.updateCallback&&"function"!=typeof o.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof o.updateCallback&&(t.updateCallback=o.updateCallback.bind(s()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(s()(t))),t.paused=!1,t.startTime=q(),t.totalStoppedTime=0,u()(t,s()(t))}return o()(i,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=q()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=q()}},{key:"resume",value:function(){this.resumeTime=q(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return q()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&q()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),i}(y()(Object));const H=new(function(){function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};e()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,n.autoStart&&this.start()}return o()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=q()),this.lastStopTime&&(t=!0,this.resumeTime=q(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,i=this,o=q();!function r(){i.doLoop&&(e=q(),n=(e-o)/1e3,i.items.forEach((function(r){if(r.doRemoveOnNextTick)i.remove(r);else if(t&&r.resume(),!r.paused)if("number"==typeof r.duration&&r.duration>-1&&r.elapsedTime>=r.duration)r.destroy();else{var s={last:o,delta:n,now:e};r.update(s)}})),o=e,t=!1,requestAnimationFrame(r))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=q(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return q()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof O&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}());function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var o=p()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u()(this,n)}}var P;function I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var o=p()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u()(this,n)}}v("ids-virtual-scroll")(P=b("/* Ids Virtual Scroller Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-virtual-scroll {\n  width: 100%;\n  height: 250px;\n  overflow: auto; }\n  .ids-virtual-scroll:focus {\n    outline: 0; }\n\n.ids-virtual-scroll-viewport {\n  position: relative; }\n")(P=function(t){l()(i,t);var n=I(i);function i(){return e()(this,i),n.call(this)}return o()(i,[{key:"connectedCallback",value:function(){this.datasource=new z,this.stringTemplate='<div class="ids-virtual-scroll-item">${productName}</div>',this.init().handleEvents()}},{key:"init",value:function(){return this.applyHeight(),this.renderItems(!1),this}},{key:"handleEvents",value:function(){var t=this;return this.timeout=null,this.onEvent("scroll",this.container,(function(e){t.handleScroll(e)}),{passive:!0}),this}},{key:"handleScroll",value:function(t){var e=this;this.timeout&&cancelAnimationFrame(this.timeout);var n=t.target;this.timeout=requestAnimationFrame((function(){e.scrollTop=n.scrollTop}))}},{key:"renderItems",value:function(t){var e=this;if(this.data&&(t||0!==this.data.length)){var n=this.startIndex,i=this.startIndex+this.visibleItemCount();if(this.lastStart!==n||this.lastEnd!==i){this.lastStart=n,this.lastEnd=i;var o=this.data.slice(n,i),r="";o.map((function(t){var n=e.itemTemplate(t);return r+=n,n})),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=r);this.triggerEvent("afterrendered",this,{detail:{elem:this,startIndex:n,endIndex:i}})}}}},{key:"applyHeight",value:function(){var t=this.container.querySelector(".ids-virtual-scroll-viewport");(this.container.style.height="".concat(this.height,"px"),t.style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)")),this.isTable=this.querySelectorAll(".ids-data-grid-container").length>0,this.isTable)&&(this.shadowRoot.querySelector(".ids-virtual-scroll").style.overflow="inherit")}},{key:"visibleItemCount",value:function(){var t=Math.ceil(this.height/this.itemHeight)+2*this.bufferSize;return t=Math.min(Number(this.itemCount)-this.startIndex,t)}},{key:"template",value:function(){return'<div class="ids-virtual-scroll" tabindex="0"><div class="ids-virtual-scroll-viewport"><slot></slot></div></div>'}},{key:"height",get:function(){var t;return 0===(null===(t=this.data)||void 0===t?void 0:t.length)?0:this.getAttribute("height")},set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")}},{key:"itemHeight",get:function(){return this.getAttribute("item-height")},set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")}},{key:"bufferSize",get:function(){return this.getAttribute("buffer-size")||20},set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")}},{key:"scrollTop",get:function(){return this.getAttribute("scroll-top")||0},set:function(t){if(null!=t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=Number(t),void this.renderItems(!1);this.removeAttribute("scroll-top")}},{key:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",get:function(){return parseInt(this.getAttribute("item-count"),10)},set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")}},{key:"offsetY",get:function(){return Number(this.startIndex)*Number(this.itemHeight)}},{key:"startIndex",get:function(){var t=Math.floor(Number(this.scrollTop)/Number(this.itemHeight))-Number(this.bufferSize);return t=Math.max(0,t)}},{key:"itemTemplate",value:function(t){return D(this.stringTemplate,t)}},{key:"data",get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data},set:function(t){if(t&&this.datasource)return this.datasource.data=t,this.itemCount=t.length,this.lastStart=null,this.lastEnd=null,this.scrollTop=0,this.applyHeight(),void this.renderItems(!0);this.datasource.data=null}},{key:"scrollTarget",get:function(){return null==this?void 0:this.eventTarget},set:function(t){var e=this;t&&(this.eventTarget=t,this.onEvent("scroll",this.eventTarget,(function(t){e.handleScroll(t)}),{passive:!0}))}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),i}(E(A).with((function(t){return function(t){l()(i,t);var n=j(i);function i(){return e()(this,i),n.call(this)}return o()(i,[{key:"rl",get:function(){return H}}]),i}(t)}),(function(t){return function(t){l()(i,t);var n=R(i);function i(){var t;return e()(this,i),t=n.call(this),f()(s()(t),"handledEvents",new Map),t}return o()(i,[{key:"onEvent",value:function(t,e,n,i){e.addEventListener(t.split(".")[0],n,i),this.handledEvents.set(t,{target:e,callback:n,options:i})}},{key:"offEvent",value:function(t,e,n){var i=this.handledEvents.get(t);null!=i&&i.callback&&e.removeEventListener(t.split(".")[0],i.callback,n||i.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(i)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(i,o){n&&o!==t||e.offEvent(o,i.target,i.options)}))}}]),i}(t)}))))||P);var L;function M(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var o=p()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u()(this,n)}}v("ids-list-view")(L=b("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-list-view {\n  height: 310px;\n  overflow: auto; }\n  .ids-list-view ul {\n    list-style-type: none;\n    padding-left: 0px;\n    padding-right: 0px;\n    margin: 0; }\n  .ids-list-view li {\n    padding-top: 12px;\n    padding-bottom: 12px;\n    padding-left: 20px;\n    padding-right: 20px;\n    border-bottom: 1px solid;\n    border-color: var(--ids-color-palette-slate-20); }\n")(L=function(t){l()(i,t);var n=M(i);function i(){var t;return e()(this,i),t=n.call(this),f()(s()(t),"datasource",new z),t}return o()(i,[{key:"connectedCallback",value:function(){var t;this.defaultTemplate="".concat((null===(t=this.querySelector("template"))||void 0===t?void 0:t.innerHTML)||"")}},{key:"template",value:function(){var t=this,e="";return(null==this?void 0:this.data.length)>0&&"true"!==this.virtualScroll?(e='<div class="ids-list-view"><ul>',this.data.forEach((function(n){e+="<li>".concat(t.itemTemplate(n),"</li>")})),e+="</ul></div>"):(null==this?void 0:this.data.length)>0&&"true"===this.virtualScroll?e='<ids-virtual-scroll height="310">\n          <div class="ids-list-view">\n            <ul slot="contents">\n            </ul>\n          </div>\n        </ids-virtual-scroll>':'<div class="ids-list-view"></div>'}},{key:"itemTemplate",value:function(t){return D(this.defaultTemplate,t)}},{key:"rerender",value:function(){var t=this,e=document.createElement("template"),n=this.template();this.shadowRoot.innerHTML="",e.innerHTML=n,this.shadowRoot.appendChild(e.content.cloneNode(!0)),w(this.virtualScroll)&&(null==this?void 0:this.data.length)>0&&(this.virtualScrollContainer=this.shadowRoot.querySelector("ids-virtual-scroll"),this.virtualScrollContainer.itemTemplate=function(e){return"<li>".concat(t.itemTemplate(e),"</li>")},this.virtualScrollContainer.itemCount=this.data.length,this.virtualScrollContainer.itemHeight=this.checkTemplateHeight('<li id="height-tester">'.concat(this.itemTemplate(this.datasource.data[0]),"</li>")),this.virtualScrollContainer.data=this.data,this.shadowRoot.querySelector(".ids-list-view").style.overflow="initial")}},{key:"checkTemplateHeight",value:function(t){this.shadowRoot.querySelector(".ids-list-view ul").insertAdjacentHTML("beforeEnd",t);var e=this.shadowRoot.querySelector("#height-tester"),n=e.offsetHeight;return e.remove(),n}},{key:"data",get:function(){var t;return(null==this||null===(t=this.datasource)||void 0===t?void 0:t.data)||[]},set:function(t){this.datasource.data=t||[],this.rerender()}},{key:"virtualScroll",get:function(){return this.getAttribute(g)||"false"},set:function(t){if(t)return this.setAttribute(g,t.toString()),void this.rerender();this.removeAttribute(g),this.rerender()}}],[{key:"properties",get:function(){return[g]}}]),i}(A))||L)})(),i=i.default})()}));
 //# sourceMappingURL=ids-list-view.js.map

ids-loader/ids-loader.d.ts

 // Ids is a JavaScript project, but we define TypeScript declarations so we can
 // confirm our code is type safe, and to support TypeScript users.
 
-export default class IdsLoader extends HTMLElement {
+import { IdsElement } from '../ids-base/ids-element';
+
+export default class IdsLoader extends IdsElement {
 }

ids-loader/ids-loader.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-loader/ids-loader-lib.js"]=t():e["ids-loader/ids-loader-lib.js"]=t()}(self,(function(){return(()=>{var e={1506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},4575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},9100:(e,t,n)=>{var o=n(9489),r=n(7067);function i(t,n,s){return r()?e.exports=i=Reflect.construct:e.exports=i=function(e,t,n){var r=[null];r.push.apply(r,t);var i=new(Function.bind.apply(e,r));return n&&o(i,n.prototype),i},i.apply(null,arguments)}e.exports=i},3913:e=>{function t(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}e.exports=function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}},9754:e=>{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},2205:(e,t,n)=>{var o=n(9489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}},430:e=>{e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},7067:e=>{e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},8585:(e,t,n)=>{var o=n(8),r=n(1506);e.exports=function(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?r(e):t}},9489:e=>{function t(n,o){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,o)}e.exports=t},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},5957:(e,t,n)=>{var o=n(9754),r=n(9489),i=n(430),s=n(9100);function l(t){var n="function"==typeof Map?new Map:void 0;return e.exports=l=function(e){if(null===e||!i(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return s(e,arguments,o(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),r(t,e)},l(t)}e.exports=l},3606:(e,t,n)=>{"use strict";var o=n(4575),r=n.n(o),i=n(3913),s=n.n(i),l=n(2205),a=n.n(l),c=n(8585),d=n.n(c),p=n(9754),u=n.n(p),f=n(5957);var h,b=function(e){return(e.slice(0,1).toLowerCase()+e.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(e,t){return e+t[0].toUpperCase()+t.substring(1)}))};function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u()(e);if(t){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}var m=function(e){e.prototype.version="0.0.0-beta.7"}(h=function(e){a()(n,e);var t=y(n);function n(){var e;return r()(this,n),(e=t.call(this)).addBaseName(),e.render(),e}return s()(n,[{key:"addBaseName",value:function(){var e;this.name=null===(e=this.nodeName)||void 0===e?void 0:e.toLowerCase()}},{key:"attributeChangedCallback",value:function(e,t,n){t!==n&&(this[b(e)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var e,t;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n.content.cloneNode(!0)),this.container=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e,t,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(e=n.textContent)||void 0===e?void 0:e.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(n.n(f)()(HTMLElement)))||h;var x;function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=u()(e);if(t){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}var g,E;E="ids-loader",g="/* Ids Loader */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-loader {\n  background-color: var(--ids-color-palette-azure-10);\n  position: fixed;\n  height: 100%;\n  z-index: 1;\n  width: 100%;\n  height: 2px;\n  left: 0;\n  top: 0; }\n\n@keyframes indeterminate {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; } }\n\n@keyframes indeterminate-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; } }\n\n.ids-loader-indeterminate {\n  background-color: var(--ids-color-palette-azure-70); }\n  .ids-loader-indeterminate::before {\n    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    background-color: inherit;\n    bottom: 0;\n    content: '';\n    left: 0;\n    position: absolute;\n    top: 0;\n    will-change: left, right; }\n  .ids-loader-indeterminate::after {\n    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    animation-delay: 1.15s;\n    background-color: inherit;\n    bottom: 0;\n    content: '';\n    left: 0;\n    position: absolute;\n    top: 0;\n    will-change: left, right; }\n",F=x=function(e){e.prototype.cssStyles=g}(x=function(e){a()(n,e);var t=v(n);function n(){return r()(this,n),t.call(this)}return s()(n,[{key:"template",value:function(){return'<div class="ids-loader">\n      <div class="ids-loader-indeterminate"></div>\n    </div>'}}]),n}(m))||x,customElements.get(E)||customElements.define(E,F);var F}},t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={exports:{}};return e[o](r,r.exports,n),r.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n(3606)})().default}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-loader/ids-loader-lib.js"]=t():e["ids-loader/ids-loader-lib.js"]=t()}(self,(function(){return(()=>{var e={1506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},4575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},9100:(e,t,n)=>{var o=n(9489),r=n(7067);function i(t,n,s){return r()?e.exports=i=Reflect.construct:e.exports=i=function(e,t,n){var r=[null];r.push.apply(r,t);var i=new(Function.bind.apply(e,r));return n&&o(i,n.prototype),i},i.apply(null,arguments)}e.exports=i},3913:e=>{function t(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}e.exports=function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}},9754:e=>{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},2205:(e,t,n)=>{var o=n(9489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&o(e,t)}},430:e=>{e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},7067:e=>{e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},8585:(e,t,n)=>{var o=n(8),r=n(1506);e.exports=function(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?r(e):t}},9489:e=>{function t(n,o){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,o)}e.exports=t},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},5957:(e,t,n)=>{var o=n(9754),r=n(9489),i=n(430),s=n(9100);function l(t){var n="function"==typeof Map?new Map:void 0;return e.exports=l=function(e){if(null===e||!i(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return s(e,arguments,o(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),r(t,e)},l(t)}e.exports=l}},t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={exports:{}};return e[o](r,r.exports,n),r.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{"use strict";var e=n(4575),t=n.n(e),o=n(3913),r=n.n(o),i=n(2205),s=n.n(i),l=n(8585),a=n.n(l),c=n(9754),d=n.n(c),p=n(5957);var u,f=function(e){return(e.slice(0,1).toLowerCase()+e.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(e,t){return e+t[0].toUpperCase()+t.substring(1)}))};function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d()(e);if(t){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return a()(this,n)}}var b=function(e){e.prototype.version="0.0.0-beta.8"}(u=function(e){s()(o,e);var n=h(o);function o(){var e;return t()(this,o),(e=n.call(this)).addBaseName(),e.render(),e}return r()(o,[{key:"addBaseName",value:function(){var e;this.name=null===(e=this.nodeName)||void 0===e?void 0:e.toLowerCase()}},{key:"attributeChangedCallback",value:function(e,t,n){t!==n&&(this[f(e)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var e,t,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(o.content.cloneNode(!0)),this.container=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e,t,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(e=n.textContent)||void 0===e?void 0:e.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(n.n(p)()(HTMLElement)))||u;var y;function m(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d()(e);if(t){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return a()(this,n)}}var x,v;v="ids-loader",x="/* Ids Loader */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-loader {\n  background-color: var(--ids-color-palette-azure-10);\n  position: fixed;\n  height: 100%;\n  z-index: 1;\n  width: 100%;\n  height: 2px;\n  left: 0;\n  top: 0; }\n\n@keyframes indeterminate {\n  0% {\n    left: -35%;\n    right: 100%; }\n  60% {\n    left: 100%;\n    right: -90%; }\n  100% {\n    left: 100%;\n    right: -90%; } }\n\n@keyframes indeterminate-short {\n  0% {\n    left: -200%;\n    right: 100%; }\n  60% {\n    left: 107%;\n    right: -8%; }\n  100% {\n    left: 107%;\n    right: -8%; } }\n\n.ids-loader-indeterminate {\n  background-color: var(--ids-color-palette-azure-70); }\n  .ids-loader-indeterminate::before {\n    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n    background-color: inherit;\n    bottom: 0;\n    content: '';\n    left: 0;\n    position: absolute;\n    top: 0;\n    will-change: left, right; }\n  .ids-loader-indeterminate::after {\n    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    animation-delay: 1.15s;\n    background-color: inherit;\n    bottom: 0;\n    content: '';\n    left: 0;\n    position: absolute;\n    top: 0;\n    will-change: left, right; }\n",g=y=function(e){e.prototype.cssStyles=x}(y=function(e){s()(o,e);var n=m(o);function o(){return t()(this,o),n.call(this)}return r()(o,[{key:"template",value:function(){return'<div class="ids-loader">\n      <div class="ids-loader-indeterminate"></div>\n    </div>'}}]),o}(b))||y,customElements.get(v)||customElements.define(v,g);var g})(),o=o.default})()}));
 //# sourceMappingURL=ids-loader.js.map

ids-menu-button/example.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-menu-button/example-lib.js"]=t():e["ids-menu-button/example-lib.js"]=t()}(self,(function(){return(e={2115:()=>{document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelector("ids-menu-button");e.menuEl.popup.addEventListener("show",(function(){console.log("Menu Button items were displayed")})),e.menuEl.popup.addEventListener("hide",(function(){console.log("Menu Button items were hidden")}))}))}},t={},function n(o){if(t[o])return t[o].exports;var u=t[o]={exports:{}};return e[o](u,u.exports,n),u.exports}(2115)).default;var e,t}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-menu-button/example-lib.js"]=t():e["ids-menu-button/example-lib.js"]=t()}(self,(function(){return e={},document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelector("ids-menu-button");e.menuEl.popup.addEventListener("show",(function(){console.log("Menu Button items were displayed")})),e.menuEl.popup.addEventListener("hide",(function(){console.log("Menu Button items were hidden")}))})),e=e.default;var e}));
 //# sourceMappingURL=example.js.map

ids-menu-button/ids-menu-button.d.ts

@@ -6,3 +6,3 @@ import { IdsButton } from '../ids-button/ids-button';
 
-export class IdsMenuButton extends IdsButton {
+export default class IdsMenuButton extends IdsButton {
   /** Defines the type of icon used as the secondary "dropdown icon".  If null, no icon is used */
@@ -9,0 +9,0 @@ dropdownIcon: string | boolean;

ids-menu-group/ids-menu-group.d.ts

@@ -11,25 +11,19 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can
 export default class IdsMenuGroup extends IdsElement {
-  /* */
+  /* Access the menu element */
   readonly menu: IdsMenu;
 
-  /* */
+  /* Access the menu items */
   readonly items: Array<IdsMenuItem>;
 
-  /* */
+  /* Access the menu icons */
   readonly itemIcons: Array<IdsIcon>;
 
-  /* */
+  /* Access the menu header element */
   readonly header?: IdsMenuHeader;
 
-  /* */
+  /* Set the selection mode */
   select: 'none' | 'single' | 'multiple';
 
-  /* */
+  /* Keep the menu open until closed by the user */
   keepOpen: boolean;
-
-  /* */
-  deselectAllExcept(keptItems?: Array<IdsMenuItem>): void;
-
-  /* */
-  connectedCallback(): void;
 }

ids-menu-item/ids-menu-item.d.ts

@@ -24,5 +24,21 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can
 
+interface beforeselected extends Event {
+  bubbles: true,
+  detail: {
+    elem: IdsMenuItem,
+    response: (isVoid: boolean) => void;
+  }
+}
+
+interface beforedeselected extends Event {
+  bubbles: true,
+  detail: {
+    elem: IdsMenuItem,
+    response: (isVoid: boolean) => void;
+  }
+}
+
 export default class IdsMenuItem extends IdsElement {
   /* Internal state object used for some properties */
-  private state: unknown;
+  readonly state: unknown;
 
@@ -98,17 +114,1 @@ /* reference to the Menu Item's anchor */
 }
-
-interface beforeselected extends Event {
-  bubbles: true,
-  detail: {
-    elem: IdsMenuItem,
-    response: (isVoid: boolean) => void;
-  }
-}
-
-interface beforedeselected extends Event {
-  bubbles: true,
-  detail: {
-    elem: IdsMenuItem,
-    response: (isVoid: boolean) => void;
-  }
-}

ids-menu/example.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-menu/example-lib.js"]=t():e["ids-menu/example-lib.js"]=t()}(self,(function(){return(e={5956:()=>{document.addEventListener("DOMContentLoaded",(function(){document.querySelector("#no-select").addEventListener("beforeselected",(function(e){console.info("%c You cannot select this item","color: #ff0000;",e.detail.elem),e.detail.response(!1)})),document.querySelector("#complex-menu").addEventListener("selected",(function(e){console.info('Item "'.concat(e.detail.elem.text,'" was selected'))}))}))}},t={},function o(n){if(t[n])return t[n].exports;var c=t[n]={exports:{}};return e[n](c,c.exports,o),c.exports}(5956)).default;var e,t}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-menu/example-lib.js"]=t():e["ids-menu/example-lib.js"]=t()}(self,(function(){return e={},document.addEventListener("DOMContentLoaded",(function(){document.querySelector("#no-select").addEventListener("beforeselected",(function(e){console.info("%c You cannot select this item","color: #ff0000;",e.detail.elem),e.detail.response(!1)})),document.querySelector("#complex-menu").addEventListener("selected",(function(e){console.info('Item "'.concat(e.detail.elem.text,'" was selected'))}))})),e=e.default;var e}));
 //# sourceMappingURL=example.js.map

ids-menu/ids-menu.d.ts

@@ -23,3 +23,2 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can
 
-// Main export
 export default class IdsMenu extends IdsElement {
@@ -26,0 +25,0 @@ /* references all available menu groups */

ids-popup-menu/example.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-popup-menu/example-lib.js"]=t():e["ids-popup-menu/example-lib.js"]=t()}(self,(function(){return(()=>{"use strict";var e={7095:(e,t,n)=>{var r=n(3379),o=n.n(r),a=n(283),i={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};o()(a.Z,i);a.Z.locals;document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelector("ids-popup-menu");e.popup.align="top, left",e.addEventListener("selected",(function(e){console.log('Item "'.concat(e.detail.elem.text,'" was selected'))}))}))},283:(e,t,n)=>{n.d(t,{Z:()=>c});var r=n(4015),o=n.n(r),a=n(3645),i=n.n(a)()(o());i.push([e.id,"#scrollable-section{height:2500px}\n","",{version:3,sources:["webpack://./app/ids-popup-menu/index.scss"],names:[],mappings:"AAEA,oBACE,aAAc",sourcesContent:["// Makes the example page scrollable, for the purposes of testing\n// Popupmenu placement in a scrolling setting (should scroll with the page)\n#scrollable-section {\n  height: 2500px;\n}\n"],sourceRoot:""}]);const c=i},3645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);r&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),t.push(s))}},t}},4015:e=>{function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,a=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==c.return||c.return()}finally{if(o)throw a}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}e.exports=function(e){var n=t(e,4),r=n[1],o=n[3];if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),c="/*# ".concat(i," */"),s=o.sources.map((function(e){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(e," */")}));return[r].concat(s).concat([c]).join("\n")}return[r].join("\n")}},3379:(e,t,n)=>{var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},a=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function c(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function s(e,t){for(var n={},r=[],o=0;o<e.length;o++){var a=e[o],s=t.base?a[0]+t.base:a[0],u=n[s]||0,l="".concat(s," ").concat(u);n[s]=u+1;var f=c(l),d={css:a[1],media:a[2],sourceMap:a[3]};-1!==f?(i[f].references++,i[f].updater(d)):i.push({identifier:l,updater:h(d,t),references:1}),r.push(l)}return r}function u(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function p(e,t,n){var r=n.css,o=n.media,a=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var m=null,v=0;function h(e,t){var n,r,o;if(t.singleton){var a=v++;n=m||(m=u(t)),r=d.bind(null,n,a,!1),o=d.bind(null,n,a,!0)}else n=u(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=s(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);i[o].references--}for(var a=s(e,t),u=0;u<n.length;u++){var l=c(n[u]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}n=a}}}}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={id:r,exports:{}};return e[r](o,o.exports,n),o.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n(7095)})().default}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-popup-menu/example-lib.js"]=t():e["ids-popup-menu/example-lib.js"]=t()}(self,(function(){return(()=>{"use strict";var e={283:(e,t,n)=>{n.d(t,{Z:()=>c});var r=n(4015),o=n.n(r),a=n(3645),i=n.n(a)()(o());i.push([e.id,"#scrollable-section{height:2500px}\n","",{version:3,sources:["webpack://./app/ids-popup-menu/index.scss"],names:[],mappings:"AAEA,oBACE,aAAc",sourcesContent:["// Makes the example page scrollable, for the purposes of testing\n// Popupmenu placement in a scrolling setting (should scroll with the page)\n#scrollable-section {\n  height: 2500px;\n}\n"],sourceRoot:""}]);const c=i},3645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);r&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),t.push(s))}},t}},4015:e=>{function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,a=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!t||n.length!==t);r=!0);}catch(e){o=!0,a=e}finally{try{r||null==c.return||c.return()}finally{if(o)throw a}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}e.exports=function(e){var n=t(e,4),r=n[1],o=n[3];if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),i="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),c="/*# ".concat(i," */"),s=o.sources.map((function(e){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(e," */")}));return[r].concat(s).concat([c]).join("\n")}return[r].join("\n")}},3379:(e,t,n)=>{var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},a=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function c(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function s(e,t){for(var n={},r=[],o=0;o<e.length;o++){var a=e[o],s=t.base?a[0]+t.base:a[0],u=n[s]||0,l="".concat(s," ").concat(u);n[s]=u+1;var f=c(l),d={css:a[1],media:a[2],sourceMap:a[3]};-1!==f?(i[f].references++,i[f].updater(d)):i.push({identifier:l,updater:h(d,t),references:1}),r.push(l)}return r}function u(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function p(e,t,n){var r=n.css,o=n.media,a=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var m=null,v=0;function h(e,t){var n,r,o;if(t.singleton){var a=v++;n=m||(m=u(t)),r=d.bind(null,n,a,!1),o=d.bind(null,n,a,!0)}else n=u(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=s(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);i[o].references--}for(var a=s(e,t),u=0;u<n.length;u++){var l=c(n[u]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}n=a}}}}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={id:r,exports:{}};return e[r](o,o.exports,n),o.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var r={};return(()=>{var e=n(3379),t=n.n(e),r=n(283),o={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};t()(r.Z,o);r.Z.locals;document.addEventListener("DOMContentLoaded",(function(){var e=document.querySelector("ids-popup-menu");e.popup.align="top, left",e.addEventListener("selected",(function(e){console.log('Item "'.concat(e.detail.elem.text,'" was selected'))}))}))})(),r=r.default})()}));
 //# sourceMappingURL=example.js.map

ids-popup-menu/ids-popup-menu.d.ts

@@ -19,3 +19,2 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can
 
-// Main export
 export default class IdsPopupMenu extends IdsMenu {
@@ -42,6 +41,2 @@ /* references this menu's parent menu component, if this menu is a submenu */
   hideSubmenus(focusedMenuItem?: IdsMenuItem): void;
-
-  // @TODO Don't use these -- they are private (need them here for now)
-  /* */
-  connectedCallback(): void;
 }

ids-popup/example.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-popup/example-lib.js"]=e():t["ids-popup/example-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function r(e,n,s){return i()?t.exports=r=Reflect.construct:t.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&o(r,n.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),r=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!r(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},4725:(t,e,n)=>{"use strict";var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(2205),c=n.n(a),l=n(8585),d=n.n(l),u=n(9754),p=n.n(u),b=n(5957),f=n.n(b);var h="css-class",m="disabled",y="icon",v="icon-align",g="id",x="tabindex",k="text",C="type",w=function(){function t(e){i()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const E=function(t){return new w(t)};var S,A=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function F(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var T=function(t){t.prototype.version="0.0.0-beta.7"}(S=function(t){c()(n,t);var e=F(n);function n(){var t;return i()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return s()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[A(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||S,R=function(t){return null!==t&&(!0===t||"string"==typeof t&&"false"!==t)},z=n(1506),D=n.n(z),B=n(9713),j=n.n(B);function L(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}function O(){return window.performance.now()}function I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}const q=function(t){c()(n,t);var e=I(n);function n(){var t,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(i()(this,n),(t=e.call(this)).id=o.id,t.duration=-1,"number"==typeof o.duration&&(t.duration=parseInt(o.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof o.updateDuration&&(t.updateDuration=parseInt(o.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof o.updateCallback&&"function"!=typeof o.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof o.updateCallback&&(t.updateCallback=o.updateCallback.bind(D()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(D()(t))),t.paused=!1,t.startTime=O(),t.totalStoppedTime=0,d()(t,D()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=O()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=O()}},{key:"resume",value:function(){this.resumeTime=O(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return O()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&O()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(f()(Object));const U=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};i()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=O()),this.lastStopTime&&(t=!0,this.resumeTime=O(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,o=this,i=O();!function r(){o.doLoop&&(e=O(),n=(e-i)/1e3,o.items.forEach((function(r){if(r.doRemoveOnNextTick)o.remove(r);else if(t&&r.resume(),!r.paused)if("number"==typeof r.duration&&r.duration>-1&&r.elapsedTime>=r.duration)r.destroy();else{var s={last:i,delta:n,now:e};r.update(s)}})),i=e,t=!1,requestAnimationFrame(r))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=O(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return O()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof q&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}();function P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var N=null;var M;function _(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var H,Y,K=["default","primary","secondary","tertiary","destructive"],X={cssClass:[],disabled:!1,tabIndex:!0,type:K[0]},Z=[h,m,y,v,g,k,C,x],G=["align-icon-start","align-icon-end"],J=(Y="ids-button",H="/**\n * Ids Button Component CSS\n * (Includes standard and icon button rules)\n */\n/**\n * Ids Button Base CSS\n * Use these mixins inside Ids Button CSS classes to define their base styles.\n */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  display: inline-flex; }\n  :host ::slotted(span) {\n    vertical-align: bottom; }\n  :host ::slotted(ids-icon) {\n    vertical-align: middle; }\n  :host ::slotted(span.audible) {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n.ripple-effect {\n  display: block;\n  border-radius: 50%;\n  opacity: 0;\n  position: absolute;\n  transform: scale(0); }\n  .ripple-effect.animating {\n    -webkit-animation: ripple-animation 1.2s ease-out;\n    -moz-animation: ripple-animation 1.2s ease-out;\n    animation: ripple-animation 1.2s ease-out; }\n\n.ids-button,\n.ids-toggle-button,\n.ids-menu-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap; }\n  .ids-button, .ids-button::before, .ids-button::after,\n  .ids-toggle-button,\n  .ids-toggle-button::before,\n  .ids-toggle-button::after,\n  .ids-menu-button,\n  .ids-menu-button::before,\n  .ids-menu-button::after {\n    box-sizing: border-box; }\n  .ids-button *,\n  .ids-toggle-button *,\n  .ids-menu-button * {\n    pointer-events: none; }\n  .ids-button:focus,\n  .ids-toggle-button:focus,\n  .ids-menu-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-button:hover,\n  .ids-toggle-button:hover,\n  .ids-menu-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-button[disabled],\n  .ids-toggle-button[disabled],\n  .ids-menu-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-button:not([disabled]),\n  .ids-toggle-button:not([disabled]),\n  .ids-menu-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-button span,\n  .ids-toggle-button span,\n  .ids-menu-button span {\n    vertical-align: bottom; }\n    .ids-button span.audible,\n    .ids-toggle-button span.audible,\n    .ids-menu-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    vertical-align: middle; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-button.btn-primary,\n  .ids-toggle-button.btn-primary,\n  .ids-menu-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-button.btn-primary:focus,\n    .ids-toggle-button.btn-primary:focus,\n    .ids-menu-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-primary:hover,\n    .ids-toggle-button.btn-primary:hover,\n    .ids-menu-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-button.btn-primary[disabled],\n    .ids-toggle-button.btn-primary[disabled],\n    .ids-menu-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-button.btn-primary .ripple-effect,\n    .ids-toggle-button.btn-primary .ripple-effect,\n    .ids-menu-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-secondary,\n  .ids-toggle-button.btn-secondary,\n  .ids-menu-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-button.btn-secondary:focus,\n    .ids-toggle-button.btn-secondary:focus,\n    .ids-menu-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-secondary:hover,\n    .ids-toggle-button.btn-secondary:hover,\n    .ids-menu-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-button.btn-secondary[disabled],\n    .ids-toggle-button.btn-secondary[disabled],\n    .ids-menu-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-button.btn-secondary .ripple-effect,\n    .ids-toggle-button.btn-secondary .ripple-effect,\n    .ids-menu-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-tertiary, .ids-button.btn-destructive,\n  .ids-toggle-button.btn-tertiary,\n  .ids-toggle-button.btn-destructive,\n  .ids-menu-button.btn-tertiary,\n  .ids-menu-button.btn-destructive {\n    border-color: transparent; }\n    .ids-button.btn-tertiary:focus, .ids-button.btn-destructive:focus,\n    .ids-toggle-button.btn-tertiary:focus,\n    .ids-toggle-button.btn-destructive:focus,\n    .ids-menu-button.btn-tertiary:focus,\n    .ids-menu-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-button.btn-tertiary:hover, .ids-button.btn-destructive:hover,\n    .ids-toggle-button.btn-tertiary:hover,\n    .ids-toggle-button.btn-destructive:hover,\n    .ids-menu-button.btn-tertiary:hover,\n    .ids-menu-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-button.btn-tertiary[disabled], .ids-button.btn-destructive[disabled],\n    .ids-toggle-button.btn-tertiary[disabled],\n    .ids-toggle-button.btn-destructive[disabled],\n    .ids-menu-button.btn-tertiary[disabled],\n    .ids-menu-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-button.align-icon-end ids-icon[slot],\n  .ids-toggle-button.align-icon-end ids-icon[slot],\n  .ids-menu-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(3):last-child),\n  .ids-toggle-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(3):last-child),\n  .ids-menu-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(3):last-child) {\n    padding-left: 4px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    display: inline-flex;\n    place-self: center;\n    vertical-align: middle; }\n  .ids-button .ids-icon:last-child,\n  .ids-button span + span,\n  .ids-button span:last-child,\n  .ids-toggle-button .ids-icon:last-child,\n  .ids-toggle-button span + span,\n  .ids-toggle-button span:last-child,\n  .ids-menu-button .ids-icon:last-child,\n  .ids-menu-button span + span,\n  .ids-menu-button span:last-child {\n    padding-left: 4px; }\n  .ids-button ::slotted(ids-icon:only-child),\n  .ids-toggle-button ::slotted(ids-icon:only-child),\n  .ids-menu-button ::slotted(ids-icon:only-child) {\n    display: block; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    height: 250px;\n    width: 250px; }\n\n.ids-icon-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 50%; }\n  .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {\n    box-sizing: border-box; }\n  .ids-icon-button * {\n    pointer-events: none; }\n  .ids-icon-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-icon-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-icon-button span {\n    vertical-align: bottom; }\n    .ids-icon-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-icon-button .ids-icon {\n    vertical-align: middle; }\n  .ids-icon-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-icon-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-icon-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-icon-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-icon-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-icon-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-icon-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-icon-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-tertiary, .ids-icon-button.btn-destructive {\n    border-color: transparent; }\n    .ids-icon-button.btn-tertiary:focus, .ids-icon-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-icon-button.btn-tertiary:hover, .ids-icon-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-icon-button.btn-tertiary[disabled], .ids-icon-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-icon-button .ids-icon {\n    display: block;\n    padding-left: 0px;\n    font-size: 0; }\n  .ids-icon-button span.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n  .ids-icon-button .ripple-effect {\n    height: 70px;\n    width: 70px; }\n\n@-webkit-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@-moz-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n",function(t){customElements.get(Y)||customElements.define(Y,t)}(M=function(t){t.prototype.cssStyles=H}(M=function(t){c()(n,t);var e=_(n);function n(){var t;return i()(this,n),(t=e.call(this)).state={},Object.keys(X).forEach((function(e){t.state[e]=X[e]})),t.shouldUpdate=!0,t}return s()(n,[{key:"attributeChangedCallback",value:function(t,e,n){if(this.shouldUpdate)switch(t){case"tabindex":this.tabIndex=Number(n);break;default:T.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"protoClasses",get:function(){var t=this.querySelector("span:not(.audible)");return(this.querySelector("ids-icon[slot]")||this.querySelector("ids-icon"))&&!t?["ids-icon-button"]:["ids-button"]}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"]),t.add(e)}},{key:"template",value:function(){var t,e,n,o,i,r,s,a="",c="",l="",d="",u='tabindex="0"',p="",b="";null!==(t=this.state)&&void 0!==t&&t.cssClass&&(a=" ".concat(this.state.cssClass.join(" "))),null!==(e=this.state)&&void 0!==e&&e.disabled&&(l=' disabled="true"'),null!==(n=this.state)&&void 0!==n&&n.tabIndex&&(u='tabindex="'.concat(this.state.tabIndex,'"')),null!==(o=this.state)&&void 0!==o&&o.icon&&(d='<ids-icon slot="icon" icon="'.concat(this.state.icon,'"></ids-icon>')),null!==(i=this.state)&&void 0!==i&&i.text&&(p='<span slot="text">'.concat(this.state.text,"</span>")),this.state&&"default"!==(null===(r=this.state)||void 0===r?void 0:r.type)&&(b=" btn-".concat(this.state.type)),this.protoClasses.length&&(c="".concat(this.protoClasses.join(" ")));var f=" align-icon-start",h='<slot name="icon">'.concat(d,'</slot><slot name="text">').concat(p,"</slot>");return"end"===(null===(s=this.state)||void 0===s?void 0:s.iconAlign)&&(f=" align-icon-end",h='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(c).concat(b).concat(f).concat(a,'" ').concat(u).concat(l,">\n      ").concat(h,"\n      <slot>").concat(d).concat(p,"</slot>\n    </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,o=!1;this.on("click.ripple",this.button,(function(i){o?o=!1:(t=0!==i.clientX?i.clientX:void 0,e=0!==i.clientY?i.clientY:void 0,n.createRipple(t,e))})),this.on("touchstart.ripple",this.button,(function(i){if(i.touches&&i.touches.length>0){var r=i.touches[0];t=0!==r.clientX?r.clientX:void 0,e=0!==r.clientY?r.clientY:void 0,n.createRipple(t,e),o=!0}}),{passive:!0})}},{key:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"cssClass",get:function(){return this.state.cssClass},set:function(t){var e=t,n=[],o=[].concat(this.state.cssClass);Array.isArray(t)?(n=t,e=t.join(" ")):"string"==typeof t&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(h,e.toString()):this.removeAttribute(h);var i=this.button.classList,r=Array.from(i);o.forEach((function(t){n.includes(t)||i.remove(t)})),n.forEach((function(t){r.includes(t)||i.add(t)}))}},{key:"disabled",get:function(){return this.state.disabled},set:function(t){this.shouldUpdate=!1,this.removeAttribute(m),this.shouldUpdate=!0;var e=R(t);this.state.disabled=e,this.button&&(this.button.disabled=e)}},{key:"tabIndex",get:function(){return this.state.tabIndex},set:function(t){this.shouldUpdate=!1,this.removeAttribute(x),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(x,"0");this.state.tabIndex=e,this.button.setAttribute(x,"".concat(e))}},{key:"icon",get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")},set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(y),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(y,t),this.appendIcon(t)}},{key:"iconAlign",get:function(){return this.state.iconAlign},set:function(t){var e=t;G.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()}},{key:"appendIcon",value:function(t){var e=this.querySelector("ids-icon");e?(e.icon=t,this.setIconAlignment()):this.insertAdjacentHTML("afterbegin",'<ids-icon slot="icon" icon="'.concat(t,'" class="ids-icon"></ids-icon>')),this.refreshProtoClasses()}},{key:"removeIcon",value:function(){var t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}},{key:"setIconAlignment",value:function(){var t,e=this.iconAlign||"start",n=this.icon;(t=this.button.classList).remove.apply(t,G),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');o&&("end"===e?this.button.appendChild(o):this.button.prepend(o))}},{key:"text",get:function(){var t,e=this.querySelector("span:not(.audible)");return e&&null!==(t=e.textContent)&&void 0!==t&&t.length?e.textContent:this.state.text},set:function(t){if(this.removeAttribute(k),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)}},{key:"appendText",value:function(t){var e=this.querySelector("span:not(.audible)");e?e.textContent=t:this.insertAdjacentHTML("afterbegin","<span>".concat(t,"</span>")),this.refreshProtoClasses()}},{key:"removeText",value:function(){var t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}},{key:"type",get:function(){return this.state.type},set:function(t){!t||K.indexOf(t)<=0?(this.removeAttribute(C),this.state.type=K[0]):(this.setAttribute(C,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)}},{key:"setTypeClass",value:function(t){var e=this;K.forEach((function(n){var o="btn-".concat(n);t!==n?e.button.classList.contains(o)&&e.button.classList.remove(o):"default"===n||e.button.classList.contains(o)||e.button.classList.add(o)}))}},{key:"getRippleOffsets",value:function(t,e){var n,o,i=this.getBoundingClientRect(),r=this.button.classList.contains("ids-icon-button")?35:125;return n=t?t-i.left:i.width/2,o=e?e-i.top:i.height/2,{x:n-=r,y:o-=r}}},{key:"createRipple",value:function(t,e){if(!this.disabled){this.button.querySelectorAll(".ripple-effect").forEach((function(t){t.remove()}));var n=document.createElement("span"),o=this.getRippleOffsets(t,e);n.classList.add("ripple-effect"),n.setAttribute("aria-hidden","true"),n.setAttribute("focusable","false"),n.setAttribute("role","presentation"),this.button.prepend(n),n.style.left="".concat(o.x,"px"),n.style.top="".concat(o.y,"px"),n.classList.add("animating"),this.rippleTimeout&&this.rippleTimeout.destroy(!0),this.rippleTimeout=this.rl.register(new q({duration:1200,timeoutCallback:function(){n.remove()}}))}}}],[{key:"properties",get:function(){return Z}}]),n}(E(T).with((function(t){return function(t){c()(n,t);var e=P(n);function n(){return i()(this,n),e.apply(this,arguments)}return s()(n,[{key:"rl",get:function(){return N||(N=new U),N}}]),n}(t)}),(function(t){return function(t){c()(n,t);var e=L(n);function n(){var t;return i()(this,n),t=e.call(this),j()(D()(t),"handledEvents",new Map),t}return s()(n,[{key:"on",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"off",value:function(t,e,n){var o=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(o,i){n&&i!==e||t.removeEventListener(i,o.target,o.options)}))}}]),n}(t)}))))||M),n(3379)),$=n.n(J),Q=n(4898),V={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};$()(Q.Z,V);Q.Z.locals;document.addEventListener("DOMContentLoaded",(function(){var t=document.querySelector("#popup-trigger-btn"),e=document.querySelector("ids-popup");t.addEventListener("click",(function(){e.visible=!e.visible}))}))},4898:(t,e,n)=>{"use strict";n.d(e,{Z:()=>a});var o=n(4015),i=n.n(o),r=n(3645),s=n.n(r)()(i());s.push([t.id,".demo-popup{padding:50px}\n","",{version:3,sources:["webpack://./app/ids-popup/index.scss"],names:[],mappings:"AAAA,YACE,YAAa",sourcesContent:[".demo-popup {\n  padding: 50px;\n}\n"],sourceRoot:""}]);const a=s},3645:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=t(e);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,o){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(o)for(var r=0;r<this.length;r++){var s=this[r][0];null!=s&&(i[s]=!0)}for(var a=0;a<t.length;a++){var c=[].concat(t[a]);o&&i[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),e.push(c))}},e}},4015:t=>{"use strict";function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],o=!0,i=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(o=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);o=!0);}catch(t){i=!0,r=t}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return n(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);"Object"===o&&t.constructor&&(o=t.constructor.name);if("Map"===o||"Set"===o)return Array.from(t);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return n(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}t.exports=function(t){var n=e(t,4),o=n[1],i=n[3];if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),a="/*# ".concat(s," */"),c=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[o].concat(c).concat([a]).join("\n")}return[o].join("\n")}},3379:(t,e,n)=>{"use strict";var o,i=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},r=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),s=[];function a(t){for(var e=-1,n=0;n<s.length;n++)if(s[n].identifier===t){e=n;break}return e}function c(t,e){for(var n={},o=[],i=0;i<t.length;i++){var r=t[i],c=e.base?r[0]+e.base:r[0],l=n[c]||0,d="".concat(c," ").concat(l);n[c]=l+1;var u=a(d),p={css:r[1],media:r[2],sourceMap:r[3]};-1!==u?(s[u].references++,s[u].updater(p)):s.push({identifier:d,updater:m(p,e),references:1}),o.push(d)}return o}function l(t){var e=document.createElement("style"),o=t.attributes||{};if(void 0===o.nonce){var i=n.nc;i&&(o.nonce=i)}if(Object.keys(o).forEach((function(t){e.setAttribute(t,o[t])})),"function"==typeof t.insert)t.insert(e);else{var s=r(t.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}return e}var d,u=(d=[],function(t,e){return d[t]=e,d.filter(Boolean).join("\n")});function p(t,e,n,o){var i=n?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(t.styleSheet)t.styleSheet.cssText=u(e,i);else{var r=document.createTextNode(i),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(r,s[e]):t.appendChild(r)}}function b(t,e,n){var o=n.css,i=n.media,r=n.sourceMap;if(i?t.setAttribute("media",i):t.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleSheet)t.styleSheet.cssText=o;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(o))}}var f=null,h=0;function m(t,e){var n,o,i;if(e.singleton){var r=h++;n=f||(f=l(e)),o=p.bind(null,n,r,!1),i=p.bind(null,n,r,!0)}else n=l(e),o=b.bind(null,n,e),i=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else i()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=i());var n=c(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var o=0;o<n.length;o++){var i=a(n[o]);s[i].references--}for(var r=c(t,e),l=0;l<n.length;l++){var d=a(n[l]);0===s[d].references&&(s[d].updater(),s.splice(d,1))}n=r}}}}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={id:o,exports:{}};return t[o](i,i.exports,n),i.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(4725)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-popup/example-lib.js"]=e():t["ids-popup/example-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function r(e,n,s){return i()?t.exports=r=Reflect.construct:t.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&o(r,n.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),r=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!r(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},254:(t,e,n)=>{"use strict";n.d(e,{N:()=>o});var o={ACCEPT:"accept",ALTERNATE_ROW_SHADING:"alternate-row-shading",ANIMATED:"animated",ALIGN:"align",APPEARANCE:"appearance",AUDIBLE:"audible",AUTO:"auto",AUTOGROW:"autogrow",AUTOGROW_MAX_HEIGHT:"autogrow-max-height",AUTOSELECT:"autoselect",BG_TRANSPARENT:"bg-transparent",CHAR_MAX_TEXT:"char-max-text",CHAR_REMAINING_TEXT:"char-remaining-text",CHARACTER_COUNTER:"character-counter",CHECKED:"checked",CLEARABLE:"clearable",CLEARABLE_FORCED:"clearable-forced",COL_END:"col-end",COL_SPAN:"col-span",COL_START:"col-start",COLOR:"color",COLS:"cols",CLICKABLE:"clickable",CSS_CLASS:"css-class",DATA:"data",DIRTY_TRACKER:"dirty-tracker",DISABLE_EVENTS:"disable-native-events",DISABLED:"disabled",DISMISSIBLE:"dismissible",EXPANDED:"expanded",FILL:"fill",FIXED:"fixed",FOCUSABLE:"focusable",FONT_SIZE:"font-size",GAP:"gap",GROUP:"group",GROUP_DISABLED:"group-disabled",HORIZONTAL:"horizontal",ICON:"icon",ICON_ALIGN:"icon-align",ID:"id",INDETERMINATE:"indeterminate",KEEP_OPEN:"keep-open",LABEL:"label",LABEL_REQUIRED:"label-required",LABEL_FILETYPE:"label-filetype",MAXLENGTH:"maxlength",MENU:"menu",MULTIPLE:"multiple",NO_MARGINS:"no-margins",NO_TEXT_ELLIPSIS:"no-text-ellipsis",PLACEHOLDER:"placeholder",PRINTABLE:"printable",READONLY:"readonly",RESIZABLE:"resizable",REQUIRED:"required",ROW_END:"row-end",ROW_HEIGHT:"row-height",ROW_SPAN:"row-span",ROW_START:"row-start",ROWS:"rows",SELECT:"select",SELECTED:"selected",SHAPE:"shape",SIZE:"size",SUBMENU:"submenu",TABBABLE:"tabbable",TABINDEX:"tabindex",TARGET:"target",TRIGGER:"trigger",TRIGGERFIELD:"triggerfield",TRIGGER_LABEL:"trigger-label",TEXT:"text",TEXT_ALIGN:"text-align",TEXT_ELLIPSIS:"text-ellipsis",TYPE:"type",VALIDATE:"validate",VALIDATION_EVENTS:"validation-events",VALIDATION_HAS_ERROR:"validation-has-error",VALUE:"value",VIRTUAL_SCROLL:"virtual-scroll",VISIBLE:"visible"}},3986:(t,e,n)=>{"use strict";n.d(e,{i8:()=>o,Mo:()=>i,h5:()=>r});function o(){return function(t){t.prototype.version="0.0.0-beta.8"}}function i(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function r(t){return function(e){e.prototype.cssStyles=t}}},8330:(t,e,n)=>{"use strict";n.d(e,{Hb:()=>E,Mo:()=>m.Mo,CD:()=>y.Z,h5:()=>m.h5,NQ:()=>v.N});var o,i=n(4575),r=n.n(i),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),b=n.n(p),f=n(5957),h=n.n(f),m=n(3986),v=n(254),y=n(8832),g=n(2417);function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=b()(t);if(e){var i=b()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return u()(this,n)}}var E=(0,m.i8)()(o=function(t){c()(n,t);var e=x(n);function n(){var t;return r()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return a()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[g.v.camelCase(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(h()(HTMLElement)))||o},4913:(t,e,n)=>{"use strict";n.d(e,{S:()=>y});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(1506),l=n.n(a),c=n(2205),d=n.n(c),u=n(8585),p=n.n(u),b=n(9754),f=n.n(b),h=n(9713),m=n.n(h);function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return p()(this,n)}}var y=function(t){return function(t){d()(n,t);var e=v(n);function n(){var t;return i()(this,n),t=e.call(this),m()(l()(t),"handledEvents",new Map),t}return s()(n,[{key:"onEvent",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"offEvent",value:function(t,e,n){var o=this.handledEvents.get(t);null!=o&&o.callback&&e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(o,i){n&&i!==t||e.offEvent(i,o.target,o.options)}))}}]),n}(t)}},8832:(t,e,n)=>{"use strict";n.d(e,{Z:()=>l});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=function(){function t(e){i()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const l=function(t){return new a(t)}},2417:(t,e,n)=>{"use strict";n.d(e,{v:()=>o});var o={camelCase:function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},stringToBool:function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))},injectTemplate:function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))}}},4548:(t,e,n)=>{"use strict";var o,i=n(4575),r=n.n(i),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),b=n.n(p),f=n(8330),h=n(2417),m=n(4913),v=n(1762),y=n(3556);function g(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=b()(t);if(e){var i=b()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return u()(this,n)}}var x=["default","primary","secondary","tertiary","destructive"],E={cssClass:[],disabled:!1,tabIndex:!0,type:x[0]},A=[f.NQ.CSS_CLASS,f.NQ.DISABLED,f.NQ.ICON,f.NQ.ICON_ALIGN,f.NQ.ID,f.NQ.TEXT,f.NQ.TYPE,f.NQ.TABINDEX],C=["align-icon-start","align-icon-end"];(0,f.Mo)("ids-button")(o=(0,f.h5)(y.Z)(o=function(t){c()(n,t);var e=g(n);function n(){var t;return r()(this,n),(t=e.call(this)).state={},Object.keys(E).forEach((function(e){t.state[e]=E[e]})),t.shouldUpdate=!0,t}return a()(n,[{key:"attributeChangedCallback",value:function(t,e,n){if(this.shouldUpdate)switch(t){case"tabindex":this.tabIndex=Number(n);break;default:f.Hb.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"protoClasses",get:function(){var t=this.querySelector("span:not(.audible)");return(this.querySelector("ids-icon[slot]")||this.querySelector("ids-icon"))&&!t?["ids-icon-button"]:["ids-button"]}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"]),t.add(e)}},{key:"template",value:function(){var t,e,n,o,i,r,s,a="",l="",c="",d="",u='tabindex="0"',p="",b="";null!==(t=this.state)&&void 0!==t&&t.cssClass&&(a=" ".concat(this.state.cssClass.join(" "))),null!==(e=this.state)&&void 0!==e&&e.disabled&&(c=' disabled="true"'),null!==(n=this.state)&&void 0!==n&&n.tabIndex&&(u='tabindex="'.concat(this.state.tabIndex,'"')),null!==(o=this.state)&&void 0!==o&&o.icon&&(d='<ids-icon slot="icon" icon="'.concat(this.state.icon,'"></ids-icon>')),null!==(i=this.state)&&void 0!==i&&i.text&&(p='<span slot="text">'.concat(this.state.text,"</span>")),this.state&&"default"!==(null===(r=this.state)||void 0===r?void 0:r.type)&&(b=" btn-".concat(this.state.type)),this.protoClasses.length&&(l="".concat(this.protoClasses.join(" ")));var f=" align-icon-start",h='<slot name="icon">'.concat(d,'</slot><slot name="text">').concat(p,"</slot>");return"end"===(null===(s=this.state)||void 0===s?void 0:s.iconAlign)&&(f=" align-icon-end",h='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(l).concat(b).concat(f).concat(a,'" ').concat(u).concat(c,">\n      ").concat(h,"\n      <slot>").concat(d).concat(p,"</slot>\n    </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,o=!1;this.onEvent("click.ripple",this.button,(function(i){o?o=!1:(t=0!==i.clientX?i.clientX:void 0,e=0!==i.clientY?i.clientY:void 0,n.createRipple(t,e))})),this.onEvent("touchstart.ripple",this.button,(function(i){if(i.touches&&i.touches.length>0){var r=i.touches[0];t=0!==r.clientX?r.clientX:void 0,e=0!==r.clientY?r.clientY:void 0,n.createRipple(t,e),o=!0}}),{passive:!0})}},{key:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"cssClass",get:function(){return this.state.cssClass},set:function(t){var e=t,n=[],o=[].concat(this.state.cssClass);Array.isArray(t)?(n=t,e=t.join(" ")):"string"==typeof t&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(f.NQ.CSS_CLASS,e.toString()):this.removeAttribute(f.NQ.CSS_CLASS);var i=this.button.classList,r=Array.from(i);o.forEach((function(t){n.includes(t)||i.remove(t)})),n.forEach((function(t){r.includes(t)||i.add(t)}))}},{key:"disabled",get:function(){return this.state.disabled},set:function(t){this.shouldUpdate=!1,this.removeAttribute(f.NQ.DISABLED),this.shouldUpdate=!0;var e=h.v.stringToBool(t);this.state.disabled=e,this.button&&(this.button.disabled=e)}},{key:"tabIndex",get:function(){return this.state.tabIndex},set:function(t){this.shouldUpdate=!1,this.removeAttribute(f.NQ.TABINDEX),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(f.NQ.TABINDEX,"0");this.state.tabIndex=e,this.button.setAttribute(f.NQ.TABINDEX,"".concat(e))}},{key:"icon",get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")},set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(f.NQ.ICON),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(f.NQ.ICON,t),this.appendIcon(t)}},{key:"iconAlign",get:function(){return this.state.iconAlign},set:function(t){var e=t;C.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()}},{key:"appendIcon",value:function(t){var e=this.querySelector("ids-icon");e?(e.icon=t,this.setIconAlignment()):this.insertAdjacentHTML("afterbegin",'<ids-icon slot="icon" icon="'.concat(t,'" class="ids-icon"></ids-icon>')),this.refreshProtoClasses()}},{key:"removeIcon",value:function(){var t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}},{key:"setIconAlignment",value:function(){var t,e=this.iconAlign||"start",n=this.icon;(t=this.button.classList).remove.apply(t,C),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');o&&("end"===e?this.button.appendChild(o):this.button.prepend(o))}},{key:"text",get:function(){var t,e=this.querySelector("span:not(.audible)");return e&&null!==(t=e.textContent)&&void 0!==t&&t.length?e.textContent:this.state.text},set:function(t){if(this.removeAttribute(f.NQ.TEXT),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)}},{key:"appendText",value:function(t){var e=this.querySelector("span:not(.audible)");e?e.textContent=t:this.insertAdjacentHTML("afterbegin","<span>".concat(t,"</span>")),this.refreshProtoClasses()}},{key:"removeText",value:function(){var t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}},{key:"type",get:function(){return this.state.type},set:function(t){!t||x.indexOf(t)<=0?(this.removeAttribute(f.NQ.TYPE),this.state.type=x[0]):(this.setAttribute(f.NQ.TYPE,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)}},{key:"setTypeClass",value:function(t){var e=this;x.forEach((function(n){var o="btn-".concat(n);t!==n?e.button.classList.contains(o)&&e.button.classList.remove(o):"default"===n||e.button.classList.contains(o)||e.button.classList.add(o)}))}},{key:"getRippleOffsets",value:function(t,e){var n,o,i=this.getBoundingClientRect(),r=this.button.classList.contains("ids-icon-button")?35:125;return n=t?t-i.left:i.width/2,o=e?e-i.top:i.height/2,{x:n-=r,y:o-=r}}},{key:"createRipple",value:function(t,e){if(!this.disabled){this.button.querySelectorAll(".ripple-effect").forEach((function(t){t.remove()}));var n=document.createElement("span"),o=this.getRippleOffsets(t,e);n.classList.add("ripple-effect"),n.setAttribute("aria-hidden","true"),n.setAttribute("focusable","false"),n.setAttribute("role","presentation"),this.button.prepend(n),n.style.left="".concat(o.x,"px"),n.style.top="".concat(o.y,"px"),n.classList.add("animating"),this.rippleTimeout&&this.rippleTimeout.destroy(!0),this.rippleTimeout=this.rl.register(new v.zs({duration:1200,timeoutCallback:function(){n.remove()}}))}}}],[{key:"properties",get:function(){return A}}]),n}((0,f.CD)(f.Hb).with(v.Bm,m.S)))||o)},3293:(t,e,n)=>{"use strict";function o(){return window.performance.now()}n.d(e,{A:()=>o})},4858:(t,e,n)=>{"use strict";n.d(e,{Z:()=>o});const o=new(n(3059).e)},7950:(t,e,n)=>{"use strict";n.d(e,{Z:()=>g});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(1506),l=n.n(a),c=n(2205),d=n.n(c),u=n(8585),p=n.n(u),b=n(9754),f=n.n(b),h=n(5957),m=n.n(h),v=n(3293);function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return p()(this,n)}}const g=function(t){d()(n,t);var e=y(n);function n(){var t,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(i()(this,n),(t=e.call(this)).id=o.id,t.duration=-1,"number"==typeof o.duration&&(t.duration=parseInt(o.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof o.updateDuration&&(t.updateDuration=parseInt(o.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof o.updateCallback&&"function"!=typeof o.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof o.updateCallback&&(t.updateCallback=o.updateCallback.bind(l()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(l()(t))),t.paused=!1,t.startTime=(0,v.A)(),t.totalStoppedTime=0,p()(t,l()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=(0,v.A)()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=(0,v.A)()}},{key:"resume",value:function(){this.resumeTime=(0,v.A)(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return(0,v.A)()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&(0,v.A)()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(m()(Object))},1762:(t,e,n)=>{"use strict";n.d(e,{Bm:()=>m,zs:()=>b.z});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(2205),l=n.n(a),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),b=n(3059),f=n(4858);function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var m=function(t){return function(t){l()(n,t);var e=h(n);function n(){return i()(this,n),e.call(this)}return s()(n,[{key:"rl",get:function(){return f.Z}}]),n}(t)}},3059:(t,e,n)=>{"use strict";n.d(e,{e:()=>c,z:()=>l.Z});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(3293),l=n(7950),c=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};i()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=(0,a.A)()),this.lastStopTime&&(t=!0,this.resumeTime=(0,a.A)(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,o=this,i=(0,a.A)();!function r(){o.doLoop&&(e=(0,a.A)(),n=(e-i)/1e3,o.items.forEach((function(r){if(r.doRemoveOnNextTick)o.remove(r);else if(t&&r.resume(),!r.paused)if("number"==typeof r.duration&&r.duration>-1&&r.elapsedTime>=r.duration)r.destroy();else{var s={last:i,delta:n,now:e};r.update(s)}})),i=e,t=!1,requestAnimationFrame(r))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=(0,a.A)(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return(0,a.A)()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof l.Z&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}()},4898:(t,e,n)=>{"use strict";n.d(e,{Z:()=>a});var o=n(4015),i=n.n(o),r=n(3645),s=n.n(r)()(i());s.push([t.id,".demo-popup{padding:50px}\n","",{version:3,sources:["webpack://./app/ids-popup/index.scss"],names:[],mappings:"AAAA,YACE,YAAa",sourcesContent:[".demo-popup {\n  padding: 50px;\n}\n"],sourceRoot:""}]);const a=s},3645:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=t(e);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,o){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(o)for(var r=0;r<this.length;r++){var s=this[r][0];null!=s&&(i[s]=!0)}for(var a=0;a<t.length;a++){var l=[].concat(t[a]);o&&i[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),e.push(l))}},e}},4015:t=>{"use strict";function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],o=!0,i=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(o=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);o=!0);}catch(t){i=!0,r=t}finally{try{o||null==a.return||a.return()}finally{if(i)throw r}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return n(t,e);var o=Object.prototype.toString.call(t).slice(8,-1);"Object"===o&&t.constructor&&(o=t.constructor.name);if("Map"===o||"Set"===o)return Array.from(t);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return n(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=t[n];return o}t.exports=function(t){var n=e(t,4),o=n[1],i=n[3];if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),a="/*# ".concat(s," */"),l=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[o].concat(l).concat([a]).join("\n")}return[o].join("\n")}},3556:(t,e,n)=>{"use strict";n.d(e,{Z:()=>o});const o="/**\n * Ids Button Component CSS\n * (Includes standard and icon button rules)\n */\n/**\n * Ids Button Base CSS\n * Use these mixins inside Ids Button CSS classes to define their base styles.\n */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  display: inline-flex; }\n  :host ::slotted(span) {\n    vertical-align: bottom; }\n  :host ::slotted(ids-icon) {\n    vertical-align: middle; }\n  :host ::slotted(span.audible) {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n.ripple-effect {\n  display: block;\n  border-radius: 50%;\n  opacity: 0;\n  position: absolute;\n  transform: scale(0); }\n  .ripple-effect.animating {\n    -webkit-animation: ripple-animation 1.2s ease-out;\n    -moz-animation: ripple-animation 1.2s ease-out;\n    animation: ripple-animation 1.2s ease-out; }\n\n.ids-button,\n.ids-toggle-button,\n.ids-menu-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap; }\n  .ids-button, .ids-button::before, .ids-button::after,\n  .ids-toggle-button,\n  .ids-toggle-button::before,\n  .ids-toggle-button::after,\n  .ids-menu-button,\n  .ids-menu-button::before,\n  .ids-menu-button::after {\n    box-sizing: border-box; }\n  .ids-button *,\n  .ids-toggle-button *,\n  .ids-menu-button * {\n    pointer-events: none; }\n  .ids-button:focus,\n  .ids-toggle-button:focus,\n  .ids-menu-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-button:hover,\n  .ids-toggle-button:hover,\n  .ids-menu-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-button[disabled],\n  .ids-toggle-button[disabled],\n  .ids-menu-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-button:not([disabled]),\n  .ids-toggle-button:not([disabled]),\n  .ids-menu-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-button span,\n  .ids-toggle-button span,\n  .ids-menu-button span {\n    vertical-align: bottom; }\n    .ids-button span.audible,\n    .ids-toggle-button span.audible,\n    .ids-menu-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    vertical-align: middle; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-button.btn-primary,\n  .ids-toggle-button.btn-primary,\n  .ids-menu-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-button.btn-primary:focus,\n    .ids-toggle-button.btn-primary:focus,\n    .ids-menu-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-primary:hover,\n    .ids-toggle-button.btn-primary:hover,\n    .ids-menu-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-button.btn-primary[disabled],\n    .ids-toggle-button.btn-primary[disabled],\n    .ids-menu-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-button.btn-primary .ripple-effect,\n    .ids-toggle-button.btn-primary .ripple-effect,\n    .ids-menu-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-secondary,\n  .ids-toggle-button.btn-secondary,\n  .ids-menu-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-button.btn-secondary:focus,\n    .ids-toggle-button.btn-secondary:focus,\n    .ids-menu-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-secondary:hover,\n    .ids-toggle-button.btn-secondary:hover,\n    .ids-menu-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-button.btn-secondary[disabled],\n    .ids-toggle-button.btn-secondary[disabled],\n    .ids-menu-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-button.btn-secondary .ripple-effect,\n    .ids-toggle-button.btn-secondary .ripple-effect,\n    .ids-menu-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-tertiary, .ids-button.btn-destructive,\n  .ids-toggle-button.btn-tertiary,\n  .ids-toggle-button.btn-destructive,\n  .ids-menu-button.btn-tertiary,\n  .ids-menu-button.btn-destructive {\n    border-color: transparent; }\n    .ids-button.btn-tertiary:focus, .ids-button.btn-destructive:focus,\n    .ids-toggle-button.btn-tertiary:focus,\n    .ids-toggle-button.btn-destructive:focus,\n    .ids-menu-button.btn-tertiary:focus,\n    .ids-menu-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-button.btn-tertiary:hover, .ids-button.btn-destructive:hover,\n    .ids-toggle-button.btn-tertiary:hover,\n    .ids-toggle-button.btn-destructive:hover,\n    .ids-menu-button.btn-tertiary:hover,\n    .ids-menu-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-button.btn-tertiary[disabled], .ids-button.btn-destructive[disabled],\n    .ids-toggle-button.btn-tertiary[disabled],\n    .ids-toggle-button.btn-destructive[disabled],\n    .ids-menu-button.btn-tertiary[disabled],\n    .ids-menu-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-button.align-icon-end ids-icon[slot],\n  .ids-toggle-button.align-icon-end ids-icon[slot],\n  .ids-menu-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(3):last-child),\n  .ids-toggle-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(3):last-child),\n  .ids-menu-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(3):last-child) {\n    padding-left: 4px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    display: inline-flex;\n    place-self: center;\n    vertical-align: middle; }\n  .ids-button .ids-icon:last-child,\n  .ids-button span + span,\n  .ids-button span:last-child,\n  .ids-toggle-button .ids-icon:last-child,\n  .ids-toggle-button span + span,\n  .ids-toggle-button span:last-child,\n  .ids-menu-button .ids-icon:last-child,\n  .ids-menu-button span + span,\n  .ids-menu-button span:last-child {\n    padding-left: 4px; }\n  .ids-button ::slotted(ids-icon:only-child),\n  .ids-toggle-button ::slotted(ids-icon:only-child),\n  .ids-menu-button ::slotted(ids-icon:only-child) {\n    display: block; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    height: 250px;\n    width: 250px; }\n\n.ids-icon-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 50%; }\n  .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {\n    box-sizing: border-box; }\n  .ids-icon-button * {\n    pointer-events: none; }\n  .ids-icon-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-icon-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-icon-button span {\n    vertical-align: bottom; }\n    .ids-icon-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-icon-button .ids-icon {\n    vertical-align: middle; }\n  .ids-icon-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-icon-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-icon-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-icon-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-icon-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-icon-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-icon-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-icon-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-tertiary, .ids-icon-button.btn-destructive {\n    border-color: transparent; }\n    .ids-icon-button.btn-tertiary:focus, .ids-icon-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-icon-button.btn-tertiary:hover, .ids-icon-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-icon-button.btn-tertiary[disabled], .ids-icon-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-icon-button .ids-icon {\n    display: block;\n    padding-left: 0px;\n    font-size: 0; }\n  .ids-icon-button span.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n  .ids-icon-button .ripple-effect {\n    height: 70px;\n    width: 70px; }\n\n@-webkit-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@-moz-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n"},3379:(t,e,n)=>{"use strict";var o,i=function(){return void 0===o&&(o=Boolean(window&&document&&document.all&&!window.atob)),o},r=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),s=[];function a(t){for(var e=-1,n=0;n<s.length;n++)if(s[n].identifier===t){e=n;break}return e}function l(t,e){for(var n={},o=[],i=0;i<t.length;i++){var r=t[i],l=e.base?r[0]+e.base:r[0],c=n[l]||0,d="".concat(l," ").concat(c);n[l]=c+1;var u=a(d),p={css:r[1],media:r[2],sourceMap:r[3]};-1!==u?(s[u].references++,s[u].updater(p)):s.push({identifier:d,updater:m(p,e),references:1}),o.push(d)}return o}function c(t){var e=document.createElement("style"),o=t.attributes||{};if(void 0===o.nonce){var i=n.nc;i&&(o.nonce=i)}if(Object.keys(o).forEach((function(t){e.setAttribute(t,o[t])})),"function"==typeof t.insert)t.insert(e);else{var s=r(t.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}return e}var d,u=(d=[],function(t,e){return d[t]=e,d.filter(Boolean).join("\n")});function p(t,e,n,o){var i=n?"":o.media?"@media ".concat(o.media," {").concat(o.css,"}"):o.css;if(t.styleSheet)t.styleSheet.cssText=u(e,i);else{var r=document.createTextNode(i),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(r,s[e]):t.appendChild(r)}}function b(t,e,n){var o=n.css,i=n.media,r=n.sourceMap;if(i?t.setAttribute("media",i):t.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleSheet)t.styleSheet.cssText=o;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(o))}}var f=null,h=0;function m(t,e){var n,o,i;if(e.singleton){var r=h++;n=f||(f=c(e)),o=p.bind(null,n,r,!1),i=p.bind(null,n,r,!0)}else n=c(e),o=b.bind(null,n,e),i=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else i()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=i());var n=l(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var o=0;o<n.length;o++){var i=a(n[o]);s[i].references--}for(var r=l(t,e),c=0;c<n.length;c++){var d=a(n[c]);0===s[d].references&&(s[d].updater(),s.splice(d,1))}n=r}}}}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={id:o,exports:{}};return t[o](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";n(4548);var t=n(3379),e=n.n(t),o=n(4898),i={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};e()(o.Z,i);o.Z.locals;document.addEventListener("DOMContentLoaded",(function(){var t=document.querySelector("#popup-trigger-btn"),e=document.querySelector("ids-popup");t.addEventListener("click",(function(){e.visible=!e.visible}))}))})(),o=o.default})()}));
 //# sourceMappingURL=example.js.map

ids-popup/ids-popup.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-popup/ids-popup-lib.js"]=e():t["ids-popup/ids-popup-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var i=n(9489),r=n(7067);function o(e,n,s){return r()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&i(o,n.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}t.exports=function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var i=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var i=n(8),r=n(1506);t.exports=function(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(n,i){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,i)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var i=n(9754),r=n(9489),o=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,i(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a},3988:(t,e,n)=>{"use strict";n(8363)},254:(t,e,n)=>{"use strict";n.d(e,{N:()=>i});var i={ACCEPT:"accept",ALTERNATE_ROW_SHADING:"alternate-row-shading",ANIMATED:"animated",APPEARANCE:"appearance",AUDIBLE:"audible",AUTO:"auto",AUTOSELECT:"autoselect",BG_TRANSPARENT:"bg-transparent",CHECKED:"checked",CLEARABLE:"clearable",CLEARABLE_FORCED:"clearable-forced",COL_END:"col-end",COL_SPAN:"col-span",COL_START:"col-start",COLOR:"color",COLS:"cols",CSS_CLASS:"css-class",DATA:"data",DIRTY_TRACKER:"dirty-tracker",DISABLE_EVENTS:"disable-native-events",DISABLED:"disabled",EXPANDED:"expanded",FILL:"fill",FIXED:"fixed",FOCUSABLE:"focusable",FONT_SIZE:"font-size",GAP:"gap",GROUP:"group",GROUP_DISABLED:"group-disabled",HORIZONTAL:"horizontal",ICON:"icon",ICON_ALIGN:"icon-align",ID:"id",INDETERMINATE:"indeterminate",KEEP_OPEN:"keep-open",LABEL:"label",LABEL_REQUIRED:"label-required",LABEL_FILETYPE:"label-filetype",MENU:"menu",MULTIPLE:"multiple",NO_MARGINS:"no-margins",NO_TEXT_ELLIPSIS:"no-text-ellipsis",PLACEHOLDER:"placeholder",READONLY:"readonly",REQUIRED:"required",ROW_END:"row-end",ROW_HEIGHT:"row-height",ROW_SPAN:"row-span",ROW_START:"row-start",ROWS:"rows",SELECT:"select",SELECTED:"selected",SHAPE:"shape",SIZE:"size",SUBMENU:"submenu",TABBABLE:"tabbable",TABINDEX:"tabindex",TARGET:"target",TRIGGER:"trigger",TRIGGERFIELD:"triggerfield",TRIGGER_LABEL:"trigger-label",TEXT:"text",TEXT_ALIGN:"text-align",TEXT_ELLIPSIS:"text-ellipsis",TYPE:"type",VALIDATE:"validate",VALIDATION_EVENTS:"validation-events",VALIDATION_HAS_ERROR:"validation-has-error",VALUE:"value",VIRTUAL_SCROLL:"virtual-scroll",VISIBLE:"visible"}},3986:(t,e,n)=>{"use strict";n.d(e,{i8:()=>i,Mo:()=>r,h5:()=>o});function i(){return function(t){t.prototype.version="0.0.0-beta.7"}}function r(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function o(t){return function(e){e.prototype.cssStyles=t}}},8330:(t,e,n)=>{"use strict";n.d(e,{Hb:()=>E,Mo:()=>m.Mo,CD:()=>y.Z,h5:()=>m.h5,NQ:()=>g.N});var i,r=n(4575),o=n.n(r),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),u=n(8585),d=n.n(u),p=n(9754),h=n.n(p),f=n(5957),b=n.n(f),m=n(3986),g=n(254),y=n(8832),v=n(2417);function w(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=h()(t);if(e){var r=h()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return d()(this,n)}}var E=(0,m.i8)()(i=function(t){c()(n,t);var e=w(n);function n(){var t;return o()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return a()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[v.v.camelCase(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var i=new CSSStyleSheet;i.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[i]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(b()(HTMLElement)))||i},4913:(t,e,n)=>{"use strict";n.d(e,{S:()=>y});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(1506),l=n.n(a),c=n(2205),u=n.n(c),d=n(8585),p=n.n(d),h=n(9754),f=n.n(h),b=n(9713),m=n.n(b);function g(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var r=f()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return p()(this,n)}}var y=function(t){return function(t){u()(n,t);var e=g(n);function n(){var t;return r()(this,n),t=e.call(this),m()(l()(t),"handledEvents",new Map),t}return s()(n,[{key:"on",value:function(t,e,n,i){e.addEventListener(t.split(".")[0],n,i),this.handledEvents.set(t,{target:e,callback:n,options:i})}},{key:"off",value:function(t,e,n){var i=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],i.callback,n||i.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(i)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(i,r){n&&r!==e||t.removeEventListener(r,i.target,i.options)}))}}]),n}(t)}},8832:(t,e,n)=>{"use strict";n.d(e,{Z:()=>l});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=function(){function t(e){r()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const l=function(t){return new a(t)}},7818:(t,e,n)=>{"use strict";n.d(e,{C:()=>b});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(2205),l=n.n(a),c=n(8585),u=n.n(c),d=n(9754),p=n.n(d);function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var r=p()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return u()(this,n)}}var f=[],b=function(t){return function(t){l()(n,t);var e=h(n);function n(){return r()(this,n),e.call(this)}return s()(n,[{key:"checkForIDS",value:function(){window.Ids||(window.Ids={})}},{key:"setupResize",value:function(){this.checkForIDS(),window.Ids.resizeObserver||"undefined"==typeof ResizeObserver||(window.Ids.resizeObserver=new ResizeObserver((function(){f.forEach((function(t){"function"==typeof t.refresh&&t.refresh()}))}))),this.ro||(this.ro=window.Ids.resizeObserver),f.includes(this)||f.push(this)}},{key:"disconnectResize",value:function(){var t=this;this.ro&&(f=f.filter((function(e){return!t.isEqualNode(e)})),delete this.ro)}},{key:"shouldResize",value:function(){return"undefined"!=typeof ResizeObserver&&this.ro instanceof ResizeObserver}},{key:"resizeDetectionTarget",value:function(){var t=this.parentNode;return t instanceof ShadowRoot&&(t=t.host),t}},{key:"setupDetectMutations",value:function(){var t=this;this.checkForIDS(),this.mo||"undefined"==typeof MutationObserver||(this.mo=new MutationObserver((function(e){switch(e.type){case"childList":break;default:"function"==typeof t.refresh&&t.refresh()}}))),this.mutationTargets||(this.mutationTargets=[]),this.mutationTargets.includes(this)||this.mutationTargets.push(this)}},{key:"disconnectDetectMutations",value:function(){this.mo&&(this.mutationTargets=[],delete this.mo)}},{key:"shouldDetectMutations",value:function(){return"undefined"!=typeof MutationObserver&&this.mo instanceof MutationObserver}}]),n}(t)}},2417:(t,e,n)=>{"use strict";n.d(e,{v:()=>i});var i={camelCase:function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},stringToBool:function(t){return"true"===(t+"").toLowerCase()},injectTemplate:function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))}}},8363:(t,e,n)=>{"use strict";var i,r=n(4575),o=n.n(r),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),u=n(8585),d=n.n(u),p=n(9754),h=n.n(p),f=n(8330),b=n(4913),m=n(1762),g=n(2417),y=n(7818),v=n(1998);function w(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=h()(t);if(e){var r=h()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return d()(this,n)}}var E="center",x=[E,"bottom","top","left","right"],A=[E,"left","right"],k=[E,"top","bottom"],T=A.filter((function(t){return t!==E})),C=k.filter((function(t){return t!==E})),R=["none","bottom","top","left","right"],S=["none","menu","menu-alt","tooltip","tooltip-alt"],D=["align","align-x","align-y","align-edge","align-target","arrow","arrow-target",f.NQ.ANIMATED,f.NQ.TYPE,f.NQ.VISIBLE,"x","y"];function L(t,e,n){return C.includes(n)?t&&t.length&&t!==E?"".concat(n,", ").concat(t):"".concat(n):e&&e.length&&e!==E?n===E?"".concat(e):"".concat(n,", ").concat(e):"".concat(t)}(0,f.Mo)("ids-popup")(i=(0,f.h5)(v.Z)(i=function(t){c()(n,t);var e=w(n);function n(){var t;return o()(this,n),(t=e.call(this)).alignment={edge:x[0],target:void 0,x:A[0],y:k[0]},t.coords={x:0,y:0},t.state={arrow:R[0],arrowTarget:null},t.isVisible=!1,t.isAnimated=!1,t.trueType="none",t.shouldUpdate=!0,t}return a()(n,[{key:"connectedCallback",value:function(){this.animated=this.hasAttribute("animated"),this.trueType=this.getAttribute("type")||this.trueType,this.isVisible=this.hasAttribute("visible"),this.setupDetectMutations(),this.setupResize(),this.handleEvents(),this.refresh()}},{key:"disconnectedCallback",value:function(){f.Hb.prototype.disconnectedCallback.apply(this),this.shouldResize()&&(this.ro.unobserve(this.resizeDetectionTarget()),this.disconnectResize()),this.shouldDetectMutations()&&this.disconnectDetectMutations()}},{key:"attributeChangedCallback",value:function(t,e,n){this.shouldUpdate&&f.Hb.prototype.attributeChangedCallback.apply(this,[t,e,n])}},{key:"wrapper",get:function(){return this.shadowRoot.querySelector(".content-wrapper")}},{key:"alignTarget",get:function(){return this.alignment.target},set:function(t){var e,n="string"==typeof t&&t.length,i=t instanceof HTMLElement;if(!n&&!i)return this.alignment.target=void 0,this.removeAttribute("align-target"),void this.refresh();if(n){if(!((e=document.querySelector(t))instanceof HTMLElement))return;this.setAttribute("align-target",t)}else e=t;this.alignment.target=e,this.refresh()}},{key:"align",get:function(){return L(this.alignX,this.alignY,this.alignEdge)},set:function(t){this.shouldUpdate=!1;var e=t;"string"==typeof e&&e.length||(e=E);var n,i,r=e.split(","),o=(r=r.map((function(t){return t.trim().toLowerCase()})))[0];if(x.includes(o)&&(this.alignEdge=o,r[0]=this.alignEdge),r[1]||r.push("center"),C.includes(r[0])||T.includes(r[1])){var s=r[1];r[1]=r[0],r[0]=s}A.includes(r[0])?(n=r[0],this.alignX=r[0]):n=this.alignX,k.includes(r[1])?(i=r[1],this.alignY=r[1]):i=this.alignY,this.setAttribute("align",L(n,i,this.alignment.edge)),this.shouldUpdate=!0,this.refresh()}},{key:"alignX",get:function(){return this.alignment.x},set:function(t){if("string"==typeof t&&t.length){var e=t;A.includes(t)||(e=A[0]),this.alignment.x=e;var n=this.alignment.y;this.hasAttribute("align-x")?(this.safeRemoveAttribute("align-x"),this.align=L(e,n,e)):this.shouldUpdate&&(this.align=L(e,n,e)),this.refresh()}}},{key:"alignY",get:function(){return this.alignment.y},set:function(t){if("string"==typeof t&&t.length){var e=k[0];k.includes(t)&&(e=t),this.alignment.y=e;var n=this.alignment.x;this.hasAttribute("align-y")?(this.safeRemoveAttribute("align-y"),this.align=L(n,e,e)):this.shouldUpdate&&(this.align=L(n,e,e)),this.refresh()}}},{key:"alignEdge",get:function(){return this.alignment.edge},set:function(t){if("string"==typeof t&&t.length){var e,n=this.alignment.x,i=this.alignment.y;x.includes(t)?(e=t,t===E&&(n=t,i=t)):e=x[0],this.alignment.edge=e,this.hasAttribute("align-edge")?(this.shouldUpdate=!1,this.removeAttribute("align-edge"),this.align=L(n,i,e),this.shouldUpdate=!0):this.shouldUpdate&&(this.align=L(n,i,e)),this.refresh()}}},{key:"animated",get:function(){return this.isAnimated},set:function(t){this.isAnimated=g.v.stringToBool(t),this.isAnimated?this.safeSetAttribute("animated",!0):this.safeRemoveAttribute("animated"),this.refresh()}},{key:"arrow",get:function(){var t=this.getAttribute("arrow");return t||R[0]},set:function(t){var e=R[0];t&&R.includes(t)&&(e=t),e!==R[0]?this.safeSetAttribute("arrow","".concat(e)):this.safeRemoveAttribute("arrow"),this.refresh()}},{key:"arrowEl",get:function(){return this.container.querySelector(".arrow")}},{key:"arrowTarget",get:function(){return this.state.arrowTarget||this.alignTarget},set:function(t){var e,n="string"==typeof t&&t.length,i=t instanceof HTMLElement;if(!n&&!i)return this.state.arrowTarget=void 0,this.removeAttribute("arrow-target"),void this.refresh();if(n){if(!((e=document.querySelector(t))instanceof HTMLElement))return;this.setAttribute("arrow-target",t)}else e=t;this.state.arrowTarget=e,this.refresh()}},{key:"type",get:function(){return this.trueType},set:function(t){t&&S.includes(t)&&(this.trueType=t),this.safeSetAttribute("type",this.trueType),this.refresh()}},{key:"visible",get:function(){return this.isVisible},set:function(t){this.isVisible=g.v.stringToBool(t),this.isVisible?this.safeSetAttribute("visible",!0):this.safeRemoveAttribute("visible"),this.refresh()}},{key:"x",get:function(){return this.coords.x},set:function(t){var e=parseInt(t.toString(),10);Number.isNaN(e)&&(e=0),this.coords.x=e,this.setAttribute("x",e.toString()),this.refresh()}},{key:"y",get:function(){return this.coords.y},set:function(t){var e=parseInt(t.toString(),10);Number.isNaN(e)&&(e=0),this.coords.y=e,this.setAttribute("y",e.toString()),this.refresh()}},{key:"refresh",value:function(){var t=this;if(this.shouldUpdate){this.shouldResize()&&this.ro.observe(this.resizeDetectionTarget());var e=this.trueType,n=this.container.classList;S.forEach((function(t){t!==e&&n.contains(t)?n.remove(t):t!==e||n.contains(t)||n.add(t)})),this.isVisible?n.add("visible"):n.remove("open");var i=this.arrow,r=this.arrowEl.classList;R.forEach((function(e){"none"!==e&&e!==i&&(r.remove(e),t.arrowEl.hidden=!0)})),"none"===this.arrow||r.contains(this.arrow)||(r.add(this.arrow),this.arrowEl.hidden=!1),this.alignTarget?(this.shouldDetectMutations()&&!this.hasMutations&&(this.mo.observe(this.alignTarget,{attributes:!0,attributeFilter:["style","height","width"],attributeOldValue:!0,subtree:!0}),this.hasMutations=!0),this.placeAgainstTarget()):(this.hasMutations&&(this.mo.disconnect(),this.disconnectDetectMutations(),delete this.hasMutations),this.placeAtCoords()),this.openCheck&&this.openCheck.destroy(!0),this.openCheck=this.rl.register(new m.z({duration:70,timeoutCallback:function(){t.isVisible&&(t.placeArrow(),t.trigger("show",t,{bubbles:!0,detail:{elem:t}}),t.container.classList.add("open")),!t.isAnimated&&t.container.classList.contains("animated")&&t.container.classList.remove("animated")}})),this.animatedCheck&&this.animatedCheck.destroy(!0),this.animatedCheck=this.rl.register(new m.z({duration:200,timeoutCallback:function(){t.isVisible||(t.trigger("hide",t,{bubbles:!0,detail:{elem:t}}),t.container.classList.contains("visible")&&t.container.classList.remove("visible")),t.isAnimated&&!t.container.classList.contains("animated")&&t.container.classList.add("animated")}}))}}},{key:"placeAtCoords",value:function(){var t=this.container.getBoundingClientRect(),e=this.x,n=this.y;switch(this.alignX){case"right":e-=t.width;break;case"center":e-=t.width/2}switch(this.alignY){case"bottom":n-=t.height;break;case"center":n-=t.height/2}this.container.style.left="".concat(e,"px"),this.container.style.top="".concat(n,"px")}},{key:"placeAgainstTarget",value:function(){var t=this.x,e=this.y,n=this.container.getBoundingClientRect(),i=this.alignTarget.getBoundingClientRect(),r=this.alignEdge,o=!1,s=!1;if(k.includes(r)){switch(r){case"top":e=i.top-n.height-e;break;case"bottom":e=i.bottom+e;break;default:e=i.top+i.height/2-n.height/2+e,s=!0}switch(this.alignX){case"left":t=i.left+t;break;case"right":t=i.right-n.width-t;break;default:t=i.left+i.width/2-n.width/2+t,o=!0}}if(A.includes(r)){switch(r){case"left":t=i.left-n.width-t;break;case"right":t=i.right+t;break;default:if(o)break;t=i.left+i.width/2-n.width/2+t}switch(this.alignY){case"top":e=i.top+e;break;case"bottom":e=i.bottom-n.height+e;break;default:if(s)break;e=i.top+i.height/2-n.height/2+e}}this.container.style.left="".concat(t,"px"),this.container.style.top="".concat(e,"px")}},{key:"placeArrow",value:function(){var t=this.arrow,e=this.arrowEl,n=this.alignTarget,i=this.arrowTarget;if("none"!==t&&n&&i){e.removeAttribute("hidden"),e.style.marginLeft="",e.style.marginTop="";var r,o=e.getBoundingClientRect(),s=n.getBoundingClientRect(),a=i.getBoundingClientRect(),l={},c="right"===t||"left"===t?"marginTop":"marginLeft",u=!1;"left"!==t&&"right"!==t||(r=a.top+a.height/2-(o.top+o.height/2),l.top=o.top+r,l.bottom=o.bottom+r,(l.top<=s.top||l.bottom>=s.bottom)&&(u=!0)),"top"!==t&&"bottom"!==t||(r=a.left+a.width/2-(o.left+o.width/2),l.left=o.left+r,l.right=o.right+r,(l.left<=s.left||l.right>=s.right)&&(u=!0)),r=Math.ceil(r),u&&(e.hidden=!0),e.style[c]="".concat(r,"px")}else e.hidden=!0}},{key:"safeSetAttribute",value:function(t,e){if(D.includes(t)){var n=this.shouldUpdate;this.shouldUpdate=!1,this.setAttribute(t,e),this.shouldUpdate=n}}},{key:"safeRemoveAttribute",value:function(t){if(D.includes(t)){var e=this.shouldUpdate;this.shouldUpdate=!1,this.removeAttribute(t),this.shouldUpdate=e}}},{key:"template",value:function(){return'<div class="ids-popup">\n      <div class="arrow"></div>\n      <div class="content-wrapper">\n        <slot name="content"></slot>\n      </div>\n    </div>'}},{key:"handleEvents",value:function(){var t=this,e=this.shadowRoot.querySelector("slot");this.on("slotchange",e,(function(){t.refresh()}))}}],[{key:"properties",get:function(){return D}}]),n}((0,f.CD)(f.Hb).with(m.B,y.C,b.S)))||i)},3293:(t,e,n)=>{"use strict";function i(){return window.performance.now()}n.d(e,{A:()=>i})},7950:(t,e,n)=>{"use strict";n.d(e,{Z:()=>v});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(1506),l=n.n(a),c=n(2205),u=n.n(c),d=n(8585),p=n.n(d),h=n(9754),f=n.n(h),b=n(5957),m=n.n(b),g=n(3293);function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var r=f()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return p()(this,n)}}const v=function(t){u()(n,t);var e=y(n);function n(){var t,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(r()(this,n),(t=e.call(this)).id=i.id,t.duration=-1,"number"==typeof i.duration&&(t.duration=parseInt(i.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof i.updateDuration&&(t.updateDuration=parseInt(i.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof i.updateCallback&&"function"!=typeof i.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof i.updateCallback&&(t.updateCallback=i.updateCallback.bind(l()(t))),"function"==typeof i.timeoutCallback&&(t.timeoutCallback=i.timeoutCallback.bind(l()(t))),t.paused=!1,t.startTime=(0,g.A)(),t.totalStoppedTime=0,p()(t,l()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=(0,g.A)()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=(0,g.A)()}},{key:"resume",value:function(){this.resumeTime=(0,g.A)(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return(0,g.A)()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&(0,g.A)()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(m()(Object))},1762:(t,e,n)=>{"use strict";n.d(e,{B:()=>g,z:()=>f.Z});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(2205),l=n.n(a),c=n(8585),u=n.n(c),d=n(9754),p=n.n(d),h=n(3059),f=n(7950);function b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var r=p()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return u()(this,n)}}var m=null,g=function(t){return function(t){l()(n,t);var e=b(n);function n(){return r()(this,n),e.apply(this,arguments)}return s()(n,[{key:"rl",get:function(){return m||(m=new h.Z),m}}]),n}(t)}},3059:(t,e,n)=>{"use strict";n.d(e,{Z:()=>c});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(3293),l=n(7950);const c=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};r()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=(0,a.A)()),this.lastStopTime&&(t=!0,this.resumeTime=(0,a.A)(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,i=this,r=(0,a.A)();!function o(){i.doLoop&&(e=(0,a.A)(),n=(e-r)/1e3,i.items.forEach((function(o){if(o.doRemoveOnNextTick)i.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:r,delta:n,now:e};o.update(s)}})),r=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=(0,a.A)(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return(0,a.A)()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof l.Z&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}()},1998:(t,e,n)=>{"use strict";n.d(e,{Z:()=>i});const i='/* Ids Popup Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: \'source sans pro\', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: \'source code pro\', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  position: absolute;\n  display: inline-block; }\n\n.ids-popup {\n  opacity: 0;\n  position: fixed;\n  display: none; }\n  .ids-popup .arrow {\n    border-width: 8px;\n    display: none;\n    position: absolute; }\n    .ids-popup .arrow.bottom, .ids-popup .arrow.left, .ids-popup .arrow.right, .ids-popup .arrow.top {\n      border-style: solid;\n      border-color: transparent;\n      display: block;\n      height: 0;\n      width: 0; }\n    .ids-popup .arrow::after {\n      border-style: solid;\n      border-color: transparent;\n      border-width: 8px;\n      content: \'\';\n      display: block;\n      position: relative; }\n    .ids-popup .arrow.bottom {\n      border-top-width: 0;\n      left: calc(50% - 9px);\n      top: -9px; }\n      .ids-popup .arrow.bottom::after {\n        border-top-width: 0;\n        left: -8px;\n        top: 1px; }\n    .ids-popup .arrow.left {\n      border-right-width: 0;\n      right: -9px;\n      top: calc(50% - 9px); }\n      .ids-popup .arrow.left::after {\n        border-right-width: 0;\n        left: -9px;\n        top: -8px; }\n    .ids-popup .arrow.right {\n      border-left-width: 0;\n      left: -9px;\n      top: calc(50% - 9px); }\n      .ids-popup .arrow.right::after {\n        border-left-width: 0;\n        left: 1px;\n        top: -8px; }\n    .ids-popup .arrow.top {\n      border-bottom-width: 0;\n      bottom: -9px;\n      left: calc(50% - 9px); }\n      .ids-popup .arrow.top::after {\n        border-bottom-width: 0;\n        left: -8px;\n        top: -9px; }\n  .ids-popup.visible {\n    display: unset; }\n  .ids-popup.open {\n    opacity: 1; }\n  .ids-popup.animated {\n    transition: opacity 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n    .ids-popup.animated.open {\n      transition: opacity 200ms cubic-bezier(0.4, 0, 0.6, 1), height 200ms cubic-bezier(0.4, 0, 0.6, 1), width 200ms cubic-bezier(0.4, 0, 0.6, 1), left 200ms cubic-bezier(0.4, 0, 0.6, 1), top 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n  .ids-popup.none {\n    background-color: var(--ids-color-palette-white);\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--ids-color-palette-emerald-30);\n    padding: 12px; }\n  .ids-popup.menu {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background-color: var(--ids-color-palette-white);\n    border-width: 1px;\n    border-style: solid;\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding-top: 4px;\n    padding-bottom: 4px;\n    border-radius: 2px;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.bottom {\n      border-bottom-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.bottom::after {\n      border-bottom-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.left {\n      border-left-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.left::after {\n      border-left-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.right {\n      border-right-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.right::after {\n      border-right-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.top {\n      border-top-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.top::after {\n      border-top-color: var(--ids-color-palette-white); }\n  .ids-popup.menu-alt {\n    background-color: var(--ids-color-palette-slate-100);\n    border-width: 1px;\n    border-style: solid;\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-radius: 2px;\n    font-size: 14px;\n    color: var(--ids-color-palette-white);\n    border-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.bottom,\n    .ids-popup.menu-alt .arrow.bottom::after {\n      border-bottom-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.left,\n    .ids-popup.menu-alt .arrow.left::after {\n      border-left-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.right,\n    .ids-popup.menu-alt .arrow.right::after {\n      border-right-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.top,\n    .ids-popup.menu-alt .arrow.top::after {\n      border-top-color: var(--ids-color-border-darker); }\n  .ids-popup.tooltip {\n    background-color: var(--ids-color-palette-slate-100);\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--ids-color-palette-white); }\n  .ids-popup.tooltip-alt {\n    background-color: var(--ids-color-palette-white);\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--ids-color-palette-black); }\n\n.content-wrapper {\n  position: static; }\n'}},e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(3988)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-popup/ids-popup-lib.js"]=e():t["ids-popup/ids-popup-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var i=n(9489),r=n(7067);function o(e,n,s){return r()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&i(o,n.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}t.exports=function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var i=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var i=n(8),r=n(1506);t.exports=function(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(n,i){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,i)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var i=n(9754),r=n(9489),o=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,i(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a},254:(t,e,n)=>{"use strict";n.d(e,{N:()=>i});var i={ACCEPT:"accept",ALTERNATE_ROW_SHADING:"alternate-row-shading",ANIMATED:"animated",ALIGN:"align",APPEARANCE:"appearance",AUDIBLE:"audible",AUTO:"auto",AUTOGROW:"autogrow",AUTOGROW_MAX_HEIGHT:"autogrow-max-height",AUTOSELECT:"autoselect",BG_TRANSPARENT:"bg-transparent",CHAR_MAX_TEXT:"char-max-text",CHAR_REMAINING_TEXT:"char-remaining-text",CHARACTER_COUNTER:"character-counter",CHECKED:"checked",CLEARABLE:"clearable",CLEARABLE_FORCED:"clearable-forced",COL_END:"col-end",COL_SPAN:"col-span",COL_START:"col-start",COLOR:"color",COLS:"cols",CLICKABLE:"clickable",CSS_CLASS:"css-class",DATA:"data",DIRTY_TRACKER:"dirty-tracker",DISABLE_EVENTS:"disable-native-events",DISABLED:"disabled",DISMISSIBLE:"dismissible",EXPANDED:"expanded",FILL:"fill",FIXED:"fixed",FOCUSABLE:"focusable",FONT_SIZE:"font-size",GAP:"gap",GROUP:"group",GROUP_DISABLED:"group-disabled",HORIZONTAL:"horizontal",ICON:"icon",ICON_ALIGN:"icon-align",ID:"id",INDETERMINATE:"indeterminate",KEEP_OPEN:"keep-open",LABEL:"label",LABEL_REQUIRED:"label-required",LABEL_FILETYPE:"label-filetype",MAXLENGTH:"maxlength",MENU:"menu",MULTIPLE:"multiple",NO_MARGINS:"no-margins",NO_TEXT_ELLIPSIS:"no-text-ellipsis",PLACEHOLDER:"placeholder",PRINTABLE:"printable",READONLY:"readonly",RESIZABLE:"resizable",REQUIRED:"required",ROW_END:"row-end",ROW_HEIGHT:"row-height",ROW_SPAN:"row-span",ROW_START:"row-start",ROWS:"rows",SELECT:"select",SELECTED:"selected",SHAPE:"shape",SIZE:"size",SUBMENU:"submenu",TABBABLE:"tabbable",TABINDEX:"tabindex",TARGET:"target",TRIGGER:"trigger",TRIGGERFIELD:"triggerfield",TRIGGER_LABEL:"trigger-label",TEXT:"text",TEXT_ALIGN:"text-align",TEXT_ELLIPSIS:"text-ellipsis",TYPE:"type",VALIDATE:"validate",VALIDATION_EVENTS:"validation-events",VALIDATION_HAS_ERROR:"validation-has-error",VALUE:"value",VIRTUAL_SCROLL:"virtual-scroll",VISIBLE:"visible"}},3986:(t,e,n)=>{"use strict";n.d(e,{i8:()=>i,Mo:()=>r,h5:()=>o});function i(){return function(t){t.prototype.version="0.0.0-beta.8"}}function r(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function o(t){return function(e){e.prototype.cssStyles=t}}},8330:(t,e,n)=>{"use strict";n.d(e,{Hb:()=>w,Mo:()=>m.Mo,CD:()=>v.Z,h5:()=>m.h5,NQ:()=>g.N});var i,r=n(4575),o=n.n(r),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),u=n(8585),d=n.n(u),p=n(9754),h=n.n(p),f=n(5957),b=n.n(f),m=n(3986),g=n(254),v=n(8832),y=n(2417);function E(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=h()(t);if(e){var r=h()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return d()(this,n)}}var w=(0,m.i8)()(i=function(t){c()(n,t);var e=E(n);function n(){var t;return o()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return a()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[y.v.camelCase(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var i=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),i.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(i.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var i=new CSSStyleSheet;i.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[i]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(b()(HTMLElement)))||i},4913:(t,e,n)=>{"use strict";n.d(e,{S:()=>v});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(1506),l=n.n(a),c=n(2205),u=n.n(c),d=n(8585),p=n.n(d),h=n(9754),f=n.n(h),b=n(9713),m=n.n(b);function g(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var r=f()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return p()(this,n)}}var v=function(t){return function(t){u()(n,t);var e=g(n);function n(){var t;return r()(this,n),t=e.call(this),m()(l()(t),"handledEvents",new Map),t}return s()(n,[{key:"onEvent",value:function(t,e,n,i){e.addEventListener(t.split(".")[0],n,i),this.handledEvents.set(t,{target:e,callback:n,options:i})}},{key:"offEvent",value:function(t,e,n){var i=this.handledEvents.get(t);null!=i&&i.callback&&e.removeEventListener(t.split(".")[0],i.callback,n||i.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(i)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(i,r){n&&r!==t||e.offEvent(r,i.target,i.options)}))}}]),n}(t)}},8832:(t,e,n)=>{"use strict";n.d(e,{Z:()=>l});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=function(){function t(e){r()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const l=function(t){return new a(t)}},7818:(t,e,n)=>{"use strict";n.d(e,{C:()=>b});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(2205),l=n.n(a),c=n(8585),u=n.n(c),d=n(9754),p=n.n(d);function h(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var r=p()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return u()(this,n)}}var f=[],b=function(t){return function(t){l()(n,t);var e=h(n);function n(){var t;return r()(this,n),(t=e.call(this)).observed=[],t}return s()(n,[{key:"checkForIDS",value:function(){window.Ids||(window.Ids={})}},{key:"setupResize",value:function(){this.checkForIDS(),window.Ids.resizeObserver||"undefined"==typeof ResizeObserver||(window.Ids.resizeObserver=new ResizeObserver((function(){f.forEach((function(t){"function"==typeof t.refresh&&t.refresh()}))}))),this.ro||(this.ro=window.Ids.resizeObserver),f.includes(this)||f.push(this)}},{key:"disconnectResize",value:function(){var t=this;this.ro&&(f=f.filter((function(e){return!t.isEqualNode(e)})),this.removeAllObservedElements(),delete this.ro)}},{key:"shouldResize",value:function(){return"undefined"!=typeof ResizeObserver&&this.ro instanceof ResizeObserver}},{key:"resizeDetectionTarget",value:function(){var t=this.parentNode;return t instanceof ShadowRoot&&(t=t.host),t}},{key:"addObservedElement",value:function(t){t instanceof HTMLElement&&(this.observed.includes(t)||(this.observed.push(t),this.ro.observe(t)))}},{key:"removeObservedElement",value:function(t){if(t instanceof HTMLElement){var e=this.observed.indexOf(t);e>-1&&(this.observed.splice(e,1),this.ro.disconnect(t))}}},{key:"removeAllObservedElements",value:function(){var t=this;this.observed.forEach((function(e){t.removeObservedElement(e)}))}},{key:"setupDetectMutations",value:function(){var t=this;this.checkForIDS(),this.mo||"undefined"==typeof MutationObserver||(this.mo=new MutationObserver((function(e){switch(e.type){case"childList":break;default:"function"==typeof t.refresh&&t.refresh()}}))),this.mutationTargets||(this.mutationTargets=[]),this.mutationTargets.includes(this)||this.mutationTargets.push(this)}},{key:"disconnectDetectMutations",value:function(){this.mo&&(this.mutationTargets=[],delete this.mo)}},{key:"shouldDetectMutations",value:function(){return"undefined"!=typeof MutationObserver&&this.mo instanceof MutationObserver}}]),n}(t)}},2417:(t,e,n)=>{"use strict";n.d(e,{v:()=>i});var i={camelCase:function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},stringToBool:function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))},injectTemplate:function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))}}},8363:(t,e,n)=>{"use strict";var i,r=n(4575),o=n.n(r),s=n(3913),a=n.n(s),l=n(2205),c=n.n(l),u=n(8585),d=n.n(u),p=n(9754),h=n.n(p),f=n(8330),b=n(4913),m=n(1762),g=n(2417),v=n(7818),y=n(1998);function E(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=h()(t);if(e){var r=h()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return d()(this,n)}}var w="center",x=[w,"bottom","top","left","right"],A=[w,"left","right"],T=[w,"top","bottom"],k=A.filter((function(t){return t!==w})),C=T.filter((function(t){return t!==w})),R=["none","bottom","top","left","right"],S=["none","menu","menu-alt","tooltip","tooltip-alt"],D=["align","align-x","align-y","align-edge","align-target","arrow","arrow-target",f.NQ.ANIMATED,f.NQ.TYPE,f.NQ.VISIBLE,"x","y"];function L(t,e,n){return C.includes(n)?t&&t.length&&t!==w?"".concat(n,", ").concat(t):"".concat(n):e&&e.length&&e!==w?n===w?"".concat(e):"".concat(n,", ").concat(e):"".concat(t)}(0,f.Mo)("ids-popup")(i=(0,f.h5)(y.Z)(i=function(t){c()(n,t);var e=E(n);function n(){var t;return o()(this,n),(t=e.call(this)).alignment={edge:x[0],target:void 0,x:A[0],y:T[0]},t.coords={x:0,y:0},t.state={arrow:R[0],arrowTarget:null},t.isVisible=!1,t.isAnimated=!1,t.trueType="none",t.shouldUpdate=!0,t}return a()(n,[{key:"connectedCallback",value:function(){this.animated=this.hasAttribute("animated"),this.trueType=this.getAttribute("type")||this.trueType,this.isVisible=this.hasAttribute("visible"),this.setupDetectMutations(),this.setupResize(),this.handleEvents(),this.refresh()}},{key:"disconnectedCallback",value:function(){f.Hb.prototype.disconnectedCallback.apply(this),this.shouldResize()&&this.disconnectResize(),this.shouldDetectMutations()&&this.disconnectDetectMutations()}},{key:"attributeChangedCallback",value:function(t,e,n){this.shouldUpdate&&f.Hb.prototype.attributeChangedCallback.apply(this,[t,e,n])}},{key:"wrapper",get:function(){return this.shadowRoot.querySelector(".content-wrapper")}},{key:"alignTarget",get:function(){return this.alignment.target},set:function(t){var e,n="string"==typeof t&&t.length,i=t instanceof HTMLElement;if(!n&&!i)return this.alignment.target=void 0,this.removeAttribute("align-target"),void this.refresh();if(n){if(!((e=document.querySelector(t))instanceof HTMLElement))return;this.setAttribute("align-target",t)}else e=t;this.alignment.target=e,this.refresh()}},{key:"align",get:function(){return L(this.alignX,this.alignY,this.alignEdge)},set:function(t){this.shouldUpdate=!1;var e=t;"string"==typeof e&&e.length||(e=w);var n,i,r=e.split(","),o=(r=r.map((function(t){return t.trim().toLowerCase()})))[0];if(x.includes(o)&&(this.alignEdge=o,r[0]=this.alignEdge),r[1]||r.push("center"),C.includes(r[0])||k.includes(r[1])){var s=r[1];r[1]=r[0],r[0]=s}A.includes(r[0])?(n=r[0],this.alignX=r[0]):n=this.alignX,T.includes(r[1])?(i=r[1],this.alignY=r[1]):i=this.alignY,this.setAttribute("align",L(n,i,this.alignment.edge)),this.shouldUpdate=!0,this.refresh()}},{key:"alignX",get:function(){return this.alignment.x},set:function(t){if("string"==typeof t&&t.length){var e=t;A.includes(t)||(e=A[0]),this.alignment.x=e;var n=this.alignment.y;this.hasAttribute("align-x")?(this.safeRemoveAttribute("align-x"),this.align=L(e,n,e)):this.shouldUpdate&&(this.align=L(e,n,e)),this.refresh()}}},{key:"alignY",get:function(){return this.alignment.y},set:function(t){if("string"==typeof t&&t.length){var e=T[0];T.includes(t)&&(e=t),this.alignment.y=e;var n=this.alignment.x;this.hasAttribute("align-y")?(this.safeRemoveAttribute("align-y"),this.align=L(n,e,e)):this.shouldUpdate&&(this.align=L(n,e,e)),this.refresh()}}},{key:"alignEdge",get:function(){return this.alignment.edge},set:function(t){if("string"==typeof t&&t.length){var e,n=this.alignment.x,i=this.alignment.y;x.includes(t)?(e=t,t===w&&(n=t,i=t)):e=x[0],this.alignment.edge=e,this.hasAttribute("align-edge")?(this.shouldUpdate=!1,this.removeAttribute("align-edge"),this.align=L(n,i,e),this.shouldUpdate=!0):this.shouldUpdate&&(this.align=L(n,i,e)),this.refresh()}}},{key:"animated",get:function(){return this.isAnimated},set:function(t){this.isAnimated=g.v.stringToBool(t),this.isAnimated?this.safeSetAttribute("animated",!0):this.safeRemoveAttribute("animated"),this.refresh()}},{key:"arrow",get:function(){var t=this.getAttribute("arrow");return t||R[0]},set:function(t){var e=R[0];t&&R.includes(t)&&(e=t),e!==R[0]?this.safeSetAttribute("arrow","".concat(e)):this.safeRemoveAttribute("arrow"),this.refresh()}},{key:"arrowEl",get:function(){return this.container.querySelector(".arrow")}},{key:"arrowTarget",get:function(){return this.state.arrowTarget||this.alignTarget},set:function(t){var e,n="string"==typeof t&&t.length,i=t instanceof HTMLElement;if(!n&&!i)return this.state.arrowTarget=void 0,this.removeAttribute("arrow-target"),void this.refresh();if(n){if(!((e=document.querySelector(t))instanceof HTMLElement))return;this.setAttribute("arrow-target",t)}else e=t;this.state.arrowTarget=e,this.refresh()}},{key:"type",get:function(){return this.trueType},set:function(t){t&&S.includes(t)&&(this.trueType=t),this.safeSetAttribute("type",this.trueType),this.refresh()}},{key:"visible",get:function(){return this.isVisible},set:function(t){this.isVisible=g.v.stringToBool(t),this.isVisible?this.safeSetAttribute("visible",!0):this.safeRemoveAttribute("visible"),this.refresh()}},{key:"x",get:function(){return this.coords.x},set:function(t){var e=parseInt(t.toString(),10);Number.isNaN(e)&&(e=0),this.coords.x=e,this.setAttribute("x",e.toString()),this.refresh()}},{key:"y",get:function(){return this.coords.y},set:function(t){var e=parseInt(t.toString(),10);Number.isNaN(e)&&(e=0),this.coords.y=e,this.setAttribute("y",e.toString()),this.refresh()}},{key:"refresh",value:function(){var t=this;if(this.shouldUpdate){this.shouldResize()&&this.addObservedElement(this.resizeDetectionTarget());var e=this.trueType,n=this.container.classList;S.forEach((function(t){t!==e&&n.contains(t)?n.remove(t):t!==e||n.contains(t)||n.add(t)})),this.isVisible?n.add("visible"):n.remove("open");var i=this.arrow,r=this.arrowEl.classList;R.forEach((function(e){"none"!==e&&e!==i&&(r.remove(e),t.arrowEl.hidden=!0)})),"none"===this.arrow||r.contains(this.arrow)||(r.add(this.arrow),this.arrowEl.hidden=!1),this.alignTarget?(this.shouldDetectMutations()&&!this.hasMutations&&(this.mo.observe(this.alignTarget,{attributes:!0,attributeFilter:["style","height","width"],attributeOldValue:!0,subtree:!0}),this.hasMutations=!0),this.placeAgainstTarget()):(this.hasMutations&&(this.mo.disconnect(),this.disconnectDetectMutations(),delete this.hasMutations),this.placeAtCoords()),this.openCheck&&this.openCheck.destroy(!0),this.openCheck=this.rl.register(new m.zs({duration:70,timeoutCallback:function(){t.isVisible&&(t.placeArrow(),t.triggerEvent("show",t,{bubbles:!0,detail:{elem:t}}),t.container.classList.add("open")),!t.isAnimated&&t.container.classList.contains("animated")&&t.container.classList.remove("animated")}})),this.animatedCheck&&this.animatedCheck.destroy(!0),this.animatedCheck=this.rl.register(new m.zs({duration:200,timeoutCallback:function(){t.isVisible||(t.triggerEvent("hide",t,{bubbles:!0,detail:{elem:t}}),t.container.classList.contains("visible")&&t.container.classList.remove("visible")),t.isAnimated&&!t.container.classList.contains("animated")&&t.container.classList.add("animated")}}))}}},{key:"placeAtCoords",value:function(){var t=this.container.getBoundingClientRect(),e=this.x,n=this.y;switch(this.alignX){case"right":e-=t.width;break;case"center":e-=t.width/2}switch(this.alignY){case"bottom":n-=t.height;break;case"center":n-=t.height/2}this.container.style.left="".concat(e,"px"),this.container.style.top="".concat(n,"px")}},{key:"placeAgainstTarget",value:function(){var t=this.x,e=this.y,n=this.container.getBoundingClientRect(),i=this.alignTarget.getBoundingClientRect(),r=this.alignEdge,o=!1,s=!1;if(T.includes(r)){switch(r){case"top":e=i.top-n.height-e;break;case"bottom":e=i.bottom+e;break;default:e=i.top+i.height/2-n.height/2+e,s=!0}switch(this.alignX){case"left":t=i.left+t;break;case"right":t=i.right-n.width-t;break;default:t=i.left+i.width/2-n.width/2+t,o=!0}}if(A.includes(r)){switch(r){case"left":t=i.left-n.width-t;break;case"right":t=i.right+t;break;default:if(o)break;t=i.left+i.width/2-n.width/2+t}switch(this.alignY){case"top":e=i.top+e;break;case"bottom":e=i.bottom-n.height+e;break;default:if(s)break;e=i.top+i.height/2-n.height/2+e}}this.container.style.left="".concat(t,"px"),this.container.style.top="".concat(e,"px")}},{key:"placeArrow",value:function(){var t=this.arrow,e=this.arrowEl,n=this.alignTarget,i=this.arrowTarget;if("none"!==t&&n&&i){e.removeAttribute("hidden"),e.style.marginLeft="",e.style.marginTop="";var r,o=e.getBoundingClientRect(),s=n.getBoundingClientRect(),a=i.getBoundingClientRect(),l={},c="right"===t||"left"===t?"marginTop":"marginLeft",u=!1;"left"!==t&&"right"!==t||(r=a.top+a.height/2-(o.top+o.height/2),l.top=o.top+r,l.bottom=o.bottom+r,(l.top<=s.top||l.bottom>=s.bottom)&&(u=!0)),"top"!==t&&"bottom"!==t||(r=a.left+a.width/2-(o.left+o.width/2),l.left=o.left+r,l.right=o.right+r,(l.left<=s.left||l.right>=s.right)&&(u=!0)),r=Math.ceil(r),u&&(e.hidden=!0),e.style[c]="".concat(r,"px")}else e.hidden=!0}},{key:"safeSetAttribute",value:function(t,e){if(D.includes(t)){var n=this.shouldUpdate;this.shouldUpdate=!1,this.setAttribute(t,e),this.shouldUpdate=n}}},{key:"safeRemoveAttribute",value:function(t){if(D.includes(t)){var e=this.shouldUpdate;this.shouldUpdate=!1,this.removeAttribute(t),this.shouldUpdate=e}}},{key:"template",value:function(){return'<div class="ids-popup">\n      <div class="arrow"></div>\n      <div class="content-wrapper">\n        <slot name="content"></slot>\n      </div>\n    </div>'}},{key:"handleEvents",value:function(){var t=this,e=this.shadowRoot.querySelector("slot");this.onEvent("slotchange",e,(function(){t.refresh()}))}}],[{key:"properties",get:function(){return D}}]),n}((0,f.CD)(f.Hb).with(m.Bm,v.C,b.S)))||i)},3293:(t,e,n)=>{"use strict";function i(){return window.performance.now()}n.d(e,{A:()=>i})},4858:(t,e,n)=>{"use strict";n.d(e,{Z:()=>i});const i=new(n(3059).e)},7950:(t,e,n)=>{"use strict";n.d(e,{Z:()=>y});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(1506),l=n.n(a),c=n(2205),u=n.n(c),d=n(8585),p=n.n(d),h=n(9754),f=n.n(h),b=n(5957),m=n.n(b),g=n(3293);function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=f()(t);if(e){var r=f()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return p()(this,n)}}const y=function(t){u()(n,t);var e=v(n);function n(){var t,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(r()(this,n),(t=e.call(this)).id=i.id,t.duration=-1,"number"==typeof i.duration&&(t.duration=parseInt(i.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof i.updateDuration&&(t.updateDuration=parseInt(i.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof i.updateCallback&&"function"!=typeof i.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof i.updateCallback&&(t.updateCallback=i.updateCallback.bind(l()(t))),"function"==typeof i.timeoutCallback&&(t.timeoutCallback=i.timeoutCallback.bind(l()(t))),t.paused=!1,t.startTime=(0,g.A)(),t.totalStoppedTime=0,p()(t,l()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=(0,g.A)()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=(0,g.A)()}},{key:"resume",value:function(){this.resumeTime=(0,g.A)(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return(0,g.A)()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&(0,g.A)()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(m()(Object))},1762:(t,e,n)=>{"use strict";n.d(e,{Bm:()=>m,zs:()=>h.z});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(2205),l=n.n(a),c=n(8585),u=n.n(c),d=n(9754),p=n.n(d),h=n(3059),f=n(4858);function b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=p()(t);if(e){var r=p()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return u()(this,n)}}var m=function(t){return function(t){l()(n,t);var e=b(n);function n(){return r()(this,n),e.call(this)}return s()(n,[{key:"rl",get:function(){return f.Z}}]),n}(t)}},3059:(t,e,n)=>{"use strict";n.d(e,{e:()=>c,z:()=>l.Z});var i=n(4575),r=n.n(i),o=n(3913),s=n.n(o),a=n(3293),l=n(7950),c=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};r()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=(0,a.A)()),this.lastStopTime&&(t=!0,this.resumeTime=(0,a.A)(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,i=this,r=(0,a.A)();!function o(){i.doLoop&&(e=(0,a.A)(),n=(e-r)/1e3,i.items.forEach((function(o){if(o.doRemoveOnNextTick)i.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:r,delta:n,now:e};o.update(s)}})),r=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=(0,a.A)(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return(0,a.A)()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof l.Z&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}()},1998:(t,e,n)=>{"use strict";n.d(e,{Z:()=>i});const i='/* Ids Popup Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: \'source sans pro\', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: \'source code pro\', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  position: absolute;\n  display: inline-block; }\n\n.ids-popup {\n  opacity: 0;\n  position: fixed;\n  display: none; }\n  .ids-popup .arrow {\n    border-width: 8px;\n    display: none;\n    position: absolute; }\n    .ids-popup .arrow.bottom, .ids-popup .arrow.left, .ids-popup .arrow.right, .ids-popup .arrow.top {\n      border-style: solid;\n      border-color: transparent;\n      display: block;\n      height: 0;\n      width: 0; }\n    .ids-popup .arrow::after {\n      border-style: solid;\n      border-color: transparent;\n      border-width: 8px;\n      content: \'\';\n      display: block;\n      position: relative; }\n    .ids-popup .arrow.bottom {\n      border-top-width: 0;\n      left: calc(50% - 9px);\n      top: -9px; }\n      .ids-popup .arrow.bottom::after {\n        border-top-width: 0;\n        left: -8px;\n        top: 1px; }\n    .ids-popup .arrow.left {\n      border-right-width: 0;\n      right: -9px;\n      top: calc(50% - 9px); }\n      .ids-popup .arrow.left::after {\n        border-right-width: 0;\n        left: -9px;\n        top: -8px; }\n    .ids-popup .arrow.right {\n      border-left-width: 0;\n      left: -9px;\n      top: calc(50% - 9px); }\n      .ids-popup .arrow.right::after {\n        border-left-width: 0;\n        left: 1px;\n        top: -8px; }\n    .ids-popup .arrow.top {\n      border-bottom-width: 0;\n      bottom: -9px;\n      left: calc(50% - 9px); }\n      .ids-popup .arrow.top::after {\n        border-bottom-width: 0;\n        left: -8px;\n        top: -9px; }\n  .ids-popup.visible {\n    display: unset; }\n  .ids-popup.open {\n    opacity: 1; }\n  .ids-popup.animated {\n    transition: opacity 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n    .ids-popup.animated.open {\n      transition: opacity 200ms cubic-bezier(0.4, 0, 0.6, 1), height 200ms cubic-bezier(0.4, 0, 0.6, 1), width 200ms cubic-bezier(0.4, 0, 0.6, 1), left 200ms cubic-bezier(0.4, 0, 0.6, 1), top 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n  .ids-popup.none {\n    background-color: var(--ids-color-palette-white);\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--ids-color-palette-emerald-30);\n    padding: 12px; }\n  .ids-popup.menu {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background-color: var(--ids-color-palette-white);\n    border-width: 1px;\n    border-style: solid;\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding-top: 4px;\n    padding-bottom: 4px;\n    border-radius: 2px;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.bottom {\n      border-bottom-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.bottom::after {\n      border-bottom-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.left {\n      border-left-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.left::after {\n      border-left-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.right {\n      border-right-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.right::after {\n      border-right-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.top {\n      border-top-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.top::after {\n      border-top-color: var(--ids-color-palette-white); }\n  .ids-popup.menu-alt {\n    background-color: var(--ids-color-palette-slate-100);\n    border-width: 1px;\n    border-style: solid;\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-radius: 2px;\n    font-size: 14px;\n    color: var(--ids-color-palette-white);\n    border-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.bottom,\n    .ids-popup.menu-alt .arrow.bottom::after {\n      border-bottom-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.left,\n    .ids-popup.menu-alt .arrow.left::after {\n      border-left-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.right,\n    .ids-popup.menu-alt .arrow.right::after {\n      border-right-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.top,\n    .ids-popup.menu-alt .arrow.top::after {\n      border-top-color: var(--ids-color-border-darker); }\n  .ids-popup.tooltip {\n    background-color: var(--ids-color-palette-slate-100);\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--ids-color-palette-white); }\n  .ids-popup.tooltip-alt {\n    background-color: var(--ids-color-palette-white);\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--ids-color-palette-black); }\n\n.content-wrapper {\n  position: static; }\n'}},e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var i={};return(()=>{"use strict";n(8363)})(),i=i.default})()}));
 //# sourceMappingURL=ids-popup.js.map

ids-popup/test-target-in-grid.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-popup/test-target-in-grid-lib.js"]=e():t["ids-popup/test-target-in-grid-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var r=n(9489),i=n(7067);function o(e,n,s){return i()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,n){var i=[null];i.push.apply(i,e);var o=new(Function.bind.apply(t,i));return n&&r(o,n.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}t.exports=function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var r=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var r=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,r){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,r)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var r=n(9754),i=n(9489),o=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,r(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},5526:(t,e,n)=>{"use strict";var r=n(4575),i=n.n(r),o=n(3913),s=n.n(o),a=n(2205),l=n.n(a),c=n(8585),u=n.n(c),d=n(9754),p=n.n(d),h=n(5957),f=n.n(h);var b="animated",m="type",g="visible",y=function(){function t(e){i()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const v=function(t){return new y(t)};var w,x=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},k=function(t){return"true"===(t+"").toLowerCase()};function C(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return u()(this,n)}}var A=function(t){t.prototype.version="0.0.0-beta.7"}(w=function(t){l()(n,t);var e=C(n);function n(){var t;return i()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return s()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[x(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var r=new CSSStyleSheet;r.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[r]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||w,E=n(1506),S=n.n(E),T=n(9713),R=n.n(T);function D(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return u()(this,n)}}function F(){return window.performance.now()}function B(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return u()(this,n)}}const z=function(t){l()(n,t);var e=B(n);function n(){var t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(i()(this,n),(t=e.call(this)).id=r.id,t.duration=-1,"number"==typeof r.duration&&(t.duration=parseInt(r.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof r.updateDuration&&(t.updateDuration=parseInt(r.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof r.updateCallback&&"function"!=typeof r.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof r.updateCallback&&(t.updateCallback=r.updateCallback.bind(S()(t))),"function"==typeof r.timeoutCallback&&(t.timeoutCallback=r.timeoutCallback.bind(S()(t))),t.paused=!1,t.startTime=F(),t.totalStoppedTime=0,u()(t,S()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=F()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=F()}},{key:"resume",value:function(){this.resumeTime=F(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return F()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&F()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(f()(Object));const O=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};i()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=F()),this.lastStopTime&&(t=!0,this.resumeTime=F(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,r=this,i=F();!function o(){r.doLoop&&(e=F(),n=(e-i)/1e3,r.items.forEach((function(o){if(o.doRemoveOnNextTick)r.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:i,delta:n,now:e};o.update(s)}})),i=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=F(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return F()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof z&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}();function M(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return u()(this,n)}}var L=null;function U(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return u()(this,n)}}var j=[];var N;function q(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return u()(this,n)}}var I="center",P=[I,"bottom","top","left","right"],_=[I,"left","right"],V=[I,"top","bottom"],H=_.filter((function(t){return t!==I})),X=V.filter((function(t){return t!==I})),Y=["none","bottom","top","left","right"],K=["none","menu","menu-alt","tooltip","tooltip-alt"],G=["align","align-x","align-y","align-edge","align-target","arrow","arrow-target",b,m,g,"x","y"];function Z(t,e,n){return X.includes(n)?t&&t.length&&t!==I?"".concat(n,", ").concat(t):"".concat(n):e&&e.length&&e!==I?n===I?"".concat(e):"".concat(n,", ").concat(e):"".concat(t)}var J,$;$="ids-popup",J='/* Ids Popup Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: \'source sans pro\', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: \'source code pro\', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  position: absolute;\n  display: inline-block; }\n\n.ids-popup {\n  opacity: 0;\n  position: fixed;\n  display: none; }\n  .ids-popup .arrow {\n    border-width: 8px;\n    display: none;\n    position: absolute; }\n    .ids-popup .arrow.bottom, .ids-popup .arrow.left, .ids-popup .arrow.right, .ids-popup .arrow.top {\n      border-style: solid;\n      border-color: transparent;\n      display: block;\n      height: 0;\n      width: 0; }\n    .ids-popup .arrow::after {\n      border-style: solid;\n      border-color: transparent;\n      border-width: 8px;\n      content: \'\';\n      display: block;\n      position: relative; }\n    .ids-popup .arrow.bottom {\n      border-top-width: 0;\n      left: calc(50% - 9px);\n      top: -9px; }\n      .ids-popup .arrow.bottom::after {\n        border-top-width: 0;\n        left: -8px;\n        top: 1px; }\n    .ids-popup .arrow.left {\n      border-right-width: 0;\n      right: -9px;\n      top: calc(50% - 9px); }\n      .ids-popup .arrow.left::after {\n        border-right-width: 0;\n        left: -9px;\n        top: -8px; }\n    .ids-popup .arrow.right {\n      border-left-width: 0;\n      left: -9px;\n      top: calc(50% - 9px); }\n      .ids-popup .arrow.right::after {\n        border-left-width: 0;\n        left: 1px;\n        top: -8px; }\n    .ids-popup .arrow.top {\n      border-bottom-width: 0;\n      bottom: -9px;\n      left: calc(50% - 9px); }\n      .ids-popup .arrow.top::after {\n        border-bottom-width: 0;\n        left: -8px;\n        top: -9px; }\n  .ids-popup.visible {\n    display: unset; }\n  .ids-popup.open {\n    opacity: 1; }\n  .ids-popup.animated {\n    transition: opacity 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n    .ids-popup.animated.open {\n      transition: opacity 200ms cubic-bezier(0.4, 0, 0.6, 1), height 200ms cubic-bezier(0.4, 0, 0.6, 1), width 200ms cubic-bezier(0.4, 0, 0.6, 1), left 200ms cubic-bezier(0.4, 0, 0.6, 1), top 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n  .ids-popup.none {\n    background-color: var(--ids-color-palette-white);\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--ids-color-palette-emerald-30);\n    padding: 12px; }\n  .ids-popup.menu {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background-color: var(--ids-color-palette-white);\n    border-width: 1px;\n    border-style: solid;\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding-top: 4px;\n    padding-bottom: 4px;\n    border-radius: 2px;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.bottom {\n      border-bottom-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.bottom::after {\n      border-bottom-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.left {\n      border-left-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.left::after {\n      border-left-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.right {\n      border-right-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.right::after {\n      border-right-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.top {\n      border-top-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.top::after {\n      border-top-color: var(--ids-color-palette-white); }\n  .ids-popup.menu-alt {\n    background-color: var(--ids-color-palette-slate-100);\n    border-width: 1px;\n    border-style: solid;\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-radius: 2px;\n    font-size: 14px;\n    color: var(--ids-color-palette-white);\n    border-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.bottom,\n    .ids-popup.menu-alt .arrow.bottom::after {\n      border-bottom-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.left,\n    .ids-popup.menu-alt .arrow.left::after {\n      border-left-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.right,\n    .ids-popup.menu-alt .arrow.right::after {\n      border-right-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.top,\n    .ids-popup.menu-alt .arrow.top::after {\n      border-top-color: var(--ids-color-border-darker); }\n  .ids-popup.tooltip {\n    background-color: var(--ids-color-palette-slate-100);\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--ids-color-palette-white); }\n  .ids-popup.tooltip-alt {\n    background-color: var(--ids-color-palette-white);\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--ids-color-palette-black); }\n\n.content-wrapper {\n  position: static; }\n',Q=N=function(t){t.prototype.cssStyles=J}(N=function(t){l()(n,t);var e=q(n);function n(){var t;return i()(this,n),(t=e.call(this)).alignment={edge:P[0],target:void 0,x:_[0],y:V[0]},t.coords={x:0,y:0},t.state={arrow:Y[0],arrowTarget:null},t.isVisible=!1,t.isAnimated=!1,t.trueType="none",t.shouldUpdate=!0,t}return s()(n,[{key:"connectedCallback",value:function(){this.animated=this.hasAttribute("animated"),this.trueType=this.getAttribute("type")||this.trueType,this.isVisible=this.hasAttribute("visible"),this.setupDetectMutations(),this.setupResize(),this.handleEvents(),this.refresh()}},{key:"disconnectedCallback",value:function(){A.prototype.disconnectedCallback.apply(this),this.shouldResize()&&(this.ro.unobserve(this.resizeDetectionTarget()),this.disconnectResize()),this.shouldDetectMutations()&&this.disconnectDetectMutations()}},{key:"attributeChangedCallback",value:function(t,e,n){this.shouldUpdate&&A.prototype.attributeChangedCallback.apply(this,[t,e,n])}},{key:"wrapper",get:function(){return this.shadowRoot.querySelector(".content-wrapper")}},{key:"alignTarget",get:function(){return this.alignment.target},set:function(t){var e,n="string"==typeof t&&t.length,r=t instanceof HTMLElement;if(!n&&!r)return this.alignment.target=void 0,this.removeAttribute("align-target"),void this.refresh();if(n){if(!((e=document.querySelector(t))instanceof HTMLElement))return;this.setAttribute("align-target",t)}else e=t;this.alignment.target=e,this.refresh()}},{key:"align",get:function(){return Z(this.alignX,this.alignY,this.alignEdge)},set:function(t){this.shouldUpdate=!1;var e=t;"string"==typeof e&&e.length||(e=I);var n,r,i=e.split(","),o=(i=i.map((function(t){return t.trim().toLowerCase()})))[0];if(P.includes(o)&&(this.alignEdge=o,i[0]=this.alignEdge),i[1]||i.push("center"),X.includes(i[0])||H.includes(i[1])){var s=i[1];i[1]=i[0],i[0]=s}_.includes(i[0])?(n=i[0],this.alignX=i[0]):n=this.alignX,V.includes(i[1])?(r=i[1],this.alignY=i[1]):r=this.alignY,this.setAttribute("align",Z(n,r,this.alignment.edge)),this.shouldUpdate=!0,this.refresh()}},{key:"alignX",get:function(){return this.alignment.x},set:function(t){if("string"==typeof t&&t.length){var e=t;_.includes(t)||(e=_[0]),this.alignment.x=e;var n=this.alignment.y;this.hasAttribute("align-x")?(this.safeRemoveAttribute("align-x"),this.align=Z(e,n,e)):this.shouldUpdate&&(this.align=Z(e,n,e)),this.refresh()}}},{key:"alignY",get:function(){return this.alignment.y},set:function(t){if("string"==typeof t&&t.length){var e=V[0];V.includes(t)&&(e=t),this.alignment.y=e;var n=this.alignment.x;this.hasAttribute("align-y")?(this.safeRemoveAttribute("align-y"),this.align=Z(n,e,e)):this.shouldUpdate&&(this.align=Z(n,e,e)),this.refresh()}}},{key:"alignEdge",get:function(){return this.alignment.edge},set:function(t){if("string"==typeof t&&t.length){var e,n=this.alignment.x,r=this.alignment.y;P.includes(t)?(e=t,t===I&&(n=t,r=t)):e=P[0],this.alignment.edge=e,this.hasAttribute("align-edge")?(this.shouldUpdate=!1,this.removeAttribute("align-edge"),this.align=Z(n,r,e),this.shouldUpdate=!0):this.shouldUpdate&&(this.align=Z(n,r,e)),this.refresh()}}},{key:"animated",get:function(){return this.isAnimated},set:function(t){this.isAnimated=k(t),this.isAnimated?this.safeSetAttribute("animated",!0):this.safeRemoveAttribute("animated"),this.refresh()}},{key:"arrow",get:function(){var t=this.getAttribute("arrow");return t||Y[0]},set:function(t){var e=Y[0];t&&Y.includes(t)&&(e=t),e!==Y[0]?this.safeSetAttribute("arrow","".concat(e)):this.safeRemoveAttribute("arrow"),this.refresh()}},{key:"arrowEl",get:function(){return this.container.querySelector(".arrow")}},{key:"arrowTarget",get:function(){return this.state.arrowTarget||this.alignTarget},set:function(t){var e,n="string"==typeof t&&t.length,r=t instanceof HTMLElement;if(!n&&!r)return this.state.arrowTarget=void 0,this.removeAttribute("arrow-target"),void this.refresh();if(n){if(!((e=document.querySelector(t))instanceof HTMLElement))return;this.setAttribute("arrow-target",t)}else e=t;this.state.arrowTarget=e,this.refresh()}},{key:"type",get:function(){return this.trueType},set:function(t){t&&K.includes(t)&&(this.trueType=t),this.safeSetAttribute("type",this.trueType),this.refresh()}},{key:"visible",get:function(){return this.isVisible},set:function(t){this.isVisible=k(t),this.isVisible?this.safeSetAttribute("visible",!0):this.safeRemoveAttribute("visible"),this.refresh()}},{key:"x",get:function(){return this.coords.x},set:function(t){var e=parseInt(t.toString(),10);Number.isNaN(e)&&(e=0),this.coords.x=e,this.setAttribute("x",e.toString()),this.refresh()}},{key:"y",get:function(){return this.coords.y},set:function(t){var e=parseInt(t.toString(),10);Number.isNaN(e)&&(e=0),this.coords.y=e,this.setAttribute("y",e.toString()),this.refresh()}},{key:"refresh",value:function(){var t=this;if(this.shouldUpdate){this.shouldResize()&&this.ro.observe(this.resizeDetectionTarget());var e=this.trueType,n=this.container.classList;K.forEach((function(t){t!==e&&n.contains(t)?n.remove(t):t!==e||n.contains(t)||n.add(t)})),this.isVisible?n.add("visible"):n.remove("open");var r=this.arrow,i=this.arrowEl.classList;Y.forEach((function(e){"none"!==e&&e!==r&&(i.remove(e),t.arrowEl.hidden=!0)})),"none"===this.arrow||i.contains(this.arrow)||(i.add(this.arrow),this.arrowEl.hidden=!1),this.alignTarget?(this.shouldDetectMutations()&&!this.hasMutations&&(this.mo.observe(this.alignTarget,{attributes:!0,attributeFilter:["style","height","width"],attributeOldValue:!0,subtree:!0}),this.hasMutations=!0),this.placeAgainstTarget()):(this.hasMutations&&(this.mo.disconnect(),this.disconnectDetectMutations(),delete this.hasMutations),this.placeAtCoords()),this.openCheck&&this.openCheck.destroy(!0),this.openCheck=this.rl.register(new z({duration:70,timeoutCallback:function(){t.isVisible&&(t.placeArrow(),t.trigger("show",t,{bubbles:!0,detail:{elem:t}}),t.container.classList.add("open")),!t.isAnimated&&t.container.classList.contains("animated")&&t.container.classList.remove("animated")}})),this.animatedCheck&&this.animatedCheck.destroy(!0),this.animatedCheck=this.rl.register(new z({duration:200,timeoutCallback:function(){t.isVisible||(t.trigger("hide",t,{bubbles:!0,detail:{elem:t}}),t.container.classList.contains("visible")&&t.container.classList.remove("visible")),t.isAnimated&&!t.container.classList.contains("animated")&&t.container.classList.add("animated")}}))}}},{key:"placeAtCoords",value:function(){var t=this.container.getBoundingClientRect(),e=this.x,n=this.y;switch(this.alignX){case"right":e-=t.width;break;case"center":e-=t.width/2}switch(this.alignY){case"bottom":n-=t.height;break;case"center":n-=t.height/2}this.container.style.left="".concat(e,"px"),this.container.style.top="".concat(n,"px")}},{key:"placeAgainstTarget",value:function(){var t=this.x,e=this.y,n=this.container.getBoundingClientRect(),r=this.alignTarget.getBoundingClientRect(),i=this.alignEdge,o=!1,s=!1;if(V.includes(i)){switch(i){case"top":e=r.top-n.height-e;break;case"bottom":e=r.bottom+e;break;default:e=r.top+r.height/2-n.height/2+e,s=!0}switch(this.alignX){case"left":t=r.left+t;break;case"right":t=r.right-n.width-t;break;default:t=r.left+r.width/2-n.width/2+t,o=!0}}if(_.includes(i)){switch(i){case"left":t=r.left-n.width-t;break;case"right":t=r.right+t;break;default:if(o)break;t=r.left+r.width/2-n.width/2+t}switch(this.alignY){case"top":e=r.top+e;break;case"bottom":e=r.bottom-n.height+e;break;default:if(s)break;e=r.top+r.height/2-n.height/2+e}}this.container.style.left="".concat(t,"px"),this.container.style.top="".concat(e,"px")}},{key:"placeArrow",value:function(){var t=this.arrow,e=this.arrowEl,n=this.alignTarget,r=this.arrowTarget;if("none"!==t&&n&&r){e.removeAttribute("hidden"),e.style.marginLeft="",e.style.marginTop="";var i,o=e.getBoundingClientRect(),s=n.getBoundingClientRect(),a=r.getBoundingClientRect(),l={},c="right"===t||"left"===t?"marginTop":"marginLeft",u=!1;"left"!==t&&"right"!==t||(i=a.top+a.height/2-(o.top+o.height/2),l.top=o.top+i,l.bottom=o.bottom+i,(l.top<=s.top||l.bottom>=s.bottom)&&(u=!0)),"top"!==t&&"bottom"!==t||(i=a.left+a.width/2-(o.left+o.width/2),l.left=o.left+i,l.right=o.right+i,(l.left<=s.left||l.right>=s.right)&&(u=!0)),i=Math.ceil(i),u&&(e.hidden=!0),e.style[c]="".concat(i,"px")}else e.hidden=!0}},{key:"safeSetAttribute",value:function(t,e){if(G.includes(t)){var n=this.shouldUpdate;this.shouldUpdate=!1,this.setAttribute(t,e),this.shouldUpdate=n}}},{key:"safeRemoveAttribute",value:function(t){if(G.includes(t)){var e=this.shouldUpdate;this.shouldUpdate=!1,this.removeAttribute(t),this.shouldUpdate=e}}},{key:"template",value:function(){return'<div class="ids-popup">\n      <div class="arrow"></div>\n      <div class="content-wrapper">\n        <slot name="content"></slot>\n      </div>\n    </div>'}},{key:"handleEvents",value:function(){var t=this,e=this.shadowRoot.querySelector("slot");this.on("slotchange",e,(function(){t.refresh()}))}}],[{key:"properties",get:function(){return G}}]),n}(v(A).with((function(t){return function(t){l()(n,t);var e=M(n);function n(){return i()(this,n),e.apply(this,arguments)}return s()(n,[{key:"rl",get:function(){return L||(L=new O),L}}]),n}(t)}),(function(t){return function(t){l()(n,t);var e=U(n);function n(){return i()(this,n),e.call(this)}return s()(n,[{key:"checkForIDS",value:function(){window.Ids||(window.Ids={})}},{key:"setupResize",value:function(){this.checkForIDS(),window.Ids.resizeObserver||"undefined"==typeof ResizeObserver||(window.Ids.resizeObserver=new ResizeObserver((function(){j.forEach((function(t){"function"==typeof t.refresh&&t.refresh()}))}))),this.ro||(this.ro=window.Ids.resizeObserver),j.includes(this)||j.push(this)}},{key:"disconnectResize",value:function(){var t=this;this.ro&&(j=j.filter((function(e){return!t.isEqualNode(e)})),delete this.ro)}},{key:"shouldResize",value:function(){return"undefined"!=typeof ResizeObserver&&this.ro instanceof ResizeObserver}},{key:"resizeDetectionTarget",value:function(){var t=this.parentNode;return t instanceof ShadowRoot&&(t=t.host),t}},{key:"setupDetectMutations",value:function(){var t=this;this.checkForIDS(),this.mo||"undefined"==typeof MutationObserver||(this.mo=new MutationObserver((function(e){switch(e.type){case"childList":break;default:"function"==typeof t.refresh&&t.refresh()}}))),this.mutationTargets||(this.mutationTargets=[]),this.mutationTargets.includes(this)||this.mutationTargets.push(this)}},{key:"disconnectDetectMutations",value:function(){this.mo&&(this.mutationTargets=[],delete this.mo)}},{key:"shouldDetectMutations",value:function(){return"undefined"!=typeof MutationObserver&&this.mo instanceof MutationObserver}}]),n}(t)}),(function(t){return function(t){l()(n,t);var e=D(n);function n(){var t;return i()(this,n),t=e.call(this),R()(S()(t),"handledEvents",new Map),t}return s()(n,[{key:"on",value:function(t,e,n,r){e.addEventListener(t.split(".")[0],n,r),this.handledEvents.set(t,{target:e,callback:n,options:r})}},{key:"off",value:function(t,e,n){var r=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],r.callback,n||r.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(r)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(r,i){n&&i!==e||t.removeEventListener(i,r.target,r.options)}))}}]),n}(t)}))))||N,customElements.get($)||customElements.define($,Q);var Q;var W=n(3379),tt=n.n(W),et=n(933),nt={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};tt()(et.Z,nt);et.Z.locals},933:(t,e,n)=>{"use strict";n.d(e,{Z:()=>a});var r=n(4015),i=n.n(r),o=n(3645),s=n.n(o)()(i());s.push([t.id,"#popup-align-target{border:1px dashed #999;display:inline-block;margin-left:200px;margin-top:200px}ids-popup{display:inline-block;position:fixed}\n","",{version:3,sources:["webpack://./app/ids-popup/test-target-in-grid.scss"],names:[],mappings:"AAAA,oBACE,sBAAuB,CACvB,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CAClB,UAGC,oBAAqB,CACrB,cAAe",sourcesContent:["#popup-align-target {\n  border: 1px dashed #999;\n  display: inline-block;\n  margin-left: 200px;\n  margin-top: 200px;\n}\n\nids-popup {\n  display: inline-block;\n  position: fixed;\n}\n"],sourceRoot:""}]);const a=s},3645:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=t(e);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,r){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(r)for(var o=0;o<this.length;o++){var s=this[o][0];null!=s&&(i[s]=!0)}for(var a=0;a<t.length;a++){var l=[].concat(t[a]);r&&i[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),e.push(l))}},e}},4015:t=>{"use strict";function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],r=!0,i=!1,o=void 0;try{for(var s,a=t[Symbol.iterator]();!(r=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);r=!0);}catch(t){i=!0,o=t}finally{try{r||null==a.return||a.return()}finally{if(i)throw o}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return n(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}t.exports=function(t){var n=e(t,4),r=n[1],i=n[3];if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),a="/*# ".concat(s," */"),l=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[r].concat(l).concat([a]).join("\n")}return[r].join("\n")}},3379:(t,e,n)=>{"use strict";var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),s=[];function a(t){for(var e=-1,n=0;n<s.length;n++)if(s[n].identifier===t){e=n;break}return e}function l(t,e){for(var n={},r=[],i=0;i<t.length;i++){var o=t[i],l=e.base?o[0]+e.base:o[0],c=n[l]||0,u="".concat(l," ").concat(c);n[l]=c+1;var d=a(u),p={css:o[1],media:o[2],sourceMap:o[3]};-1!==d?(s[d].references++,s[d].updater(p)):s.push({identifier:u,updater:m(p,e),references:1}),r.push(u)}return r}function c(t){var e=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(t){e.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(e);else{var s=o(t.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}return e}var u,d=(u=[],function(t,e){return u[t]=e,u.filter(Boolean).join("\n")});function p(t,e,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=d(e,i);else{var o=document.createTextNode(i),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(o,s[e]):t.appendChild(o)}}function h(t,e,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?t.setAttribute("media",i):t.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var f=null,b=0;function m(t,e){var n,r,i;if(e.singleton){var o=b++;n=f||(f=c(e)),r=p.bind(null,n,o,!1),i=p.bind(null,n,o,!0)}else n=c(e),r=h.bind(null,n,e),i=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else i()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=i());var n=l(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var i=a(n[r]);s[i].references--}for(var o=l(t,e),c=0;c<n.length;c++){var u=a(n[c]);0===s[u].references&&(s[u].updater(),s.splice(u,1))}n=o}}}}},e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={id:r,exports:{}};return t[r](i,i.exports,n),i.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(5526)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-popup/test-target-in-grid-lib.js"]=e():t["ids-popup/test-target-in-grid-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var r=n(9489),i=n(7067);function o(e,n,s){return i()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,n){var i=[null];i.push.apply(i,e);var o=new(Function.bind.apply(t,i));return n&&r(o,n.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}t.exports=function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var r=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var r=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,r){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,r)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var r=n(9754),i=n(9489),o=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,r(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},933:(t,e,n)=>{"use strict";n.d(e,{Z:()=>a});var r=n(4015),i=n.n(r),o=n(3645),s=n.n(o)()(i());s.push([t.id,"#popup-align-target{border:1px dashed #999;display:inline-block;margin-left:200px;margin-top:200px}ids-popup{display:inline-block;position:fixed}\n","",{version:3,sources:["webpack://./app/ids-popup/test-target-in-grid.scss"],names:[],mappings:"AAAA,oBACE,sBAAuB,CACvB,oBAAqB,CACrB,iBAAkB,CAClB,gBAAiB,CAClB,UAGC,oBAAqB,CACrB,cAAe",sourcesContent:["#popup-align-target {\n  border: 1px dashed #999;\n  display: inline-block;\n  margin-left: 200px;\n  margin-top: 200px;\n}\n\nids-popup {\n  display: inline-block;\n  position: fixed;\n}\n"],sourceRoot:""}]);const a=s},3645:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=t(e);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,r){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(r)for(var o=0;o<this.length;o++){var s=this[o][0];null!=s&&(i[s]=!0)}for(var a=0;a<t.length;a++){var l=[].concat(t[a]);r&&i[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),e.push(l))}},e}},4015:t=>{"use strict";function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],r=!0,i=!1,o=void 0;try{for(var s,a=t[Symbol.iterator]();!(r=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);r=!0);}catch(t){i=!0,o=t}finally{try{r||null==a.return||a.return()}finally{if(i)throw o}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return n(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);"Object"===r&&t.constructor&&(r=t.constructor.name);if("Map"===r||"Set"===r)return Array.from(t);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}t.exports=function(t){var n=e(t,4),r=n[1],i=n[3];if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),a="/*# ".concat(s," */"),l=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[r].concat(l).concat([a]).join("\n")}return[r].join("\n")}},3379:(t,e,n)=>{"use strict";var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),s=[];function a(t){for(var e=-1,n=0;n<s.length;n++)if(s[n].identifier===t){e=n;break}return e}function l(t,e){for(var n={},r=[],i=0;i<t.length;i++){var o=t[i],l=e.base?o[0]+e.base:o[0],c=n[l]||0,u="".concat(l," ").concat(c);n[l]=c+1;var d=a(u),p={css:o[1],media:o[2],sourceMap:o[3]};-1!==d?(s[d].references++,s[d].updater(p)):s.push({identifier:u,updater:m(p,e),references:1}),r.push(u)}return r}function c(t){var e=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(t){e.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(e);else{var s=o(t.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(e)}return e}var u,d=(u=[],function(t,e){return u[t]=e,u.filter(Boolean).join("\n")});function p(t,e,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=d(e,i);else{var o=document.createTextNode(i),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(o,s[e]):t.appendChild(o)}}function h(t,e,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?t.setAttribute("media",i):t.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var f=null,b=0;function m(t,e){var n,r,i;if(e.singleton){var o=b++;n=f||(f=c(e)),r=p.bind(null,n,o,!1),i=p.bind(null,n,o,!0)}else n=c(e),r=h.bind(null,n,e),i=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else i()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=i());var n=l(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var i=a(n[r]);s[i].references--}for(var o=l(t,e),c=0;c<n.length;c++){var u=a(n[c]);0===s[u].references&&(s[u].updater(),s.splice(u,1))}n=o}}}}},e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={id:r,exports:{}};return t[r](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var r={};return(()=>{"use strict";var t=n(4575),e=n.n(t),r=n(3913),i=n.n(r),o=n(2205),s=n.n(o),a=n(8585),l=n.n(a),c=n(9754),u=n.n(c),d=n(5957),p=n.n(d);var h="animated",f="type",b="visible",m=function(){function t(n){e()(this,t),this.superclass=n}return i()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const g=function(t){return new m(t)};var v,y=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},w=function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))};function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u()(t);if(e){var i=u()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return l()(this,n)}}var k=function(t){t.prototype.version="0.0.0-beta.8"}(v=function(t){s()(r,t);var n=x(r);function r(){var t;return e()(this,r),(t=n.call(this)).addBaseName(),t.render(),t}return i()(r,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[y(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var r=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),r.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(r.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var r=new CSSStyleSheet;r.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[r]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),r}(p()(HTMLElement)))||v,E=n(1506),A=n.n(E),C=n(9713),S=n.n(C);function T(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u()(t);if(e){var i=u()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return l()(this,n)}}function R(){return window.performance.now()}function D(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u()(t);if(e){var i=u()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return l()(this,n)}}const F=function(t){s()(r,t);var n=D(r);function r(){var t,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(e()(this,r),(t=n.call(this)).id=i.id,t.duration=-1,"number"==typeof i.duration&&(t.duration=parseInt(i.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof i.updateDuration&&(t.updateDuration=parseInt(i.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof i.updateCallback&&"function"!=typeof i.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof i.updateCallback&&(t.updateCallback=i.updateCallback.bind(A()(t))),"function"==typeof i.timeoutCallback&&(t.timeoutCallback=i.timeoutCallback.bind(A()(t))),t.paused=!1,t.startTime=R(),t.totalStoppedTime=0,l()(t,A()(t))}return i()(r,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=R()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=R()}},{key:"resume",value:function(){this.resumeTime=R(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return R()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&R()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),r}(p()(Object));const B=new(function(){function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};e()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,n.autoStart&&this.start()}return i()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=R()),this.lastStopTime&&(t=!0,this.resumeTime=R(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,r=this,i=R();!function o(){r.doLoop&&(e=R(),n=(e-i)/1e3,r.items.forEach((function(o){if(o.doRemoveOnNextTick)r.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:i,delta:n,now:e};o.update(s)}})),i=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=R(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return R()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof F&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}());function z(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u()(t);if(e){var i=u()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return l()(this,n)}}function O(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u()(t);if(e){var i=u()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return l()(this,n)}}var M=[];var L;function U(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=u()(t);if(e){var i=u()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return l()(this,n)}}var j="center",N=[j,"bottom","top","left","right"],q=[j,"left","right"],I=[j,"top","bottom"],P=q.filter((function(t){return t!==j})),_=I.filter((function(t){return t!==j})),H=["none","bottom","top","left","right"],V=["none","menu","menu-alt","tooltip","tooltip-alt"],X=["align","align-x","align-y","align-edge","align-target","arrow","arrow-target",h,f,b,"x","y"];function Y(t,e,n){return _.includes(n)?t&&t.length&&t!==j?"".concat(n,", ").concat(t):"".concat(n):e&&e.length&&e!==j?n===j?"".concat(e):"".concat(n,", ").concat(e):"".concat(t)}var G,Z;Z="ids-popup",G='/* Ids Popup Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: \'source sans pro\', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: \'source code pro\', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  position: absolute;\n  display: inline-block; }\n\n.ids-popup {\n  opacity: 0;\n  position: fixed;\n  display: none; }\n  .ids-popup .arrow {\n    border-width: 8px;\n    display: none;\n    position: absolute; }\n    .ids-popup .arrow.bottom, .ids-popup .arrow.left, .ids-popup .arrow.right, .ids-popup .arrow.top {\n      border-style: solid;\n      border-color: transparent;\n      display: block;\n      height: 0;\n      width: 0; }\n    .ids-popup .arrow::after {\n      border-style: solid;\n      border-color: transparent;\n      border-width: 8px;\n      content: \'\';\n      display: block;\n      position: relative; }\n    .ids-popup .arrow.bottom {\n      border-top-width: 0;\n      left: calc(50% - 9px);\n      top: -9px; }\n      .ids-popup .arrow.bottom::after {\n        border-top-width: 0;\n        left: -8px;\n        top: 1px; }\n    .ids-popup .arrow.left {\n      border-right-width: 0;\n      right: -9px;\n      top: calc(50% - 9px); }\n      .ids-popup .arrow.left::after {\n        border-right-width: 0;\n        left: -9px;\n        top: -8px; }\n    .ids-popup .arrow.right {\n      border-left-width: 0;\n      left: -9px;\n      top: calc(50% - 9px); }\n      .ids-popup .arrow.right::after {\n        border-left-width: 0;\n        left: 1px;\n        top: -8px; }\n    .ids-popup .arrow.top {\n      border-bottom-width: 0;\n      bottom: -9px;\n      left: calc(50% - 9px); }\n      .ids-popup .arrow.top::after {\n        border-bottom-width: 0;\n        left: -8px;\n        top: -9px; }\n  .ids-popup.visible {\n    display: unset; }\n  .ids-popup.open {\n    opacity: 1; }\n  .ids-popup.animated {\n    transition: opacity 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n    .ids-popup.animated.open {\n      transition: opacity 200ms cubic-bezier(0.4, 0, 0.6, 1), height 200ms cubic-bezier(0.4, 0, 0.6, 1), width 200ms cubic-bezier(0.4, 0, 0.6, 1), left 200ms cubic-bezier(0.4, 0, 0.6, 1), top 200ms cubic-bezier(0.4, 0, 0.6, 1); }\n  .ids-popup.none {\n    background-color: var(--ids-color-palette-white);\n    border-width: 1px;\n    border-style: solid;\n    border-color: var(--ids-color-palette-emerald-30);\n    padding: 12px; }\n  .ids-popup.menu {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    background-color: var(--ids-color-palette-white);\n    border-width: 1px;\n    border-style: solid;\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding-top: 4px;\n    padding-bottom: 4px;\n    border-radius: 2px;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.bottom {\n      border-bottom-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.bottom::after {\n      border-bottom-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.left {\n      border-left-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.left::after {\n      border-left-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.right {\n      border-right-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.right::after {\n      border-right-color: var(--ids-color-palette-white); }\n    .ids-popup.menu .arrow.top {\n      border-top-color: var(--ids-color-border-lighter); }\n    .ids-popup.menu .arrow.top::after {\n      border-top-color: var(--ids-color-palette-white); }\n  .ids-popup.menu-alt {\n    background-color: var(--ids-color-palette-slate-100);\n    border-width: 1px;\n    border-style: solid;\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-radius: 2px;\n    font-size: 14px;\n    color: var(--ids-color-palette-white);\n    border-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.bottom,\n    .ids-popup.menu-alt .arrow.bottom::after {\n      border-bottom-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.left,\n    .ids-popup.menu-alt .arrow.left::after {\n      border-left-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.right,\n    .ids-popup.menu-alt .arrow.right::after {\n      border-right-color: var(--ids-color-border-darker); }\n    .ids-popup.menu-alt .arrow.top,\n    .ids-popup.menu-alt .arrow.top::after {\n      border-top-color: var(--ids-color-border-darker); }\n  .ids-popup.tooltip {\n    background-color: var(--ids-color-palette-slate-100);\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--ids-color-palette-white); }\n  .ids-popup.tooltip-alt {\n    background-color: var(--ids-color-palette-white);\n    font-family: "source sans pro",helvetica,arial,sans-serif;\n    padding: 12px;\n    border-radius: 4px;\n    font-size: 12px;\n    color: var(--ids-color-palette-black); }\n\n.content-wrapper {\n  position: static; }\n',J=L=function(t){t.prototype.cssStyles=G}(L=function(t){s()(r,t);var n=U(r);function r(){var t;return e()(this,r),(t=n.call(this)).alignment={edge:N[0],target:void 0,x:q[0],y:I[0]},t.coords={x:0,y:0},t.state={arrow:H[0],arrowTarget:null},t.isVisible=!1,t.isAnimated=!1,t.trueType="none",t.shouldUpdate=!0,t}return i()(r,[{key:"connectedCallback",value:function(){this.animated=this.hasAttribute("animated"),this.trueType=this.getAttribute("type")||this.trueType,this.isVisible=this.hasAttribute("visible"),this.setupDetectMutations(),this.setupResize(),this.handleEvents(),this.refresh()}},{key:"disconnectedCallback",value:function(){k.prototype.disconnectedCallback.apply(this),this.shouldResize()&&this.disconnectResize(),this.shouldDetectMutations()&&this.disconnectDetectMutations()}},{key:"attributeChangedCallback",value:function(t,e,n){this.shouldUpdate&&k.prototype.attributeChangedCallback.apply(this,[t,e,n])}},{key:"wrapper",get:function(){return this.shadowRoot.querySelector(".content-wrapper")}},{key:"alignTarget",get:function(){return this.alignment.target},set:function(t){var e,n="string"==typeof t&&t.length,r=t instanceof HTMLElement;if(!n&&!r)return this.alignment.target=void 0,this.removeAttribute("align-target"),void this.refresh();if(n){if(!((e=document.querySelector(t))instanceof HTMLElement))return;this.setAttribute("align-target",t)}else e=t;this.alignment.target=e,this.refresh()}},{key:"align",get:function(){return Y(this.alignX,this.alignY,this.alignEdge)},set:function(t){this.shouldUpdate=!1;var e=t;"string"==typeof e&&e.length||(e=j);var n,r,i=e.split(","),o=(i=i.map((function(t){return t.trim().toLowerCase()})))[0];if(N.includes(o)&&(this.alignEdge=o,i[0]=this.alignEdge),i[1]||i.push("center"),_.includes(i[0])||P.includes(i[1])){var s=i[1];i[1]=i[0],i[0]=s}q.includes(i[0])?(n=i[0],this.alignX=i[0]):n=this.alignX,I.includes(i[1])?(r=i[1],this.alignY=i[1]):r=this.alignY,this.setAttribute("align",Y(n,r,this.alignment.edge)),this.shouldUpdate=!0,this.refresh()}},{key:"alignX",get:function(){return this.alignment.x},set:function(t){if("string"==typeof t&&t.length){var e=t;q.includes(t)||(e=q[0]),this.alignment.x=e;var n=this.alignment.y;this.hasAttribute("align-x")?(this.safeRemoveAttribute("align-x"),this.align=Y(e,n,e)):this.shouldUpdate&&(this.align=Y(e,n,e)),this.refresh()}}},{key:"alignY",get:function(){return this.alignment.y},set:function(t){if("string"==typeof t&&t.length){var e=I[0];I.includes(t)&&(e=t),this.alignment.y=e;var n=this.alignment.x;this.hasAttribute("align-y")?(this.safeRemoveAttribute("align-y"),this.align=Y(n,e,e)):this.shouldUpdate&&(this.align=Y(n,e,e)),this.refresh()}}},{key:"alignEdge",get:function(){return this.alignment.edge},set:function(t){if("string"==typeof t&&t.length){var e,n=this.alignment.x,r=this.alignment.y;N.includes(t)?(e=t,t===j&&(n=t,r=t)):e=N[0],this.alignment.edge=e,this.hasAttribute("align-edge")?(this.shouldUpdate=!1,this.removeAttribute("align-edge"),this.align=Y(n,r,e),this.shouldUpdate=!0):this.shouldUpdate&&(this.align=Y(n,r,e)),this.refresh()}}},{key:"animated",get:function(){return this.isAnimated},set:function(t){this.isAnimated=w(t),this.isAnimated?this.safeSetAttribute("animated",!0):this.safeRemoveAttribute("animated"),this.refresh()}},{key:"arrow",get:function(){var t=this.getAttribute("arrow");return t||H[0]},set:function(t){var e=H[0];t&&H.includes(t)&&(e=t),e!==H[0]?this.safeSetAttribute("arrow","".concat(e)):this.safeRemoveAttribute("arrow"),this.refresh()}},{key:"arrowEl",get:function(){return this.container.querySelector(".arrow")}},{key:"arrowTarget",get:function(){return this.state.arrowTarget||this.alignTarget},set:function(t){var e,n="string"==typeof t&&t.length,r=t instanceof HTMLElement;if(!n&&!r)return this.state.arrowTarget=void 0,this.removeAttribute("arrow-target"),void this.refresh();if(n){if(!((e=document.querySelector(t))instanceof HTMLElement))return;this.setAttribute("arrow-target",t)}else e=t;this.state.arrowTarget=e,this.refresh()}},{key:"type",get:function(){return this.trueType},set:function(t){t&&V.includes(t)&&(this.trueType=t),this.safeSetAttribute("type",this.trueType),this.refresh()}},{key:"visible",get:function(){return this.isVisible},set:function(t){this.isVisible=w(t),this.isVisible?this.safeSetAttribute("visible",!0):this.safeRemoveAttribute("visible"),this.refresh()}},{key:"x",get:function(){return this.coords.x},set:function(t){var e=parseInt(t.toString(),10);Number.isNaN(e)&&(e=0),this.coords.x=e,this.setAttribute("x",e.toString()),this.refresh()}},{key:"y",get:function(){return this.coords.y},set:function(t){var e=parseInt(t.toString(),10);Number.isNaN(e)&&(e=0),this.coords.y=e,this.setAttribute("y",e.toString()),this.refresh()}},{key:"refresh",value:function(){var t=this;if(this.shouldUpdate){this.shouldResize()&&this.addObservedElement(this.resizeDetectionTarget());var e=this.trueType,n=this.container.classList;V.forEach((function(t){t!==e&&n.contains(t)?n.remove(t):t!==e||n.contains(t)||n.add(t)})),this.isVisible?n.add("visible"):n.remove("open");var r=this.arrow,i=this.arrowEl.classList;H.forEach((function(e){"none"!==e&&e!==r&&(i.remove(e),t.arrowEl.hidden=!0)})),"none"===this.arrow||i.contains(this.arrow)||(i.add(this.arrow),this.arrowEl.hidden=!1),this.alignTarget?(this.shouldDetectMutations()&&!this.hasMutations&&(this.mo.observe(this.alignTarget,{attributes:!0,attributeFilter:["style","height","width"],attributeOldValue:!0,subtree:!0}),this.hasMutations=!0),this.placeAgainstTarget()):(this.hasMutations&&(this.mo.disconnect(),this.disconnectDetectMutations(),delete this.hasMutations),this.placeAtCoords()),this.openCheck&&this.openCheck.destroy(!0),this.openCheck=this.rl.register(new F({duration:70,timeoutCallback:function(){t.isVisible&&(t.placeArrow(),t.triggerEvent("show",t,{bubbles:!0,detail:{elem:t}}),t.container.classList.add("open")),!t.isAnimated&&t.container.classList.contains("animated")&&t.container.classList.remove("animated")}})),this.animatedCheck&&this.animatedCheck.destroy(!0),this.animatedCheck=this.rl.register(new F({duration:200,timeoutCallback:function(){t.isVisible||(t.triggerEvent("hide",t,{bubbles:!0,detail:{elem:t}}),t.container.classList.contains("visible")&&t.container.classList.remove("visible")),t.isAnimated&&!t.container.classList.contains("animated")&&t.container.classList.add("animated")}}))}}},{key:"placeAtCoords",value:function(){var t=this.container.getBoundingClientRect(),e=this.x,n=this.y;switch(this.alignX){case"right":e-=t.width;break;case"center":e-=t.width/2}switch(this.alignY){case"bottom":n-=t.height;break;case"center":n-=t.height/2}this.container.style.left="".concat(e,"px"),this.container.style.top="".concat(n,"px")}},{key:"placeAgainstTarget",value:function(){var t=this.x,e=this.y,n=this.container.getBoundingClientRect(),r=this.alignTarget.getBoundingClientRect(),i=this.alignEdge,o=!1,s=!1;if(I.includes(i)){switch(i){case"top":e=r.top-n.height-e;break;case"bottom":e=r.bottom+e;break;default:e=r.top+r.height/2-n.height/2+e,s=!0}switch(this.alignX){case"left":t=r.left+t;break;case"right":t=r.right-n.width-t;break;default:t=r.left+r.width/2-n.width/2+t,o=!0}}if(q.includes(i)){switch(i){case"left":t=r.left-n.width-t;break;case"right":t=r.right+t;break;default:if(o)break;t=r.left+r.width/2-n.width/2+t}switch(this.alignY){case"top":e=r.top+e;break;case"bottom":e=r.bottom-n.height+e;break;default:if(s)break;e=r.top+r.height/2-n.height/2+e}}this.container.style.left="".concat(t,"px"),this.container.style.top="".concat(e,"px")}},{key:"placeArrow",value:function(){var t=this.arrow,e=this.arrowEl,n=this.alignTarget,r=this.arrowTarget;if("none"!==t&&n&&r){e.removeAttribute("hidden"),e.style.marginLeft="",e.style.marginTop="";var i,o=e.getBoundingClientRect(),s=n.getBoundingClientRect(),a=r.getBoundingClientRect(),l={},c="right"===t||"left"===t?"marginTop":"marginLeft",u=!1;"left"!==t&&"right"!==t||(i=a.top+a.height/2-(o.top+o.height/2),l.top=o.top+i,l.bottom=o.bottom+i,(l.top<=s.top||l.bottom>=s.bottom)&&(u=!0)),"top"!==t&&"bottom"!==t||(i=a.left+a.width/2-(o.left+o.width/2),l.left=o.left+i,l.right=o.right+i,(l.left<=s.left||l.right>=s.right)&&(u=!0)),i=Math.ceil(i),u&&(e.hidden=!0),e.style[c]="".concat(i,"px")}else e.hidden=!0}},{key:"safeSetAttribute",value:function(t,e){if(X.includes(t)){var n=this.shouldUpdate;this.shouldUpdate=!1,this.setAttribute(t,e),this.shouldUpdate=n}}},{key:"safeRemoveAttribute",value:function(t){if(X.includes(t)){var e=this.shouldUpdate;this.shouldUpdate=!1,this.removeAttribute(t),this.shouldUpdate=e}}},{key:"template",value:function(){return'<div class="ids-popup">\n      <div class="arrow"></div>\n      <div class="content-wrapper">\n        <slot name="content"></slot>\n      </div>\n    </div>'}},{key:"handleEvents",value:function(){var t=this,e=this.shadowRoot.querySelector("slot");this.onEvent("slotchange",e,(function(){t.refresh()}))}}],[{key:"properties",get:function(){return X}}]),r}(g(k).with((function(t){return function(t){s()(r,t);var n=z(r);function r(){return e()(this,r),n.call(this)}return i()(r,[{key:"rl",get:function(){return B}}]),r}(t)}),(function(t){return function(t){s()(r,t);var n=O(r);function r(){var t;return e()(this,r),(t=n.call(this)).observed=[],t}return i()(r,[{key:"checkForIDS",value:function(){window.Ids||(window.Ids={})}},{key:"setupResize",value:function(){this.checkForIDS(),window.Ids.resizeObserver||"undefined"==typeof ResizeObserver||(window.Ids.resizeObserver=new ResizeObserver((function(){M.forEach((function(t){"function"==typeof t.refresh&&t.refresh()}))}))),this.ro||(this.ro=window.Ids.resizeObserver),M.includes(this)||M.push(this)}},{key:"disconnectResize",value:function(){var t=this;this.ro&&(M=M.filter((function(e){return!t.isEqualNode(e)})),this.removeAllObservedElements(),delete this.ro)}},{key:"shouldResize",value:function(){return"undefined"!=typeof ResizeObserver&&this.ro instanceof ResizeObserver}},{key:"resizeDetectionTarget",value:function(){var t=this.parentNode;return t instanceof ShadowRoot&&(t=t.host),t}},{key:"addObservedElement",value:function(t){t instanceof HTMLElement&&(this.observed.includes(t)||(this.observed.push(t),this.ro.observe(t)))}},{key:"removeObservedElement",value:function(t){if(t instanceof HTMLElement){var e=this.observed.indexOf(t);e>-1&&(this.observed.splice(e,1),this.ro.disconnect(t))}}},{key:"removeAllObservedElements",value:function(){var t=this;this.observed.forEach((function(e){t.removeObservedElement(e)}))}},{key:"setupDetectMutations",value:function(){var t=this;this.checkForIDS(),this.mo||"undefined"==typeof MutationObserver||(this.mo=new MutationObserver((function(e){switch(e.type){case"childList":break;default:"function"==typeof t.refresh&&t.refresh()}}))),this.mutationTargets||(this.mutationTargets=[]),this.mutationTargets.includes(this)||this.mutationTargets.push(this)}},{key:"disconnectDetectMutations",value:function(){this.mo&&(this.mutationTargets=[],delete this.mo)}},{key:"shouldDetectMutations",value:function(){return"undefined"!=typeof MutationObserver&&this.mo instanceof MutationObserver}}]),r}(t)}),(function(t){return function(t){s()(r,t);var n=T(r);function r(){var t;return e()(this,r),t=n.call(this),S()(A()(t),"handledEvents",new Map),t}return i()(r,[{key:"onEvent",value:function(t,e,n,r){e.addEventListener(t.split(".")[0],n,r),this.handledEvents.set(t,{target:e,callback:n,options:r})}},{key:"offEvent",value:function(t,e,n){var r=this.handledEvents.get(t);null!=r&&r.callback&&e.removeEventListener(t.split(".")[0],r.callback,n||r.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(r)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(r,i){n&&i!==t||e.offEvent(i,r.target,r.options)}))}}]),r}(t)}))))||L,customElements.get(Z)||customElements.define(Z,J);var J;var K=n(3379),$=n.n(K),Q=n(933),W={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};$()(Q.Z,W);Q.Z.locals})(),r=r.default})()}));
 //# sourceMappingURL=test-target-in-grid.js.map

ids-render-loop/ids-render-loop.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-render-loop/ids-render-loop-lib.js"]=e():t["ids-render-loop/ids-render-loop-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,r)=>{var o=r(9489),n=r(7067);function u(e,r,i){return n()?t.exports=u=Reflect.construct:t.exports=u=function(t,e,r){var n=[null];n.push.apply(n,e);var u=new(Function.bind.apply(t,n));return r&&o(u,r.prototype),u},u.apply(null,arguments)}t.exports=u},3913:t=>{function e(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}},9754:t=>{function e(r){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(r)}t.exports=e},2205:(t,e,r)=>{var o=r(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,r)=>{var o=r(8),n=r(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?n(t):e}},9489:t=>{function e(r,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(r,o)}t.exports=e},8:t=>{function e(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(r)}t.exports=e},5957:(t,e,r)=>{var o=r(9754),n=r(9489),u=r(430),i=r(9100);function c(e){var r="function"==typeof Map?new Map:void 0;return t.exports=c=function(t){if(null===t||!u(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return i(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n(e,t)},c(e)}t.exports=c},5470:(t,e,r)=>{"use strict";r(1762)},3293:(t,e,r)=>{"use strict";function o(){return window.performance.now()}r.d(e,{A:()=>o})},7950:(t,e,r)=>{"use strict";r(4575),r(3913),r(1506),r(2205),r(8585),r(9754),r(5957),r(3293)},1762:(t,e,r)=>{"use strict";r(4575),r(3913),r(2205),r(8585),r(9754),r(3059),r(7950)},3059:(t,e,r)=>{"use strict";r(4575),r(3913),r(7950)}},e={};function r(o){if(e[o])return e[o].exports;var n=e[o]={exports:{}};return t[o](n,n.exports,r),n.exports}return r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r(5470)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-render-loop/ids-render-loop-lib.js"]=e():t["ids-render-loop/ids-render-loop-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,r)=>{var o=r(9489),n=r(7067);function u(e,r,i){return n()?t.exports=u=Reflect.construct:t.exports=u=function(t,e,r){var n=[null];n.push.apply(n,e);var u=new(Function.bind.apply(t,n));return r&&o(u,r.prototype),u},u.apply(null,arguments)}t.exports=u},3913:t=>{function e(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}},9754:t=>{function e(r){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(r)}t.exports=e},2205:(t,e,r)=>{var o=r(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,r)=>{var o=r(8),n=r(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?n(t):e}},9489:t=>{function e(r,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(r,o)}t.exports=e},8:t=>{function e(r){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(r)}t.exports=e},5957:(t,e,r)=>{var o=r(9754),n=r(9489),u=r(430),i=r(9100);function c(e){var r="function"==typeof Map?new Map:void 0;return t.exports=c=function(t){if(null===t||!u(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return i(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),n(e,t)},c(e)}t.exports=c},3293:(t,e,r)=>{"use strict";function o(){return window.performance.now()}r.d(e,{A:()=>o})},7950:(t,e,r)=>{"use strict";r(4575),r(3913),r(1506),r(2205),r(8585),r(9754),r(5957),r(3293)},3059:(t,e,r)=>{"use strict";r(4575),r(3913),r(7950)}},e={};function r(o){if(e[o])return e[o].exports;var n=e[o]={exports:{}};return t[o](n,n.exports,r),n.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";r(3059)})(),o=o.default})()}));
 //# sourceMappingURL=ids-render-loop.js.map

ids-switch/ids-switch.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-switch/ids-switch-lib.js"]=e():t["ids-switch/ids-switch-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function s(e,n,r){return i()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,n){var i=[null];i.push.apply(i,e);var s=new(Function.bind.apply(t,i));return n&&o(s,n.prototype),s},s.apply(null,arguments)}t.exports=s},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),s=n(430),r=n(9100);function l(e){var n="function"==typeof Map?new Map:void 0;return t.exports=l=function(t){if(null===t||!s(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return r(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},l(e)}t.exports=l},712:(t,e,n)=>{"use strict";var o=n(4575),i=n.n(o),s=n(3913),r=n.n(s),l=n(2205),a=n.n(l),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),h=n(5957),f=n.n(h);function b(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function m(t){return function(e){e.prototype.cssStyles=t}}var y="audible",x="checked",v="disabled",g="font-size",E="label",F="type",w="value",z=function(){function t(e){i()(this,t),this.superclass=e}return r()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const C=function(t){return new z(t)};var k,A=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},D=function(t){return"true"===(t+"").toLowerCase()};function B(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var S=function(t){t.prototype.version="0.0.0-beta.7"}(k=function(t){a()(n,t);var e=B(n);function n(){var t;return i()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return r()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[A(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||k,R=n(1506),q=n.n(R),L=n(9713),O=n.n(L);function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var M;function P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}b("ids-text")(M=m("/* Ids Text Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-text {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-weight: 400;\n  display: block;\n  margin: 0; }\n  .ids-text.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n::slotted(.audible) {\n  clip: rect(0, 0, 0, 0);\n  height: 0;\n  line-height: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n/* Ids Typography System */\n.ids-text-10 {\n  font-size: 10px;\n  text-transform: uppercase; }\n\n.ids-text-12,\n.ids-text-xs {\n  font-size: 12px;\n  text-transform: uppercase; }\n\n.ids-text-14,\n.ids-text-sm {\n  font-size: 14px; }\n\n.ids-text-16,\n.ids-text-base {\n  font-size: 16px; }\n\n.ids-text-20 {\n  font-size: 20px; }\n\n.ids-text-24,\n.ids-text-lg {\n  font-size: 24px; }\n\n.ids-text-28 {\n  font-size: 28px; }\n\n.ids-text-32,\n.ids-text-xl {\n  font-size: 32px; }\n\n.ids-text-40 {\n  font-size: 40px; }\n\n.ids-text-48 {\n  font-size: 48px; }\n\n.ids-text-60 {\n  font-size: 60px; }\n\n.ids-text-72 {\n  font-size: 72px;\n  margin-bottom: 0px; }\n")(M=function(t){a()(n,t);var e=P(n);function n(){return i()(this,n),e.call(this)}return r()(n,[{key:"template",value:function(){var t=this.type||"span",e="ids-text";return e+=this.audible?" audible":"",e+=this.fontSize?" ids-text-".concat(this.fontSize):"",e=' class="'.concat(e,'"'),"<".concat(t).concat(e,"><slot></slot></").concat(t,">")}},{key:"rerender",value:function(){var t,e,n,o=document.createElement("template");null===(t=this.shadowRoot)||void 0===t||null===(e=t.querySelector(".ids-text"))||void 0===e||e.remove(),o.innerHTML=this.template(),null===(n=this.shadowRoot)||void 0===n||n.appendChild(o.content.cloneNode(!0))}},{key:"fontSize",get:function(){return this.getAttribute(g)},set:function(t){if(t)return this.setAttribute(g,t),void this.container.classList.add("ids-text-".concat(t));this.removeAttribute(g),this.container.className="",this.container.classList.add("ids-text")}},{key:"type",get:function(){return this.getAttribute(F)},set:function(t){if(t)return this.setAttribute(F,t),void this.rerender();this.removeAttribute(F),this.rerender()}},{key:"audible",get:function(){return this.getAttribute(y)},set:function(t){if(t)return this.setAttribute(y,t),void this.rerender();this.removeAttribute(y),this.rerender()}}],[{key:"properties",get:function(){return[F,g,y]}}]),n}(S))||M);var _;function T(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}b("ids-switch")(_=m("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n/**\n * Switch Mixins.\n */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-switch {\n  margin-bottom: 8px; }\n  .ids-switch label {\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -o-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-touch-callout: none;\n    padding-left: 40px;\n    position: relative;\n    display: inline-block; }\n    .ids-switch label:hover .slider::after {\n      box-shadow: 0 2px 5px var(--ids-color-palette-slate-30); }\n    .ids-switch label:active .slider::after {\n      box-shadow: 0 0 0 3px var(--ids-color-palette-azure-20), 0 0 0 4px var(--ids-color-palette-azure-60), 0 0 4px 6px var(--ids-color-palette-slate-20); }\n  .ids-switch.disabled label {\n    cursor: default; }\n  .ids-switch input[type='checkbox'] {\n    position: absolute;\n    cursor: pointer;\n    opacity: 0;\n    height: 0;\n    width: 0; }\n    .ids-switch input[type='checkbox'] ~ .slider {\n      position: absolute;\n      background-color: var(--ids-color-palette-slate-40);\n      border-radius: 4px;\n      display: inline-block;\n      height: 4px;\n      left: 0;\n      top: 10px;\n      width: 31px; }\n      .ids-switch input[type='checkbox'] ~ .slider::after {\n        position: absolute;\n        background-color: var(--ids-color-palette-white);\n        border-width: 1px;\n        border-color: var(--ids-color-palette-slate-30);\n        border-style: solid;\n        border-radius: 50%;\n        -webkit-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -moz-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -o-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -ms-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        content: '';\n        height: 14px;\n        left: 0;\n        top: -7px;\n        width: 14px; }\n    .ids-switch input[type='checkbox']:checked ~ .slider {\n      background-color: var(--ids-color-palette-azure-30);\n      -webkit-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n      -moz-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n      -o-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n      -ms-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n      transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s; }\n      .ids-switch input[type='checkbox']:checked ~ .slider::after {\n        background-color: var(--ids-color-palette-azure-60);\n        border-color: var(--ids-color-palette-azure-60);\n        -webkit-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -moz-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -o-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -ms-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        left: 15px; }\n    .ids-switch input[type='checkbox']:disabled ~ .slider {\n      background-color: var(--ids-color-palette-slate-30);\n      border-color: var(--ids-color-palette-slate-30);\n      cursor: default; }\n    .ids-switch input[type='checkbox']:disabled ~ .slider::after {\n      background-color: var(--ids-color-palette-slate-20);\n      box-shadow: none; }\n    .ids-switch input[type='checkbox']:disabled ~ .label-text {\n      cursor: default;\n      color: var(--ids-color-palette-slate-30); }\n    .ids-switch input[type='checkbox']:disabled:checked ~ .slider::after {\n      border-color: var(--ids-color-palette-slate-30); }\n    .ids-switch input[type='checkbox']:focus:not(.hide-focus) ~ .slider::after {\n      box-shadow: 0 0 0 3px var(--ids-color-palette-azure-20), 0 0 0 4px var(--ids-color-palette-azure-60), 0 0 4px 6px var(--ids-color-palette-slate-20); }\n")(_=function(t){a()(n,t);var e=T(n);function n(){return i()(this,n),e.call(this)}return r()(n,[{key:"connectedCallback",value:function(){this.input=this.shadowRoot.querySelector('input[type="checkbox"]'),this.labelEl=this.shadowRoot.querySelector("label"),this.handleEvents()}},{key:"disconnectedCallback",value:function(){S.prototype.disconnectedCallback.apply(this),this.handleSwitchChangeEvent("remove"),this.handleNativeEvents("remove")}},{key:"template",value:function(){var t=D(this.disabled)?" disabled":"",e=D(this.checked)?" checked":"",n=' class="ids-switch'.concat(t,'"');return"\n      <div".concat(n,'>\n        <label>\n          <input type="checkbox"').concat(' class="checkbox"').concat(t).concat(e,'>\n          <span class="slider').concat(e,'"></span>\n          <ids-text class="label-text">').concat(this.label,"</ids-text>\n        </label>\n      </div>\n    ")}},{key:"handleSwitchChangeEvent",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.input){var n="change";if("remove"===e){var o,i=null===(o=this.handledEvents)||void 0===o?void 0:o.get(n);i&&i.target===this.input&&this.off(n,this.input)}else this.on(n,this.input,(function(){t.indeterminate=!1,t.checked=t.input.checked}))}}},{key:"handleNativeEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.input){var n=["change","focus","keydown","keypress","keyup","click","dbclick"];n.forEach((function(n){if("remove"===e){var o,i=null===(o=t.handledEvents)||void 0===o?void 0:o.get(n);i&&i.target===t.input&&t.off(n,t.input)}else t.on(n,t.input,(function(e){t.trigger(e.type,t,{detail:{elem:t,nativeEvent:e,value:t.value,checked:t.input.checked}})}))}))}return this}},{key:"handleEvents",value:function(){this.handleSwitchChangeEvent(),this.handleNativeEvents()}},{key:"checked",get:function(){return this.getAttribute(x)},set:function(t){var e=this.shadowRoot.querySelector(".slider");this.input=this.shadowRoot.querySelector('input[type="checkbox"]');var n,o,i=D(t);i?(this.setAttribute(x,i.toString()),null===(n=this.input)||void 0===n||n.setAttribute(x,i),null==e||e.classList.add(x)):(this.removeAttribute(x),null===(o=this.input)||void 0===o||o.removeAttribute(x),null==e||e.classList.remove(x))}},{key:"disabled",get:function(){return this.getAttribute(v)},set:function(t){this.input=this.shadowRoot.querySelector('input[type="checkbox"]');var e,n,o=this.shadowRoot.querySelector(".ids-switch"),i=D(t);i?(this.setAttribute(v,i.toString()),null===(e=this.input)||void 0===e||e.setAttribute(v,i),null==o||o.classList.add(v)):(this.removeAttribute(v),null===(n=this.input)||void 0===n||n.removeAttribute(v),null==o||o.classList.remove(v))}},{key:"label",get:function(){return this.getAttribute(E)||""},set:function(t){var e=this.shadowRoot.querySelector(".label-text")||document.createElement("span");if(t)return this.setAttribute(E,t),void(e.innerHTML=t);this.removeAttribute(E),e.innerHTML=""}},{key:"value",get:function(){return this.getAttribute(w)},set:function(t){this.input=this.shadowRoot.querySelector('input[type="checkbox"]'),t?this.setAttribute(w,t):this.removeAttribute(w),this.input.setAttribute(w,t||"")}}],[{key:"properties",get:function(){return[x,v,E,w]}}]),n}(C(S).with((function(t){return function(t){a()(n,t);var e=j(n);function n(){var t;return i()(this,n),t=e.call(this),O()(q()(t),"handledEvents",new Map),t}return r()(n,[{key:"on",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"off",value:function(t,e,n){var o=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(o,i){n&&i!==e||t.removeEventListener(i,o.target,o.options)}))}}]),n}(t)}))))||_)}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(712)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-switch/ids-switch-lib.js"]=e():t["ids-switch/ids-switch-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function s(e,n,r){return i()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,n){var i=[null];i.push.apply(i,e);var s=new(Function.bind.apply(t,i));return n&&o(s,n.prototype),s},s.apply(null,arguments)}t.exports=s},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),s=n(430),r=n(9100);function l(e){var n="function"==typeof Map?new Map:void 0;return t.exports=l=function(t){if(null===t||!s(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return r(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},l(e)}t.exports=l}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";var t=n(4575),e=n.n(t),o=n(3913),i=n.n(o),s=n(2205),r=n.n(s),l=n(8585),a=n.n(l),c=n(9754),d=n.n(c),u=n(5957),p=n.n(u);function h(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function f(t){return function(e){e.prototype.cssStyles=t}}var b="audible",m="checked",y="disabled",x="font-size",v="label",E="type",g="value",F=function(){function t(n){e()(this,t),this.superclass=n}return i()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const w=function(t){return new F(t)};var z,k=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},C=function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))};function A(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return a()(this,n)}}var D=function(t){t.prototype.version="0.0.0-beta.8"}(z=function(t){r()(o,t);var n=A(o);function o(){var t;return e()(this,o),(t=n.call(this)).addBaseName(),t.render(),t}return i()(o,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[k(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(p()(HTMLElement)))||z,B=n(1506),S=n.n(B),R=n(9713),q=n.n(R);function L(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return a()(this,n)}}var O;function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return a()(this,n)}}h("ids-text")(O=f("/* Ids Text Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-text {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-weight: 400;\n  display: block;\n  margin: 0; }\n  .ids-text.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n::slotted(.audible) {\n  clip: rect(0, 0, 0, 0);\n  height: 0;\n  line-height: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n/* Ids Typography System */\n.ids-text-10 {\n  font-size: 10px;\n  text-transform: uppercase; }\n\n.ids-text-12,\n.ids-text-xs {\n  font-size: 12px;\n  text-transform: uppercase; }\n\n.ids-text-14,\n.ids-text-sm {\n  font-size: 14px; }\n\n.ids-text-16,\n.ids-text-base {\n  font-size: 16px; }\n\n.ids-text-20 {\n  font-size: 20px; }\n\n.ids-text-24,\n.ids-text-lg {\n  font-size: 24px; }\n\n.ids-text-28 {\n  font-size: 28px; }\n\n.ids-text-32,\n.ids-text-xl {\n  font-size: 32px; }\n\n.ids-text-40 {\n  font-size: 40px; }\n\n.ids-text-48 {\n  font-size: 48px; }\n\n.ids-text-60 {\n  font-size: 60px; }\n\n.ids-text-72 {\n  font-size: 72px;\n  margin-bottom: 0px; }\n")(O=function(t){r()(o,t);var n=j(o);function o(){return e()(this,o),n.call(this)}return i()(o,[{key:"template",value:function(){var t=this.type||"span",e="ids-text";return e+=this.audible?" audible":"",e+=this.fontSize?" ids-text-".concat(this.fontSize):"",e=' class="'.concat(e,'"'),"<".concat(t).concat(e,"><slot></slot></").concat(t,">")}},{key:"rerender",value:function(){var t,e,n,o=document.createElement("template");null===(t=this.shadowRoot)||void 0===t||null===(e=t.querySelector(".ids-text"))||void 0===e||e.remove(),o.innerHTML=this.template(),null===(n=this.shadowRoot)||void 0===n||n.appendChild(o.content.cloneNode(!0))}},{key:"fontSize",get:function(){return this.getAttribute(x)},set:function(t){if(t)return this.setAttribute(x,t),void this.container.classList.add("ids-text-".concat(t));this.removeAttribute(x),this.container.className="",this.container.classList.add("ids-text")}},{key:"type",get:function(){return this.getAttribute(E)},set:function(t){if(t)return this.setAttribute(E,t),void this.rerender();this.removeAttribute(E),this.rerender()}},{key:"audible",get:function(){return this.getAttribute(b)},set:function(t){if(t)return this.setAttribute(b,t),void this.rerender();this.removeAttribute(b),this.rerender()}}],[{key:"properties",get:function(){return[E,x,b]}}]),o}(D))||O);var M;function P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return a()(this,n)}}h("ids-switch")(M=f("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n/**\n * Switch Mixins.\n */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-switch {\n  margin-bottom: 8px; }\n  .ids-switch label {\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -o-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    -webkit-touch-callout: none;\n    padding-left: 40px;\n    position: relative;\n    display: inline-block; }\n    .ids-switch label:hover .slider::after {\n      box-shadow: 0 2px 5px var(--ids-color-palette-slate-30); }\n    .ids-switch label:active .slider::after {\n      box-shadow: 0 0 0 3px var(--ids-color-palette-azure-20), 0 0 0 4px var(--ids-color-palette-azure-60), 0 0 4px 6px var(--ids-color-palette-slate-20); }\n  .ids-switch.disabled label {\n    cursor: default; }\n  .ids-switch input[type='checkbox'] {\n    position: absolute;\n    cursor: pointer;\n    opacity: 0;\n    height: 0;\n    width: 0; }\n    .ids-switch input[type='checkbox'] ~ .slider {\n      position: absolute;\n      background-color: var(--ids-color-palette-slate-40);\n      border-radius: 4px;\n      display: inline-block;\n      height: 4px;\n      left: 0;\n      top: 10px;\n      width: 31px; }\n      .ids-switch input[type='checkbox'] ~ .slider::after {\n        position: absolute;\n        background-color: var(--ids-color-palette-white);\n        border-width: 1px;\n        border-color: var(--ids-color-palette-slate-30);\n        border-style: solid;\n        border-radius: 50%;\n        -webkit-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -moz-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -o-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -ms-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        content: '';\n        height: 14px;\n        left: 0;\n        top: -7px;\n        width: 14px; }\n    .ids-switch input[type='checkbox']:checked ~ .slider {\n      background-color: var(--ids-color-palette-azure-30);\n      -webkit-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n      -moz-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n      -o-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n      -ms-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n      transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s; }\n      .ids-switch input[type='checkbox']:checked ~ .slider::after {\n        background-color: var(--ids-color-palette-azure-60);\n        border-color: var(--ids-color-palette-azure-60);\n        -webkit-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -moz-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -o-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        -ms-transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        transition: all 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94) 0s;\n        left: 15px; }\n    .ids-switch input[type='checkbox']:focus ~ .slider::after {\n      box-shadow: 0 0 0 3px var(--ids-color-palette-azure-20), 0 0 0 4px var(--ids-color-palette-azure-60), 0 0 4px 6px var(--ids-color-palette-slate-20); }\n    .ids-switch input[type='checkbox']:disabled ~ .slider {\n      background-color: var(--ids-color-palette-slate-30);\n      border-color: var(--ids-color-palette-slate-30);\n      cursor: default; }\n    .ids-switch input[type='checkbox']:disabled ~ .slider::after {\n      background-color: var(--ids-color-palette-slate-20);\n      box-shadow: none; }\n    .ids-switch input[type='checkbox']:disabled ~ .label-text {\n      cursor: default;\n      color: var(--ids-color-palette-slate-30); }\n    .ids-switch input[type='checkbox']:disabled:checked ~ .slider::after {\n      border-color: var(--ids-color-palette-slate-30); }\n")(M=function(t){r()(o,t);var n=P(o);function o(){return e()(this,o),n.call(this)}return i()(o,[{key:"connectedCallback",value:function(){this.input=this.shadowRoot.querySelector('input[type="checkbox"]'),this.labelEl=this.shadowRoot.querySelector("label"),this.handleEvents()}},{key:"disconnectedCallback",value:function(){D.prototype.disconnectedCallback.apply(this),this.handleSwitchChangeEvent("remove"),this.handleNativeEvents("remove")}},{key:"template",value:function(){var t=C(this.disabled)?" disabled":"",e=C(this.checked)?" checked":"",n=' class="ids-switch'.concat(t,'"');return"\n      <div".concat(n,'>\n        <label>\n          <input type="checkbox"').concat(' class="checkbox"').concat(t).concat(e,'>\n          <span class="slider').concat(e,'"></span>\n          <ids-text class="label-text">').concat(this.label,"</ids-text>\n        </label>\n      </div>\n    ")}},{key:"handleSwitchChangeEvent",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.input){var n="change";if("remove"===e){var o,i=null===(o=this.handledEvents)||void 0===o?void 0:o.get(n);i&&i.target===this.input&&this.offEvent(n,this.input)}else this.onEvent(n,this.input,(function(){t.indeterminate=!1,t.checked=t.input.checked}))}}},{key:"handleNativeEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.input){var n=["change","focus","keydown","keypress","keyup","click","dbclick"];n.forEach((function(n){if("remove"===e){var o,i=null===(o=t.handledEvents)||void 0===o?void 0:o.get(n);i&&i.target===t.input&&t.offEvent(n,t.input)}else t.onEvent(n,t.input,(function(e){t.triggerEvent(e.type,t,{detail:{elem:t,nativeEvent:e,value:t.value,checked:t.input.checked}})}))}))}return this}},{key:"handleEvents",value:function(){this.handleSwitchChangeEvent(),this.handleNativeEvents()}},{key:"checked",get:function(){return this.getAttribute(m)},set:function(t){var e=this.shadowRoot.querySelector(".slider");this.input=this.shadowRoot.querySelector('input[type="checkbox"]');var n,o,i=C(t);i?(this.setAttribute(m,i.toString()),null===(n=this.input)||void 0===n||n.setAttribute(m,i),null==e||e.classList.add(m)):(this.removeAttribute(m),null===(o=this.input)||void 0===o||o.removeAttribute(m),null==e||e.classList.remove(m))}},{key:"disabled",get:function(){return this.getAttribute(y)},set:function(t){this.input=this.shadowRoot.querySelector('input[type="checkbox"]');var e,n,o=this.shadowRoot.querySelector(".ids-switch"),i=C(t);i?(this.setAttribute(y,i.toString()),null===(e=this.input)||void 0===e||e.setAttribute(y,i),null==o||o.classList.add(y)):(this.removeAttribute(y),null===(n=this.input)||void 0===n||n.removeAttribute(y),null==o||o.classList.remove(y))}},{key:"label",get:function(){return this.getAttribute(v)||""},set:function(t){var e=this.shadowRoot.querySelector(".label-text")||document.createElement("span");if(t)return this.setAttribute(v,t),void(e.innerHTML=t);this.removeAttribute(v),e.innerHTML=""}},{key:"value",get:function(){return this.getAttribute(g)},set:function(t){this.input=this.shadowRoot.querySelector('input[type="checkbox"]'),t?this.setAttribute(g,t):this.removeAttribute(g),this.input.setAttribute(g,t||"")}}],[{key:"properties",get:function(){return[m,y,v,g]}}]),o}(w(D).with((function(t){return function(t){r()(o,t);var n=L(o);function o(){var t;return e()(this,o),t=n.call(this),q()(S()(t),"handledEvents",new Map),t}return i()(o,[{key:"onEvent",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"offEvent",value:function(t,e,n){var o=this.handledEvents.get(t);null!=o&&o.callback&&e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(o,i){n&&i!==t||e.offEvent(i,o.target,o.options)}))}}]),o}(t)}))))||M)})(),o=o.default})()}));
 //# sourceMappingURL=ids-switch.js.map

ids-tag/example.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-tag/example-lib.js"]=t():e["ids-tag/example-lib.js"]=t()}(self,(function(){return(e={7268:()=>{var e=document.querySelector("#ids-clickable-tag");null==e||e.addEventListener("click",(function(e){console.log("Click Fired",e)}))}},t={},function o(n){if(t[n])return t[n].exports;var r=t[n]={exports:{}};return e[n](r,r.exports,o),r.exports}(7268)).default;var e,t}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-tag/example-lib.js"]=t():e["ids-tag/example-lib.js"]=t()}(self,(function(){return e={},null==(t=document.querySelector("#ids-clickable-tag"))||t.addEventListener("click",(function(e){console.log("Click Fired",e)})),e=e.default;var e,t}));
 //# sourceMappingURL=example.js.map

ids-tag/ids-tag.d.ts

@@ -5,3 +5,2 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can
 import { IdsElement } from '../ids-base/ids-element';
-import { IdsExampleMixin } from '../ids-base/ids-example-mixin';
 
@@ -21,3 +20,3 @@ interface IdsTagEventDetail extends Event {
 
-interface IdsTag extends IdsElement, IdsExampleMixin {
+export default class IdsTag extends IdsElement {
   /** Set the tag type/color */
@@ -37,6 +36,2 @@ color: 'secondary' | 'error' | 'success' | 'caution' | string;
   on(event: 'tagremoved', listener: (detail: IdsTagEventDetail) => void): this;
-
-  example1(): void;
 }
-
-export default IdsTag;

ids-tag/ids-tag.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-tag/ids-tag-lib.js"]=e():t["ids-tag/ids-tag-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),r=n(7067);function i(e,n,s){return r()?t.exports=i=Reflect.construct:t.exports=i=function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&o(i,n.prototype),i},i.apply(null,arguments)}t.exports=i},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),r=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),r=n(9489),i=n(430),s=n(9100);function l(e){var n="function"==typeof Map?new Map:void 0;return t.exports=l=function(t){if(null===t||!i(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},l(e)}t.exports=l},6179:(t,e,n)=>{"use strict";var o=n(4575),r=n.n(o),i=n(3913),s=n.n(i),l=n(2205),a=n.n(l),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),f=n(5957),h=n.n(f);var y=function(){function t(e){r()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const b=function(t){return new y(t)};var m,v=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function g(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var r=p()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}var x=function(t){t.prototype.version="0.0.0-beta.7"}(m=function(t){a()(n,t);var e=g(n);function n(){var t;return r()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return s()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[v(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(h()(HTMLElement)))||m,E=n(1506),k=n.n(E),w=n(9713),F=n.n(w);function C(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var r=p()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}function A(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var r=p()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}var D;function S(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var r=p()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}var B,z;z="ids-tag",B="/* Ids Tag Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-tag {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-color: var(--ids-color-palette-slate-20);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-20);\n  border-style: solid;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  margin-bottom: 4px;\n  margin-right: 4px;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  border-radius: 15px;\n  font-size: 14px;\n  color: var(--ids-color-palette-slate-100); }\n  .ids-tag.ids-secondary {\n    border-color: var(--ids-color-palette-slate-30); }\n  .ids-tag.ids-white {\n    background-color: var(--ids-color-palette-white);\n    color: var(--ids-color-palette-white); }\n  .ids-tag.ids-focusable {\n    cursor: pointer; }\n    .ids-tag.ids-focusable:focus {\n      cursor: pointer;\n      border-color: var(--ids-color-palette-azure-60);\n      outline: 0;\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n\n::slotted(ids-icon) {\n  cursor: pointer;\n  align-self: center;\n  display: inline-flex;\n  padding-left: 4px;\n  padding-top: 1px;\n  color: var(--ids-color-palette-slate-100); }\n\n::slotted(ids-icon:hover) {\n  color: var(--ids-color-palette-slate-60); }\n\n.ids-white ::slotted(ids-icon),\n.ids-white ::slotted(ids-icon:hover) {\n  color: var(--ids-color-palette-white); }\n",R=D=function(t){t.prototype.cssStyles=B}(D=function(t){a()(n,t);var e=S(n);function n(){return r()(this,n),e.call(this)}return s()(n,[{key:"connectedCallback",value:function(){this.handleEvents().handleKeys()}},{key:"template",value:function(){return'<span class="ids-tag"><slot></slot></span>'}},{key:"color",get:function(){return this.getAttribute("color")},set:function(t){if(t){this.setAttribute("color",t);var e="#"===t.substr(0,1)?t:"var(--ids-color-status-".concat("error"===t?"danger":t,")");return this.container.style.backgroundColor=e,this.container.style.borderColor="secondary"===t?"":e,"error"!==t&&"danger"!==t||this.container.classList.add("ids-white"),void("secondary"===t&&this.container.classList.add("ids-secondary"))}this.removeAttribute("color"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color=""}},{key:"appendIcon",value:function(t){this.querySelector('[icon="'.concat(t,'"]'))||(this.insertAdjacentHTML("beforeend",'<ids-icon icon="'.concat(t,'" size="small" class="ids-icon"></ids-icon>')),this.handleEvents())}},{key:"removeIcon",value:function(t){var e=this.querySelector('[icon="'.concat(t,'"]'));e&&e.remove()}},{key:"dismissible",get:function(){return this.getAttribute("dismissible")},set:function(t){if(t)return this.setAttribute("dismissible",t.toString()),this.container.classList.add("ids-focusable"),this.container.setAttribute("tabindex","0"),this.appendIcon("close"),void this.handleKeys();this.removeAttribute("dismissible"),this.removeIcon("close"),this.container.removeAttribute("tabindex"),this.container.classList.remove("ids-focusable")}},{key:"clickable",get:function(){return this.getAttribute("clickable")},set:function(t){if(t)return this.setAttribute("clickable",t.toString()),this.container.classList.add("ids-focusable"),this.container.setAttribute("tabindex","0"),void this.handleKeys();this.removeAttribute("clickable"),this.container.removeAttribute("tabindex"),this.container.classList.remove("ids-focusable")}},{key:"handleEvents",value:function(){var t=this,e=this.querySelector('ids-icon[icon="close"]');e&&this.on("click",e,(function(){return t.dismiss()}));var n=!1;return this.on("slotchange",this.shadowRoot.querySelector("slot"),(function(){t.dismissible&&!n&&"IDS-ICON"!==t.lastElementChild.nodeName&&(n=!0,t.removeIcon("close"),t.appendIcon("close"),n=!1)})),this}},{key:"handleKeys",value:function(){var t=this;return this.dismissible&&this.listen(["Delete","Backspace"],this,(function(){t.dismiss()})),this.clickable&&this.listen("Enter",this,(function(){t.click()})),this}},{key:"dismiss",value:function(){if(this.dismissible){var t=!0;this.trigger("beforetagremoved",this,{detail:{elem:this,response:function(e){t=!!e}}}),t&&(this.remove(),this.trigger("aftertagremoved",this,{detail:{elem:this}}))}}}],[{key:"properties",get:function(){return["color","clickable","dismissible"]}}]),n}(b(x).with((function(t){return function(t){a()(n,t);var e=C(n);function n(){var t;return r()(this,n),t=e.call(this),F()(k()(t),"handledEvents",new Map),t}return s()(n,[{key:"on",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"off",value:function(t,e,n){var o=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(o,r){n&&r!==e||t.removeEventListener(r,o.target,o.options)}))}}]),n}(t)}),(function(t){return function(t){a()(n,t);var e=A(n);function n(){var t;return r()(this,n),(t=e.call(this)).init(k()(t)),t}return s()(n,[{key:"init",value:function(t){var e=this;this.hotkeys=new Map,this.pressedKeys=new Map,this.element=t,this.keyDownHandler=function(t){e.press(t.key),e.dispatchHotkeys(t)},this.element.on("keydown",this.element,this.keyDownHandler),this.keyUpHandler=function(t){e.unpress(t.key)},this.element.on("keyup",this.element,this.keyUpHandler)}},{key:"press",value:function(t){return this.pressedKeys.set("".concat(t),!0)}},{key:"listen",value:function(t,e,n){this.element||this.init(e),this.hotkeys.set("".concat(t),n)}},{key:"unpress",value:function(t){return this.pressedKeys.delete("".concat(t))}},{key:"dispatchHotkeys",value:function(t){this.hotkeys.forEach((function(e,n){n.split(",").indexOf(t.key)>-1&&e(t)}))}},{key:"detachAllKeyboard",value:function(){this.element&&(this.element.off("keydown",this.element,this.keyDownHandler),this.element.off("keyup",this.element,this.keyUpHandler),delete this.keyDownHandler,delete this.keyUpHandler,delete this.element)}}]),n}(t)}))))||D,customElements.get(z)||customElements.define(z,R);var R}},e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={exports:{}};return t[o](r,r.exports,n),r.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(6179)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-tag/ids-tag-lib.js"]=e():t["ids-tag/ids-tag-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),r=n(7067);function i(e,n,s){return r()?t.exports=i=Reflect.construct:t.exports=i=function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&o(i,n.prototype),i},i.apply(null,arguments)}t.exports=i},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),r=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),r=n(9489),i=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!i(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a}},e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={exports:{}};return t[o](r,r.exports,n),r.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";var t=n(4575),e=n.n(t),o=n(3913),r=n.n(o),i=n(2205),s=n.n(i),a=n(8585),l=n.n(a),c=n(9754),d=n.n(c),u=n(5957),p=n.n(u);var f="color",h="clickable",y="dismissible",b=function(){function t(n){e()(this,t),this.superclass=n}return r()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const v=function(t){return new b(t)};var m,g=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}var E=function(t){t.prototype.version="0.0.0-beta.8"}(m=function(t){s()(o,t);var n=x(o);function o(){var t;return e()(this,o),(t=n.call(this)).addBaseName(),t.render(),t}return r()(o,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[g(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(p()(HTMLElement)))||m,k=n(1506),w=n.n(k),F=n(9713),C=n.n(F);function A(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}function D(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}var S;function B(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return l()(this,n)}}var z,R;R="ids-tag",z="/* Ids Tag Component */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-tag {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  background-color: var(--ids-color-palette-slate-20);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-20);\n  border-style: solid;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  margin-bottom: 4px;\n  margin-right: 4px;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n  border-radius: 15px;\n  font-size: 14px;\n  color: var(--ids-color-palette-slate-100); }\n  .ids-tag.ids-secondary {\n    border-color: var(--ids-color-palette-slate-30); }\n  .ids-tag.ids-white {\n    background-color: var(--ids-color-palette-white);\n    color: var(--ids-color-palette-white); }\n  .ids-tag.ids-focusable {\n    cursor: pointer; }\n    .ids-tag.ids-focusable:focus {\n      cursor: pointer;\n      border-color: var(--ids-color-palette-azure-60);\n      outline: 0;\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n\n::slotted(ids-icon) {\n  cursor: pointer;\n  align-self: center;\n  display: inline-flex;\n  padding-left: 4px;\n  padding-top: 1px;\n  color: var(--ids-color-palette-slate-100); }\n\n::slotted(ids-icon:hover) {\n  color: var(--ids-color-palette-slate-60); }\n\n.ids-white ::slotted(ids-icon),\n.ids-white ::slotted(ids-icon:hover) {\n  color: var(--ids-color-palette-white); }\n",O=S=function(t){t.prototype.cssStyles=z}(S=function(t){s()(o,t);var n=B(o);function o(){return e()(this,o),n.call(this)}return r()(o,[{key:"connectedCallback",value:function(){this.handleEvents().handleKeys()}},{key:"template",value:function(){return'<span class="ids-tag"><slot></slot></span>'}},{key:"color",get:function(){return this.getAttribute("color")},set:function(t){if(t){this.setAttribute("color",t);var e="#"===t.substr(0,1)?t:"var(--ids-color-status-".concat("error"===t?"danger":t,")");return this.container.style.backgroundColor=e,this.container.style.borderColor="secondary"===t?"":e,"error"===t||"danger"===t?this.container.classList.add("ids-white"):this.container.classList.remove("ids-white"),void("secondary"===t&&this.container.classList.add("ids-secondary"))}this.removeAttribute("color"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color=""}},{key:"appendIcon",value:function(t){this.querySelector('[icon="'.concat(t,'"]'))||(this.insertAdjacentHTML("beforeend",'<ids-icon icon="'.concat(t,'" size="small" class="ids-icon"></ids-icon>')),this.handleEvents())}},{key:"removeIcon",value:function(t){var e=this.querySelector('[icon="'.concat(t,'"]'));e&&e.remove()}},{key:"dismissible",get:function(){return this.getAttribute("dismissible")},set:function(t){if(t)return this.setAttribute("dismissible",t.toString()),this.container.classList.add("ids-focusable"),this.container.setAttribute("tabindex","0"),this.appendIcon("close"),void this.handleKeys();this.removeAttribute("dismissible"),this.removeIcon("close"),this.container.removeAttribute("tabindex"),this.container.classList.remove("ids-focusable")}},{key:"clickable",get:function(){return this.getAttribute("clickable")},set:function(t){if(t)return this.setAttribute("clickable",t.toString()),this.container.classList.add("ids-focusable"),this.container.setAttribute("tabindex","0"),void this.handleKeys();this.removeAttribute("clickable"),this.container.removeAttribute("tabindex"),this.container.classList.remove("ids-focusable")}},{key:"handleEvents",value:function(){var t=this,e=this.querySelector('ids-icon[icon="close"]');e&&this.onEvent("click",e,(function(){return t.dismiss()}));var n=!1;return this.onEvent("slotchange",this.shadowRoot.querySelector("slot"),(function(){t.dismissible&&!n&&"IDS-ICON"!==t.lastElementChild.nodeName&&(n=!0,t.removeIcon("close"),t.appendIcon("close"),n=!1)})),this}},{key:"handleKeys",value:function(){var t=this;return this.dismissible&&this.listen(["Delete","Backspace"],this,(function(){t.dismiss()})),this.clickable&&this.listen("Enter",this,(function(){t.click()})),this}},{key:"dismiss",value:function(){if(this.dismissible){var t=!0;this.triggerEvent("beforetagremoved",this,{detail:{elem:this,response:function(e){t=!!e}}}),t&&(this.triggerEvent("tagremoved",this,{detail:{elem:this}}),this.remove(),this.triggerEvent("aftertagremoved",this,{detail:{elem:this}}))}}}],[{key:"properties",get:function(){return[f,h,y]}}]),o}(v(E).with((function(t){return function(t){s()(o,t);var n=A(o);function o(){var t;return e()(this,o),t=n.call(this),C()(w()(t),"handledEvents",new Map),t}return r()(o,[{key:"onEvent",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"offEvent",value:function(t,e,n){var o=this.handledEvents.get(t);null!=o&&o.callback&&e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(o,r){n&&r!==t||e.offEvent(r,o.target,o.options)}))}}]),o}(t)}),(function(t){return function(t){s()(o,t);var n=D(o);function o(){var t;return e()(this,o),(t=n.call(this)).init(),t}return r()(o,[{key:"init",value:function(){var t=this;this.hotkeys=new Map,this.pressedKeys=new Map,this.keyDownHandler=function(e){t.press(e.key),t.dispatchHotkeys(e)},this.onEvent("keydown.keyboard",this,this.keyDownHandler),this.keyUpHandler=function(e){t.unpress(e.key)},this.onEvent("keyup.keyboard",this,this.keyUpHandler)}},{key:"press",value:function(t){return this.pressedKeys.set("".concat(t),!0)}},{key:"listen",value:function(t,e,n){this.hotkeys.set("".concat(t),n)}},{key:"unpress",value:function(t){return this.pressedKeys.delete("".concat(t))}},{key:"dispatchHotkeys",value:function(t){this.hotkeys.forEach((function(e,n){n.split(",").indexOf(t.key)>-1&&e(t)}))}},{key:"detachAllListeners",value:function(){this.keyDownHandler&&this.offEvent&&(this.offEvent("keydown.keyboard",this,this.keyDownHandler),delete this.keyDownHandler),this.keyUpHandler&&this.offEvent&&(this.offEvent("keyup.keyboard",this,this.keyUpHandler),delete this.keyUpHandler)}}]),o}(t)}))))||S,customElements.get(R)||customElements.define(R,O);var O})(),o=o.default})()}));
 //# sourceMappingURL=ids-tag.js.map

ids-text/ids-text.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-text/ids-text-lib.js"]=e():t["ids-text/ids-text-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),r=n(7067);function i(e,n,s){return r()?t.exports=i=Reflect.construct:t.exports=i=function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&o(i,n.prototype),i},i.apply(null,arguments)}t.exports=i},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),r=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),r=n(9489),i=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!i(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a},5299:(t,e,n)=>{"use strict";var o=n(4575),r=n.n(o),i=n(3913),s=n.n(i),a=n(2205),l=n.n(a),c=n(8585),d=n.n(c),p=n(9754),u=n.n(p),f=n(5957);var h="audible",b="font-size",y="type";var x,m=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function v(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=u()(t);if(e){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}var g=function(t){t.prototype.version="0.0.0-beta.7"}(x=function(t){l()(n,t);var e=v(n);function n(){var t;return r()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return s()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[m(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(n.n(f)()(HTMLElement)))||x;var E;function F(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=u()(t);if(e){var r=u()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return d()(this,n)}}var C,z;z="ids-text",C="/* Ids Text Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-text {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-weight: 400;\n  display: block;\n  margin: 0; }\n  .ids-text.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n::slotted(.audible) {\n  clip: rect(0, 0, 0, 0);\n  height: 0;\n  line-height: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n/* Ids Typography System */\n.ids-text-10 {\n  font-size: 10px;\n  text-transform: uppercase; }\n\n.ids-text-12,\n.ids-text-xs {\n  font-size: 12px;\n  text-transform: uppercase; }\n\n.ids-text-14,\n.ids-text-sm {\n  font-size: 14px; }\n\n.ids-text-16,\n.ids-text-base {\n  font-size: 16px; }\n\n.ids-text-20 {\n  font-size: 20px; }\n\n.ids-text-24,\n.ids-text-lg {\n  font-size: 24px; }\n\n.ids-text-28 {\n  font-size: 28px; }\n\n.ids-text-32,\n.ids-text-xl {\n  font-size: 32px; }\n\n.ids-text-40 {\n  font-size: 40px; }\n\n.ids-text-48 {\n  font-size: 48px; }\n\n.ids-text-60 {\n  font-size: 60px; }\n\n.ids-text-72 {\n  font-size: 72px;\n  margin-bottom: 0px; }\n",A=E=function(t){t.prototype.cssStyles=C}(E=function(t){l()(n,t);var e=F(n);function n(){return r()(this,n),e.call(this)}return s()(n,[{key:"template",value:function(){var t=this.type||"span",e="ids-text";return e+=this.audible?" audible":"",e+=this.fontSize?" ids-text-".concat(this.fontSize):"",e=' class="'.concat(e,'"'),"<".concat(t).concat(e,"><slot></slot></").concat(t,">")}},{key:"rerender",value:function(){var t,e,n,o=document.createElement("template");null===(t=this.shadowRoot)||void 0===t||null===(e=t.querySelector(".ids-text"))||void 0===e||e.remove(),o.innerHTML=this.template(),null===(n=this.shadowRoot)||void 0===n||n.appendChild(o.content.cloneNode(!0))}},{key:"fontSize",get:function(){return this.getAttribute(b)},set:function(t){if(t)return this.setAttribute(b,t),void this.container.classList.add("ids-text-".concat(t));this.removeAttribute(b),this.container.className="",this.container.classList.add("ids-text")}},{key:"type",get:function(){return this.getAttribute(y)},set:function(t){if(t)return this.setAttribute(y,t),void this.rerender();this.removeAttribute(y),this.rerender()}},{key:"audible",get:function(){return this.getAttribute(h)},set:function(t){if(t)return this.setAttribute(h,t),void this.rerender();this.removeAttribute(h),this.rerender()}}],[{key:"properties",get:function(){return[y,b,h]}}]),n}(g))||E,customElements.get(z)||customElements.define(z,A);var A}},e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={exports:{}};return t[o](r,r.exports,n),r.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(5299)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-text/ids-text-lib.js"]=e():t["ids-text/ids-text-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),r=n(7067);function i(e,n,s){return r()?t.exports=i=Reflect.construct:t.exports=i=function(t,e,n){var r=[null];r.push.apply(r,e);var i=new(Function.bind.apply(t,r));return n&&o(i,n.prototype),i},i.apply(null,arguments)}t.exports=i},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),r=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),r=n(9489),i=n(430),s=n(9100);function l(e){var n="function"==typeof Map?new Map:void 0;return t.exports=l=function(t){if(null===t||!i(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},l(e)}t.exports=l}},e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={exports:{}};return t[o](r,r.exports,n),r.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";var t=n(4575),e=n.n(t),o=n(3913),r=n.n(o),i=n(2205),s=n.n(i),l=n(8585),a=n.n(l),c=n(9754),d=n.n(c),p=n(5957);var u="audible",f="font-size",h="type";var b,y=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))};function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return a()(this,n)}}var m=function(t){t.prototype.version="0.0.0-beta.8"}(b=function(t){s()(o,t);var n=x(o);function o(){var t;return e()(this,o),(t=n.call(this)).addBaseName(),t.render(),t}return r()(o,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[y(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(n.n(p)()(HTMLElement)))||b;var v;function g(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var r=d()(this).constructor;n=Reflect.construct(o,arguments,r)}else n=o.apply(this,arguments);return a()(this,n)}}var E,F;F="ids-text",E="/* Ids Text Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-text {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  font-weight: 400;\n  display: block;\n  margin: 0; }\n  .ids-text.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n::slotted(.audible) {\n  clip: rect(0, 0, 0, 0);\n  height: 0;\n  line-height: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n/* Ids Typography System */\n.ids-text-10 {\n  font-size: 10px;\n  text-transform: uppercase; }\n\n.ids-text-12,\n.ids-text-xs {\n  font-size: 12px;\n  text-transform: uppercase; }\n\n.ids-text-14,\n.ids-text-sm {\n  font-size: 14px; }\n\n.ids-text-16,\n.ids-text-base {\n  font-size: 16px; }\n\n.ids-text-20 {\n  font-size: 20px; }\n\n.ids-text-24,\n.ids-text-lg {\n  font-size: 24px; }\n\n.ids-text-28 {\n  font-size: 28px; }\n\n.ids-text-32,\n.ids-text-xl {\n  font-size: 32px; }\n\n.ids-text-40 {\n  font-size: 40px; }\n\n.ids-text-48 {\n  font-size: 48px; }\n\n.ids-text-60 {\n  font-size: 60px; }\n\n.ids-text-72 {\n  font-size: 72px;\n  margin-bottom: 0px; }\n",C=v=function(t){t.prototype.cssStyles=E}(v=function(t){s()(o,t);var n=g(o);function o(){return e()(this,o),n.call(this)}return r()(o,[{key:"template",value:function(){var t=this.type||"span",e="ids-text";return e+=this.audible?" audible":"",e+=this.fontSize?" ids-text-".concat(this.fontSize):"",e=' class="'.concat(e,'"'),"<".concat(t).concat(e,"><slot></slot></").concat(t,">")}},{key:"rerender",value:function(){var t,e,n,o=document.createElement("template");null===(t=this.shadowRoot)||void 0===t||null===(e=t.querySelector(".ids-text"))||void 0===e||e.remove(),o.innerHTML=this.template(),null===(n=this.shadowRoot)||void 0===n||n.appendChild(o.content.cloneNode(!0))}},{key:"fontSize",get:function(){return this.getAttribute(f)},set:function(t){if(t)return this.setAttribute(f,t),void this.container.classList.add("ids-text-".concat(t));this.removeAttribute(f),this.container.className="",this.container.classList.add("ids-text")}},{key:"type",get:function(){return this.getAttribute(h)},set:function(t){if(t)return this.setAttribute(h,t),void this.rerender();this.removeAttribute(h),this.rerender()}},{key:"audible",get:function(){return this.getAttribute(u)},set:function(t){if(t)return this.setAttribute(u,t),void this.rerender();this.removeAttribute(u),this.rerender()}}],[{key:"properties",get:function(){return[h,f,u]}}]),o}(m))||v,customElements.get(F)||customElements.define(F,C);var C})(),o=o.default})()}));
 //# sourceMappingURL=ids-text.js.map

ids-trigger-button/ids-trigger-button.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-trigger-button/ids-trigger-button-lib.js"]=e():t["ids-trigger-button/ids-trigger-button-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function r(e,n,s){return i()?t.exports=r=Reflect.construct:t.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&o(r,n.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),r=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!r(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},4109:(t,e,n)=>{"use strict";var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(2205),l=n.n(a),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),b=n(5957),f=n.n(b);function h(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function m(t){return function(e){e.prototype.cssStyles=t}}var y="css-class",g="disabled",v="icon",x="icon-align",E="id",C="tabbable",k="tabindex",F="text",w="type",A=function(){function t(e){i()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const D=function(t){return new A(t)};var z,S=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},B=function(t){return"true"===(t+"").toLowerCase()};function R(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var T=function(t){t.prototype.version="0.0.0-beta.7"}(z=function(t){l()(n,t);var e=R(n);function n(){var t;return i()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return s()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[S(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||z,q=function(t){return null!==t&&(!0===t||"string"==typeof t&&"false"!==t)},L=n(1506),I=n.n(L),O=n(9713),j=n.n(O);function P(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}function U(){return window.performance.now()}function N(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}const M=function(t){l()(n,t);var e=N(n);function n(){var t,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(i()(this,n),(t=e.call(this)).id=o.id,t.duration=-1,"number"==typeof o.duration&&(t.duration=parseInt(o.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof o.updateDuration&&(t.updateDuration=parseInt(o.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof o.updateCallback&&"function"!=typeof o.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof o.updateCallback&&(t.updateCallback=o.updateCallback.bind(I()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(I()(t))),t.paused=!1,t.startTime=U(),t.totalStoppedTime=0,d()(t,I()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=U()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=U()}},{key:"resume",value:function(){this.resumeTime=U(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return U()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&U()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(f()(Object));const _=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};i()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=U()),this.lastStopTime&&(t=!0,this.resumeTime=U(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,o=this,i=U();!function r(){o.doLoop&&(e=U(),n=(e-i)/1e3,o.items.forEach((function(r){if(r.doRemoveOnNextTick)o.remove(r);else if(t&&r.resume(),!r.paused)if("number"==typeof r.duration&&r.duration>-1&&r.elapsedTime>=r.duration)r.destroy();else{var s={last:i,delta:n,now:e};r.update(s)}})),i=e,t=!1,requestAnimationFrame(r))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=U(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return U()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof M&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}();function K(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var G=null;var H;function X(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var Y=["default","primary","secondary","tertiary","destructive"],J={cssClass:[],disabled:!1,tabIndex:!0,type:Y[0]},Q=[y,g,v,x,E,F,w,k],V=["align-icon-start","align-icon-end"],W=h("ids-button")(H=m("/**\n * Ids Button Component CSS\n * (Includes standard and icon button rules)\n */\n/**\n * Ids Button Base CSS\n * Use these mixins inside Ids Button CSS classes to define their base styles.\n */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  display: inline-flex; }\n  :host ::slotted(span) {\n    vertical-align: bottom; }\n  :host ::slotted(ids-icon) {\n    vertical-align: middle; }\n  :host ::slotted(span.audible) {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n.ripple-effect {\n  display: block;\n  border-radius: 50%;\n  opacity: 0;\n  position: absolute;\n  transform: scale(0); }\n  .ripple-effect.animating {\n    -webkit-animation: ripple-animation 1.2s ease-out;\n    -moz-animation: ripple-animation 1.2s ease-out;\n    animation: ripple-animation 1.2s ease-out; }\n\n.ids-button,\n.ids-toggle-button,\n.ids-menu-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap; }\n  .ids-button, .ids-button::before, .ids-button::after,\n  .ids-toggle-button,\n  .ids-toggle-button::before,\n  .ids-toggle-button::after,\n  .ids-menu-button,\n  .ids-menu-button::before,\n  .ids-menu-button::after {\n    box-sizing: border-box; }\n  .ids-button *,\n  .ids-toggle-button *,\n  .ids-menu-button * {\n    pointer-events: none; }\n  .ids-button:focus,\n  .ids-toggle-button:focus,\n  .ids-menu-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-button:hover,\n  .ids-toggle-button:hover,\n  .ids-menu-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-button[disabled],\n  .ids-toggle-button[disabled],\n  .ids-menu-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-button:not([disabled]),\n  .ids-toggle-button:not([disabled]),\n  .ids-menu-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-button span,\n  .ids-toggle-button span,\n  .ids-menu-button span {\n    vertical-align: bottom; }\n    .ids-button span.audible,\n    .ids-toggle-button span.audible,\n    .ids-menu-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    vertical-align: middle; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-button.btn-primary,\n  .ids-toggle-button.btn-primary,\n  .ids-menu-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-button.btn-primary:focus,\n    .ids-toggle-button.btn-primary:focus,\n    .ids-menu-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-primary:hover,\n    .ids-toggle-button.btn-primary:hover,\n    .ids-menu-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-button.btn-primary[disabled],\n    .ids-toggle-button.btn-primary[disabled],\n    .ids-menu-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-button.btn-primary .ripple-effect,\n    .ids-toggle-button.btn-primary .ripple-effect,\n    .ids-menu-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-secondary,\n  .ids-toggle-button.btn-secondary,\n  .ids-menu-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-button.btn-secondary:focus,\n    .ids-toggle-button.btn-secondary:focus,\n    .ids-menu-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-secondary:hover,\n    .ids-toggle-button.btn-secondary:hover,\n    .ids-menu-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-button.btn-secondary[disabled],\n    .ids-toggle-button.btn-secondary[disabled],\n    .ids-menu-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-button.btn-secondary .ripple-effect,\n    .ids-toggle-button.btn-secondary .ripple-effect,\n    .ids-menu-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-tertiary, .ids-button.btn-destructive,\n  .ids-toggle-button.btn-tertiary,\n  .ids-toggle-button.btn-destructive,\n  .ids-menu-button.btn-tertiary,\n  .ids-menu-button.btn-destructive {\n    border-color: transparent; }\n    .ids-button.btn-tertiary:focus, .ids-button.btn-destructive:focus,\n    .ids-toggle-button.btn-tertiary:focus,\n    .ids-toggle-button.btn-destructive:focus,\n    .ids-menu-button.btn-tertiary:focus,\n    .ids-menu-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-button.btn-tertiary:hover, .ids-button.btn-destructive:hover,\n    .ids-toggle-button.btn-tertiary:hover,\n    .ids-toggle-button.btn-destructive:hover,\n    .ids-menu-button.btn-tertiary:hover,\n    .ids-menu-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-button.btn-tertiary[disabled], .ids-button.btn-destructive[disabled],\n    .ids-toggle-button.btn-tertiary[disabled],\n    .ids-toggle-button.btn-destructive[disabled],\n    .ids-menu-button.btn-tertiary[disabled],\n    .ids-menu-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-button.align-icon-end ids-icon[slot],\n  .ids-toggle-button.align-icon-end ids-icon[slot],\n  .ids-menu-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(3):last-child),\n  .ids-toggle-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(3):last-child),\n  .ids-menu-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(3):last-child) {\n    padding-left: 4px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    display: inline-flex;\n    place-self: center;\n    vertical-align: middle; }\n  .ids-button .ids-icon:last-child,\n  .ids-button span + span,\n  .ids-button span:last-child,\n  .ids-toggle-button .ids-icon:last-child,\n  .ids-toggle-button span + span,\n  .ids-toggle-button span:last-child,\n  .ids-menu-button .ids-icon:last-child,\n  .ids-menu-button span + span,\n  .ids-menu-button span:last-child {\n    padding-left: 4px; }\n  .ids-button ::slotted(ids-icon:only-child),\n  .ids-toggle-button ::slotted(ids-icon:only-child),\n  .ids-menu-button ::slotted(ids-icon:only-child) {\n    display: block; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    height: 250px;\n    width: 250px; }\n\n.ids-icon-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 50%; }\n  .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {\n    box-sizing: border-box; }\n  .ids-icon-button * {\n    pointer-events: none; }\n  .ids-icon-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-icon-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-icon-button span {\n    vertical-align: bottom; }\n    .ids-icon-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-icon-button .ids-icon {\n    vertical-align: middle; }\n  .ids-icon-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-icon-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-icon-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-icon-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-icon-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-icon-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-icon-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-icon-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-tertiary, .ids-icon-button.btn-destructive {\n    border-color: transparent; }\n    .ids-icon-button.btn-tertiary:focus, .ids-icon-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-icon-button.btn-tertiary:hover, .ids-icon-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-icon-button.btn-tertiary[disabled], .ids-icon-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-icon-button .ids-icon {\n    display: block;\n    padding-left: 0px;\n    font-size: 0; }\n  .ids-icon-button span.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n  .ids-icon-button .ripple-effect {\n    height: 70px;\n    width: 70px; }\n\n@-webkit-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@-moz-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n")(H=function(t){l()(n,t);var e=X(n);function n(){var t;return i()(this,n),(t=e.call(this)).state={},Object.keys(J).forEach((function(e){t.state[e]=J[e]})),t.shouldUpdate=!0,t}return s()(n,[{key:"attributeChangedCallback",value:function(t,e,n){if(this.shouldUpdate)switch(t){case"tabindex":this.tabIndex=Number(n);break;default:T.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"protoClasses",get:function(){var t=this.querySelector("span:not(.audible)");return(this.querySelector("ids-icon[slot]")||this.querySelector("ids-icon"))&&!t?["ids-icon-button"]:["ids-button"]}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"]),t.add(e)}},{key:"template",value:function(){var t,e,n,o,i,r,s,a="",l="",c="",d="",u='tabindex="0"',p="",b="";null!==(t=this.state)&&void 0!==t&&t.cssClass&&(a=" ".concat(this.state.cssClass.join(" "))),null!==(e=this.state)&&void 0!==e&&e.disabled&&(c=' disabled="true"'),null!==(n=this.state)&&void 0!==n&&n.tabIndex&&(u='tabindex="'.concat(this.state.tabIndex,'"')),null!==(o=this.state)&&void 0!==o&&o.icon&&(d='<ids-icon slot="icon" icon="'.concat(this.state.icon,'"></ids-icon>')),null!==(i=this.state)&&void 0!==i&&i.text&&(p='<span slot="text">'.concat(this.state.text,"</span>")),this.state&&"default"!==(null===(r=this.state)||void 0===r?void 0:r.type)&&(b=" btn-".concat(this.state.type)),this.protoClasses.length&&(l="".concat(this.protoClasses.join(" ")));var f=" align-icon-start",h='<slot name="icon">'.concat(d,'</slot><slot name="text">').concat(p,"</slot>");return"end"===(null===(s=this.state)||void 0===s?void 0:s.iconAlign)&&(f=" align-icon-end",h='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(l).concat(b).concat(f).concat(a,'" ').concat(u).concat(c,">\n      ").concat(h,"\n      <slot>").concat(d).concat(p,"</slot>\n    </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,o=!1;this.on("click.ripple",this.button,(function(i){o?o=!1:(t=0!==i.clientX?i.clientX:void 0,e=0!==i.clientY?i.clientY:void 0,n.createRipple(t,e))})),this.on("touchstart.ripple",this.button,(function(i){if(i.touches&&i.touches.length>0){var r=i.touches[0];t=0!==r.clientX?r.clientX:void 0,e=0!==r.clientY?r.clientY:void 0,n.createRipple(t,e),o=!0}}),{passive:!0})}},{key:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"cssClass",get:function(){return this.state.cssClass},set:function(t){var e=t,n=[],o=[].concat(this.state.cssClass);Array.isArray(t)?(n=t,e=t.join(" ")):"string"==typeof t&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(y,e.toString()):this.removeAttribute(y);var i=this.button.classList,r=Array.from(i);o.forEach((function(t){n.includes(t)||i.remove(t)})),n.forEach((function(t){r.includes(t)||i.add(t)}))}},{key:"disabled",get:function(){return this.state.disabled},set:function(t){this.shouldUpdate=!1,this.removeAttribute(g),this.shouldUpdate=!0;var e=q(t);this.state.disabled=e,this.button&&(this.button.disabled=e)}},{key:"tabIndex",get:function(){return this.state.tabIndex},set:function(t){this.shouldUpdate=!1,this.removeAttribute(k),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(k,"0");this.state.tabIndex=e,this.button.setAttribute(k,"".concat(e))}},{key:"icon",get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")},set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(v),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(v,t),this.appendIcon(t)}},{key:"iconAlign",get:function(){return this.state.iconAlign},set:function(t){var e=t;V.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()}},{key:"appendIcon",value:function(t){var e=this.querySelector("ids-icon");e?(e.icon=t,this.setIconAlignment()):this.insertAdjacentHTML("afterbegin",'<ids-icon slot="icon" icon="'.concat(t,'" class="ids-icon"></ids-icon>')),this.refreshProtoClasses()}},{key:"removeIcon",value:function(){var t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}},{key:"setIconAlignment",value:function(){var t,e=this.iconAlign||"start",n=this.icon;(t=this.button.classList).remove.apply(t,V),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');o&&("end"===e?this.button.appendChild(o):this.button.prepend(o))}},{key:"text",get:function(){var t,e=this.querySelector("span:not(.audible)");return e&&null!==(t=e.textContent)&&void 0!==t&&t.length?e.textContent:this.state.text},set:function(t){if(this.removeAttribute(F),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)}},{key:"appendText",value:function(t){var e=this.querySelector("span:not(.audible)");e?e.textContent=t:this.insertAdjacentHTML("afterbegin","<span>".concat(t,"</span>")),this.refreshProtoClasses()}},{key:"removeText",value:function(){var t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}},{key:"type",get:function(){return this.state.type},set:function(t){!t||Y.indexOf(t)<=0?(this.removeAttribute(w),this.state.type=Y[0]):(this.setAttribute(w,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)}},{key:"setTypeClass",value:function(t){var e=this;Y.forEach((function(n){var o="btn-".concat(n);t!==n?e.button.classList.contains(o)&&e.button.classList.remove(o):"default"===n||e.button.classList.contains(o)||e.button.classList.add(o)}))}},{key:"getRippleOffsets",value:function(t,e){var n,o,i=this.getBoundingClientRect(),r=this.button.classList.contains("ids-icon-button")?35:125;return n=t?t-i.left:i.width/2,o=e?e-i.top:i.height/2,{x:n-=r,y:o-=r}}},{key:"createRipple",value:function(t,e){if(!this.disabled){this.button.querySelectorAll(".ripple-effect").forEach((function(t){t.remove()}));var n=document.createElement("span"),o=this.getRippleOffsets(t,e);n.classList.add("ripple-effect"),n.setAttribute("aria-hidden","true"),n.setAttribute("focusable","false"),n.setAttribute("role","presentation"),this.button.prepend(n),n.style.left="".concat(o.x,"px"),n.style.top="".concat(o.y,"px"),n.classList.add("animating"),this.rippleTimeout&&this.rippleTimeout.destroy(!0),this.rippleTimeout=this.rl.register(new M({duration:1200,timeoutCallback:function(){n.remove()}}))}}}],[{key:"properties",get:function(){return Q}}]),n}(D(T).with((function(t){return function(t){l()(n,t);var e=K(n);function n(){return i()(this,n),e.apply(this,arguments)}return s()(n,[{key:"rl",get:function(){return G||(G=new _),G}}]),n}(t)}),(function(t){return function(t){l()(n,t);var e=P(n);function n(){var t;return i()(this,n),t=e.call(this),j()(I()(t),"handledEvents",new Map),t}return s()(n,[{key:"on",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"off",value:function(t,e,n){var o=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(o,i){n&&i!==e||t.removeEventListener(i,o.target,o.options)}))}}]),n}(t)}))))||H)||H;var Z;function $(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=p()(t);if(e){var i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}h("ids-trigger-button")(Z=m("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-icon-button {\n  background-color: transparent;\n  border-width: 1px;\n  border-color: transparent;\n  cursor: pointer;\n  border-radius: 50%;\n  color: var(--ids-color-palette-slate-60);\n  height: 28px;\n  margin-left: -32px;\n  margin-top: 29px;\n  width: 28px; }\n  .ids-icon-button:focus {\n    border-color: var(--ids-color-palette-azure-70);\n    outline: 0;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-slate-100); }\n  .ids-icon-button[disabled] {\n    cursor: default;\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button ::slotted(ids-icon) {\n    margin-left: -2px;\n    margin-top: 3px; }\n")(Z=function(t){l()(n,t);var e=$(n);function n(){return i()(this,n),e.call(this)}return s()(n,[{key:"tabbable",get:function(){return this.getAttribute(C)||!0},set:function(t){var e,n=B(t),o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("button");this.setAttribute(C,t.toString()),o.tabIndex=n?"0":"-1"}}],[{key:"properties",get:function(){return[y,g,v,x,E,F,w,k,C]}}]),n}(W))||Z)}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(4109)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-trigger-button/ids-trigger-button-lib.js"]=e():t["ids-trigger-button/ids-trigger-button-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var o=n(9489),i=n(7067);function r(e,n,s){return i()?t.exports=r=Reflect.construct:t.exports=r=function(t,e,n){var i=[null];i.push.apply(i,e);var r=new(Function.bind.apply(t,i));return n&&o(r,n.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}t.exports=function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var o=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&o(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var o=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==o(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,o){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,o)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var o=n(9754),i=n(9489),r=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!r(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,o(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a}},e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var o={};return(()=>{"use strict";var t=n(4575),e=n.n(t),o=n(3913),i=n.n(o),r=n(2205),s=n.n(r),a=n(8585),l=n.n(a),c=n(9754),d=n.n(c),u=n(5957),p=n.n(u);function b(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function f(t){return function(e){e.prototype.cssStyles=t}}var h="css-class",m="disabled",y="icon",g="icon-align",v="id",x="tabbable",E="tabindex",C="text",k="type",F=function(){function t(n){e()(this,t),this.superclass=n}return i()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const w=function(t){return new F(t)};var A,D=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},z=function(t){return("string"!=typeof t||"false"!==t.toLowerCase())&&(null!==t&&(!0===t||"string"==typeof t&&"false"!==t))};function S(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return l()(this,n)}}var B=function(t){t.prototype.version="0.0.0-beta.8"}(A=function(t){s()(o,t);var n=S(o);function o(){var t;return e()(this,o),(t=n.call(this)).addBaseName(),t.render(),t}return i()(o,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[D(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var o=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),o.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(o.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var o=new CSSStyleSheet;o.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[o]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(p()(HTMLElement)))||A,R=n(1506),T=n.n(R),q=n(9713),L=n.n(q);function I(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return l()(this,n)}}function O(){return window.performance.now()}function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return l()(this,n)}}const P=function(t){s()(o,t);var n=j(o);function o(){var t,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(e()(this,o),(t=n.call(this)).id=i.id,t.duration=-1,"number"==typeof i.duration&&(t.duration=parseInt(i.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof i.updateDuration&&(t.updateDuration=parseInt(i.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof i.updateCallback&&"function"!=typeof i.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof i.updateCallback&&(t.updateCallback=i.updateCallback.bind(T()(t))),"function"==typeof i.timeoutCallback&&(t.timeoutCallback=i.timeoutCallback.bind(T()(t))),t.paused=!1,t.startTime=O(),t.totalStoppedTime=0,l()(t,T()(t))}return i()(o,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=O()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=O()}},{key:"resume",value:function(){this.resumeTime=O(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return O()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&O()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),o}(p()(Object));const U=new(function(){function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};e()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,n.autoStart&&this.start()}return i()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=O()),this.lastStopTime&&(t=!0,this.resumeTime=O(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,o=this,i=O();!function r(){o.doLoop&&(e=O(),n=(e-i)/1e3,o.items.forEach((function(r){if(r.doRemoveOnNextTick)o.remove(r);else if(t&&r.resume(),!r.paused)if("number"==typeof r.duration&&r.duration>-1&&r.elapsedTime>=r.duration)r.destroy();else{var s={last:i,delta:n,now:e};r.update(s)}})),i=e,t=!1,requestAnimationFrame(r))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=O(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return O()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof P&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}());function N(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return l()(this,n)}}var M;function _(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return l()(this,n)}}var G=["default","primary","secondary","tertiary","destructive"],H={cssClass:[],disabled:!1,tabIndex:!0,type:G[0]},K=[h,m,y,g,v,C,k,E],X=["align-icon-start","align-icon-end"],Y=b("ids-button")(M=f("/**\n * Ids Button Component CSS\n * (Includes standard and icon button rules)\n */\n/**\n * Ids Button Base CSS\n * Use these mixins inside Ids Button CSS classes to define their base styles.\n */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n:host {\n  display: inline-flex; }\n  :host ::slotted(span) {\n    vertical-align: bottom; }\n  :host ::slotted(ids-icon) {\n    vertical-align: middle; }\n  :host ::slotted(span.audible) {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n\n.ripple-effect {\n  display: block;\n  border-radius: 50%;\n  opacity: 0;\n  position: absolute;\n  transform: scale(0); }\n  .ripple-effect.animating {\n    -webkit-animation: ripple-animation 1.2s ease-out;\n    -moz-animation: ripple-animation 1.2s ease-out;\n    animation: ripple-animation 1.2s ease-out; }\n\n.ids-button,\n.ids-toggle-button,\n.ids-menu-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap; }\n  .ids-button, .ids-button::before, .ids-button::after,\n  .ids-toggle-button,\n  .ids-toggle-button::before,\n  .ids-toggle-button::after,\n  .ids-menu-button,\n  .ids-menu-button::before,\n  .ids-menu-button::after {\n    box-sizing: border-box; }\n  .ids-button *,\n  .ids-toggle-button *,\n  .ids-menu-button * {\n    pointer-events: none; }\n  .ids-button:focus,\n  .ids-toggle-button:focus,\n  .ids-menu-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-button:hover,\n  .ids-toggle-button:hover,\n  .ids-menu-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-button[disabled],\n  .ids-toggle-button[disabled],\n  .ids-menu-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-button:not([disabled]),\n  .ids-toggle-button:not([disabled]),\n  .ids-menu-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-button span,\n  .ids-toggle-button span,\n  .ids-menu-button span {\n    vertical-align: bottom; }\n    .ids-button span.audible,\n    .ids-toggle-button span.audible,\n    .ids-menu-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    vertical-align: middle; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-button.btn-primary,\n  .ids-toggle-button.btn-primary,\n  .ids-menu-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-button.btn-primary:focus,\n    .ids-toggle-button.btn-primary:focus,\n    .ids-menu-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-primary:hover,\n    .ids-toggle-button.btn-primary:hover,\n    .ids-menu-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-button.btn-primary[disabled],\n    .ids-toggle-button.btn-primary[disabled],\n    .ids-menu-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-button.btn-primary .ripple-effect,\n    .ids-toggle-button.btn-primary .ripple-effect,\n    .ids-menu-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-secondary,\n  .ids-toggle-button.btn-secondary,\n  .ids-menu-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-button.btn-secondary:focus,\n    .ids-toggle-button.btn-secondary:focus,\n    .ids-menu-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-button.btn-secondary:hover,\n    .ids-toggle-button.btn-secondary:hover,\n    .ids-menu-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-button.btn-secondary[disabled],\n    .ids-toggle-button.btn-secondary[disabled],\n    .ids-menu-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-button.btn-secondary .ripple-effect,\n    .ids-toggle-button.btn-secondary .ripple-effect,\n    .ids-menu-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-button.btn-tertiary, .ids-button.btn-destructive,\n  .ids-toggle-button.btn-tertiary,\n  .ids-toggle-button.btn-destructive,\n  .ids-menu-button.btn-tertiary,\n  .ids-menu-button.btn-destructive {\n    border-color: transparent; }\n    .ids-button.btn-tertiary:focus, .ids-button.btn-destructive:focus,\n    .ids-toggle-button.btn-tertiary:focus,\n    .ids-toggle-button.btn-destructive:focus,\n    .ids-menu-button.btn-tertiary:focus,\n    .ids-menu-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-button.btn-tertiary:hover, .ids-button.btn-destructive:hover,\n    .ids-toggle-button.btn-tertiary:hover,\n    .ids-toggle-button.btn-destructive:hover,\n    .ids-menu-button.btn-tertiary:hover,\n    .ids-menu-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-button.btn-tertiary[disabled], .ids-button.btn-destructive[disabled],\n    .ids-toggle-button.btn-tertiary[disabled],\n    .ids-toggle-button.btn-destructive[disabled],\n    .ids-menu-button.btn-tertiary[disabled],\n    .ids-menu-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-button.align-icon-end ids-icon[slot],\n  .ids-toggle-button.align-icon-end ids-icon[slot],\n  .ids-menu-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(2):last-child),\n  .ids-button ::slotted(span:nth-child(3):last-child),\n  .ids-toggle-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(2):last-child),\n  .ids-toggle-button ::slotted(span:nth-child(3):last-child),\n  .ids-menu-button ::slotted(ids-icon:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(2):last-child),\n  .ids-menu-button ::slotted(span:nth-child(3):last-child) {\n    padding-left: 4px; }\n  .ids-button .ids-icon,\n  .ids-toggle-button .ids-icon,\n  .ids-menu-button .ids-icon {\n    display: inline-flex;\n    place-self: center;\n    vertical-align: middle; }\n  .ids-button .ids-icon:last-child,\n  .ids-button span + span,\n  .ids-button span:last-child,\n  .ids-toggle-button .ids-icon:last-child,\n  .ids-toggle-button span + span,\n  .ids-toggle-button span:last-child,\n  .ids-menu-button .ids-icon:last-child,\n  .ids-menu-button span + span,\n  .ids-menu-button span:last-child {\n    padding-left: 4px; }\n  .ids-button ::slotted(ids-icon:only-child),\n  .ids-toggle-button ::slotted(ids-icon:only-child),\n  .ids-menu-button ::slotted(ids-icon:only-child) {\n    display: block; }\n  .ids-button .ripple-effect,\n  .ids-toggle-button .ripple-effect,\n  .ids-menu-button .ripple-effect {\n    height: 250px;\n    width: 250px; }\n\n.ids-icon-button {\n  box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0);\n  border-width: 1px;\n  border-style: solid;\n  font-weight: 400;\n  font-family: \"source sans pro\",helvetica,arial,sans-serif;\n  display: inline-flex;\n  padding-left: 28px;\n  padding-right: 28px;\n  border-radius: 2px;\n  font-size: 16px;\n  color: var(--ids-color-font-base);\n  overflow: hidden;\n  padding-bottom: 6px;\n  padding-top: 6px;\n  position: relative;\n  background-color: transparent;\n  border-color: transparent;\n  transition: background-color 200ms cubic-bezier(0.4, 0, 0.6, 1), border-color 200ms cubic-bezier(0.4, 0, 0.6, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.6, 1), color 200ms cubic-bezier(0.4, 0, 0.6, 1), opacity 200ms cubic-bezier(0.4, 0, 0.6, 1);\n  white-space: nowrap;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 50%; }\n  .ids-icon-button, .ids-icon-button::before, .ids-icon-button::after {\n    box-sizing: border-box; }\n  .ids-icon-button * {\n    pointer-events: none; }\n  .ids-icon-button:focus {\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3);\n    border-color: var(--ids-color-brand-primary-base);\n    outline: none;\n    outline-color: transparent; }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-black); }\n  .ids-icon-button[disabled] {\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button:not([disabled]) {\n    cursor: pointer; }\n  .ids-icon-button span {\n    vertical-align: bottom; }\n    .ids-icon-button span.audible {\n      clip: rect(0, 0, 0, 0);\n      height: 0;\n      line-height: 0;\n      min-height: 0;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px; }\n  .ids-icon-button .ids-icon {\n    vertical-align: middle; }\n  .ids-icon-button .ripple-effect {\n    background-color: var(--ids-color-brand-primary-base); }\n  .ids-icon-button.btn-primary {\n    background-color: var(--ids-color-brand-primary-base);\n    border-color: var(--ids-color-brand-primary-base);\n    color: var(--ids-color-brand-primary-contrast); }\n    .ids-icon-button.btn-primary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-primary:hover {\n      background-color: var(--ids-color-palette-azure-80); }\n    .ids-icon-button.btn-primary[disabled] {\n      background-color: var(--ids-color-palette-azure-30);\n      border-color: var(--ids-color-palette-azure-30); }\n    .ids-icon-button.btn-primary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-secondary {\n    background-color: var(--ids-color-palette-slate-30);\n    color: var(--ids-color-font-base); }\n    .ids-icon-button.btn-secondary:focus {\n      box-shadow: 0 0 0 2px var(--ids-color-palette-white), 0 0 0 3px var(--ids-color-brand-primary-base), 0 0 4px 3px var(--ids-color-brand-primary-base); }\n    .ids-icon-button.btn-secondary:hover {\n      background-color: var(--ids-color-palette-slate-40); }\n    .ids-icon-button.btn-secondary[disabled] {\n      background-color: var(--ids-color-palette-slate-20);\n      border-color: var(--ids-color-palette-slate-20); }\n    .ids-icon-button.btn-secondary .ripple-effect {\n      background-color: var(--ids-color-brand-primary-contrast); }\n  .ids-icon-button.btn-tertiary, .ids-icon-button.btn-destructive {\n    border-color: transparent; }\n    .ids-icon-button.btn-tertiary:focus, .ids-icon-button.btn-destructive:focus {\n      border-color: var(--ids-color-palette-azure-70);\n      box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n    .ids-icon-button.btn-tertiary:hover, .ids-icon-button.btn-destructive:hover {\n      color: var(--ids-color-palette-black); }\n    .ids-icon-button.btn-tertiary[disabled], .ids-icon-button.btn-destructive[disabled] {\n      color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button.align-icon-end ids-icon[slot] {\n    align-self: flex-end; }\n  .ids-icon-button .ids-icon {\n    display: block;\n    padding-left: 0px;\n    font-size: 0; }\n  .ids-icon-button span.audible {\n    clip: rect(0, 0, 0, 0);\n    height: 0;\n    line-height: 0;\n    min-height: 0;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px; }\n  .ids-icon-button .ripple-effect {\n    height: 70px;\n    width: 70px; }\n\n@-webkit-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@-moz-keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n\n@keyframes ripple-animation {\n  from {\n    opacity: 0.5;\n    transform: scale(0); }\n  to {\n    opacity: 0;\n    transform: scale(2); } }\n")(M=function(t){s()(o,t);var n=_(o);function o(){var t;return e()(this,o),(t=n.call(this)).state={},Object.keys(H).forEach((function(e){t.state[e]=H[e]})),t.shouldUpdate=!0,t}return i()(o,[{key:"attributeChangedCallback",value:function(t,e,n){if(this.shouldUpdate)switch(t){case"tabindex":this.tabIndex=Number(n);break;default:B.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"protoClasses",get:function(){var t=this.querySelector("span:not(.audible)");return(this.querySelector("ids-icon[slot]")||this.querySelector("ids-icon"))&&!t?["ids-icon-button"]:["ids-button"]}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-icon-button","ids-menu-button","ids-toggle-button"]),t.add(e)}},{key:"template",value:function(){var t,e,n,o,i,r,s,a="",l="",c="",d="",u='tabindex="0"',p="",b="";null!==(t=this.state)&&void 0!==t&&t.cssClass&&(a=" ".concat(this.state.cssClass.join(" "))),null!==(e=this.state)&&void 0!==e&&e.disabled&&(c=' disabled="true"'),null!==(n=this.state)&&void 0!==n&&n.tabIndex&&(u='tabindex="'.concat(this.state.tabIndex,'"')),null!==(o=this.state)&&void 0!==o&&o.icon&&(d='<ids-icon slot="icon" icon="'.concat(this.state.icon,'"></ids-icon>')),null!==(i=this.state)&&void 0!==i&&i.text&&(p='<span slot="text">'.concat(this.state.text,"</span>")),this.state&&"default"!==(null===(r=this.state)||void 0===r?void 0:r.type)&&(b=" btn-".concat(this.state.type)),this.protoClasses.length&&(l="".concat(this.protoClasses.join(" ")));var f=" align-icon-start",h='<slot name="icon">'.concat(d,'</slot><slot name="text">').concat(p,"</slot>");return"end"===(null===(s=this.state)||void 0===s?void 0:s.iconAlign)&&(f=" align-icon-end",h='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(l).concat(b).concat(f).concat(a,'" ').concat(u).concat(c,">\n      ").concat(h,"\n      <slot>").concat(d).concat(p,"</slot>\n    </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,o=!1;this.onEvent("click.ripple",this.button,(function(i){o?o=!1:(t=0!==i.clientX?i.clientX:void 0,e=0!==i.clientY?i.clientY:void 0,n.createRipple(t,e))})),this.onEvent("touchstart.ripple",this.button,(function(i){if(i.touches&&i.touches.length>0){var r=i.touches[0];t=0!==r.clientX?r.clientX:void 0,e=0!==r.clientY?r.clientY:void 0,n.createRipple(t,e),o=!0}}),{passive:!0})}},{key:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"cssClass",get:function(){return this.state.cssClass},set:function(t){var e=t,n=[],o=[].concat(this.state.cssClass);Array.isArray(t)?(n=t,e=t.join(" ")):"string"==typeof t&&t.length&&(n=t.split(" ")),this.state.cssClass=n,n.length?this.setAttribute(h,e.toString()):this.removeAttribute(h);var i=this.button.classList,r=Array.from(i);o.forEach((function(t){n.includes(t)||i.remove(t)})),n.forEach((function(t){r.includes(t)||i.add(t)}))}},{key:"disabled",get:function(){return this.state.disabled},set:function(t){this.shouldUpdate=!1,this.removeAttribute(m),this.shouldUpdate=!0;var e=z(t);this.state.disabled=e,this.button&&(this.button.disabled=e)}},{key:"tabIndex",get:function(){return this.state.tabIndex},set:function(t){this.shouldUpdate=!1,this.removeAttribute(E),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(E,"0");this.state.tabIndex=e,this.button.setAttribute(E,"".concat(e))}},{key:"icon",get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")},set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(y),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(y,t),this.appendIcon(t)}},{key:"iconAlign",get:function(){return this.state.iconAlign},set:function(t){var e=t;X.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()}},{key:"appendIcon",value:function(t){var e=this.querySelector("ids-icon");e?(e.icon=t,this.setIconAlignment()):this.insertAdjacentHTML("afterbegin",'<ids-icon slot="icon" icon="'.concat(t,'" class="ids-icon"></ids-icon>')),this.refreshProtoClasses()}},{key:"removeIcon",value:function(){var t=this.querySelector("ids-icon");t&&t.remove(),this.setIconAlignment(),this.refreshProtoClasses()}},{key:"setIconAlignment",value:function(){var t,e=this.iconAlign||"start",n=this.icon;(t=this.button.classList).remove.apply(t,X),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');o&&("end"===e?this.button.appendChild(o):this.button.prepend(o))}},{key:"text",get:function(){var t,e=this.querySelector("span:not(.audible)");return e&&null!==(t=e.textContent)&&void 0!==t&&t.length?e.textContent:this.state.text},set:function(t){if(this.removeAttribute(C),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)}},{key:"appendText",value:function(t){var e=this.querySelector("span:not(.audible)");e?e.textContent=t:this.insertAdjacentHTML("afterbegin","<span>".concat(t,"</span>")),this.refreshProtoClasses()}},{key:"removeText",value:function(){var t=this.querySelector("span:not(.audible)");t&&t.remove(),this.refreshProtoClasses()}},{key:"type",get:function(){return this.state.type},set:function(t){!t||G.indexOf(t)<=0?(this.removeAttribute(k),this.state.type=G[0]):(this.setAttribute(k,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)}},{key:"setTypeClass",value:function(t){var e=this;G.forEach((function(n){var o="btn-".concat(n);t!==n?e.button.classList.contains(o)&&e.button.classList.remove(o):"default"===n||e.button.classList.contains(o)||e.button.classList.add(o)}))}},{key:"getRippleOffsets",value:function(t,e){var n,o,i=this.getBoundingClientRect(),r=this.button.classList.contains("ids-icon-button")?35:125;return n=t?t-i.left:i.width/2,o=e?e-i.top:i.height/2,{x:n-=r,y:o-=r}}},{key:"createRipple",value:function(t,e){if(!this.disabled){this.button.querySelectorAll(".ripple-effect").forEach((function(t){t.remove()}));var n=document.createElement("span"),o=this.getRippleOffsets(t,e);n.classList.add("ripple-effect"),n.setAttribute("aria-hidden","true"),n.setAttribute("focusable","false"),n.setAttribute("role","presentation"),this.button.prepend(n),n.style.left="".concat(o.x,"px"),n.style.top="".concat(o.y,"px"),n.classList.add("animating"),this.rippleTimeout&&this.rippleTimeout.destroy(!0),this.rippleTimeout=this.rl.register(new P({duration:1200,timeoutCallback:function(){n.remove()}}))}}}],[{key:"properties",get:function(){return K}}]),o}(w(B).with((function(t){return function(t){s()(o,t);var n=N(o);function o(){return e()(this,o),n.call(this)}return i()(o,[{key:"rl",get:function(){return U}}]),o}(t)}),(function(t){return function(t){s()(o,t);var n=I(o);function o(){var t;return e()(this,o),t=n.call(this),L()(T()(t),"handledEvents",new Map),t}return i()(o,[{key:"onEvent",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"offEvent",value:function(t,e,n){var o=this.handledEvents.get(t);null!=o&&o.callback&&e.removeEventListener(t.split(".")[0],o.callback,n||o.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(o)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(o,i){n&&i!==t||e.offEvent(i,o.target,o.options)}))}}]),o}(t)}))))||M)||M;var J;function Q(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,o=d()(t);if(e){var i=d()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return l()(this,n)}}b("ids-trigger-button")(J=f("/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-icon-button {\n  background-color: transparent;\n  border-width: 1px;\n  border-color: transparent;\n  cursor: pointer;\n  border-radius: 50%;\n  color: var(--ids-color-palette-slate-60);\n  height: 28px;\n  margin-left: -32px;\n  margin-top: 29px;\n  width: 28px; }\n  .ids-icon-button:focus {\n    border-color: var(--ids-color-palette-azure-70);\n    outline: 0;\n    box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }\n  .ids-icon-button:hover {\n    color: var(--ids-color-palette-slate-100); }\n  .ids-icon-button[disabled] {\n    cursor: default;\n    color: var(--ids-color-palette-slate-30); }\n  .ids-icon-button ::slotted(ids-icon) {\n    margin-left: -2px;\n    margin-top: 3px; }\n")(J=function(t){s()(o,t);var n=Q(o);function o(){return e()(this,o),n.call(this)}return i()(o,[{key:"tabbable",get:function(){return this.getAttribute(x)||!0},set:function(t){var e,n=z(t),o=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector("button");this.setAttribute(x,t.toString()),o.tabIndex=n?"0":"-1"}}],[{key:"properties",get:function(){return[h,m,y,g,v,C,k,x]}}]),o}(Y))||J)})(),o=o.default})()}));
 //# sourceMappingURL=ids-trigger-button.js.map

ids-virtual-scroll/example.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-virtual-scroll/example-lib.js"]=t():e["ids-virtual-scroll/example-lib.js"]=t()}(self,(function(){return(()=>{var e={1506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},4575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},9100:(e,t,n)=>{var r=n(9489),o=n(7067);function i(t,n,s){return o()?e.exports=i=Reflect.construct:e.exports=i=function(e,t,n){var o=[null];o.push.apply(o,t);var i=new(Function.bind.apply(e,o));return n&&r(i,n.prototype),i},i.apply(null,arguments)}e.exports=i},3913:e=>{function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}},9754:e=>{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},2205:(e,t,n)=>{var r=n(9489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)}},430:e=>{e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},7067:e=>{e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},8585:(e,t,n)=>{var r=n(8),o=n(1506);e.exports=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?o(e):t}},9489:e=>{function t(n,r){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,r)}e.exports=t},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},5957:(e,t,n)=>{var r=n(9754),o=n(9489),i=n(430),s=n(9100);function a(t){var n="function"==typeof Map?new Map:void 0;return e.exports=a=function(e){if(null===e||!i(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return s(e,arguments,r(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),o(t,e)},a(t)}e.exports=a},1191:(e,t,n)=>{"use strict";var r=n(4575),o=n.n(r),i=n(3913),s=n.n(i),a=n(2205),l=n.n(a),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),f=n(5957);var h,m=function(e){return(e.slice(0,1).toLowerCase()+e.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(e,t){return e+t[0].toUpperCase()+t.substring(1)}))};function y(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=p()(e);if(t){var o=p()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return d()(this,n)}}var b=function(e){e.prototype.version="0.0.0-beta.7"}(h=function(e){l()(n,e);var t=y(n);function n(){var e;return o()(this,n),(e=t.call(this)).addBaseName(),e.render(),e}return s()(n,[{key:"addBaseName",value:function(){var e;this.name=null===(e=this.nodeName)||void 0===e?void 0:e.toLowerCase()}},{key:"attributeChangedCallback",value:function(e,t,n){t!==n&&(this[m(e)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var e,t;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n.content.cloneNode(!0)),this.container=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e,t,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(e=n.textContent)||void 0===e?void 0:e.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var r=new CSSStyleSheet;r.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[r]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(n.n(f)()(HTMLElement)))||h;var v;function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=p()(e);if(t){var o=p()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return d()(this,n)}}var x,C;C="ids-card",x="/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-card {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-30);\n  border-style: solid;\n  border-radius: 4px;\n  margin-bottom: 20px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;\n  height: 360px; }\n  .ids-card.ids-card-auto-height {\n    min-height: auto; }\n\n.ids-card-content {\n  width: 100%;\n  height: 310px;\n  overflow: hidden; }\n\n.ids-card-header {\n  border-bottom: 1px solid;\n  border-color: var(--ids-color-palette-slate-30);\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-top: 12px;\n  padding-bottom: 12px; }\n",A=v=function(e){e.prototype.cssStyles=x}(v=function(e){l()(n,e);var t=g(n);function n(){return o()(this,n),t.call(this)}return s()(n,[{key:"template",value:function(){return'<div class="ids-card">\n      <div class="ids-card-header">\n        <slot name="card-header"></slot>\n      </div>\n      <div class="ids-card-content">\n        <slot name="card-content"></slot>\n      </div>\n    </div>'}},{key:"autoHeight",get:function(){return this.getAttribute("auto-height")},set:function(e){if(e)return this.setAttribute("auto-height",e),void this.container.classList.add("ids-card-auto-height");this.container.classList.remove("ids-card-auto-height"),this.removeAttribute("auto-height")}}],[{key:"properties",get:function(){return["auto-height"]}}]),n}(b))||v,customElements.get(C)||customElements.define(C,A);var A;var E=n(3379),F=n.n(E),S=n(2467),w={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};F()(S.Z,w);S.Z.locals;var D=document.querySelector("#virtual-scroll-1"),B=document.querySelector("#virtual-scroll-2"),R=new XMLHttpRequest;R.onreadystatechange=function(){4===this.readyState&&200===this.status&&(D.itemTemplate=function(e){return'<li class="ids-virtual-scroll-item">'.concat(e.productName,"</li>")},D.data=JSON.parse(this.responseText),B.scrollTarget=document.querySelector(".ids-data-grid"),B.itemTemplate=function(e){return'<div role="row" class="ids-data-grid-row">\n      <span role="cell" class="ids-data-grid-cell"><span class="text-ellipsis">'.concat(e.productId,'</span></span>\n      <span role="cell" class="ids-data-grid-cell"><span class="text-ellipsis">').concat(e.productName,"</span></span>\n    </div>")},B.data=JSON.parse(this.responseText))},R.open("GET","/api/products",!0),R.send()},2467:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(4015),o=n.n(r),i=n(3645),s=n.n(i)()(o());s.push([e.id,"html{font-family:'source sans pro', helvetica, arial, sans-serif}.ids-data-grid-row{grid-template-columns:125px 1fr !important}.ids-data-grid{border:0}ul{list-style:none;margin:0;padding:4px 20px}\n","",{version:3,sources:["webpack://./app/ids-virtual-scroll/index.scss"],names:[],mappings:"AAAA,KACE,2DAA4D,CAC7D,mBAGC,0CAA2C,CAC5C,eAGC,QAAS,CACV,GAGC,eAAgB,CAChB,QAAS,CACT,gBAAiB",sourcesContent:["html {\n  font-family: 'source sans pro', helvetica, arial, sans-serif;\n}\n\n.ids-data-grid-row {\n  grid-template-columns: 125px 1fr !important;\n}\n\n.ids-data-grid {\n  border: 0;\n}\n\nul {\n  list-style: none;\n  margin: 0;\n  padding: 4px 20px;\n}\n"],sourceRoot:""}]);const a=s},3645:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var s=this[i][0];null!=s&&(o[s]=!0)}for(var a=0;a<e.length;a++){var l=[].concat(e[a]);r&&o[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},4015:e=>{"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var s,a=e[Symbol.iterator]();!(r=(s=a.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==a.return||a.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}e.exports=function(e){var n=t(e,4),r=n[1],o=n[3];if("function"==typeof btoa){var i=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),a="/*# ".concat(s," */"),l=o.sources.map((function(e){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(e," */")}));return[r].concat(l).concat([a]).join("\n")}return[r].join("\n")}},3379:(e,t,n)=>{"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),s=[];function a(e){for(var t=-1,n=0;n<s.length;n++)if(s[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],l=t.base?i[0]+t.base:i[0],c=n[l]||0,d="".concat(l," ").concat(c);n[l]=c+1;var u=a(d),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==u?(s[u].references++,s[u].updater(p)):s.push({identifier:d,updater:y(p,t),references:1}),r.push(d)}return r}function c(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var s=i(e.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(t)}return t}var d,u=(d=[],function(e,t){return d[e]=t,d.filter(Boolean).join("\n")});function p(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=u(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function f(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var h=null,m=0;function y(e,t){var n,r,o;if(t.singleton){var i=m++;n=h||(h=c(t)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=c(t),r=f.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=a(n[r]);s[o].references--}for(var i=l(e,t),c=0;c<n.length;c++){var d=a(n[c]);0===s[d].references&&(s[d].updater(),s.splice(d,1))}n=i}}}}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={id:r,exports:{}};return e[r](o,o.exports,n),o.exports}return n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n(1191)})().default}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["ids-virtual-scroll/example-lib.js"]=t():e["ids-virtual-scroll/example-lib.js"]=t()}(self,(function(){return(()=>{var e={1506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}},4575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}},9100:(e,t,n)=>{var r=n(9489),o=n(7067);function i(t,n,s){return o()?e.exports=i=Reflect.construct:e.exports=i=function(e,t,n){var o=[null];o.push.apply(o,t);var i=new(Function.bind.apply(e,o));return n&&r(i,n.prototype),i},i.apply(null,arguments)}e.exports=i},3913:e=>{function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}},9754:e=>{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t},2205:(e,t,n)=>{var r=n(9489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t)}},430:e=>{e.exports=function(e){return-1!==Function.toString.call(e).indexOf("[native code]")}},7067:e=>{e.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}},8585:(e,t,n)=>{var r=n(8),o=n(1506);e.exports=function(e,t){return!t||"object"!==r(t)&&"function"!=typeof t?o(e):t}},9489:e=>{function t(n,r){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,r)}e.exports=t},8:e=>{function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t},5957:(e,t,n)=>{var r=n(9754),o=n(9489),i=n(430),s=n(9100);function a(t){var n="function"==typeof Map?new Map:void 0;return e.exports=a=function(e){if(null===e||!i(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(e))return n.get(e);n.set(e,t)}function t(){return s(e,arguments,r(this).constructor)}return t.prototype=Object.create(e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),o(t,e)},a(t)}e.exports=a},2467:(e,t,n)=>{"use strict";n.d(t,{Z:()=>a});var r=n(4015),o=n.n(r),i=n(3645),s=n.n(i)()(o());s.push([e.id,"html{font-family:'source sans pro', helvetica, arial, sans-serif}.ids-data-grid-row{grid-template-columns:125px 1fr !important}.ids-data-grid{border:0}ul{list-style:none;margin:0;padding:4px 20px}\n","",{version:3,sources:["webpack://./app/ids-virtual-scroll/index.scss"],names:[],mappings:"AAAA,KACE,2DAA4D,CAC7D,mBAGC,0CAA2C,CAC5C,eAGC,QAAS,CACV,GAGC,eAAgB,CAChB,QAAS,CACT,gBAAiB",sourcesContent:["html {\n  font-family: 'source sans pro', helvetica, arial, sans-serif;\n}\n\n.ids-data-grid-row {\n  grid-template-columns: 125px 1fr !important;\n}\n\n.ids-data-grid {\n  border: 0;\n}\n\nul {\n  list-style: none;\n  margin: 0;\n  padding: 4px 20px;\n}\n"],sourceRoot:""}]);const a=s},3645:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var s=this[i][0];null!=s&&(o[s]=!0)}for(var a=0;a<e.length;a++){var l=[].concat(e[a]);r&&o[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},4015:e=>{"use strict";function t(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var s,a=e[Symbol.iterator]();!(r=(s=a.next()).done)&&(n.push(s.value),!t||n.length!==t);r=!0);}catch(e){o=!0,i=e}finally{try{r||null==a.return||a.return()}finally{if(o)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}e.exports=function(e){var n=t(e,4),r=n[1],o=n[3];if("function"==typeof btoa){var i=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(i),a="/*# ".concat(s," */"),l=o.sources.map((function(e){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(e," */")}));return[r].concat(l).concat([a]).join("\n")}return[r].join("\n")}},3379:(e,t,n)=>{"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),s=[];function a(e){for(var t=-1,n=0;n<s.length;n++)if(s[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],l=t.base?i[0]+t.base:i[0],c=n[l]||0,d="".concat(l," ").concat(c);n[l]=c+1;var u=a(d),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==u?(s[u].references++,s[u].updater(p)):s.push({identifier:d,updater:y(p,t),references:1}),r.push(d)}return r}function c(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var s=i(e.insert||"head");if(!s)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");s.appendChild(t)}return t}var d,u=(d=[],function(e,t){return d[e]=t,d.filter(Boolean).join("\n")});function p(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=u(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function f(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var h=null,m=0;function y(e,t){var n,r,o;if(t.singleton){var i=m++;n=h||(h=c(t)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=c(t),r=f.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=l(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=a(n[r]);s[o].references--}for(var i=l(e,t),c=0;c<n.length;c++){var d=a(n[c]);0===s[d].references&&(s[d].updater(),s.splice(d,1))}n=i}}}}},t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={id:r,exports:{}};return e[r](o,o.exports,n),o.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var r={};return(()=>{"use strict";var e=n(4575),t=n.n(e),r=n(3913),o=n.n(r),i=n(2205),s=n.n(i),a=n(8585),l=n.n(a),c=n(9754),d=n.n(c),u=n(5957);var p,f=function(e){return(e.slice(0,1).toLowerCase()+e.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(e,t){return e+t[0].toUpperCase()+t.substring(1)}))};function h(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=d()(e);if(t){var o=d()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l()(this,n)}}var m=function(e){e.prototype.version="0.0.0-beta.8"}(p=function(e){s()(r,e);var n=h(r);function r(){var e;return t()(this,r),(e=n.call(this)).addBaseName(),e.render(),e}return o()(r,[{key:"addBaseName",value:function(){var e;this.name=null===(e=this.nodeName)||void 0===e?void 0:e.toLowerCase()}},{key:"attributeChangedCallback",value:function(e,t,n){t!==n&&(this[f(e)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var e,t,n;if(!this.template||!this.template())return this;var r=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),r.innerHTML=this.template(),null===(e=this.shadowRoot)||void 0===e||e.appendChild(r.content.cloneNode(!0)),this.container=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e,t,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(e=n.textContent)||void 0===e?void 0:e.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var r=new CSSStyleSheet;r.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[r]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),r}(n.n(u)()(HTMLElement)))||p;var y;function b(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=d()(e);if(t){var o=d()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return l()(this,n)}}var v,g;g="ids-card",v="/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-card {\n  background-color: var(--ids-color-palette-white);\n  border-width: 1px;\n  border-color: var(--ids-color-palette-slate-30);\n  border-style: solid;\n  border-radius: 4px;\n  margin-bottom: 20px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;\n  height: 360px; }\n  .ids-card.ids-card-auto-height {\n    min-height: auto; }\n\n.ids-card-content {\n  width: 100%;\n  height: 310px;\n  overflow: hidden; }\n\n.ids-card-header {\n  border-bottom: 1px solid;\n  border-color: var(--ids-color-palette-slate-30);\n  padding-left: 20px;\n  padding-right: 20px;\n  padding-top: 12px;\n  padding-bottom: 12px; }\n",x=y=function(e){e.prototype.cssStyles=v}(y=function(e){s()(r,e);var n=b(r);function r(){return t()(this,r),n.call(this)}return o()(r,[{key:"template",value:function(){return'<div class="ids-card">\n      <div class="ids-card-header">\n        <slot name="card-header"></slot>\n      </div>\n      <div class="ids-card-content">\n        <slot name="card-content"></slot>\n      </div>\n    </div>'}},{key:"autoHeight",get:function(){return this.getAttribute("auto-height")},set:function(e){if(e)return this.setAttribute("auto-height",e),void this.container.classList.add("ids-card-auto-height");this.container.classList.remove("ids-card-auto-height"),this.removeAttribute("auto-height")}}],[{key:"properties",get:function(){return["auto-height"]}}]),r}(m))||y,customElements.get(g)||customElements.define(g,x);var x;var C=n(3379),A=n.n(C),E=n(2467),F={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};A()(E.Z,F);E.Z.locals;var S=document.querySelector("#virtual-scroll-1"),w=document.querySelector("#virtual-scroll-2"),D=new XMLHttpRequest;D.onreadystatechange=function(){4===this.readyState&&200===this.status&&(S.itemTemplate=function(e){return'<li class="ids-virtual-scroll-item">'.concat(e.productName,"</li>")},S.data=JSON.parse(this.responseText),w.scrollTarget=document.querySelector(".ids-data-grid"),w.itemTemplate=function(e){return'<div role="row" class="ids-data-grid-row">\n      <span role="cell" class="ids-data-grid-cell"><span class="text-ellipsis">'.concat(e.productId,'</span></span>\n      <span role="cell" class="ids-data-grid-cell"><span class="text-ellipsis">').concat(e.productName,"</span></span>\n    </div>")},w.data=JSON.parse(this.responseText))},D.open("GET","/api/products",!0),D.send()})(),r=r.default})()}));
 //# sourceMappingURL=example.js.map

ids-virtual-scroll/ids-virtual-scroll.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-virtual-scroll/ids-virtual-scroll-lib.js"]=e():t["ids-virtual-scroll/ids-virtual-scroll-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var r=n(9489),i=n(7067);function o(e,n,s){return i()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,n){var i=[null];i.push.apply(i,e);var o=new(Function.bind.apply(t,i));return n&&r(o,n.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}t.exports=function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var r=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&r(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var r=n(8),i=n(1506);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e}},9489:t=>{function e(n,r){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,r)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var r=n(9754),i=n(9489),o=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,r(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),i(e,t)},a(e)}t.exports=a},7199:(t,e,n)=>{"use strict";var r=n(4575),i=n.n(r),o=n(3913),s=n.n(o),a=n(2205),l=n.n(a),u=n(8585),c=n.n(u),d=n(9754),f=n.n(d),p=n(5957),h=n.n(p);var m=function(){function t(e){i()(this,t),this.superclass=e}return s()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const y=function(t){return new m(t)};var v,b=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},g=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))};function x(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return c()(this,n)}}var E=function(t){t.prototype.version="0.0.0-beta.7"}(v=function(t){l()(n,t);var e=x(n);function n(){var t;return i()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return s()(n,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[b(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllKeyboard&&this.detachAllKeyboard()}},{key:"render",value:function(){var t,e;if(!this.template||!this.template())return this;var n=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),n.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(n.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var r=new CSSStyleSheet;r.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[r]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(h()(HTMLElement)))||v,C=n(1506),k=n.n(C),w=n(9713),S=n.n(w);function D(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return c()(this,n)}}var F=n(8),A=n.n(F),T={refs:[],refsNew:[],deepClone:function(t){if("object"!==A()(t)||null===t)return t;if(t instanceof Date)return new Date(t);if(Array.isArray(t))return this.deepCloneArray(t,this.deepClone);var e={};for(var n in this.refs.push(t),this.refsNew.push(e),t)if(!1!==Object.hasOwnProperty.call(t,n)){var r=t[n];if("object"!==A()(r)||null===r)e[n]=r;else if(r instanceof Date)e[n]=new Date(r);else{var i=this.refs.indexOf(r);e[n]=-1!==i?this.refsNew[i]:this.deepClone(r)}}return this.refs.pop(),this.refsNew.pop(),e},deepCloneArray:function(t,e){for(var n=Object.keys(t),r=new Array(n.length),i=0;i<n.length;i+=1){var o=n[i],s=t[o];if("object"!==A()(s)||null===s)r[o]=s;else if(s instanceof Date)r[o]=new Date(s);else{var a=this.refs.indexOf(s);r[o]=-1!==a?this.refsNew[a]:e.call(this,s)}}return r}},R=function(){function t(){i()(this,t),S()(this,"originalData",[]),S()(this,"currentData",[])}return s()(t,[{key:"data",get:function(){return this.currentData},set:function(t){this.currentData=T.deepClone(t),this.originalData=t}},{key:"forEach",value:function(t){this.currentData.forEach(t)}},{key:"sort",value:function(t,e,n){var r=this.sortFunction(t,e,n);this.currentData.sort(r)}},{key:"sortFunction",value:function(t,e,n){var r=function(e){return n?n(e[t]):e[t]};return function(t,n){var i=r(t),o=r(n);return(i<o?-1:i>o?1:0)*[-1,1][+!!e]}}}]),t}();function z(){return window.performance.now()}function B(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return c()(this,n)}}const N=function(t){l()(n,t);var e=B(n);function n(){var t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(i()(this,n),(t=e.call(this)).id=r.id,t.duration=-1,"number"==typeof r.duration&&(t.duration=parseInt(r.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof r.updateDuration&&(t.updateDuration=parseInt(r.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof r.updateCallback&&"function"!=typeof r.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof r.updateCallback&&(t.updateCallback=r.updateCallback.bind(k()(t))),"function"==typeof r.timeoutCallback&&(t.timeoutCallback=r.timeoutCallback.bind(k()(t))),t.paused=!1,t.startTime=z(),t.totalStoppedTime=0,c()(t,k()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=z()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=z()}},{key:"resume",value:function(){this.resumeTime=z(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return z()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&z()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),n}(h()(Object));const O=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};i()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,e.autoStart&&this.start()}return s()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=z()),this.lastStopTime&&(t=!0,this.resumeTime=z(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,r=this,i=z();!function o(){r.doLoop&&(e=z(),n=(e-i)/1e3,r.items.forEach((function(o){if(o.doRemoveOnNextTick)r.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:i,delta:n,now:e};o.update(s)}})),i=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=z(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return z()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof N&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}();function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return c()(this,n)}}var I=null;var P;function q(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f()(t);if(e){var i=f()(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return c()(this,n)}}var H,L;L="ids-virtual-scroll",H="/* Ids Virtual Scroller Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-virtual-scroll {\n  width: 100%;\n  height: 250px;\n  overflow: auto; }\n  .ids-virtual-scroll:focus {\n    outline: 0; }\n\n.ids-virtual-scroll-viewport {\n  position: relative; }\n",M=P=function(t){t.prototype.cssStyles=H}(P=function(t){l()(n,t);var e=q(n);function n(){return i()(this,n),e.call(this)}return s()(n,[{key:"connectedCallback",value:function(){this.datasource=new R,this.stringTemplate='<div class="ids-virtual-scroll-item">${productName}</div>',this.init().handleEvents()}},{key:"init",value:function(){return this.applyHeight(),this.renderItems(!1),this}},{key:"handleEvents",value:function(){var t=this;return this.timeout=null,this.on("scroll",this.container,(function(e){t.handleScroll(e)}),{passive:!0}),this}},{key:"handleScroll",value:function(t){var e=this;this.timeout&&cancelAnimationFrame(this.timeout);var n=t.target;this.timeout=requestAnimationFrame((function(){e.scrollTop=n.scrollTop}))}},{key:"renderItems",value:function(t){var e=this;if(this.data&&(t||0!==this.data.length)){var n=this.startIndex,r=this.startIndex+this.visibleItemCount();if(this.lastStart!==n||this.lastEnd!==r){this.lastStart=n,this.lastEnd=r;var i=this.data.slice(n,r),o="";i.map((function(t){var n=e.itemTemplate(t);return o+=n,n})),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=o),this.trigger("afterrendered",this,{detail:{elem:this,startIndex:n,endIndex:r}})}}}},{key:"applyHeight",value:function(){var t=this.container.querySelector(".ids-virtual-scroll-viewport");this.container.style.height="".concat(this.height,"px"),t.style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)")),this.isTable=this.querySelectorAll(".ids-data-grid-container").length>0,this.isTable&&(this.shadowRoot.querySelector(".ids-virtual-scroll").style.overflow="inherit")}},{key:"visibleItemCount",value:function(){var t=Math.ceil(this.height/this.itemHeight)+2*this.bufferSize;return t=Math.min(Number(this.itemCount)-this.startIndex,t)}},{key:"template",value:function(){return'<div class="ids-virtual-scroll" tabindex="0"><div class="ids-virtual-scroll-viewport"><slot></slot></div></div>'}},{key:"height",get:function(){var t;return 0===(null===(t=this.data)||void 0===t?void 0:t.length)?0:this.getAttribute("height")},set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")}},{key:"itemHeight",get:function(){return this.getAttribute("item-height")},set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")}},{key:"bufferSize",get:function(){return this.getAttribute("buffer-size")||20},set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")}},{key:"scrollTop",get:function(){return this.getAttribute("scroll-top")||0},set:function(t){if(null!=t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=Number(t),void this.renderItems(!1);this.removeAttribute("scroll-top")}},{key:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",get:function(){return parseInt(this.getAttribute("item-count"),10)},set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")}},{key:"offsetY",get:function(){return Number(this.startIndex)*Number(this.itemHeight)}},{key:"startIndex",get:function(){var t=Math.floor(Number(this.scrollTop)/Number(this.itemHeight))-Number(this.bufferSize);return t=Math.max(0,t)}},{key:"itemTemplate",value:function(t){return g(this.stringTemplate||"",t)}},{key:"data",get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data},set:function(t){if(t&&this.datasource)return this.datasource.data=t,this.itemCount=t.length,this.lastStart=null,this.lastEnd=null,this.scrollTop=0,this.applyHeight(),void this.renderItems(!0);this.datasource.data=null}},{key:"scrollTarget",get:function(){return null==this?void 0:this.eventTarget},set:function(t){var e=this;t&&(this.eventTarget=t,this.on("scroll",this.eventTarget,(function(t){e.handleScroll(t)}),{passive:!0}))}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),n}(y(E).with((function(t){return function(t){l()(n,t);var e=j(n);function n(){return i()(this,n),e.apply(this,arguments)}return s()(n,[{key:"rl",get:function(){return I||(I=new O),I}}]),n}(t)}),(function(t){return function(t){l()(n,t);var e=D(n);function n(){var t;return i()(this,n),t=e.call(this),S()(k()(t),"handledEvents",new Map),t}return s()(n,[{key:"on",value:function(t,e,n,r){e.addEventListener(t.split(".")[0],n,r),this.handledEvents.set(t,{target:e,callback:n,options:r})}},{key:"off",value:function(t,e,n){var r=this.handledEvents.get(t);e.removeEventListener(t.split(".")[0],r.callback,n||r.options),this.handledEvents.delete(t)}},{key:"trigger",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(r)}},{key:"detachAllEvents",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,n="string"==typeof e&&e.length;this.handledEvents.forEach((function(r,i){n&&i!==e||t.removeEventListener(i,r.target,r.options)}))}}]),n}(t)}))))||P,customElements.get(L)||customElements.define(L,M);var M}},e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={exports:{}};return t[r](i,i.exports,n),i.exports}return n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n(7199)})().default}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["ids-virtual-scroll/ids-virtual-scroll-lib.js"]=e():t["ids-virtual-scroll/ids-virtual-scroll-lib.js"]=e()}(self,(function(){return(()=>{var t={1506:t=>{t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},4575:t=>{t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},9100:(t,e,n)=>{var i=n(9489),r=n(7067);function o(e,n,s){return r()?t.exports=o=Reflect.construct:t.exports=o=function(t,e,n){var r=[null];r.push.apply(r,e);var o=new(Function.bind.apply(t,r));return n&&i(o,n.prototype),o},o.apply(null,arguments)}t.exports=o},3913:t=>{function e(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}t.exports=function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}},9713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}},9754:t=>{function e(n){return t.exports=e=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},e(n)}t.exports=e},2205:(t,e,n)=>{var i=n(9489);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&i(t,e)}},430:t=>{t.exports=function(t){return-1!==Function.toString.call(t).indexOf("[native code]")}},7067:t=>{t.exports=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}},8585:(t,e,n)=>{var i=n(8),r=n(1506);t.exports=function(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?r(t):e}},9489:t=>{function e(n,i){return t.exports=e=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},e(n,i)}t.exports=e},8:t=>{function e(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=e=function(t){return typeof t}:t.exports=e=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(n)}t.exports=e},5957:(t,e,n)=>{var i=n(9754),r=n(9489),o=n(430),s=n(9100);function a(e){var n="function"==typeof Map?new Map:void 0;return t.exports=a=function(t){if(null===t||!o(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==n){if(n.has(t))return n.get(t);n.set(t,e)}function e(){return s(t,arguments,i(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),r(e,t)},a(e)}t.exports=a}},e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={exports:{}};return t[i](r,r.exports,n),r.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var i={};return(()=>{"use strict";var t=n(4575),e=n.n(t),i=n(3913),r=n.n(i),o=n(2205),s=n.n(o),a=n(8585),l=n.n(a),u=n(9754),c=n.n(u),d=n(5957),f=n.n(d);var p=function(){function t(n){e()(this,t),this.superclass=n}return r()(t,[{key:"with",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.reduce((function(t,e){return e(t)}),this.superclass)}}]),t}();const h=function(t){return new p(t)};var m,v=function(t){return(t.slice(0,1).toLowerCase()+t.slice(1)).replace(/([-_ ]){1,}/g," ").split(/[-_ ]/).reduce((function(t,e){return t+e[0].toUpperCase()+e.substring(1)}))},y=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))};function b(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=c()(t);if(e){var r=c()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return l()(this,n)}}var g=function(t){t.prototype.version="0.0.0-beta.8"}(m=function(t){s()(i,t);var n=b(i);function i(){var t;return e()(this,i),(t=n.call(this)).addBaseName(),t.render(),t}return r()(i,[{key:"addBaseName",value:function(){var t;this.name=null===(t=this.nodeName)||void 0===t?void 0:t.toLowerCase()}},{key:"attributeChangedCallback",value:function(t,e,n){e!==n&&(this[v(t)]=n)}},{key:"disconnectedCallback",value:function(){this.detachAllEvents&&this.detachAllEvents(),this.detachAllListeners&&this.detachAllListeners()}},{key:"render",value:function(){var t,e,n;if(!this.template||!this.template())return this;var i=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),i.innerHTML=this.template(),null===(t=this.shadowRoot)||void 0===t||t.appendChild(i.content.cloneNode(!0)),this.container=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".".concat(this.name)),null===(n=this.closest('div[role="main"][hidden]'))||void 0===n||n.removeAttribute("hidden"),this}},{key:"template",value:function(){return""}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t,e,n=document.createElement("style");n.textContent=this.cssStyles,0===(null===(t=n.textContent)||void 0===t?void 0:t.indexOf(":host"))&&(n.textContent=n.textContent.replace(":host",".".concat(this.name))),n.setAttribute("nonce","0a59a005"),null===(e=this.shadowRoot)||void 0===e||e.appendChild(n)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var i=new CSSStyleSheet;i.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[i]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),i}(f()(HTMLElement)))||m,x=n(1506),E=n.n(x),C=n(9713),k=n.n(C);function w(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=c()(t);if(e){var r=c()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return l()(this,n)}}var S=n(8),D=n.n(S),F={refs:[],refsNew:[],deepClone:function(t){if("object"!==D()(t)||null===t)return t;if(t instanceof Date)return new Date(t);if(Array.isArray(t))return this.deepCloneArray(t,this.deepClone);var e={};for(var n in this.refs.push(t),this.refsNew.push(e),t)if(!1!==Object.hasOwnProperty.call(t,n)){var i=t[n];if("object"!==D()(i)||null===i)e[n]=i;else if(i instanceof Date)e[n]=new Date(i);else{var r=this.refs.indexOf(i);e[n]=-1!==r?this.refsNew[r]:this.deepClone(i)}}return this.refs.pop(),this.refsNew.pop(),e},deepCloneArray:function(t,e){for(var n=Object.keys(t),i=new Array(n.length),r=0;r<n.length;r+=1){var o=n[r],s=t[o];if("object"!==D()(s)||null===s)i[o]=s;else if(s instanceof Date)i[o]=new Date(s);else{var a=this.refs.indexOf(s);i[o]=-1!==a?this.refsNew[a]:e.call(this,s)}}return i}},A=function(){function t(){e()(this,t),k()(this,"originalData",[]),k()(this,"currentData",[])}return r()(t,[{key:"data",get:function(){return this.currentData},set:function(t){this.currentData=F.deepClone(t),this.originalData=t}},{key:"forEach",value:function(t){this.currentData.forEach(t)}},{key:"sort",value:function(t,e,n){var i=this.sortFunction(t,e,n);this.currentData.sort(i)}},{key:"sortFunction",value:function(t,e,n){var i=function(e){return n?n(e[t]):e[t]};return function(t,n){var r=i(t),o=i(n);return(r<o?-1:r>o?1:0)*[-1,1][+!!e]}}}]),t}();function T(){return window.performance.now()}function R(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=c()(t);if(e){var r=c()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return l()(this,n)}}const z=function(t){s()(i,t);var n=R(i);function i(){var t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(e()(this,i),(t=n.call(this)).id=r.id,t.duration=-1,"number"==typeof r.duration&&(t.duration=parseInt(r.duration,10)),t.duration<1&&("string"!=typeof t.id||!t.id.length))throw new Error("cannot build a RenderLoopItem with no duration and no namespace");if(t.updateDuration=1,"number"==typeof r.updateDuration&&(t.updateDuration=parseInt(r.updateDuration,10)),t.setNextUpdateTime(),"function"!=typeof r.updateCallback&&"function"!=typeof r.timeoutCallback)throw new Error("cannot register callback to RenderLoop because callback is not a function");return"function"==typeof r.updateCallback&&(t.updateCallback=r.updateCallback.bind(E()(t))),"function"==typeof r.timeoutCallback&&(t.timeoutCallback=r.timeoutCallback.bind(E()(t))),t.paused=!1,t.startTime=T(),t.totalStoppedTime=0,l()(t,E()(t))}return r()(i,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=T()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=T()}},{key:"resume",value:function(){this.resumeTime=T(),this.totalStoppedTime+=this.resumeTime-(this.lastPauseTime||0),delete this.lastPauseTime,this.paused=!1}},{key:"elapsedTime",get:function(){return T()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&T()>this.nextUpdateTime}},{key:"update",value:function(t){if("function"==typeof this.updateCallback&&this.canUpdate){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];this.updateCallback.apply(this,[t].concat(n)),this.setNextUpdateTime()}}},{key:"timeout",value:function(){"function"!=typeof this.timeoutCallback||this.noTimeout||this.timeoutCallback()}},{key:"destroy",value:function(t){t&&(this.noTimeout=!0),this.doRemoveOnNextTick=!0}}]),i}(f()(Object));const B=new(function(){function t(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{autoStart:!0};e()(this,t),this.items=[],this.doLoop=!1,this.totalStoppedTime=0,n.autoStart&&this.start()}return r()(t,[{key:"start",value:function(){this.doLoop=!0;var t=!1;this.startTime||(this.startTime=T()),this.lastStopTime&&(t=!0,this.resumeTime=T(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,i=this,r=T();!function o(){i.doLoop&&(e=T(),n=(e-r)/1e3,i.items.forEach((function(o){if(o.doRemoveOnNextTick)i.remove(o);else if(t&&o.resume(),!o.paused)if("number"==typeof o.duration&&o.duration>-1&&o.elapsedTime>=o.duration)o.destroy();else{var s={last:r,delta:n,now:e};o.update(s)}})),r=e,t=!1,requestAnimationFrame(o))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=T(),this.items.forEach((function(t){t.pause()}))}},{key:"elapsedTime",get:function(){return T()-((this.startTime||0)+this.totalStoppedTime)}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof z&&(n=t,this.items=this.items.filter((function(e){return e!==t}))),"string"==typeof t&&(this.items=this.items.filter((function(e){return e.id!==t||(n=e,!1)}))),null!==(e=n)&&void 0!==e&&e.timeoutCallback&&n.timeout(),n}}]),t}());function N(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=c()(t);if(e){var r=c()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return l()(this,n)}}var O;function j(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,i=c()(t);if(e){var r=c()(this).constructor;n=Reflect.construct(i,arguments,r)}else n=i.apply(this,arguments);return l()(this,n)}}var I,P;P="ids-virtual-scroll",I="/* Ids Virtual Scroller Css */\n/**\n * Sass scss styles. Keep Base very small\n */\n:host {\n  --ids-color-palette-amber-10: #FEF2E5;\n  --ids-color-palette-amber-20: #FDDFBD;\n  --ids-color-palette-amber-30: #FCC888;\n  --ids-color-palette-amber-40: #FBAF50;\n  --ids-color-palette-amber-50: #FA9601;\n  --ids-color-palette-amber-60: #F98300;\n  --ids-color-palette-amber-70: #DF6F00;\n  --ids-color-palette-amber-80: #CD6200;\n  --ids-color-palette-amber-90: #BB5500;\n  --ids-color-palette-amber-100: #A14100;\n  --ids-color-palette-amethyst-10: #F1EBFC;\n  --ids-color-palette-amethyst-20: #DDCBF7;\n  --ids-color-palette-amethyst-30: #C2A1F1;\n  --ids-color-palette-amethyst-40: #A876EB;\n  --ids-color-palette-amethyst-50: #8D4BE5;\n  --ids-color-palette-amethyst-60: #7928E1;\n  --ids-color-palette-amethyst-70: #6C23C9;\n  --ids-color-palette-amethyst-80: #591DA8;\n  --ids-color-palette-amethyst-90: #4E1A91;\n  --ids-color-palette-amethyst-100: #3B1470;\n  --ids-color-palette-azure-10: #E6F1FD;\n  --ids-color-palette-azure-20: #BEDCFA;\n  --ids-color-palette-azure-30: #8ABFF7;\n  --ids-color-palette-azure-40: #55A3F3;\n  --ids-color-palette-azure-50: #1C86EF;\n  --ids-color-palette-azure-60: #0072ED;\n  --ids-color-palette-azure-70: #0066D4;\n  --ids-color-palette-azure-80: #0054B1;\n  --ids-color-palette-azure-90: #004A99;\n  --ids-color-palette-azure-100: #003876;\n  --ids-color-palette-emerald-10: #EBF9F1;\n  --ids-color-palette-emerald-20: #CBEFDC;\n  --ids-color-palette-emerald-30: #A1E4BF;\n  --ids-color-palette-emerald-40: #78D8A3;\n  --ids-color-palette-emerald-50: #4DCC86;\n  --ids-color-palette-emerald-60: #2AC371;\n  --ids-color-palette-emerald-70: #25AF65;\n  --ids-color-palette-emerald-80: #1F9254;\n  --ids-color-palette-emerald-90: #1C7F49;\n  --ids-color-palette-emerald-100: #156138;\n  --ids-color-palette-graphite-10: #EEEEEE;\n  --ids-color-palette-graphite-20: #D3D3D3;\n  --ids-color-palette-graphite-30: #B1B1B1;\n  --ids-color-palette-graphite-40: #8F8F8F;\n  --ids-color-palette-graphite-50: #6C6C6C;\n  --ids-color-palette-graphite-60: #535353;\n  --ids-color-palette-graphite-70: #4A4A4A;\n  --ids-color-palette-graphite-80: #3E3E3E;\n  --ids-color-palette-graphite-90: #363636;\n  --ids-color-palette-graphite-100: #292929;\n  --ids-color-palette-ruby-10: #FBE7E8;\n  --ids-color-palette-ruby-20: #F5C3C4;\n  --ids-color-palette-ruby-30: #EE9496;\n  --ids-color-palette-ruby-40: #E66467;\n  --ids-color-palette-ruby-50: #DF3539;\n  --ids-color-palette-ruby-60: #DA1217;\n  --ids-color-palette-ruby-70: #C31014;\n  --ids-color-palette-ruby-80: #A30D11;\n  --ids-color-palette-ruby-90: #8D0B0E;\n  --ids-color-palette-ruby-100: #6C080B;\n  --ids-color-palette-slate-10: #EFEFF0;\n  --ids-color-palette-slate-20: #D7D7D8;\n  --ids-color-palette-slate-30: #B7B7BA;\n  --ids-color-palette-slate-40: #97979B;\n  --ids-color-palette-slate-50: #77777C;\n  --ids-color-palette-slate-60: #606066;\n  --ids-color-palette-slate-70: #56565B;\n  --ids-color-palette-slate-80: #47474C;\n  --ids-color-palette-slate-90: #3E3E42;\n  --ids-color-palette-slate-100: #2F2F32;\n  --ids-color-palette-turquoise-10: #ECF8F8;\n  --ids-color-palette-turquoise-20: #CFEEEE;\n  --ids-color-palette-turquoise-30: #A8E1E1;\n  --ids-color-palette-turquoise-40: #82D4D4;\n  --ids-color-palette-turquoise-50: #5CC6C7;\n  --ids-color-palette-turquoise-60: #40BDBE;\n  --ids-color-palette-turquoise-70: #39A9AA;\n  --ids-color-palette-turquoise-80: #2F8D8E;\n  --ids-color-palette-turquoise-90: #297B7B;\n  --ids-color-palette-turquoise-100: #1F5E5E;\n  --ids-color-palette-white: #ffffff;\n  --ids-color-palette-black: #000000;\n  --ids-color-status-base: #0066D4;\n  --ids-color-status-caution: #FFD726;\n  --ids-color-status-danger: #DA1217;\n  --ids-color-status-success: #2AC371;\n  --ids-color-status-warning: #F98300;\n  --ids-color-brand-primary-lighter: #55A3F3;\n  --ids-color-brand-primary-base: #0072ED;\n  --ids-color-brand-primary-alt: #0066D4;\n  --ids-color-brand-primary-contrast: #ffffff;\n  --ids-color-brand-secondary-lighter: #97979B;\n  --ids-color-brand-secondary-base: #606066;\n  --ids-color-brand-secondary-alt: #56565B;\n  --ids-color-brand-secondary-contrast: #3E3E42;\n  --ids-color-boxshadow-base: #EFEFF0;\n  --ids-color-border-lighter: #606066;\n  --ids-color-border-base: #47474C;\n  --ids-color-border-darker: #3E3E42;\n  --ids-color-font-base: #2F2F32;\n  --ids-color-font-info: #47474C;\n  --ids-color-font-muted: #606066;\n  --ids-color-icon-base: #47474C;\n  --ids-color-body-base: #EFEFF0;\n  --ids-color-body-lightest: #ffffff;\n  --ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;\n  --ids-font-family-monospace: 'source code pro', monospace;\n  --ids-size-font-base: 16px;\n  --ids-size-font-xs: 14px;\n  --ids-size-font-sm: 16px;\n  --ids-size-font-md: 22px;\n  --ids-size-font-lg: 28px;\n  --ids-size-font-xl: 42px;\n  --ids-size-font-px-10: 1px;\n  --ids-size-font-px-12: 12px;\n  --ids-size-font-px-14: 14px;\n  --ids-size-font-px-16: 16px;\n  --ids-size-font-px-20: 20px;\n  --ids-size-font-px-24: 24px;\n  --ids-size-font-px-28: 28px;\n  --ids-size-font-px-32: 32px;\n  --ids-size-font-px-40: 40px;\n  --ids-size-font-px-48: 48px;\n  --ids-size-font-px-60: 60px;\n  --ids-size-font-px-72: 72px;\n  --ids-size-icon-height: 17px;\n  --ids-size-icon-width: 22px;\n  --ids-number-font-weight-light: 300;\n  --ids-number-font-weight-base: 400;\n  --ids-number-font-weight-bold: 600;\n  --ids-number-font-line-height-xs: 1.44;\n  --ids-number-font-line-height-sm: 1.5;\n  --ids-number-font-line-height-md: 1.45;\n  --ids-number-font-line-height-lg: 1.43;\n  --ids-number-font-line-height-xl: 1.33;\n  --ids-number-opacity-disabled: 0.5;\n  --ids-number-spacing-base: 8px;\n  --ids-number-border-radius-sm: 2px;\n  --ids-number-border-radius-md: 6px; }\n\n/* Global variables (might want these to become tokens) */\n/* Global SCSS Mixins (might need to become tokens) */\n/**\n * Mixins used throuhout the scss styles and come in as part of base. Keep Base small.\n */\n.ids-virtual-scroll {\n  width: 100%;\n  height: 250px;\n  overflow: auto; }\n  .ids-virtual-scroll:focus {\n    outline: 0; }\n\n.ids-virtual-scroll-viewport {\n  position: relative; }\n",q=O=function(t){t.prototype.cssStyles=I}(O=function(t){s()(i,t);var n=j(i);function i(){return e()(this,i),n.call(this)}return r()(i,[{key:"connectedCallback",value:function(){this.datasource=new A,this.stringTemplate='<div class="ids-virtual-scroll-item">${productName}</div>',this.init().handleEvents()}},{key:"init",value:function(){return this.applyHeight(),this.renderItems(!1),this}},{key:"handleEvents",value:function(){var t=this;return this.timeout=null,this.onEvent("scroll",this.container,(function(e){t.handleScroll(e)}),{passive:!0}),this}},{key:"handleScroll",value:function(t){var e=this;this.timeout&&cancelAnimationFrame(this.timeout);var n=t.target;this.timeout=requestAnimationFrame((function(){e.scrollTop=n.scrollTop}))}},{key:"renderItems",value:function(t){var e=this;if(this.data&&(t||0!==this.data.length)){var n=this.startIndex,i=this.startIndex+this.visibleItemCount();if(this.lastStart!==n||this.lastEnd!==i){this.lastStart=n,this.lastEnd=i;var r=this.data.slice(n,i),o="";r.map((function(t){var n=e.itemTemplate(t);return o+=n,n})),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=o),this.triggerEvent("afterrendered",this,{detail:{elem:this,startIndex:n,endIndex:i}})}}}},{key:"applyHeight",value:function(){var t=this.container.querySelector(".ids-virtual-scroll-viewport");this.container.style.height="".concat(this.height,"px"),t.style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),this.itemContainer&&(this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)")),this.isTable=this.querySelectorAll(".ids-data-grid-container").length>0,this.isTable&&(this.shadowRoot.querySelector(".ids-virtual-scroll").style.overflow="inherit")}},{key:"visibleItemCount",value:function(){var t=Math.ceil(this.height/this.itemHeight)+2*this.bufferSize;return t=Math.min(Number(this.itemCount)-this.startIndex,t)}},{key:"template",value:function(){return'<div class="ids-virtual-scroll" tabindex="0"><div class="ids-virtual-scroll-viewport"><slot></slot></div></div>'}},{key:"height",get:function(){var t;return 0===(null===(t=this.data)||void 0===t?void 0:t.length)?0:this.getAttribute("height")},set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")}},{key:"itemHeight",get:function(){return this.getAttribute("item-height")},set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")}},{key:"bufferSize",get:function(){return this.getAttribute("buffer-size")||20},set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")}},{key:"scrollTop",get:function(){return this.getAttribute("scroll-top")||0},set:function(t){if(null!=t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=Number(t),void this.renderItems(!1);this.removeAttribute("scroll-top")}},{key:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",get:function(){return parseInt(this.getAttribute("item-count"),10)},set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")}},{key:"offsetY",get:function(){return Number(this.startIndex)*Number(this.itemHeight)}},{key:"startIndex",get:function(){var t=Math.floor(Number(this.scrollTop)/Number(this.itemHeight))-Number(this.bufferSize);return t=Math.max(0,t)}},{key:"itemTemplate",value:function(t){return y(this.stringTemplate,t)}},{key:"data",get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data},set:function(t){if(t&&this.datasource)return this.datasource.data=t,this.itemCount=t.length,this.lastStart=null,this.lastEnd=null,this.scrollTop=0,this.applyHeight(),void this.renderItems(!0);this.datasource.data=null}},{key:"scrollTarget",get:function(){return null==this?void 0:this.eventTarget},set:function(t){var e=this;t&&(this.eventTarget=t,this.onEvent("scroll",this.eventTarget,(function(t){e.handleScroll(t)}),{passive:!0}))}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),i}(h(g).with((function(t){return function(t){s()(i,t);var n=N(i);function i(){return e()(this,i),n.call(this)}return r()(i,[{key:"rl",get:function(){return B}}]),i}(t)}),(function(t){return function(t){s()(i,t);var n=w(i);function i(){var t;return e()(this,i),t=n.call(this),k()(E()(t),"handledEvents",new Map),t}return r()(i,[{key:"onEvent",value:function(t,e,n,i){e.addEventListener(t.split(".")[0],n,i),this.handledEvents.set(t,{target:e,callback:n,options:i})}},{key:"offEvent",value:function(t,e,n){var i=this.handledEvents.get(t);null!=i&&i.callback&&e.removeEventListener(t.split(".")[0],i.callback,n||i.options),this.handledEvents.delete(t)}},{key:"triggerEvent",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=new CustomEvent(t.split(".")[0],n);e.dispatchEvent(i)}},{key:"detachAllEvents",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.offEvent(n,e.target,e.options)}))}},{key:"detachEventName",value:function(t){var e=this,n="string"==typeof t&&t.length;this.handledEvents.forEach((function(i,r){n&&r!==t||e.offEvent(r,i.target,i.options)}))}}]),i}(t)}))))||O,customElements.get(P)||customElements.define(P,q);var q})(),i=i.default})()}));
 //# sourceMappingURL=ids-virtual-scroll.js.map

package.json

 {
   "name": "ids-enterprise-wc",
-  "version": "0.0.0-beta.7",
+  "version": "0.0.0-beta.8",
   "description": "The Web Component version of the IDS Enterprise component library",
@@ -44,13 +44,13 @@ "main": "app/index.js",
   "devDependencies": {
-    "@babel/core": "^7.12.16",
-    "@babel/parser": "^7.12.16",
+    "@babel/core": "^7.12.17",
+    "@babel/parser": "^7.12.17",
     "@babel/plugin-proposal-class-properties": "^7.12.13",
     "@babel/plugin-proposal-decorators": "^7.12.13",
-    "@babel/plugin-transform-runtime": "^7.12.15",
-    "@babel/preset-env": "^7.12.16",
-    "@babel/traverse": "^7.12.13",
-    "@babel/types": "^7.12.13",
+    "@babel/plugin-transform-runtime": "^7.12.17",
+    "@babel/preset-env": "^7.12.17",
+    "@babel/traverse": "^7.12.17",
+    "@babel/types": "^7.12.17",
     "@percy/puppeteer": "^1.1.0",
-    "@typescript-eslint/eslint-plugin": "^4.15.0",
-    "@typescript-eslint/parser": "^4.15.0",
+    "@typescript-eslint/eslint-plugin": "^4.15.2",
+    "@typescript-eslint/parser": "^4.15.2",
     "@wordpress/jest-puppeteer-axe": "^3.0.1",
@@ -65,7 +65,7 @@ "autoprefixer": "^10.2.4",
     "cssnano": "^4.1.10",
-    "eslint": "^7.19.0",
+    "eslint": "^7.20.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-plugin-compat": "3.9.0",
     "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsdoc": "^31.6.1",
+    "eslint-plugin-jsdoc": "^32.1.0",
     "eslint-plugin-wc": "^1.2.0",
@@ -75,8 +75,8 @@ "favicons-webpack-plugin": "^5.0.1",
     "glob": "^7.1.6",
-    "handlebars": "^4.7.6",
+    "handlebars": "^4.7.7",
     "handlebars-loader": "^1.7.1",
-    "html-loader": "^1.3.2",
-    "html-webpack-plugin": "^5.1.0",
+    "html-loader": "^2.1.0",
+    "html-webpack-plugin": "^5.2.0",
     "htmlhint": "^0.14.2",
-    "ids-identity": "3.0.6",
+    "ids-identity": "4.0.0",
     "install": "^0.13.0",
@@ -86,3 +86,3 @@ "jest": "^26.6.3",
     "loglevel": "^1.7.1",
-    "mini-css-extract-plugin": "^1.3.6",
+    "mini-css-extract-plugin": "^1.3.8",
     "node-sass": "^5.0.0",
@@ -98,3 +98,3 @@ "nodemon": "^2.0.7",
     "style-loader": "^2.0.0",
-    "stylelint": "^13.10.0",
+    "stylelint": "^13.11.0",
     "stylelint-config-sass-guidelines": "^8.0.0",
@@ -106,3 +106,3 @@ "stylelint-config-standard": "^20.0.0",
     "typescript": "^4.1.5",
-    "webpack": "^5.21.2",
+    "webpack": "^5.23.0",
     "webpack-cli": "^4.5.0",
@@ -109,0 +109,0 @@ "webpack-dev-server": "^3.11.2"

README.md

@@ -25,4 +25,4 @@ # IDS Web Components
 - Passes all code security scans and is fully CSP compatible
-- Well documented in .md format
-- Contains an extensive [CHANGELOG with](./doc/CHANGELOG.md) listed any and all breaking changes
+- Well documented in `.md` format
+- Contains an extensive [Change log with](./doc/CHANGELOG.md) listed any and all breaking changes
 - [Fully linted code](LINTING.md)
@@ -32,3 +32,3 @@ - Follows [Wai Aria practices](https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-12) and huge focus on accessibility
 - We Follow the [Gold Standard For Making Web Components](https://github.com/webcomponents/gold-standard/wiki)
-- Typesafe for TypeScript users
+- Type safe for TypeScript users
 - Every component has the Css and Dom Encapsulated (in supported browsers)

No alert changes

Improved metrics

Total package byte prevSize

7400642

increased by13.84%

Number of package files

279

increased by17.72%

Lines of code

37629

increased by13.02%

No dependency changes