New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
ids-enterprise-wc
Advanced tools
ids-enterprise-wc - npm Package Compare versions
Comparing version 0.0.0-beta.6 to 0.0.0-beta.7
@@ -6,3 +6,4 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| /* Types of alert */ | ||
| type: 'alert' | 'success' | 'dirty' | 'error' | 'info' | 'pending' | 'new' | 'in-progress' | 'info-field'; | ||
| type: 'alert' | 'success' | 'dirty' | 'error' | 'info' | | ||
| 'pending' | 'new' | 'in-progress' | 'info-field'; | ||
| } |
@@ -8,6 +8,18 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| cssClass?: Array<string> | string | null; | ||
| /* Sets the internal Button element's `disabled` property to enable/disable the button */ | ||
| disabled?: boolean; | ||
| /* A string representing an icon to display inside the button. This icon will become the content of the Shadow Root button's `icon` slot when set. */ | ||
| icon?: string | null; | ||
| /* Defines which side to align the Button's icon against */ | ||
| iconAlign: 'start' | 'end'; | ||
| /* Sets the internal Button element's `tabIndex` property for controlling focus */ | ||
| tabIndex: number; | ||
| /* API-level method of setting a button's text content. This will become the content of the Shadow Root button's `text` slot when set. */ | ||
| text?: string; | ||
| /* The type/purpose of the button to display */ | ||
@@ -14,0 +26,0 @@ type: 'default' | 'primary' | 'secondary' | 'tertiary' | 'destructive' |
@@ -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",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",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,jB:()=>r,h5:()=>s});function o(){return function(t){t.prototype.version="0.0.0-beta.6"}}function i(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function r(t){return function(e){Object.assign(e.prototype,t)}}function s(t){return function(e){e.prototype.cssStyles=t}}},3189:(t,e,n)=>{"use strict";n.d(e,{t:()=>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:()=>g,Mo:()=>m.Mo,jB:()=>m.jB,h5:()=>m.h5});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),h=n(5957),f=n.n(h),m=n(3986),y=(n(254),n(7049));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=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 g=(0,m.i8)()(o=function(t){c()(n,t);var e=v(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[y.C.camelCase(t)]=n)}},{key:"disconnectedCallback",value:function(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||o},4913:(t,e,n)=>{"use strict";n.d(e,{S:()=>c});var o=n(4575),i=n.n(o),r=n(3913),s=n.n(r),a=n(9713),l=n.n(a),c=function(){function t(){i()(this,t),l()(this,"handledEvents",new Map)}return s()(t,[{key:"addEventListener",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"removeEventListener",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:"dispatchEvent",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:"removeAll",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.removeEventListener(n,e.target,e.options)}))}}]),t}()},7049:(t,e,n)=>{"use strict";n.d(e,{C:()=>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),h=n(8330),f=n(3189),m=n(4913),y=n(1762),v=n(254),g=n(3556);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=["default","primary","secondary","tertiary","destructive"],A={cssClass:[],disabled:!1,tabIndex:!0,type:E[0]},C=[v.N.CSS_CLASS,v.N.DISABLED,v.N.ICON,v.N.ICON_ALIGN,v.N.ID,v.N.TEXT,v.N.TYPE,v.N.TABINDEX],k=["align-icon-start","align-icon-end"];(0,h.Mo)("ids-button")(o=(0,h.jB)(y.B)(o=(0,h.h5)(g.Z)(o=function(t){c()(n,t);var e=x(n);function n(){var t;return r()(this,n),(t=e.call(this)).state={},Object.keys(A).forEach((function(e){t.state[e]=A[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:h.Hb.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-toggle-button","ids-icon-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 h=" align-icon-start",f='<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)&&(h=" align-icon-end",f='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(l).concat(b).concat(h).concat(a,'" ').concat(u).concat(c,">\n ").concat(f,"\n <slot>").concat(d).concat(p,"</slot>\n </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,o=!1;this.eventHandlers=new m.S,this.eventHandlers.addEventListener("click",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.eventHandlers.addEventListener("touchstart",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:"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,k),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');"end"===e?this.button.appendChild(o):this.button.prepend(o)}},{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:"setTypeClass",value:function(t){var e=this;E.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:"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:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"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(v.N.CSS_CLASS,e.toString()):this.removeAttribute(v.N.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)}))},get:function(){return this.state.cssClass}},{key:"disabled",set:function(t){this.shouldUpdate=!1,this.removeAttribute(v.N.DISABLED),this.shouldUpdate=!0;var e=f.t.isTrueBooleanAttribute(t);this.state.disabled=e,this.button&&(this.button.disabled=e)},get:function(){return this.state.disabled}},{key:"tabIndex",set:function(t){this.shouldUpdate=!1,this.removeAttribute(v.N.TABINDEX),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(v.N.TABINDEX,"0");this.state.tabIndex=e,this.button.setAttribute(v.N.TABINDEX,"".concat(e))},get:function(){return this.state.tabIndex}},{key:"icon",set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(v.N.ICON),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(v.N.ICON,t),this.appendIcon(t)},get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")}},{key:"iconAlign",set:function(t){var e=t;k.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()},get:function(){return this.state.iconAlign}},{key:"text",set:function(t){if(this.removeAttribute(v.N.TEXT),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)},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}},{key:"type",set:function(t){!t||E.indexOf(t)<=0?(this.removeAttribute(v.N.TYPE),this.state.type=E[0]):(this.setAttribute(v.N.TYPE,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)},get:function(){return this.state.type}}],[{key:"properties",get:function(){return C}}]),n}(h.Hb))||o)||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),h=n.n(b),f=n(5957),m=n.n(f),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=h()(t);if(e){var i=h()(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,delete this.lastPauseTime,this.paused=!1}},{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}},{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}}]),n}(m()(Object))},1762:(t,e,n)=>{"use strict";n.d(e,{B:()=>s,z:()=>i.Z});var o=n(3059),i=n(7950),r=null,s={get rl(){return r||(r=new o.Z),r}}},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:"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}},{key:"elapsedTime",get:function(){return(0,a.A)()-(this.startTime+this.totalStoppedTime)}}]),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 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 box-sizing: border-box; }\n .ids-button *,\n .ids-toggle-button * {\n pointer-events: none; }\n .ids-button:focus,\n .ids-toggle-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 color: var(--ids-color-palette-black); }\n .ids-button[disabled],\n .ids-toggle-button[disabled] {\n color: var(--ids-color-palette-slate-30); }\n .ids-button:not([disabled]),\n .ids-toggle-button:not([disabled]) {\n cursor: pointer; }\n .ids-button span,\n .ids-toggle-button span {\n vertical-align: bottom; }\n .ids-button span.audible,\n .ids-toggle-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 vertical-align: middle; }\n .ids-button .ripple-effect,\n .ids-toggle-button .ripple-effect {\n background-color: var(--ids-color-brand-primary-base); }\n .ids-button.btn-primary,\n .ids-toggle-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 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 background-color: var(--ids-color-palette-azure-80); }\n .ids-button.btn-primary[disabled],\n .ids-toggle-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 background-color: var(--ids-color-brand-primary-contrast); }\n .ids-button.btn-secondary,\n .ids-toggle-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 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 background-color: var(--ids-color-palette-slate-40); }\n .ids-button.btn-secondary[disabled],\n .ids-toggle-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 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 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 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 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 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 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 padding-left: 4px; }\n .ids-button .ids-icon,\n .ids-toggle-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 padding-left: 4px; }\n .ids-button ::slotted(ids-icon:only-child),\n .ids-toggle-button ::slotted(ids-icon:only-child) {\n display: block; }\n .ids-button .ripple-effect,\n .ids-toggle-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},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})); | ||
| //# sourceMappingURL=ids-button.js.map |
@@ -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},72:(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.6"}(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(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),o}(o.n(f)()(HTMLElement)))||h;var x;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 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 v,E;E="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",F=x=function(t){t.prototype.cssStyles=v}(x=function(t){l()(o,t);var e=g(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",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")},get:function(){return this.getAttribute("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(72)})().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},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})); | ||
| //# sourceMappingURL=ids-card.js.map |
@@ -7,22 +7,32 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| checked: boolean; | ||
| /** Sets the checkbox color to one of the colors in our color palette for example emerald07 */ | ||
| color: string; | ||
| /** Sets the dirty tracking feature on to indicate a changed field */ | ||
| dirtyTracker: boolean; | ||
| /** Sets checkbox to disabled **/ | ||
| /** Sets checkbox to disabled * */ | ||
| disabled: boolean; | ||
| /** Flips the checkbox orientation to horizontal **/ | ||
| /** Flips the checkbox orientation to horizontal * */ | ||
| horizontal: boolean; | ||
| /** Sets the checkbox to the indeterminate state **/ | ||
| /** Sets the checkbox to the indeterminate state * */ | ||
| indeterminate: boolean; | ||
| /** Sets the checkbox label text **/ | ||
| /** Sets the checkbox label text * */ | ||
| label: string; | ||
| /** Sets the checkbox to required **/ | ||
| /** Sets the checkbox to required * */ | ||
| labelRequired: boolean; | ||
| /** Sets the validation check to use **/ | ||
| /** Sets the validation check to use * */ | ||
| validate: 'required' | string; | ||
| /** Sets which events to fire validation on **/ | ||
| /** Sets which events to fire validation on * */ | ||
| validationEvents: 'change' | string; | ||
| /** Sets the checkbox `value` attribute **/ | ||
| /** Sets the checkbox `value` attribute * */ | ||
| value: string; | ||
| } |
@@ -24,16 +24,20 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| } | ||
| export default class IdsDataGrid extends HTMLElement { | ||
| /** Set the data array of the datagrid * */ | ||
| data: Array<unknown>; | ||
| export default class IdsDataGrid extends HTMLElement { | ||
| /** Set the data array of the datagrid **/ | ||
| data: Array<object>; | ||
| /** Set the columns array of the datagrid **/ | ||
| columns: Array<object>; | ||
| /** The supported cell formatters **/ | ||
| /** Set the columns array of the datagrid * */ | ||
| columns: Array<unknown>; | ||
| /** The supported cell formatters * */ | ||
| formatters: { | ||
| text: Function; | ||
| text: (rowData: unknown, columnData: unknown) => string; | ||
| }; | ||
| /** Enables a different color shade on alternate rows for easier scanning */ | ||
| alternateRowShading: boolean; | ||
| /** Enables the virtual scrolling behavior */ | ||
| virtualScroll: boolean; | ||
| /** Enables the virtual scrolling behavior */ | ||
@@ -47,4 +51,6 @@ rowHeight: 'extra-small' | 'small' | 'medium' | 'large'; | ||
| on(event: 'sorted', listener: (event: sorted) => void): this; | ||
| /** Fires while the tag is removed */ | ||
| // eslint-disable-next-line no-use-before-define | ||
| on(event: 'activecellchanged', listener: (event: activecellchanged) => void): this; | ||
| } |
@@ -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 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},8630:(t,e,i)=>{"use strict";var r=i(4575),n=i.n(r),o=i(3913),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(5957),f=i.n(p);function m(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function y(t){return function(e){e.prototype.cssStyles=t}}var v,g="alternate-row-shading",b="label",x="row-height",w="virtual-scroll",C=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)}))},E=function(t){return"true"===(t+"").toLowerCase()},k=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,i){return e[i]}))};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 i,r=h()(t);if(e){var n=h()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return c()(this,i)}}var F=function(t){t.prototype.version="0.0.0-beta.6"}(v=function(t){l()(i,t);var e=A(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[C(t)]=i)}},{key:"disconnectedCallback",value:function(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),i}(f()(HTMLElement)))||v,S=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}(),D=i(9713),T=i.n(D),z=i(8),B=i.n(z),R={refs:[],refsNew:[],deepClone:function(t){if("object"!==B()(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"!==B()(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"!==B()(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}},H=function(){function t(){n()(this,t),T()(this,"originalData",[]),T()(this,"currentData",[])}return s()(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]}}},{key:"data",set:function(t){this.currentData=R.deepClone(t),this.originalData=t},get:function(){return this.currentData}}]),t}(),q=function(){function t(){n()(this,t),T()(this,"handledEvents",new Map)}return s()(t,[{key:"addEventListener",value:function(t,e,i,r){e.addEventListener(t.split(".")[0],i,r),this.handledEvents.set(t,{target:e,callback:i,options:r})}},{key:"removeEventListener",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:"dispatchEvent",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:"removeAll",value:function(){var t=this;this.handledEvents.forEach((function(e,i){t.removeEventListener(i,e.target,e.options)}))}}]),t}(),L=function(){function t(){n()(this,t)}return s()(t,[{key:"init",value:function(t){var e=this;this.element=t,this.hotkeys=new Map,this.pressedKeys=new Map,this.keyDownHandler=function(t){e.press(t.key),e.dispatchHotkeys(t)},this.element.addEventListener("keydown",this.keyDownHandler),this.keyUpHandler=function(t){e.unpress(t.key)},this.element.addEventListener("keyup",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:"destroy",value:function(){this.element&&(this.element.removeEventListener("keydown",this.keyDownHandler),this.element.removeEventListener("keyup",this.keyUpHandler),delete this.keyDownHandler,delete this.keyUpHandler,delete this.element)}}]),t}();function N(){return window.performance.now()}var O=i(1506),P=i.n(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 i,r=h()(t);if(e){var n=h()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return c()(this,i)}}const I=function(t){l()(i,t);var e=j(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(P()(t))),"function"==typeof r.timeoutCallback&&(t.timeoutCallback=r.timeoutCallback.bind(P()(t))),t.paused=!1,t.startTime=N(),t.totalStoppedTime=0,c()(t,P()(t))}return s()(i,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=N()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=N()}},{key:"resume",value:function(){this.resumeTime=N(),this.totalStoppedTime+=this.resumeTime-this.lastPauseTime,delete this.lastPauseTime,this.paused=!1}},{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}},{key:"elapsedTime",get:function(){return N()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&N()>this.nextUpdateTime}}]),i}(f()(Object));const M=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=N()),this.lastStopTime&&(t=!0,this.resumeTime=N(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,i,r=this,n=N();!function o(){r.doLoop&&(e=N(),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=N(),this.items.forEach((function(t){t.pause()}))}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,i;return t instanceof I&&(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}},{key:"elapsedTime",get:function(){return N()-(this.startTime+this.totalStoppedTime)}}]),t}();var U=null,_={get rl(){return U||(U=new M),U}};var K,G,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,r=h()(t);if(e){var n=h()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return c()(this,i)}}var $;K=m("ids-virtual-scroll"),G=y("/* 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(Y=G(Y=function(t){Object.assign(t.prototype,$)}(Y=function(t){l()(i,t);var e=W(i);function i(){return n()(this,i),e.call(this)}return s()(i,[{key:"connectedCallback",value:function(){this.datasource=new H,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.eventHandlers=new q,this.eventHandlers.addEventListener("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.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=o;this.eventHandlers.dispatchEvent("afterrendered",this,{detail:{elem:this,startIndex:i,endIndex:r}})}}}},{key:"applyHeight",value:function(){this.container.style.height="".concat(this.height,"px"),this.container.querySelector(".ids-virtual-scroll-viewport").style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),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:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"itemTemplate",value:function(t){return k(this.stringTemplate,t)}},{key:"height",set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")},get:function(){return 0===this.data.length?0:this.getAttribute("height")}},{key:"itemHeight",set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")},get:function(){return this.getAttribute("item-height")}},{key:"bufferSize",set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")},get:function(){return this.getAttribute("buffer-size")||20}},{key:"scrollTop",set:function(t){if(t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=t,void this.renderItems(!1);this.removeAttribute("scroll-top")},get:function(){return this.getAttribute("scroll-top")||0}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")},get:function(){return parseInt(this.getAttribute("item-count"),10)}},{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:"data",set:function(t){if(t)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},get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data}},{key:"scrollTarget",set:function(t){var e,i=this;t&&(this.eventTarget=t,null===(e=this.eventHandlers)||void 0===e||e.addEventListener("scroll",this.eventTarget,(function(t){i.handleScroll(t)}),{passive:!0}))},get:function(){return null==this?void 0:this.eventTarget}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),i}(F))||Y)||Y);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=h()(t);if(e){var n=h()(this).constructor;i=Reflect.construct(r,arguments,n)}else i=r.apply(this,arguments);return c()(this,i)}}m("ids-data-grid")(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: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){l()(i,t);var e=V(i);function i(){return n()(this,i),e.call(this)}return s()(i,[{key:"connectedCallback",value:function(){this.formatters=new S,this.datasource=new H}},{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)),E(this.virtualScroll)&&(null==this?void 0: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.eventHandlers&&this.eventHandlers.removeAll(),this.eventHandlers=new q,this.eventHandlers.addEventListener("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.eventHandlers.addEventListener("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.keyboard.destroy(),this.keyboard=new L,this.keyboard.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,(function(e){var i=e.key,r="ArrowDown"===i?1:"ArrowUp"===i?-1:0,n="ArrowRight"===i?1:"ArrowLeft"===i?-1:0;t.setActiveCell(t.activeCell.cell+n,t.activeCell.row+r),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.eventHandlers.dispatchEvent("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:"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.eventHandlers.dispatchEvent("activecellchanged",this,{detail:{elem:this,activeCell:this.activeCell}}),this.activeCell}},{key:"alternateRowShading",set:function(t){var e,i;if(E(t))return this.setAttribute(g,"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(g,"false")},get:function(){return this.getAttribute(g)||"false"}},{key:"columns",set:function(t){this.currentColumns=t?R.deepClone(t):[{id:"",name:""}],this.rerender()},get:function(){return(null==this?void 0:this.currentColumns)||[{id:"",name:""}]}},{key:"data",set:function(t){if(t)return this.datasource.data=t,void this.rerender();this.datasource.data=null},get:function(){var t;return(null==this||null===(t=this.datasource)||void 0===t?void 0:t.data)||[]}},{key:"virtualScroll",set:function(t){if(!0===t||"true"===t)return this.setAttribute(w,"true"),void this.rerender();this.setAttribute(w,"false"),this.rerender()},get:function(){return this.getAttribute(w)||"false"}},{key:"label",set:function(t){if(t)return this.setAttribute(b,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label",t),void this.rerender();this.removeAttribute(b),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label","Data Grid"),this.rerender()},get:function(){return this.getAttribute(b)||"Data Grid"}},{key:"rowHeight",set:function(t){t?(this.setAttribute(x,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height",t)):(this.removeAttribute(x),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height","large")),E(this.virtualScroll)&&this.rerender()},get:function(){return this.getAttribute(x)||"large"}},{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:"properties",get:function(){return[g,b,x,w]}}]),i}(F))||J);var X=document.querySelector("#data-grid-1"),Q=new XMLHttpRequest,Z=[];Z.push({id:"selectionCheckbox",sortable:!1,resizable:!1,formatter:X.formatters.text,align:"center",width:20}),Z.push({id:"book",name:"Book",field:"book",formatter:X.formatters.text,sortable:!0,width:65}),Z.push({id:"description",name:"Description",field:"description",sortable:!0,formatter:X.formatters.text}),Z.push({id:"ledger",name:"Ledger",field:"ledger",formatter:X.formatters.text}),Z.push({id:"bookCurrency",name:"Book Currency",field:"bookCurrency",formatter:X.formatters.text}),Z.push({id:"transactionCurrency",name:"Transaction Currency",field:"transactionCurrency",formatter:X.formatters.text}),Z.push({id:"postHistory",name:"Post History",field:"postHistory",formatter:X.formatters.text}),Z.push({id:"active",name:"Active",field:"active",formatter:X.formatters.text}),Z.push({id:"convention",name:"Convention",field:"convention",formatter:X.formatters.text}),Z.push({id:"methodSwitch",name:"Method Switch",field:"methodSwitch",formatter:X.formatters.text,filterType:"select"}),Z.push({id:"trackDeprecationHistory",name:"Track Deprecation History",field:"trackDeprecationHistory",formatter:X.formatters.dropdown}),Z.push({id:"useForEmployee",name:"Use For Employee",field:"useForEmployee",formatter:X.formatters.dropdown}),Z.push({id:"deprecationHistory",name:"Deprecation History",field:"deprecationHistory",formatter:X.formatters.dropdown}),Q.onreadystatechange=function(){4===this.readyState&&200===this.status&&(X.data=JSON.parse(this.responseText),X.columns=Z)},Q.open("GET","/api/books",!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(8630)})().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},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})); | ||
| //# sourceMappingURL=ids-data-grid.js.map |
@@ -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 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},1959:(t,e,i)=>{"use strict";var n=i(4575),r=i.n(n),o=i(3913),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(5957),f=i.n(p);function m(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function v(t){return function(e){e.prototype.cssStyles=t}}var y,g="alternate-row-shading",b="label",x="row-height",w="virtual-scroll",E=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"true"===(t+"").toLowerCase()},k=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,i){return e[i]}))};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 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 F=function(t){t.prototype.version="0.0.0-beta.6"}(y=function(t){l()(i,t);var e=A(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[E(t)]=i)}},{key:"disconnectedCallback",value:function(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),i}(f()(HTMLElement)))||y,S=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}(),D=i(9713),T=i.n(D),z=i(8),B=i.n(z),R={refs:[],refsNew:[],deepClone:function(t){if("object"!==B()(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"!==B()(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"!==B()(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}},H=function(){function t(){r()(this,t),T()(this,"originalData",[]),T()(this,"currentData",[])}return s()(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]}}},{key:"data",set:function(t){this.currentData=R.deepClone(t),this.originalData=t},get:function(){return this.currentData}}]),t}(),q=function(){function t(){r()(this,t),T()(this,"handledEvents",new Map)}return s()(t,[{key:"addEventListener",value:function(t,e,i,n){e.addEventListener(t.split(".")[0],i,n),this.handledEvents.set(t,{target:e,callback:i,options:n})}},{key:"removeEventListener",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:"dispatchEvent",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:"removeAll",value:function(){var t=this;this.handledEvents.forEach((function(e,i){t.removeEventListener(i,e.target,e.options)}))}}]),t}(),L=function(){function t(){r()(this,t)}return s()(t,[{key:"init",value:function(t){var e=this;this.element=t,this.hotkeys=new Map,this.pressedKeys=new Map,this.keyDownHandler=function(t){e.press(t.key),e.dispatchHotkeys(t)},this.element.addEventListener("keydown",this.keyDownHandler),this.keyUpHandler=function(t){e.unpress(t.key)},this.element.addEventListener("keyup",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:"destroy",value:function(){this.element&&(this.element.removeEventListener("keydown",this.keyDownHandler),this.element.removeEventListener("keyup",this.keyUpHandler),delete this.keyDownHandler,delete this.keyUpHandler,delete this.element)}}]),t}();function N(){return window.performance.now()}var P=i(1506),O=i.n(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 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 j=function(t){l()(i,t);var e=I(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(O()(t))),"function"==typeof n.timeoutCallback&&(t.timeoutCallback=n.timeoutCallback.bind(O()(t))),t.paused=!1,t.startTime=N(),t.totalStoppedTime=0,c()(t,O()(t))}return s()(i,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=N()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=N()}},{key:"resume",value:function(){this.resumeTime=N(),this.totalStoppedTime+=this.resumeTime-this.lastPauseTime,delete this.lastPauseTime,this.paused=!1}},{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}},{key:"elapsedTime",get:function(){return N()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&N()>this.nextUpdateTime}}]),i}(f()(Object));const M=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=N()),this.lastStopTime&&(t=!0,this.resumeTime=N(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,i,n=this,r=N();!function o(){n.doLoop&&(e=N(),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=N(),this.items.forEach((function(t){t.pause()}))}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,i;return t instanceof j&&(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}},{key:"elapsedTime",get:function(){return N()-(this.startTime+this.totalStoppedTime)}}]),t}();var U=null,_={get rl(){return U||(U=new M),U}};var K,G,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)}}var $;K=m("ids-virtual-scroll"),G=v("/* 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(Y=G(Y=function(t){Object.assign(t.prototype,$)}(Y=function(t){l()(i,t);var e=W(i);function i(){return r()(this,i),e.call(this)}return s()(i,[{key:"connectedCallback",value:function(){this.datasource=new H,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.eventHandlers=new q,this.eventHandlers.addEventListener("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.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=o;this.eventHandlers.dispatchEvent("afterrendered",this,{detail:{elem:this,startIndex:i,endIndex:n}})}}}},{key:"applyHeight",value:function(){this.container.style.height="".concat(this.height,"px"),this.container.querySelector(".ids-virtual-scroll-viewport").style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),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:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"itemTemplate",value:function(t){return k(this.stringTemplate,t)}},{key:"height",set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")},get:function(){return 0===this.data.length?0:this.getAttribute("height")}},{key:"itemHeight",set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")},get:function(){return this.getAttribute("item-height")}},{key:"bufferSize",set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")},get:function(){return this.getAttribute("buffer-size")||20}},{key:"scrollTop",set:function(t){if(t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=t,void this.renderItems(!1);this.removeAttribute("scroll-top")},get:function(){return this.getAttribute("scroll-top")||0}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")},get:function(){return parseInt(this.getAttribute("item-count"),10)}},{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:"data",set:function(t){if(t)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},get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data}},{key:"scrollTarget",set:function(t){var e,i=this;t&&(this.eventTarget=t,null===(e=this.eventHandlers)||void 0===e||e.addEventListener("scroll",this.eventTarget,(function(t){i.handleScroll(t)}),{passive:!0}))},get:function(){return null==this?void 0:this.eventTarget}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),i}(F))||Y)||Y);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,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)}}m("ids-data-grid")(J=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: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){l()(i,t);var e=V(i);function i(){return r()(this,i),e.call(this)}return s()(i,[{key:"connectedCallback",value:function(){this.formatters=new S,this.datasource=new H}},{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)),C(this.virtualScroll)&&(null==this?void 0: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.eventHandlers&&this.eventHandlers.removeAll(),this.eventHandlers=new q,this.eventHandlers.addEventListener("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.eventHandlers.addEventListener("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.keyboard.destroy(),this.keyboard=new L,this.keyboard.listen(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],this,(function(e){var i=e.key,n="ArrowDown"===i?1:"ArrowUp"===i?-1:0,r="ArrowRight"===i?1:"ArrowLeft"===i?-1:0;t.setActiveCell(t.activeCell.cell+r,t.activeCell.row+n),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.eventHandlers.dispatchEvent("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:"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.eventHandlers.dispatchEvent("activecellchanged",this,{detail:{elem:this,activeCell:this.activeCell}}),this.activeCell}},{key:"alternateRowShading",set:function(t){var e,i;if(C(t))return this.setAttribute(g,"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(g,"false")},get:function(){return this.getAttribute(g)||"false"}},{key:"columns",set:function(t){this.currentColumns=t?R.deepClone(t):[{id:"",name:""}],this.rerender()},get:function(){return(null==this?void 0:this.currentColumns)||[{id:"",name:""}]}},{key:"data",set:function(t){if(t)return this.datasource.data=t,void this.rerender();this.datasource.data=null},get:function(){var t;return(null==this||null===(t=this.datasource)||void 0===t?void 0:t.data)||[]}},{key:"virtualScroll",set:function(t){if(!0===t||"true"===t)return this.setAttribute(w,"true"),void this.rerender();this.setAttribute(w,"false"),this.rerender()},get:function(){return this.getAttribute(w)||"false"}},{key:"label",set:function(t){if(t)return this.setAttribute(b,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label",t),void this.rerender();this.removeAttribute(b),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("aria-label","Data Grid"),this.rerender()},get:function(){return this.getAttribute(b)||"Data Grid"}},{key:"rowHeight",set:function(t){t?(this.setAttribute(x,t),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height",t)):(this.removeAttribute(x),this.shadowRoot.querySelector(".ids-data-grid").setAttribute("data-row-height","large")),C(this.virtualScroll)&&this.rerender()},get:function(){return this.getAttribute(x)||"large"}},{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:"properties",get:function(){return[g,b,x,w]}}]),i}(F))||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(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(1959)})().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 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})); | ||
| //# sourceMappingURL=virtual-scroll.js.map |
@@ -7,4 +7,5 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| type: 'normal' | 'small' | 'medium' | 'large'; | ||
| /* The name of the icon to display */ | ||
| icon: string; | ||
| } |
@@ -7,30 +7,44 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| autoselect: boolean; | ||
| /** When set the input will render as transparent background */ | ||
| bgTransparent: boolean; | ||
| /** When set the input will add a clearable x button */ | ||
| clearable: boolean; | ||
| /** When set the input will add a clearable x button to forced for readonly */ | ||
| clearableForced: boolean; | ||
| /** Sets the dirty tracking feature on to indicate a changed field */ | ||
| dirtyTracker: boolean; | ||
| /** Sets checkbox to disabled **/ | ||
| /** Sets checkbox to disabled * */ | ||
| disabled: boolean; | ||
| /** Sets the input label text **/ | ||
| /** Sets the input label text * */ | ||
| label: string; | ||
| /** Sets the input placeholder text **/ | ||
| /** Sets the input placeholder text * */ | ||
| placeholder: string | ||
| /** Sets the size (width) of input **/ | ||
| /** Sets the size (width) of input * */ | ||
| size: 'xs' | 'sm ' | 'mm' | 'md' | 'lg' | 'full' | string; | ||
| /** Sets the input to readonly state **/ | ||
| /** Sets the input to readonly state * */ | ||
| readonly: boolean; | ||
| /** Sets the text alignment **/ | ||
| /** Sets the text alignment * */ | ||
| textAlign: 'left' | 'center ' | 'right' | string; | ||
| /** Sets the input type **/ | ||
| /** Sets the input type * */ | ||
| type: 'text' | 'password' | 'email' | 'number' | string; | ||
| /** Sets the validation check to use **/ | ||
| /** Sets the validation check to use * */ | ||
| validate: 'required' | 'email' | string; | ||
| /** Sets the validation events to use **/ | ||
| /** Sets the validation events to use * */ | ||
| validationEvents: 'blur' | string; | ||
| /** Sets the `value` attribute **/ | ||
| /** Sets the `value` attribute * */ | ||
| value: string | number; | ||
| } |
@@ -7,14 +7,20 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| fill: string; | ||
| /** Set the amount of columns to span */ | ||
| colSpan: string; | ||
| /** Set the starting column */ | ||
| colStart: boolean; | ||
| /** Set the ending column */ | ||
| colEnd: string; | ||
| /** Set the amount of rows to span */ | ||
| rowSpan: string; | ||
| /** Set the starting row */ | ||
| rowStart: string; | ||
| /** Set the ending row */ | ||
| rowEnd: string; | ||
| } |
@@ -7,12 +7,17 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| fixed: boolean; | ||
| /** Handle The Gap Setting */ | ||
| gap: 'none' | 'sm' | 'md' | 'lg' | 'xl' | string; | ||
| /** Sets the grid to `auto-fit` */ | ||
| auto: boolean; | ||
| /** Sets the amount of columns in the grid */ | ||
| cols: string; | ||
| /** Sets the amount of rows in the grid. Works best with fixed height grids */ | ||
| rows: string; | ||
| /** If true the grid will not have any margins */ | ||
| noMargins: boolean; | ||
| } |
@@ -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},4355:(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,f="auto",h="col-end",w="col-span",x="col-start",v="cols",b="fill",A="fixed",E="gap",F="no-margins",C="row-end",S="row-span",D="row-start",B="rows",k={camelCase: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)}))},stringToBool:function(t){return"true"===(t+"").toLowerCase()},injectTemplate:function(t,i){return t.replace(/\${(.*?)}/g,(function(t,r){return i[r]}))}};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.6"}(m=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.camelCase(t)]=r)}},{key:"disconnectedCallback",value:function(){var t,i;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(i=this.keyboard)||void 0===i||i.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}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}}]),r}(r.n(p)()(HTMLElement)))||m;var R,P;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=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 O,_;R=y("ids-layout-grid"),_="/* 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",O=k,R(P=function(t){t.prototype.cssStyles=_}(P=function(t){Object.assign(t.prototype,O)}(P=function(t){e()(r,t);var i=j(r);function r(){return o()(this,r),i.call(this)}return a()(r,[{key:"template",value:function(){return"<slot></slot>"}},{key:"fixed",set:function(t){if(t)return this.setAttribute(A,t.toString()),void this.classList.add("ids-fixed");this.removeAttribute(A),this.classList.remove("ids-fixed")},get:function(){return this.getAttribute(A)}},{key:"gap",get:function(){return this.getAttribute(E)||"md"},set:function(t){if(t)return this.setAttribute(E,t),void this.classList.add("ids-layout-grid-gap-".concat(t));this.removeAttribute(E),this.classList.remove("ids-layout-grid-gap-".concat(t))}},{key:"auto",set:function(t){if(t)return this.setAttribute(f,t.toString()),void this.classList.add("ids-layout-grid-auto");this.removeAttribute(f),this.classList.remove("ids-layout-grid-auto")},get:function(){return this.getAttribute(f)}},{key:"cols",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(f),this.classList.remove("ids-layout-grid-cols")},get:function(){return this.getAttribute(v)}},{key:"rows",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(f),this.classList.remove("ids-layout-grid-rows")},get:function(){return this.getAttribute(B)}},{key:"noMargins",set:function(t){if(t)return this.setAttribute(F,t.toString()),void this.classList.add("ids-layout-grid-no-margins");this.removeAttribute(F),this.classList.remove("ids-layout-grid-no-margins")},get:function(){return this.getAttribute(F)}}],[{key:"properties",get:function(){return[A,E,f,v,B,F]}}]),r}(z))||P)||P);var q;function M(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")(q=function(t){e()(r,t);var i=M(r);function r(){return o()(this,r),i.call(this)}return a()(r,[{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",set:function(t){if(t)return this.setAttribute(w,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(w)},get:function(){return this.getAttribute(w)}},{key:"colStart",set:function(t){if(t)return this.setAttribute(x,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(x)},get:function(){return this.getAttribute(x)}},{key:"colEnd",set:function(t){if(t)return this.setAttribute(h,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(h)},get:function(){return this.getAttribute(h)}},{key:"rowSpan",set:function(t){if(t)return this.setAttribute(S,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(S)},get:function(){return this.getAttribute(S)}},{key:"rowStart",set:function(t){if(t)return this.setAttribute(D,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(D)},get:function(){return this.getAttribute(D)}},{key:"rowEnd",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)},get:function(){return this.getAttribute(C)}}],[{key:"properties",get:function(){return[b,w,x,h,S,D,C]}}]),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(4355)})().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},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})); | ||
| //# sourceMappingURL=ids-layout-grid.js.map |
@@ -7,6 +7,8 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| virtualScroll: boolean; | ||
| /** Set the internal list template */ | ||
| itemTemplate: Function | string; | ||
| itemTemplate: (item: unknown) => string | string; | ||
| /** Attach a DataSet and render */ | ||
| data: Array<Object>; | ||
| data: Array<unknown>; | ||
| } |
@@ -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 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},6633:(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),h=n(5957),f=n.n(h);function m(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function b(t){return function(e){e.prototype.cssStyles=t}}var y,v="virtual-scroll",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)}))},x=function(t){return"true"===(t+"").toLowerCase()},E=function(t,e){return t.replace(/\${(.*?)}/g,(function(t,n){return e[n]}))};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 C=function(t){t.prototype.version="0.0.0-beta.6"}(y=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 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[g(t)]=n)}},{key:"disconnectedCallback",value:function(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||y,D=n(9713),A=n.n(D),w=n(8),B=n.n(w),k={refs:[],refsNew:[],deepClone:function(t){if("object"!==B()(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 o=t[n];if("object"!==B()(o)||null===o)e[n]=o;else if(o instanceof Date)e[n]=new Date(o);else{var i=this.refs.indexOf(o);e[n]=-1!==i?this.refsNew[i]:this.deepClone(o)}}return this.refs.pop(),this.refsNew.pop(),e},deepCloneArray:function(t,e){for(var n=Object.keys(t),o=new Array(n.length),i=0;i<n.length;i+=1){var r=n[i],s=t[r];if("object"!==B()(s)||null===s)o[r]=s;else if(s instanceof Date)o[r]=new Date(s);else{var a=this.refs.indexOf(s);o[r]=-1!==a?this.refsNew[a]:e.call(this,s)}}return o}},z=function(){function t(){i()(this,t),A()(this,"originalData",[]),A()(this,"currentData",[])}return s()(t,[{key:"forEach",value:function(t){this.currentData.forEach(t)}},{key:"sort",value:function(t,e,n){var o=this.sortFunction(t,e,n);this.currentData.sort(o)}},{key:"sortFunction",value:function(t,e,n){var o=function(e){return n?n(e[t]):e[t]};return function(t,n){var i=o(t),r=o(n);return(i<r?-1:i>r?1:0)*[-1,1][+!!e]}}},{key:"data",set:function(t){this.currentData=k.deepClone(t),this.originalData=t},get:function(){return this.currentData}}]),t}(),S=function(){function t(){i()(this,t),A()(this,"handledEvents",new Map)}return s()(t,[{key:"addEventListener",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"removeEventListener",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:"dispatchEvent",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:"removeAll",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.removeEventListener(n,e.target,e.options)}))}}]),t}();function T(){return window.performance.now()}var R=n(1506),q=n.n(R);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)}}const N=function(t){l()(n,t);var e=H(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(q()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(q()(t))),t.paused=!1,t.startTime=T(),t.totalStoppedTime=0,d()(t,q()(t))}return s()(n,[{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,delete this.lastPauseTime,this.paused=!1}},{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}},{key:"elapsedTime",get:function(){return T()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&T()>this.nextUpdateTime}}]),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=T()),this.lastStopTime&&(t=!0,this.resumeTime=T(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,o=this,i=T();!function r(){o.doLoop&&(e=T(),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=T(),this.items.forEach((function(t){t.pause()}))}},{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}},{key:"elapsedTime",get:function(){return T()-(this.startTime+this.totalStoppedTime)}}]),t}();var L=null,j={get rl(){return L||(L=new O),L}};var M,I,P;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 U;M=m("ids-virtual-scroll"),I=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"),U=j,M(P=I(P=function(t){Object.assign(t.prototype,U)}(P=function(t){l()(n,t);var e=_(n);function n(){return i()(this,n),e.call(this)}return s()(n,[{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.eventHandlers=new S,this.eventHandlers.addEventListener("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,o=this.startIndex+this.visibleItemCount();if(this.lastStart!==n||this.lastEnd!==o){this.lastStart=n,this.lastEnd=o;var i=this.data.slice(n,o),r="";i.map((function(t){var n=e.itemTemplate(t);return r+=n,n})),this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=r;this.eventHandlers.dispatchEvent("afterrendered",this,{detail:{elem:this,startIndex:n,endIndex:o}})}}}},{key:"applyHeight",value:function(){this.container.style.height="".concat(this.height,"px"),this.container.querySelector(".ids-virtual-scroll-viewport").style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),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:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"itemTemplate",value:function(t){return E(this.stringTemplate,t)}},{key:"height",set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")},get:function(){return 0===this.data.length?0:this.getAttribute("height")}},{key:"itemHeight",set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")},get:function(){return this.getAttribute("item-height")}},{key:"bufferSize",set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")},get:function(){return this.getAttribute("buffer-size")||20}},{key:"scrollTop",set:function(t){if(t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=t,void this.renderItems(!1);this.removeAttribute("scroll-top")},get:function(){return this.getAttribute("scroll-top")||0}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")},get:function(){return parseInt(this.getAttribute("item-count"),10)}},{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:"data",set:function(t){if(t)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},get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data}},{key:"scrollTarget",set:function(t){var e,n=this;t&&(this.eventTarget=t,null===(e=this.eventHandlers)||void 0===e||e.addEventListener("scroll",this.eventTarget,(function(t){n.handleScroll(t)}),{passive:!0}))},get:function(){return null==this?void 0:this.eventTarget}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),n}(C))||P)||P);var G;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)}}m("ids-list-view")(G=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")(G=function(t){l()(n,t);var e=K(n);function n(){return i()(this,n),e.call(this)}return s()(n,[{key:"connectedCallback",value:function(){var t;this.datasource=new z,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 E(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)),x(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",set:function(t){this.datasource.data=t||[],this.rerender()},get:function(){var t;return(null==this||null===(t=this.datasource)||void 0===t?void 0:t.data)||[]}},{key:"virtualScroll",set:function(t){if(t)return this.setAttribute(v,t.toString()),void this.rerender();this.removeAttribute(v),this.rerender()},get:function(){return this.getAttribute(v)||"false"}}],[{key:"properties",get:function(){return[v]}}]),n}(C))||G);var Y;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)}}m("ids-card")(Y=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-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")(Y=function(t){l()(n,t);var e=$(n);function n(){return i()(this,n),e.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",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")},get:function(){return this.getAttribute("auto-height")}}],[{key:"properties",get:function(){return["auto-height"]}}]),n}(C))||Y);var J=document.querySelector("#list-view-1"),V=new XMLHttpRequest;V.onreadystatechange=function(){4===this.readyState&&200===this.status&&J&&(J.data=JSON.parse(this.responseText))},V.open("GET","/api/products",!0),V.send()}},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(6633)})().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},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})); | ||
| //# sourceMappingURL=ids-list-view.js.map |
@@ -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},3170:(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.6"}(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(){var e,t;null===(e=this.eventHandlers)||void 0===e||e.removeAll(),null===(t=this.keyboard)||void 0===t||t.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var e=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),e.innerHTML=this.template(),this.shadowRoot.appendChild(e.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e=document.createElement("style");e.textContent=this.cssStyles,0===e.textContent.indexOf(":host")&&(e.textContent=e.textContent.replace(":host",".".concat(this.name))),e.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(e)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var t=new CSSStyleSheet;t.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[t]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(n.n(f)()(HTMLElement)))||h;var x;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 v,E;E="ids-loader",v="/* 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=v}(x=function(e){a()(n,e);var t=g(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(3170)})().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},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})); | ||
| //# sourceMappingURL=ids-loader.js.map |
| // 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'; | ||
| import { IdsEventsMixin } from '../ids-base/ids-events-mixin'; | ||
@@ -14,22 +13,23 @@ import IdsMenu from './ids-menu'; | ||
| readonly menu: IdsMenu; | ||
| /* */ | ||
| readonly items: Array<IdsMenuItem>; | ||
| /* */ | ||
| readonly itemIcons: Array<IdsIcon>; | ||
| /* */ | ||
| readonly header?: IdsMenuHeader; | ||
| /* */ | ||
| select: 'none' | 'single' | 'multiple'; | ||
| /* */ | ||
| keepOpen: boolean; | ||
| /* */ | ||
| deselectAllExcept(keptItems?: Array<IdsMenuItem>): void; | ||
| // @TODO Don't use these -- they are private (need them here for now) | ||
| /* Internal state object used for some properties */ | ||
| state: any; | ||
| /* */ | ||
| connectedCallback(): void; | ||
| /* */ | ||
| eventHandlers: IdsEventsMixin; | ||
| } |
| // 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 IdsMenuHeader extends IdsElement {} |
@@ -8,18 +8,2 @@ // 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; | ||
| } | ||
| } | ||
| interface selected extends Event { | ||
@@ -29,3 +13,3 @@ bubbles: true, | ||
| elem: IdsMenuItem, | ||
| value: any | ||
| value: unknown | ||
| } | ||
@@ -38,3 +22,3 @@ } | ||
| elem: IdsMenuItem, | ||
| value: any | ||
| value: unknown | ||
| } | ||
@@ -45,49 +29,88 @@ } | ||
| /* Internal state object used for some properties */ | ||
| private state: object; | ||
| private state: unknown; | ||
| /* reference to the Menu Item's anchor */ | ||
| readonly a: HTMLAnchorElement; | ||
| /* reference to the parent IdsMenuGroup component */ | ||
| readonly group: IdsMenuGroup; | ||
| /* reference to a defined IDS Icon element, if applicable */ | ||
| readonly iconEl?: IdsIcon; | ||
| /* reference to the parent IdsMenu component, if one exists */ | ||
| readonly menu?: IdsMenu; | ||
| /* reference to this item's submenu, if one is present */ | ||
| readonly submenu?: IdsMenu; | ||
| /* boolean check, true if this menu item contains a submenu */ | ||
| readonly hasSubmenu: boolean; | ||
| /* returns this menu item's textContent stripped of any extraneous white space */ | ||
| readonly text: string; | ||
| /* enables/disables the component */ | ||
| disabled: boolean; | ||
| /* highlights/unhighlights the component */ | ||
| highlighted: boolean; | ||
| /* defines an IdsIcon's `icon` attribute, if one is present */ | ||
| icon?: string; | ||
| /* returns true if this item is currently selected */ | ||
| selected: boolean; | ||
| /* defines how this component responds to tab focus */ | ||
| tabIndex: number; | ||
| /* the value of the menu item */ | ||
| value?: any; | ||
| value?: unknown; | ||
| /* Highlights this menu item */ | ||
| highlight(): void; | ||
| /* Unhighlights this menu item */ | ||
| unhighlight(): void; | ||
| /* Deselects this menu item */ | ||
| deselect(): void; | ||
| /* Selects this menu item */ | ||
| select(): void; | ||
| /* Hides this menu item's submenu, if one is present */ | ||
| hideSubmenu(): void; | ||
| /* Shows this menu item's submenu, if one is present */ | ||
| showSubmenu(): void; | ||
| /** Fires before the tag is removed, you can return false in the response to veto. */ | ||
| on(event: 'beforeselected', listener: (event: beforeselected) => void): this; | ||
| /** Fires before the tag is removed, you can return false in the response to veto. */ | ||
| on(event: 'beforedeselected', listener: (event: beforedeselected) => void): this; | ||
| /** Fires before the tag is removed, you can return false in the response to veto. */ | ||
| on(event: 'selected', listener: (event: selected) => void): this; | ||
| /** Fires before the tag is removed, you can return false in the response to veto. */ | ||
| on(event: 'deselected', listener: (event: deselected) => void): this; | ||
| } | ||
| 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 is a JavaScript project, but we define TypeScript declarations so we can | ||
| // confirm our code is type safe, and to support TypeScript users. | ||
| import { IdsEventsMixin } from '../ids-base/ids-events-mixin'; | ||
| import { IdsKeyboardMixin } from '../ids-base/ids-keyboard-mixin'; | ||
| import { IdsElement } from '../ids-base/ids-element'; | ||
@@ -19,2 +17,6 @@ | ||
| IdsSeparator | ||
| }; | ||
| type IdsMenuTarget = { | ||
| trigger: string | ||
| } | ||
@@ -26,44 +28,47 @@ | ||
| readonly groups: Array<IdsMenuGroup>; | ||
| /* references all available menu items */ | ||
| readonly items: Array<IdsMenuItem>; | ||
| /* references the currently focused menu item, if one exists */ | ||
| readonly focused: IdsMenuItem | undefined; | ||
| /* references the next focusable item that was last hovered, last selected, or the first item in the list */ | ||
| readonly focusTarget: IdsMenuItem | undefined; | ||
| /* references all menu items that are currently highlighted */ | ||
| readonly highlighted: Array<IdsMenuItem>; | ||
| /* references this menu's parent menu component, if this menu is a submenu */ | ||
| readonly parentMenu: IdsMenu | undefined; | ||
| /* references this menu's parent menu item, if this menu is a submenu */ | ||
| readonly parentMenuItem: IdsMenuItem | undefined; | ||
| /* references all available submenus on this menu's direct children */ | ||
| readonly submenus: Array<IdsMenu>; | ||
| /* internal state object */ | ||
| state: IdsMenuTarget; | ||
| /* Unhighlights all menu items except for one specified item */ | ||
| highlightItem(menuItem: IdsMenuItem): void; | ||
| /* Uses a currently-highlighted menu item to "navigate" a specified number of steps to another menu item, highlighting it. */ | ||
| navigate(amt: Number, doFocus: boolean): IdsMenuItem; | ||
| navigate(amt: number, doFocus: boolean): IdsMenuItem; | ||
| /* Returns the first available menu item closest to the top of the menu. */ | ||
| getFirstAvailableItem(): IdsMenuItem; | ||
| /* Returns a list of all selected menu items in this menu, or a specified menu group */ | ||
| getSelectedItems(menuGroup?: IdsMenuGroup | string): Array<IdsMenuItem>; | ||
| /* Returns a list of the values contained by selected menu items, or a specified menu group */ | ||
| getSelectedValues(menuGroup?: IdsMenuGroup | string): Array<any>; | ||
| getSelectedValues(menuGroup?: IdsMenuGroup | string): Array<unknown>; | ||
| /* Selects a menu item contained in this menu, with some additional internal operations */ | ||
| selectItem(menuItem?: IdsMenuItem): void; | ||
| /* Clears any selected items in the menu, or specified menu group */ | ||
| clearSelectedItems(menuGroup?: IdsMenuGroup | string): void; | ||
| // @TODO Don't use these -- they are private (need them here for now) | ||
| /* Internal state object used for some properties */ | ||
| state: any; | ||
| /* */ | ||
| connectedCallback(): void; | ||
| /* */ | ||
| eventHandlers: IdsEventsMixin; | ||
| /* */ | ||
| handleEvents(): void; | ||
| /* */ | ||
| handleKeys(): void; | ||
| /* */ | ||
| keyboard: IdsKeyboardMixin; | ||
| } |
@@ -9,3 +9,3 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| } from '../ids-menu/ids-menu'; | ||
| import { IdsPopup } from '../ids-popup/ids-popup'; | ||
| import IdsPopup from '../ids-popup/ids-popup'; | ||
@@ -18,3 +18,3 @@ // Subcomponent Export | ||
| IdsSeparator | ||
| } | ||
| }; | ||
@@ -25,12 +25,18 @@ // Main export | ||
| readonly parentMenu: IdsPopupMenu | undefined; | ||
| /* references the internal IdsPopup component */ | ||
| readonly popup: IdsPopup; | ||
| /* defines the "target" HTMLElement in which to apply the PopupMenu */ | ||
| target?: HTMLElement | undefined; | ||
| /* defines the action that will cause the menu to appear */ | ||
| trigger: 'contextmenu' | 'click' | 'immediate'; | ||
| /* hides the menu */ | ||
| hide(): void; | ||
| /* shows the menu */ | ||
| show(): void; | ||
| /* hides all submenus, ignoring submenus attached to the specified menu item */ | ||
@@ -42,2 +48,2 @@ hideSubmenus(focusedMenuItem?: IdsMenuItem): void; | ||
| connectedCallback(): void; | ||
| }; | ||
| } |
| // 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 IdsPopup extends HTMLElement { | ||
| export default class IdsPopup extends IdsElement { | ||
| /** Sets the element to align with via a css selector */ | ||
| alignTarget: string; | ||
| alignTarget: string | HTMLElement; | ||
| /** Sets the alignment direction between left, right, top, bottom, center and can be a comma | ||
| delimited set of multiple alignment types for example `left, top` */ | ||
| align: string; | ||
| /** Strategy for the parent X alignment (see the ALIGNMENTS_X array) */ | ||
| alignX: string; | ||
| /** Strategy for the parent X alignment ((see the ALIGNMENTS_Y array) */ | ||
| alignY: string; | ||
| /** Specifies the edge of the parent element to be placed adjacent, in configurations where a relative placement occurs */ | ||
| alignEdge: string; | ||
| /** Whether or not the component should animate its movement */ | ||
| animated: boolean; | ||
| /** Direction of the Popup Arrow, if applicable (defaults to `none`) */ | ||
| arrow: 'none' | 'bottom' | 'top' | 'left' | 'right'; | ||
| /** Reference to the Arrow Element inside the Popup's Shadow DOM */ | ||
| readonly arrowEl: HTMLDivElement; | ||
| /** */ | ||
| arrowTarget: string | HTMLElement; | ||
| /** The style of popup to use between 'none', 'menu', 'menu-alt', 'tooltip', 'tooltip-alt' */ | ||
| type: string; | ||
| /** Whether or not the component should be displayed */ | ||
| visible: boolean; | ||
| /** Sets the X (left) coordinate of the Popup */ | ||
| x: number; | ||
| /** Sets the Y (top) coordinate of the Popup */ | ||
@@ -29,2 +48,5 @@ y: number; | ||
| refresh(): void; | ||
| /** Places the arrow */ | ||
| placeArrow(): void; | ||
| } |
@@ -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),o=n(7067);function s(e,n,r){return o()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,n){var o=[null];o.push.apply(o,e);var s=new(Function.bind.apply(t,o));return n&&i(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 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),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,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},3292:(t,e,n)=>{"use strict";n(8363),n(4548);var i=n(3379),o=n.n(i),s=n(4898),r={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};o()(s.Z,r);s.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}))}))},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",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",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:()=>o,jB:()=>s,h5:()=>r});function i(){return function(t){t.prototype.version="0.0.0-beta.6"}}function o(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function s(t){return function(e){Object.assign(e.prototype,t)}}function r(t){return function(e){e.prototype.cssStyles=t}}},3189:(t,e,n)=>{"use strict";n.d(e,{t:()=>i});var i={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:()=>v,Mo:()=>m.Mo,jB:()=>m.jB,h5:()=>m.h5});var i,o=n(4575),s=n.n(o),r=n(3913),a=n.n(r),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),h=n.n(p),b=n(5957),f=n.n(b),m=n(3986),g=(n(254),n(7049));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=h()(t);if(e){var o=h()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u()(this,n)}}var v=(0,m.i8)()(i=function(t){c()(n,t);var e=y(n);function n(){var t;return s()(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.C.camelCase(t)]=n)}},{key:"disconnectedCallback",value:function(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||i},4913:(t,e,n)=>{"use strict";n.d(e,{S:()=>c});var i=n(4575),o=n.n(i),s=n(3913),r=n.n(s),a=n(9713),l=n.n(a),c=function(){function t(){o()(this,t),l()(this,"handledEvents",new Map)}return r()(t,[{key:"addEventListener",value:function(t,e,n,i){e.addEventListener(t.split(".")[0],n,i),this.handledEvents.set(t,{target:e,callback:n,options:i})}},{key:"removeEventListener",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:"dispatchEvent",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:"removeAll",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.removeEventListener(n,e.target,e.options)}))}}]),t}()},7818:(t,e,n)=>{"use strict";function i(){window.Ids||(window.Ids={})}n.d(e,{C:()=>s});var o=[],s={setupResize:function(){i(),window.Ids.resizeObserver||"undefined"==typeof ResizeObserver||(window.Ids.resizeObserver=new ResizeObserver((function(){o.forEach((function(t){"function"==typeof t.refresh&&t.refresh()}))}))),this.ro||(this.ro=window.Ids.resizeObserver),o.includes(this)||o.push(this)},disconnectResize:function(){var t=this;this.ro&&(o=o.filter((function(e){return!t.isEqualNode(e)})),delete this.ro)},shouldResize:function(){return"undefined"!=typeof ResizeObserver&&this.ro instanceof ResizeObserver},resizeDetectionTarget:function(){var t=this.parentNode;return t instanceof ShadowRoot&&(t=t.host),t},setupDetectMutations:function(){var t=this;i(),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)},disconnectDetectMutations:function(){this.mo&&(this.mutationTargets=[],delete this.mo)},shouldDetectMutations:function(){return"undefined"!=typeof MutationObserver&&this.mo instanceof MutationObserver}}},7049:(t,e,n)=>{"use strict";n.d(e,{C:()=>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]}))}}},4548:(t,e,n)=>{"use strict";var i,o=n(4575),s=n.n(o),r=n(3913),a=n.n(r),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),h=n.n(p),b=n(8330),f=n(3189),m=n(4913),g=n(1762),y=n(254),v=n(3556);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,i=h()(t);if(e){var o=h()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u()(this,n)}}var E=["default","primary","secondary","tertiary","destructive"],A={cssClass:[],disabled:!1,tabIndex:!0,type:E[0]},C=[y.N.CSS_CLASS,y.N.DISABLED,y.N.ICON,y.N.ICON_ALIGN,y.N.ID,y.N.TEXT,y.N.TYPE,y.N.TABINDEX],k=["align-icon-start","align-icon-end"];(0,b.Mo)("ids-button")(i=(0,b.jB)(g.B)(i=(0,b.h5)(v.Z)(i=function(t){c()(n,t);var e=x(n);function n(){var t;return s()(this,n),(t=e.call(this)).state={},Object.keys(A).forEach((function(e){t.state[e]=A[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:b.Hb.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-toggle-button","ids-icon-button"]),t.add(e)}},{key:"template",value:function(){var t,e,n,i,o,s,r,a="",l="",c="",d="",u='tabindex="0"',p="",h="";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!==(i=this.state)&&void 0!==i&&i.icon&&(d='<ids-icon slot="icon" icon="'.concat(this.state.icon,'"></ids-icon>')),null!==(o=this.state)&&void 0!==o&&o.text&&(p='<span slot="text">'.concat(this.state.text,"</span>")),this.state&&"default"!==(null===(s=this.state)||void 0===s?void 0:s.type)&&(h=" btn-".concat(this.state.type)),this.protoClasses.length&&(l="".concat(this.protoClasses.join(" ")));var b=" align-icon-start",f='<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)&&(b=" align-icon-end",f='<slot name="text">'.concat(p,'</slot><slot name="icon">').concat(d,"</slot>")),'<button class="'.concat(l).concat(h).concat(b).concat(a,'" ').concat(u).concat(c,">\n ").concat(f,"\n <slot>").concat(d).concat(p,"</slot>\n </button>")}},{key:"handleEvents",value:function(){var t,e,n=this,i=!1;this.eventHandlers=new m.S,this.eventHandlers.addEventListener("click",this.button,(function(o){i?i=!1:(t=0!==o.clientX?o.clientX:void 0,e=0!==o.clientY?o.clientY:void 0,n.createRipple(t,e))})),this.eventHandlers.addEventListener("touchstart",this.button,(function(o){if(o.touches&&o.touches.length>0){var s=o.touches[0];t=0!==s.clientX?s.clientX:void 0,e=0!==s.clientY?s.clientY:void 0,n.createRipple(t,e),i=!0}}),{passive:!0})}},{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,k),n&&this.button.classList.add("align-icon-".concat(e));var i=this.button.querySelector('slot[name="icon"]');"end"===e?this.button.appendChild(i):this.button.prepend(i)}},{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:"setTypeClass",value:function(t){var e=this;E.forEach((function(n){var i="btn-".concat(n);t!==n?e.button.classList.contains(i)&&e.button.classList.remove(i):"default"===n||e.button.classList.contains(i)||e.button.classList.add(i)}))}},{key:"getRippleOffsets",value:function(t,e){var n,i,o=this.getBoundingClientRect(),s=this.button.classList.contains("ids-icon-button")?35:125;return n=t?t-o.left:o.width/2,i=e?e-o.top:o.height/2,{x:n-=s,y:i-=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"),i=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(i.x,"px"),n.style.top="".concat(i.y,"px"),n.classList.add("animating"),this.rippleTimeout&&this.rippleTimeout.destroy(!0),this.rippleTimeout=this.rl.register(new g.z({duration:1200,timeoutCallback:function(){n.remove()}}))}}},{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:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"cssClass",set:function(t){var e=t,n=[],i=[].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.N.CSS_CLASS,e.toString()):this.removeAttribute(y.N.CSS_CLASS);var o=this.button.classList,s=Array.from(o);i.forEach((function(t){n.includes(t)||o.remove(t)})),n.forEach((function(t){s.includes(t)||o.add(t)}))},get:function(){return this.state.cssClass}},{key:"disabled",set:function(t){this.shouldUpdate=!1,this.removeAttribute(y.N.DISABLED),this.shouldUpdate=!0;var e=f.t.isTrueBooleanAttribute(t);this.state.disabled=e,this.button&&(this.button.disabled=e)},get:function(){return this.state.disabled}},{key:"tabIndex",set:function(t){this.shouldUpdate=!1,this.removeAttribute(y.N.TABINDEX),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(y.N.TABINDEX,"0");this.state.tabIndex=e,this.button.setAttribute(y.N.TABINDEX,"".concat(e))},get:function(){return this.state.tabIndex}},{key:"icon",set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(y.N.ICON),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(y.N.ICON,t),this.appendIcon(t)},get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")}},{key:"iconAlign",set:function(t){var e=t;k.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()},get:function(){return this.state.iconAlign}},{key:"text",set:function(t){if(this.removeAttribute(y.N.TEXT),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)},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}},{key:"type",set:function(t){!t||E.indexOf(t)<=0?(this.removeAttribute(y.N.TYPE),this.state.type=E[0]):(this.setAttribute(y.N.TYPE,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)},get:function(){return this.state.type}}],[{key:"properties",get:function(){return C}}]),n}(b.Hb))||i)||i)},8363:(t,e,n)=>{"use strict";var i,o=n(4575),s=n.n(o),r=n(3913),a=n.n(r),l=n(2205),c=n.n(l),d=n(8585),u=n.n(d),p=n(9754),h=n.n(p),b=n(8330),f=n(254),m=n(4913),g=n(1762),y=n(7049),v=n(7818),x=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 o=h()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return u()(this,n)}}var A="center",C=[A,"bottom","top","left","right"],k=[A,"left","right"],w=[A,"top","bottom"],S=k.filter((function(t){return t!==A})),T=w.filter((function(t){return t!==A})),D=["none","menu","menu-alt","tooltip","tooltip-alt"],F=["align","align-x","align-y","align-edge","align-target",f.N.ANIMATED,f.N.TYPE,f.N.VISIBLE,"x","y"];function B(t,e,n){return T.includes(n)?t&&t.length&&t!==A?"".concat(n,", ").concat(t):"".concat(n):e&&e.length&&e!==A?n===A?"".concat(e):"".concat(n,", ").concat(e):"".concat(t)}(0,b.Mo)("ids-popup")(i=(0,b.h5)(x.Z)(i=(0,b.jB)(g.B)(i=(0,b.jB)(v.C)(i=function(t){c()(n,t);var e=E(n);function n(){var t;return s()(this,n),(t=e.call(this)).alignment={edge:C[0],target:void 0,x:k[0],y:w[0]},t.coords={x:0,y:0},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(){b.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&&b.Hb.prototype.attributeChangedCallback.apply(this,[t,e,n])}},{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;D.forEach((function(t){t!==e&&n.contains(t)?n.remove(t):t!==e||n.contains(t)||n.add(t)})),this.isVisible?this.container.classList.add("visible"):this.container.classList.remove("open"),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 g.z({duration:70,timeoutCallback:function(){t.isVisible&&(t.eventHandlers.dispatchEvent("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 g.z({duration:200,timeoutCallback:function(){t.isVisible||(t.eventHandlers.dispatchEvent("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(),o=this.alignEdge,s=!1,r=!1;if(w.includes(o)){switch(o){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,r=!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,s=!0}}if(k.includes(o)){switch(o){case"left":t=i.left-n.width-t;break;case"right":t=i.right+t;break;default:if(s)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(r)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:"safeSetAttribute",value:function(t,e){if(F.includes(t)){var n=this.shouldUpdate;this.shouldUpdate=!1,this.setAttribute(t,e),this.shouldUpdate=n}}},{key:"safeRemoveAttribute",value:function(t){if(F.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="content-wrapper">\n <slot name="content"></slot>\n </div>\n </div>'}},{key:"handleEvents",value:function(){var t=this;this.eventHandlers=new m.S;var e=this.shadowRoot.querySelector("slot");this.eventHandlers.addEventListener("slotchange",e,(function(){t.refresh()}))}},{key:"wrapper",get:function(){return this.shadowRoot.querySelector(".content-wrapper")}},{key:"alignTarget",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()},get:function(){return this.alignment.target}},{key:"align",set:function(t){this.shouldUpdate=!1;var e=t;"string"==typeof e&&e.length||(e=A);var n,i,o=e.split(","),s=(o=o.map((function(t){return t.trim().toLowerCase()})))[0];if(C.includes(s)&&(this.alignEdge=s,o[0]=this.alignEdge),o[1]||o.push("center"),T.includes(o[0])||S.includes(o[1])){var r=o[1];o[1]=o[0],o[0]=r}k.includes(o[0])?(n=o[0],this.alignX=o[0]):n=this.alignX,w.includes(o[1])?(i=o[1],this.alignY=o[1]):i=this.alignY,this.setAttribute("align",B(n,i,this.alignment.edge)),this.shouldUpdate=!0,this.refresh()},get:function(){return B(this.alignX,this.alignY,this.alignEdge)}},{key:"alignX",set:function(t){if("string"==typeof t&&t.length){var e=t;k.includes(t)||(e=k[0]),this.alignment.x=e;var n=this.alignment.y;this.hasAttribute("align-x")?(this.safeRemoveAttribute("align-x"),this.align=B(e,n,e)):this.shouldUpdate&&(this.align=B(e,n,e)),this.refresh()}},get:function(){return this.alignment.x}},{key:"alignY",set:function(t){if("string"==typeof t&&t.length){var e=w[0];w.includes(t)&&(e=t),this.alignment.y=e;var n=this.alignment.x;this.hasAttribute("align-y")?(this.safeRemoveAttribute("align-y"),this.align=B(n,e,e)):this.shouldUpdate&&(this.align=B(n,e,e)),this.refresh()}},get:function(){return this.alignment.y}},{key:"alignEdge",set:function(t){if("string"==typeof t&&t.length){var e,n=this.alignment.x,i=this.alignment.y;C.includes(t)?(e=t,t===A&&(n=t,i=t)):e=C[0],this.alignment.edge=e,this.hasAttribute("align-edge")?(this.shouldUpdate=!1,this.removeAttribute("align-edge"),this.align=B(n,i,e),this.shouldUpdate=!0):this.shouldUpdate&&(this.align=B(n,i,e)),this.refresh()}},get:function(){return this.alignment.edge}},{key:"animated",set:function(t){this.isAnimated=y.C.stringToBool(t),this.isAnimated?this.safeSetAttribute("animated",!0):this.safeRemoveAttribute("animated"),this.refresh()},get:function(){return this.isAnimated}},{key:"type",set:function(t){t&&D.includes(t)&&(this.trueType=t),this.safeSetAttribute("type",this.trueType),this.refresh()},get:function(){return this.trueType}},{key:"visible",set:function(t){this.isVisible=y.C.stringToBool(t),this.isVisible?this.safeSetAttribute("visible",!0):this.safeRemoveAttribute("visible"),this.refresh()},get:function(){return this.isVisible}},{key:"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()},get:function(){return this.coords.x}},{key:"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()},get:function(){return this.coords.y}}],[{key:"properties",get:function(){return F}}]),n}(b.Hb))||i)||i)||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),o=n.n(i),s=n(3913),r=n.n(s),a=n(1506),l=n.n(a),c=n(2205),d=n.n(c),u=n(8585),p=n.n(u),h=n(9754),b=n.n(h),f=n(5957),m=n.n(f),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=b()(t);if(e){var o=b()(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return p()(this,n)}}const v=function(t){d()(n,t);var e=y(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=(0,g.A)(),t.totalStoppedTime=0,p()(t,l()(t))}return r()(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,delete this.lastPauseTime,this.paused=!1}},{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}},{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}}]),n}(m()(Object))},1762:(t,e,n)=>{"use strict";n.d(e,{B:()=>r,z:()=>o.Z});var i=n(3059),o=n(7950),s=null,r={get rl(){return s||(s=new i.Z),s}}},3059:(t,e,n)=>{"use strict";n.d(e,{Z:()=>c});var i=n(4575),o=n.n(i),s=n(3913),r=n.n(s),a=n(3293),l=n(7950);const c=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 r()(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,o=(0,a.A)();!function s(){i.doLoop&&(e=(0,a.A)(),n=(e-o)/1e3,i.items.forEach((function(s){if(s.doRemoveOnNextTick)i.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:o,delta:n,now:e};s.update(r)}})),o=e,t=!1,requestAnimationFrame(s))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=(0,a.A)(),this.items.forEach((function(t){t.pause()}))}},{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}},{key:"elapsedTime",get:function(){return(0,a.A)()-(this.startTime+this.totalStoppedTime)}}]),t}()},4898:(t,e,n)=>{"use strict";n.d(e,{Z:()=>a});var i=n(4015),o=n.n(i),s=n(3645),r=n.n(s)()(o());r.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=r},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,i){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(i)for(var s=0;s<this.length;s++){var r=this[s][0];null!=r&&(o[r]=!0)}for(var a=0;a<t.length;a++){var l=[].concat(t[a]);i&&o[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=[],i=!0,o=!1,s=void 0;try{for(var r,a=t[Symbol.iterator]();!(i=(r=a.next()).done)&&(n.push(r.value),!e||n.length!==e);i=!0);}catch(t){o=!0,s=t}finally{try{i||null==a.return||a.return()}finally{if(o)throw s}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return n(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))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,i=new Array(e);n<e;n++)i[n]=t[n];return i}t.exports=function(t){var n=e(t,4),i=n[1],o=n[3];if("function"==typeof btoa){var s=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),r="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(s),a="/*# ".concat(r," */"),l=o.sources.map((function(t){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(t," */")}));return[i].concat(l).concat([a]).join("\n")}return[i].join("\n")}},3556:(t,e,n)=>{"use strict";n.d(e,{Z:()=>i});const i="/**\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 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 box-sizing: border-box; }\n .ids-button *,\n .ids-toggle-button * {\n pointer-events: none; }\n .ids-button:focus,\n .ids-toggle-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 color: var(--ids-color-palette-black); }\n .ids-button[disabled],\n .ids-toggle-button[disabled] {\n color: var(--ids-color-palette-slate-30); }\n .ids-button:not([disabled]),\n .ids-toggle-button:not([disabled]) {\n cursor: pointer; }\n .ids-button span,\n .ids-toggle-button span {\n vertical-align: bottom; }\n .ids-button span.audible,\n .ids-toggle-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 vertical-align: middle; }\n .ids-button .ripple-effect,\n .ids-toggle-button .ripple-effect {\n background-color: var(--ids-color-brand-primary-base); }\n .ids-button.btn-primary,\n .ids-toggle-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 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 background-color: var(--ids-color-palette-azure-80); }\n .ids-button.btn-primary[disabled],\n .ids-toggle-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 background-color: var(--ids-color-brand-primary-contrast); }\n .ids-button.btn-secondary,\n .ids-toggle-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 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 background-color: var(--ids-color-palette-slate-40); }\n .ids-button.btn-secondary[disabled],\n .ids-toggle-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 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 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 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 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 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 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 padding-left: 4px; }\n .ids-button .ids-icon,\n .ids-toggle-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 padding-left: 4px; }\n .ids-button ::slotted(ids-icon:only-child),\n .ids-toggle-button ::slotted(ids-icon:only-child) {\n display: block; }\n .ids-button .ripple-effect,\n .ids-toggle-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"},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.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-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.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'},3379:(t,e,n)=>{"use strict";var i,o=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},s=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]}}(),r=[];function a(t){for(var e=-1,n=0;n<r.length;n++)if(r[n].identifier===t){e=n;break}return e}function l(t,e){for(var n={},i=[],o=0;o<t.length;o++){var s=t[o],l=e.base?s[0]+e.base:s[0],c=n[l]||0,d="".concat(l," ").concat(c);n[l]=c+1;var u=a(d),p={css:s[1],media:s[2],sourceMap:s[3]};-1!==u?(r[u].references++,r[u].updater(p)):r.push({identifier:d,updater:m(p,e),references:1}),i.push(d)}return i}function c(t){var e=document.createElement("style"),i=t.attributes||{};if(void 0===i.nonce){var o=n.nc;o&&(i.nonce=o)}if(Object.keys(i).forEach((function(t){e.setAttribute(t,i[t])})),"function"==typeof t.insert)t.insert(e);else{var r=s(t.insert||"head");if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.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,i){var o=n?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(t.styleSheet)t.styleSheet.cssText=u(e,o);else{var s=document.createTextNode(o),r=t.childNodes;r[e]&&t.removeChild(r[e]),r.length?t.insertBefore(s,r[e]):t.appendChild(s)}}function h(t,e,n){var i=n.css,o=n.media,s=n.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),s&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(s))))," */")),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var b=null,f=0;function m(t,e){var n,i,o;if(e.singleton){var s=f++;n=b||(b=c(e)),i=p.bind(null,n,s,!1),o=p.bind(null,n,s,!0)}else n=c(e),i=h.bind(null,n,e),o=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return i(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;i(t=e)}else o()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var n=l(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var i=0;i<n.length;i++){var o=a(n[i]);r[o].references--}for(var s=l(t,e),c=0;c<n.length;c++){var d=a(n[c]);0===r[d].references&&(r[d].updater(),r.splice(d,1))}n=s}}}}},e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={id: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(3292)})().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},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})); | ||
| //# sourceMappingURL=ids-popup.js.map |
@@ -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 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},6564:(t,e,n)=>{"use strict";var i=n(4575),o=n.n(i),r=n(3913),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(5957),f=n.n(h);function m(t){return function(e){Object.assign(e.prototype,t)}}var b,y="animated",g="type",v="visible",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 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=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 C=function(t){t.prototype.version="0.0.0-beta.6"}(b=function(t){l()(n,t);var e=w(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[x(t)]=n)}},{key:"disconnectedCallback",value:function(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||b,E=n(9713),A=n.n(E),S=function(){function t(){o()(this,t),A()(this,"handledEvents",new Map)}return s()(t,[{key:"addEventListener",value:function(t,e,n,i){e.addEventListener(t.split(".")[0],n,i),this.handledEvents.set(t,{target:e,callback:n,options:i})}},{key:"removeEventListener",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:"dispatchEvent",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:"removeAll",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.removeEventListener(n,e.target,e.options)}))}}]),t}();function T(){return window.performance.now()}var F=n(1506),R=n.n(F);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,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 B=function(t){l()(n,t);var e=D(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(R()(t))),"function"==typeof i.timeoutCallback&&(t.timeoutCallback=i.timeoutCallback.bind(R()(t))),t.paused=!1,t.startTime=T(),t.totalStoppedTime=0,u()(t,R()(t))}return s()(n,[{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,delete this.lastPauseTime,this.paused=!1}},{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}},{key:"elapsedTime",get:function(){return T()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&T()>this.nextUpdateTime}}]),n}(f()(Object));const z=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=T()),this.lastStopTime&&(t=!0,this.resumeTime=T(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,i=this,o=T();!function r(){i.doLoop&&(e=T(),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=T(),this.items.forEach((function(t){t.pause()}))}},{key:"register",value:function(t){return this.items.push(t),t}},{key:"remove",value:function(t){var e,n;return t instanceof B&&(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}},{key:"elapsedTime",get:function(){return T()-(this.startTime+this.totalStoppedTime)}}]),t}();var O=null,L={get rl(){return O||(O=new z),O}};function M(){window.Ids||(window.Ids={})}var U=[],j={setupResize:function(){M(),window.Ids.resizeObserver||"undefined"==typeof ResizeObserver||(window.Ids.resizeObserver=new ResizeObserver((function(){U.forEach((function(t){"function"==typeof t.refresh&&t.refresh()}))}))),this.ro||(this.ro=window.Ids.resizeObserver),U.includes(this)||U.push(this)},disconnectResize:function(){var t=this;this.ro&&(U=U.filter((function(e){return!t.isEqualNode(e)})),delete this.ro)},shouldResize:function(){return"undefined"!=typeof ResizeObserver&&this.ro instanceof ResizeObserver},resizeDetectionTarget:function(){var t=this.parentNode;return t instanceof ShadowRoot&&(t=t.host),t},setupDetectMutations:function(){var t=this;M(),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)},disconnectDetectMutations:function(){this.mo&&(this.mutationTargets=[],delete this.mo)},shouldDetectMutations:function(){return"undefined"!=typeof MutationObserver&&this.mo instanceof MutationObserver}};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,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 I="center",P=[I,"bottom","top","left","right"],_=[I,"left","right"],H=[I,"top","bottom"],V=_.filter((function(t){return t!==I})),X=H.filter((function(t){return t!==I})),Y=["none","menu","menu-alt","tooltip","tooltip-alt"],G=["align","align-x","align-y","align-edge","align-target",y,g,v,"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,K;K="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.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-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.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',$=N=function(t){t.prototype.cssStyles=J}(N=m(L)(N=m(j)(N=function(t){l()(n,t);var e=q(n);function n(){var t;return o()(this,n),(t=e.call(this)).alignment={edge:P[0],target:void 0,x:_[0],y:H[0]},t.coords={x:0,y:0},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(){C.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&&C.prototype.attributeChangedCallback.apply(this,[t,e,n])}},{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;Y.forEach((function(t){t!==e&&n.contains(t)?n.remove(t):t!==e||n.contains(t)||n.add(t)})),this.isVisible?this.container.classList.add("visible"):this.container.classList.remove("open"),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 B({duration:70,timeoutCallback:function(){t.isVisible&&(t.eventHandlers.dispatchEvent("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 B({duration:200,timeoutCallback:function(){t.isVisible||(t.eventHandlers.dispatchEvent("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(),o=this.alignEdge,r=!1,s=!1;if(H.includes(o)){switch(o){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,r=!0}}if(_.includes(o)){switch(o){case"left":t=i.left-n.width-t;break;case"right":t=i.right+t;break;default:if(r)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:"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="content-wrapper">\n <slot name="content"></slot>\n </div>\n </div>'}},{key:"handleEvents",value:function(){var t=this;this.eventHandlers=new S;var e=this.shadowRoot.querySelector("slot");this.eventHandlers.addEventListener("slotchange",e,(function(){t.refresh()}))}},{key:"wrapper",get:function(){return this.shadowRoot.querySelector(".content-wrapper")}},{key:"alignTarget",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()},get:function(){return this.alignment.target}},{key:"align",set:function(t){this.shouldUpdate=!1;var e=t;"string"==typeof e&&e.length||(e=I);var n,i,o=e.split(","),r=(o=o.map((function(t){return t.trim().toLowerCase()})))[0];if(P.includes(r)&&(this.alignEdge=r,o[0]=this.alignEdge),o[1]||o.push("center"),X.includes(o[0])||V.includes(o[1])){var s=o[1];o[1]=o[0],o[0]=s}_.includes(o[0])?(n=o[0],this.alignX=o[0]):n=this.alignX,H.includes(o[1])?(i=o[1],this.alignY=o[1]):i=this.alignY,this.setAttribute("align",Z(n,i,this.alignment.edge)),this.shouldUpdate=!0,this.refresh()},get:function(){return Z(this.alignX,this.alignY,this.alignEdge)}},{key:"alignX",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()}},get:function(){return this.alignment.x}},{key:"alignY",set:function(t){if("string"==typeof t&&t.length){var e=H[0];H.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()}},get:function(){return this.alignment.y}},{key:"alignEdge",set:function(t){if("string"==typeof t&&t.length){var e,n=this.alignment.x,i=this.alignment.y;P.includes(t)?(e=t,t===I&&(n=t,i=t)):e=P[0],this.alignment.edge=e,this.hasAttribute("align-edge")?(this.shouldUpdate=!1,this.removeAttribute("align-edge"),this.align=Z(n,i,e),this.shouldUpdate=!0):this.shouldUpdate&&(this.align=Z(n,i,e)),this.refresh()}},get:function(){return this.alignment.edge}},{key:"animated",set:function(t){this.isAnimated=k(t),this.isAnimated?this.safeSetAttribute("animated",!0):this.safeRemoveAttribute("animated"),this.refresh()},get:function(){return this.isAnimated}},{key:"type",set:function(t){t&&Y.includes(t)&&(this.trueType=t),this.safeSetAttribute("type",this.trueType),this.refresh()},get:function(){return this.trueType}},{key:"visible",set:function(t){this.isVisible=k(t),this.isVisible?this.safeSetAttribute("visible",!0):this.safeRemoveAttribute("visible"),this.refresh()},get:function(){return this.isVisible}},{key:"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()},get:function(){return this.coords.x}},{key:"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()},get:function(){return this.coords.y}}],[{key:"properties",get:function(){return G}}]),n}(C))||N)||N)||N,customElements.get(K)||customElements.define(K,$);var $;var Q=n(3379),W=n.n(Q),tt=n(933),et={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};W()(tt.Z,et);tt.Z.locals},933:(t,e,n)=>{"use strict";n.d(e,{Z:()=>a});var i=n(4015),o=n.n(i),r=n(3645),s=n.n(r)()(o());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,i){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(i)for(var r=0;r<this.length;r++){var s=this[r][0];null!=s&&(o[s]=!0)}for(var a=0;a<t.length;a++){var l=[].concat(t[a]);i&&o[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=[],i=!0,o=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(n.push(s.value),!e||n.length!==e);i=!0);}catch(t){o=!0,r=t}finally{try{i||null==a.return||a.return()}finally{if(o)throw r}}return n}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return n(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);"Object"===i&&t.constructor&&(i=t.constructor.name);if("Map"===i||"Set"===i)return Array.from(t);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))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,i=new Array(e);n<e;n++)i[n]=t[n];return i}t.exports=function(t){var n=e(t,4),i=n[1],o=n[3];if("function"==typeof btoa){var r=btoa(unescape(encodeURIComponent(JSON.stringify(o)))),s="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(r),a="/*# ".concat(s," */"),l=o.sources.map((function(t){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(t," */")}));return[i].concat(l).concat([a]).join("\n")}return[i].join("\n")}},3379:(t,e,n)=>{"use strict";var i,o=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},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={},i=[],o=0;o<t.length;o++){var r=t[o],l=e.base?r[0]+e.base:r[0],c=n[l]||0,u="".concat(l," ").concat(c);n[l]=c+1;var d=a(u),p={css:r[1],media:r[2],sourceMap:r[3]};-1!==d?(s[d].references++,s[d].updater(p)):s.push({identifier:u,updater:b(p,e),references:1}),i.push(u)}return i}function c(t){var e=document.createElement("style"),i=t.attributes||{};if(void 0===i.nonce){var o=n.nc;o&&(i.nonce=o)}if(Object.keys(i).forEach((function(t){e.setAttribute(t,i[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 u,d=(u=[],function(t,e){return u[t]=e,u.filter(Boolean).join("\n")});function p(t,e,n,i){var o=n?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(t.styleSheet)t.styleSheet.cssText=d(e,o);else{var r=document.createTextNode(o),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(r,s[e]):t.appendChild(r)}}function h(t,e,n){var i=n.css,o=n.media,r=n.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),r&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}var f=null,m=0;function b(t,e){var n,i,o;if(e.singleton){var r=m++;n=f||(f=c(e)),i=p.bind(null,n,r,!1),o=p.bind(null,n,r,!0)}else n=c(e),i=h.bind(null,n,e),o=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return i(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;i(t=e)}else o()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var n=l(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var i=0;i<n.length;i++){var o=a(n[i]);s[o].references--}for(var r=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=r}}}}},e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={id: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(6564)})().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},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})); | ||
| //# sourceMappingURL=test-target-in-grid.js.map |
@@ -7,18 +7,27 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| dirtyTracker: boolean; | ||
| /** Sets checkbox to disabled **/ | ||
| /** Sets checkbox to disabled * */ | ||
| disabled: boolean; | ||
| /** Flips the checkbox orientation to horizontal **/ | ||
| /** Flips the checkbox orientation to horizontal * */ | ||
| horizontal: boolean; | ||
| /** Sets the checkbox label text **/ | ||
| /** Sets the checkbox label text * */ | ||
| label: string; | ||
| /** Sets the checkbox label font size (rarely used) **/ | ||
| labelFontSize: 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 'xs' | 'sm ' | 'lg' | 'xl' | string | number; | ||
| /** Sets the checkbox to required **/ | ||
| /** Sets the checkbox label font size (rarely used) * */ | ||
| labelFontSize: 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | | ||
| 'xs' | 'sm ' | 'lg' | 'xl' | string | number; | ||
| /** Sets the checkbox to required * */ | ||
| labelRequired: boolean; | ||
| /** Sets the validation check to use **/ | ||
| /** Sets the validation check to use * */ | ||
| validate: 'required' | string; | ||
| /** Sets which events to fire validation on **/ | ||
| /** Sets which events to fire validation on * */ | ||
| validationEvents: 'change' | string; | ||
| /** Sets the checkbox `value` attribute **/ | ||
| /** Sets the checkbox `value` attribute * */ | ||
| value: string; | ||
| } |
@@ -11,3 +11,4 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| label: string; | ||
| labelFontSize: 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 'xs' | 'sm ' | 'lg' | 'xl' | string | number; | ||
| labelFontSize: 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | | ||
| 'xs' | 'sm ' | 'lg' | 'xl' | string | number; | ||
| validationHasError: boolean; | ||
@@ -14,0 +15,0 @@ value: string; |
@@ -5,3 +5,3 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| export default class IdsRenderLoopItem { | ||
| /** lifespan of the renderloop item in miliseconds (defaults to -1, which means it has no duration)*/ | ||
| /** lifespan of the renderloop item in miliseconds (defaults to -1, which means it has no duration) */ | ||
| duration?: number; | ||
@@ -16,3 +16,3 @@ | ||
| /** specifies a function to fire when the timer ends */ | ||
| timeoutCallback?: Function; | ||
| timeoutCallback?: () => void; | ||
@@ -19,0 +19,0 @@ /** determines whether or not the item is counting down its lifespan */ |
@@ -7,10 +7,15 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| checked: boolean; | ||
| /** Sets checkbox to disabled **/ | ||
| /** Sets checkbox to disabled * */ | ||
| disabled: boolean; | ||
| /** Sets the checkbox label text **/ | ||
| /** Sets the checkbox label text * */ | ||
| label: string; | ||
| /** Sets the checkbox label font size (rarely used) **/ | ||
| labelFontSize: 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | 'xs' | 'sm ' | 'lg' | 'xl' | string | number; | ||
| /** Sets the checkbox `value` attribute **/ | ||
| /** Sets the checkbox label font size (rarely used) * */ | ||
| labelFontSize: 10 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 60 | 72 | | ||
| 'xs' | 'sm ' | 'lg' | 'xl' | string | number; | ||
| /** Sets the checkbox `value` attribute * */ | ||
| value: string; | ||
| } |
@@ -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-switch/ids-switch-lib.js"]=i():t["ids-switch/ids-switch-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,e)=>{var n=e(9489),o=e(7067);function r(i,e,s){return o()?t.exports=r=Reflect.construct:t.exports=r=function(t,i,e){var o=[null];o.push.apply(o,i);var r=new(Function.bind.apply(t,o));return e&&n(r,e.prototype),r},r.apply(null,arguments)}t.exports=r},3913:t=>{function i(t,i){for(var e=0;e<i.length;e++){var n=i[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}t.exports=function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}},9713:t=>{t.exports=function(t,i,e){return i in t?Object.defineProperty(t,i,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[i]=e,t}},9754:t=>{function i(e){return t.exports=i=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},i(e)}t.exports=i},2205:(t,i,e)=>{var n=e(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,e)=>{var n=e(8),o=e(1506);t.exports=function(t,i){return!i||"object"!==n(i)&&"function"!=typeof i?o(t):i}},9489:t=>{function i(e,n){return t.exports=i=Object.setPrototypeOf||function(t,i){return t.__proto__=i,t},i(e,n)}t.exports=i},8:t=>{function i(e){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(e)}t.exports=i},5957:(t,i,e)=>{var n=e(9754),o=e(9489),r=e(430),s=e(9100);function d(i){var e="function"==typeof Map?new Map:void 0;return t.exports=d=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!==e){if(e.has(t))return e.get(t);e.set(t,i)}function i(){return s(t,arguments,n(this).constructor)}return i.prototype=Object.create(t.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),o(i,t)},d(i)}t.exports=d},1046:(t,i,e)=>{"use strict";var n=e(4575),o=e.n(n),r=e(3913),s=e.n(r),d=e(2205),a=e.n(d),l=e(8585),c=e.n(l),u=e(9754),p=e.n(u),g=e(5957);function m(t){return function(i){customElements.get(t)||customElements.define(t,i)}}function h(t){return function(i){Object.assign(i.prototype,t)}}function y(t){return function(i){i.prototype.cssStyles=t}}var f,b="audible",x="auto",w="checked",v="cols",E="disabled",F="fixed",C="font-size",z="gap",A="label",k="no-margins",D="rows",B="type",S="value",R={camelCase: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)}))},stringToBool:function(t){return"true"===(t+"").toLowerCase()},injectTemplate:function(t,i){return t.replace(/\${(.*?)}/g,(function(t,e){return i[e]}))}};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 e,n=p()(t);if(i){var o=p()(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return c()(this,e)}}var L=function(t){t.prototype.version="0.0.0-beta.6"}(f=function(t){a()(e,t);var i=q(e);function e(){var t;return o()(this,e),(t=i.call(this)).addBaseName(),t.render(),t}return s()(e,[{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,e){i!==e&&(this[R.camelCase(t)]=e)}},{key:"disconnectedCallback",value:function(){var t,i;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(i=this.keyboard)||void 0===i||i.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}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}}]),e}(e.n(g)()(HTMLElement)))||f,H=e(9713),T=e.n(H),M=function(){function t(){o()(this,t),T()(this,"handledEvents",new Map)}return s()(t,[{key:"addEventListener",value:function(t,i,e,n){i.addEventListener(t.split(".")[0],e,n),this.handledEvents.set(t,{target:i,callback:e,options:n})}},{key:"removeEventListener",value:function(t,i,e){var n=this.handledEvents.get(t);i.removeEventListener(t.split(".")[0],n.callback,e||n.options),this.handledEvents.delete(t)}},{key:"dispatchEvent",value:function(t,i){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=new CustomEvent(t.split(".")[0],e);i.dispatchEvent(n)}},{key:"removeAll",value:function(){var t=this;this.handledEvents.forEach((function(i,e){t.removeEventListener(e,i.target,i.options)}))}}]),t}(),j={isClick:!1,isFocused:!1,labelClicked:!1,radioCheckbox:!1,hideFocus:function(){var t;this.radioCheckbox=/checkbox|radio/.test(null===(t=this.input)||void 0===t?void 0:t.getAttribute("type")),this.hidefocusToggle(this.input),this.hidefocusFocusin(),this.hidefocusFocusout(),this.hidefocusMousedown()},hidefocusToggle:function(t){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],e=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(t){var n=i?"remove":"add";t.classList[n]("hide-focus"),this.eventHandlers||(this.eventHandlers=new M),e||this.eventHandlers.dispatchEvent("hidefocus".concat(n),this,{elem:t,action:n})}},hidefocusFocusin:function(){var t=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.input){var e="focusin";if("remove"===i){var n,o,r=null===(n=this.eventHandlers)||void 0===n||null===(o=n.handledEvents)||void 0===o?void 0:o.get(e);r&&r.target===this.input&&this.eventHandlers.removeEventListener(e,this.input)}else this.eventHandlers.addEventListener(e,this.input,(function(){t.isClick||t.isFocused||t.labelClicked||t.hidefocusToggle(t.input,!0),t.isClick=!1,t.isFocused=!0,t.labelClicked=!1}))}},hidefocusFocusout:function(){var t=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.input){var e="focusout";if("remove"===i){var n,o,r=null===(n=this.eventHandlers)||void 0===n||null===(o=n.handledEvents)||void 0===o?void 0:o.get(e);r&&r.target===this.input&&this.eventHandlers.removeEventListener(e,this.input)}else this.eventHandlers.addEventListener(e,this.input,(function(){if(t.hidefocusToggle(t.input),t.isClick=!1,t.isFocused=!1,t.radioCheckbox){var i=t.shadowRoot.querySelector("label"),e=t.shadowRoot.querySelector(".label-text"),n=t.shadowRoot.querySelector(".checkmark"),o=t.shadowRoot.querySelector(".circle"),r=t.shadowRoot.querySelector(".ids-radio");t.hidefocusToggle(r,!0,!0),t.labelClicked=t.labelClicked===i||t.labelClicked===e||t.labelClicked===n||t.labelClicked===o}}))}},hidefocusHandleMousedown:function(){this.hidefocusToggle(this.input),this.isClick=!0},hidefocusMousedown:function(){var t=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.input){var e=function(e){if(e){var n="mousedown";if("remove"===i){var o,r,s=null===(o=t.eventHandlers)||void 0===o||null===(r=o.handledEvents)||void 0===r?void 0:r.get(n);s&&s.target===e&&t.eventHandlers.removeEventListener(n,e)}else t.eventHandlers.addEventListener(n,e,(function(){if(t.hidefocusHandleMousedown(),t.radioCheckbox){var i=t.shadowRoot.querySelector(".ids-radio");t.hidefocusToggle(i),t.labelClicked=e}}))}};this.radioCheckbox&&(e(this.shadowRoot.querySelector("label")),e(this.shadowRoot.querySelector(".label-text")),e(this.shadowRoot.querySelector(".checkmark")),e(this.shadowRoot.querySelector(".circle")))}},destroyHideFocus:function(){this.hidefocusToggle(this.input,!0),this.hidefocusFocusin("remove"),this.hidefocusFocusout("remove"),this.hidefocusMousedown("remove")}};var O;function P(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 e,n=p()(t);if(i){var o=p()(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return c()(this,e)}}m("ids-text")(O=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")(O=function(t){a()(e,t);var i=P(e);function e(){return o()(this,e),i.call(this)}return s()(e,[{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=document.createElement("template");this.shadowRoot.querySelector(".ids-text").remove(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0))}},{key:"fontSize",set:function(t){if(t)return this.setAttribute(C,t),void this.container.classList.add("ids-text-".concat(t));this.removeAttribute(C),this.container.className="",this.container.classList.add("ids-text")},get:function(){return this.getAttribute(C)}},{key:"type",set:function(t){if(t)return this.setAttribute(B,t),void this.rerender();this.removeAttribute(B),this.rerender()},get:function(){return this.getAttribute(B)}},{key:"audible",set:function(t){if(t)return this.setAttribute(b,t),void this.rerender();this.removeAttribute(b),this.rerender()},get:function(){return this.getAttribute(b)}}],[{key:"properties",get:function(){return[B,C,b]}}]),e}(L))||O);var _;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 e,n=p()(t);if(i){var o=p()(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return c()(this,e)}}m("ids-switch")(_=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/**\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")(_=h(j)(_=function(t){a()(e,t);var i=N(e);function e(){return o()(this,e),i.call(this)}return s()(e,[{key:"connectedCallback",value:function(){this.input=this.shadowRoot.querySelector('input[type="checkbox"]'),this.labelEl=this.shadowRoot.querySelector("label"),this.eventHandlers=new M,this.hideFocus(),this.handleEvents()}},{key:"disconnectedCallback",value:function(){L.prototype.disconnectedCallback.apply(this),this.destroyHideFocus(),this.handleSwitchChangeEvent("remove"),this.handleNativeEvents("remove")}},{key:"template",value:function(){var t=R.stringToBool(this.disabled)?" disabled":"",i=R.stringToBool(this.checked)?" checked":"",e=' class="ids-switch'.concat(t,'"');return"\n <div".concat(e,'>\n <label>\n <input type="checkbox"').concat(' class="checkbox"').concat(t).concat(i,'>\n <span class="slider').concat(i,'"></span>\n <ids-text class="label-text">').concat(this.label,"</ids-text>\n </label>\n </div>\n ")}},{key:"handleSwitchChangeEvent",value:function(){var t=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.input){var e="change";if("remove"===i){var n,o,r=null===(n=this.eventHandlers)||void 0===n||null===(o=n.handledEvents)||void 0===o?void 0:o.get(e);r&&r.target===this.input&&this.eventHandlers.removeEventListener(e,this.input)}else this.eventHandlers.addEventListener(e,this.input,(function(){t.indeterminate=!1,t.checked=t.input.checked}))}}},{key:"handleNativeEvents",value:function(){var t=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.input){var e=["change","focus","keydown","keypress","keyup","click","dbclick"];e.forEach((function(e){if("remove"===i){var n,o,r=null===(n=t.eventHandlers)||void 0===n||null===(o=n.handledEvents)||void 0===o?void 0:o.get(e);r&&r.target===t.input&&t.eventHandlers.removeEventListener(e,t.input)}else t.eventHandlers.addEventListener(e,t.input,(function(i){t.eventHandlers.dispatchEvent(i.type,t,{detail:{elem:t,nativeEvent:i,value:t.value,checked:t.input.checked}})}))}))}return this}},{key:"handleEvents",value:function(){this.handleSwitchChangeEvent(),this.handleNativeEvents()}},{key:"checked",set:function(t){var i=this.shadowRoot.querySelector(".slider");this.input=this.shadowRoot.querySelector('input[type="checkbox"]');var e,n,o=R.stringToBool(t);o?(this.setAttribute(w,o.toString()),null===(e=this.input)||void 0===e||e.setAttribute(w,o),null==i||i.classList.add(w)):(this.removeAttribute(w),null===(n=this.input)||void 0===n||n.removeAttribute(w),null==i||i.classList.remove(w))},get:function(){return this.getAttribute(w)}},{key:"disabled",set:function(t){this.input=this.shadowRoot.querySelector('input[type="checkbox"]');var i,e,n=this.shadowRoot.querySelector(".ids-switch"),o=R.stringToBool(t);o?(this.setAttribute(E,o.toString()),null===(i=this.input)||void 0===i||i.setAttribute(E,o),null==n||n.classList.add(E)):(this.removeAttribute(E),null===(e=this.input)||void 0===e||e.removeAttribute(E),null==n||n.classList.remove(E))},get:function(){return this.getAttribute(E)}},{key:"label",set:function(t){var i=this.shadowRoot.querySelector(".label-text")||document.createElement("span");if(t)return this.setAttribute(A,t),void(i.innerHTML=t);this.removeAttribute(A),i.innerHTML=""},get:function(){return this.getAttribute(A)||""}},{key:"value",set:function(t){this.input=this.shadowRoot.querySelector('input[type="checkbox"]'),t?this.setAttribute(S,t):this.removeAttribute(S),this.input.setAttribute(S,t||"")},get:function(){return this.getAttribute(S)}}],[{key:"properties",get:function(){return[w,E,A,S]}}]),e}(L))||_)||_);var G;function K(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 e,n=p()(t);if(i){var o=p()(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return c()(this,e)}}m("ids-layout-grid")(G=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")(G=h(R)(G=function(t){a()(e,t);var i=K(e);function e(){return o()(this,e),i.call(this)}return s()(e,[{key:"template",value:function(){return"<slot></slot>"}},{key:"fixed",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")},get:function(){return this.getAttribute(F)}},{key:"gap",get:function(){return this.getAttribute(z)||"md"},set:function(t){if(t)return this.setAttribute(z,t),void this.classList.add("ids-layout-grid-gap-".concat(t));this.removeAttribute(z),this.classList.remove("ids-layout-grid-gap-".concat(t))}},{key:"auto",set:function(t){if(t)return this.setAttribute(x,t.toString()),void this.classList.add("ids-layout-grid-auto");this.removeAttribute(x),this.classList.remove("ids-layout-grid-auto")},get:function(){return this.getAttribute(x)}},{key:"cols",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(x),this.classList.remove("ids-layout-grid-cols")},get:function(){return this.getAttribute(v)}},{key:"rows",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(x),this.classList.remove("ids-layout-grid-rows")},get:function(){return this.getAttribute(D)}},{key:"noMargins",set:function(t){if(t)return this.setAttribute(k,t.toString()),void this.classList.add("ids-layout-grid-no-margins");this.removeAttribute(k),this.classList.remove("ids-layout-grid-no-margins")},get:function(){return this.getAttribute(k)}}],[{key:"properties",get:function(){return[F,z,x,v,D,k]}}]),e}(L))||G)||G)}},i={};function e(n){if(i[n])return i[n].exports;var o=i[n]={exports:{}};return t[n](o,o.exports,e),o.exports}return e.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},e.d=(t,i)=>{for(var n in i)e.o(i,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:i[n]})},e.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),e(1046)})().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},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})); | ||
| //# sourceMappingURL=ids-switch.js.map |
| // 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'; | ||
| import { IdsExampleMixin } from '../ids-base/ids-example-mixin'; | ||
| interface IdsTagEventDetail extends Event { | ||
@@ -10,5 +13,13 @@ detail: { | ||
| export default class IdsTag extends HTMLElement { | ||
| interface IdsTagEventVetoable extends Event { | ||
| detail: { | ||
| elem: IdsTag, | ||
| response: () => boolean | ||
| } | ||
| } | ||
| interface IdsTag extends IdsElement, IdsExampleMixin { | ||
| /** Set the tag type/color */ | ||
| color: 'secondary' | 'error' | 'success' | 'caution' | string; | ||
| /** Add a dismissible x button to the tag */ | ||
@@ -21,7 +32,10 @@ dismissible: boolean; | ||
| /** Fires before the tag is removed, you can return false in the response to veto. */ | ||
| on(event: 'beforetagremoved', listener: (detail: IdsTagEventDetail) => void): this; | ||
| on(event: 'beforetagremoved', listener: (detail: IdsTagEventVetoable) => void): this; | ||
| /** Fires while the tag is removed */ | ||
| on(event: 'tagremoved', listener: (detail: IdsTagEventDetail) => void): this; | ||
| /** Fires after the tag is fully removed */ | ||
| on(event: 'aftertagremoved', listener: (detail: IdsTagEventDetail) => void): this; | ||
| example1(): void; | ||
| } | ||
| export default IdsTag; |
@@ -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/ids-tag-lib.js"]=t():e["ids-tag/ids-tag-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),s=n(7067);function r(t,n,i){return s()?e.exports=r=Reflect.construct:e.exports=r=function(e,t,n){var s=[null];s.push.apply(s,t);var r=new(Function.bind.apply(e,s));return n&&o(r,n.prototype),r},r.apply(null,arguments)}e.exports=r},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),s=n(1506);e.exports=function(e,t){return!t||"object"!==o(t)&&"function"!=typeof t?s(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),s=n(9489),r=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||!r(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}}),s(t,e)},a(t)}e.exports=a},7491:(e,t,n)=>{"use strict";var o=n(4575),s=n.n(o),r=n(3913),i=n.n(r),a=n(2205),l=n.n(a),c=n(8585),d=n.n(c),u=n(9754),p=n.n(u),h=n(5957);var f,y=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 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,o=p()(e);if(t){var s=p()(this).constructor;n=Reflect.construct(o,arguments,s)}else n=o.apply(this,arguments);return d()(this,n)}}var m=function(e){e.prototype.version="0.0.0-beta.6"}(f=function(e){l()(n,e);var t=b(n);function n(){var e;return s()(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[y(e)]=n)}},{key:"disconnectedCallback",value:function(){var e,t;null===(e=this.eventHandlers)||void 0===e||e.removeAll(),null===(t=this.keyboard)||void 0===t||t.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var e=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),e.innerHTML=this.template(),this.shadowRoot.appendChild(e.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var e=document.createElement("style");e.textContent=this.cssStyles,0===e.textContent.indexOf(":host")&&(e.textContent=e.textContent.replace(":host",".".concat(this.name))),e.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(e)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var t=new CSSStyleSheet;t.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[t]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(n.n(h)()(HTMLElement)))||f,v=n(9713),x=n.n(v),g=function(){function e(){s()(this,e),x()(this,"handledEvents",new Map)}return i()(e,[{key:"addEventListener",value:function(e,t,n,o){t.addEventListener(e.split(".")[0],n,o),this.handledEvents.set(e,{target:t,callback:n,options:o})}},{key:"removeEventListener",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:"dispatchEvent",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:"removeAll",value:function(){var e=this;this.handledEvents.forEach((function(t,n){e.removeEventListener(n,t.target,t.options)}))}}]),e}(),E=function(){function e(){s()(this,e)}return i()(e,[{key:"init",value:function(e){var t=this;this.element=e,this.hotkeys=new Map,this.pressedKeys=new Map,this.keyDownHandler=function(e){t.press(e.key),t.dispatchHotkeys(e)},this.element.addEventListener("keydown",this.keyDownHandler),this.keyUpHandler=function(e){t.unpress(e.key)},this.element.addEventListener("keyup",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:"destroy",value:function(){this.element&&(this.element.removeEventListener("keydown",this.keyDownHandler),this.element.removeEventListener("keyup",this.keyUpHandler),delete this.keyDownHandler,delete this.keyUpHandler,delete this.element)}}]),e}();var k;function F(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 s=p()(this).constructor;n=Reflect.construct(o,arguments,s)}else n=o.apply(this,arguments);return d()(this,n)}}var C,w;w="ids-tag",C="/* 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",D=k=function(e){e.prototype.cssStyles=C}(k=function(e){l()(n,e);var t=F(n);function n(){return s()(this,n),t.call(this)}return i()(n,[{key:"connectedCallback",value:function(){this.handleEvents().handleKeys()}},{key:"template",value:function(){return'<span class="ids-tag"><slot></slot></span>'}},{key:"appendIcon",value:function(e){this.querySelector('[icon="'.concat(e,'"]'))||(this.insertAdjacentHTML("beforeend",'<ids-icon icon="'.concat(e,'" size="small" class="ids-icon"></ids-icon>')),this.handleEvents())}},{key:"removeIcon",value:function(e){var t=this.querySelector('[icon="'.concat(e,'"]'));t&&t.remove()}},{key:"handleEvents",value:function(){var e=this;this.eventHandlers=new g;var t=this.querySelector('ids-icon[icon="close"]');t&&this.eventHandlers.addEventListener("click",t,(function(){return e.dismiss()}));var n=!1;return this.eventHandlers.addEventListener("slotchange",this.shadowRoot.querySelector("slot"),(function(){e.dismissible&&!n&&"IDS-ICON"!==e.lastElementChild.nodeName&&(n=!0,e.removeIcon("close"),e.appendIcon("close"),n=!1)})),this}},{key:"handleKeys",value:function(){var e=this;return(this.dismissible||this.clickable)&&(this.keyboard=new E),this.dismissible&&this.keyboard.listen(["Delete","Backspace"],this,(function(){e.dismiss()})),this.clickable&&this.keyboard.listen("Enter",this,(function(){e.click()})),this}},{key:"dismiss",value:function(){if(this.dismissible){var e=!0;this.eventHandlers.dispatchEvent("beforetagremoved",this,{detail:{elem:this,response:function(t){e=!!t}}}),e&&(this.eventHandlers.dispatchEvent("tagremoved",this,{detail:{elem:this}}),this.remove(),this.eventHandlers.dispatchEvent("aftertagremoved",this,{detail:{elem:this}}))}}},{key:"color",set:function(e){if(e){this.setAttribute("color",e);var t="#"===e.substr(0,1)?e:"var(--ids-color-status-".concat("error"===e?"danger":e,")");return this.container.style.backgroundColor=t,this.container.style.borderColor="secondary"===e?"":t,"error"!==e&&"danger"!==e||this.container.classList.add("ids-white"),void("secondary"===e&&this.container.classList.add("ids-secondary"))}this.removeAttribute("color"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color=""},get:function(){return this.getAttribute("color")}},{key:"dismissible",set:function(e){if(e)return this.setAttribute("dismissible",e.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")},get:function(){return this.getAttribute("dismissible")}},{key:"clickable",set:function(e){if(e)return this.setAttribute("clickable",e.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")},get:function(){return this.getAttribute("clickable")}}],[{key:"properties",get:function(){return["color","clickable","dismissible"]}}]),n}(m))||k,customElements.get(w)||customElements.define(w,D);var D}},t={};function n(o){if(t[o])return t[o].exports;var s=t[o]={exports:{}};return e[o](s,s.exports,n),s.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(7491)})().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 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})); | ||
| //# sourceMappingURL=ids-tag.js.map |
@@ -6,7 +6,10 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| /** Set the type of element it is (h1-h6, span (default)) */ | ||
| type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | string; | ||
| type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | string; | ||
| /** Set `audible` string (screen reader only text) */ | ||
| audbible: string; | ||
| /** Set `audible` string (screen reader only text) */ | ||
| fontSize: '10' | '12' | 'x2' | '14' | 'sm' | '16' | '20' | '24' | 'lg' | '32' | 'xl' | '40' | '48' | '60' | '72' | string; | ||
| fontSize: '10' | '12' | 'x2' | '14' | 'sm' | '16' | '20' | '24' | 'lg' | | ||
| '32' | 'xl' | '40' | '48' | '60' | '72' | string; | ||
| } |
@@ -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 s(e,n,i){return r()?t.exports=s=Reflect.construct:t.exports=s=function(t,e,n){var r=[null];r.push.apply(r,e);var s=new(Function.bind.apply(t,r));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}},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),s=n(430),i=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 i(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},4864:(t,e,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),c=n(8585),d=n.n(c),p=n(9754),u=n.n(p),f=n(5957);var h,y="audible",b="font-size",x="type",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 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=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 v=function(t){t.prototype.version="0.0.0-beta.6"}(h=function(t){l()(n,t);var e=g(n);function n(){var t;return r()(this,n),(t=e.call(this)).addBaseName(),t.render(),t}return i()(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(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(n.n(f)()(HTMLElement)))||h;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",w=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 i()(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=document.createElement("template");this.shadowRoot.querySelector(".ids-text").remove(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0))}},{key:"fontSize",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")},get:function(){return this.getAttribute(b)}},{key:"type",set:function(t){if(t)return this.setAttribute(x,t),void this.rerender();this.removeAttribute(x),this.rerender()},get:function(){return this.getAttribute(x)}},{key:"audible",set:function(t){if(t)return this.setAttribute(y,t),void this.rerender();this.removeAttribute(y),this.rerender()},get:function(){return this.getAttribute(y)}}],[{key:"properties",get:function(){return[x,b,y]}}]),n}(v))||E,customElements.get(z)||customElements.define(z,w);var w}},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(4864)})().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 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})); | ||
| //# sourceMappingURL=ids-text.js.map |
| // 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'; | ||
| import { IdsButton } from '../ids-button/ids-button'; | ||
@@ -10,6 +9,9 @@ | ||
| cssClass?: Array<string> | string | null; | ||
| /* A string representing an icon to display inside the button. This icon will become the content of the Shadow Root button's `icon` slot when set. */ | ||
| icon?: string | null; | ||
| /* API-level method of setting a button's text content. This will become the content of the Shadow Root button's `text` slot when set. */ | ||
| text?: string; | ||
| /* The type/purpose of the button to display */ | ||
@@ -16,0 +18,0 @@ type: 'default' | 'primary' | 'secondary' | 'tertiary' | 'destructive' |
@@ -7,10 +7,14 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| pressed: boolean|string; | ||
| /** Defines the `unpressed/off` toggle state icon. */ | ||
| iconOff: string; | ||
| /** Defines the `unpressed/off` toggle state icon. */ | ||
| iconOn: string; | ||
| /** Defines the `unpressed/off` toggle state text. */ | ||
| textOff: string; | ||
| /** Defines the `unpressed/off` toggle state text. */ | ||
| textOn: string; | ||
| } |
@@ -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 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},9051:(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);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,g="css-class",v="disable-native-events",x="disabled",E="icon",C="icon-align",k="id",F="tabindex",w="text",A="type",z=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 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=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 B=function(t){t.prototype.version="0.0.0-beta.6"}(y=function(t){l()(n,t);var e=D(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[z(t)]=n)}},{key:"disconnectedCallback",value:function(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(f()(HTMLElement)))||y,S=function(t){return null!==t&&(!0===t||"string"==typeof t&&"false"!==t)},T=n(9713),R=n.n(T),q=function(){function t(){i()(this,t),R()(this,"handledEvents",new Map)}return r()(t,[{key:"addEventListener",value:function(t,e,n,o){e.addEventListener(t.split(".")[0],n,o),this.handledEvents.set(t,{target:e,callback:n,options:o})}},{key:"removeEventListener",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:"dispatchEvent",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:"removeAll",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.removeEventListener(n,e.target,e.options)}))}}]),t}();function L(){return window.performance.now()}var O=n(1506),j=n.n(O);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 P=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(j()(t))),"function"==typeof o.timeoutCallback&&(t.timeoutCallback=o.timeoutCallback.bind(j()(t))),t.paused=!1,t.startTime=L(),t.totalStoppedTime=0,d()(t,j()(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,delete this.lastPauseTime,this.paused=!1}},{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}},{key:"elapsedTime",get:function(){return L()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&L()>this.nextUpdateTime}}]),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 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,n,o=this,i=L();!function s(){o.doLoop&&(e=L(),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=L(),this.items.forEach((function(t){t.pause()}))}},{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}},{key:"elapsedTime",get:function(){return L()-(this.startTime+this.totalStoppedTime)}}]),t}();var N=null,M={get rl(){return N||(N=new U),N}};var _,H;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 i=p()(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return d()(this,n)}}var K,X=["default","primary","secondary","tertiary","destructive"],Y={cssClass:[],disabled:!1,tabIndex:!0,type:X[0]},J=[g,x,E,C,k,w,A,F],Q=["align-icon-start","align-icon-end"],V=(_=h("ids-button"),K=M,_(H=function(t){Object.assign(t.prototype,K)}(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 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 box-sizing: border-box; }\n .ids-button *,\n .ids-toggle-button * {\n pointer-events: none; }\n .ids-button:focus,\n .ids-toggle-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 color: var(--ids-color-palette-black); }\n .ids-button[disabled],\n .ids-toggle-button[disabled] {\n color: var(--ids-color-palette-slate-30); }\n .ids-button:not([disabled]),\n .ids-toggle-button:not([disabled]) {\n cursor: pointer; }\n .ids-button span,\n .ids-toggle-button span {\n vertical-align: bottom; }\n .ids-button span.audible,\n .ids-toggle-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 vertical-align: middle; }\n .ids-button .ripple-effect,\n .ids-toggle-button .ripple-effect {\n background-color: var(--ids-color-brand-primary-base); }\n .ids-button.btn-primary,\n .ids-toggle-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 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 background-color: var(--ids-color-palette-azure-80); }\n .ids-button.btn-primary[disabled],\n .ids-toggle-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 background-color: var(--ids-color-brand-primary-contrast); }\n .ids-button.btn-secondary,\n .ids-toggle-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 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 background-color: var(--ids-color-palette-slate-40); }\n .ids-button.btn-secondary[disabled],\n .ids-toggle-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 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 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 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 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 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 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 padding-left: 4px; }\n .ids-button .ids-icon,\n .ids-toggle-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 padding-left: 4px; }\n .ids-button ::slotted(ids-icon:only-child),\n .ids-toggle-button ::slotted(ids-icon:only-child) {\n display: block; }\n .ids-button .ripple-effect,\n .ids-toggle-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=G(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:B.prototype.attributeChangedCallback.apply(this,[t,e,n])}}},{key:"connectedCallback",value:function(){this.handleEvents(),this.setIconAlignment(),this.shouldUpdate=!0}},{key:"refreshProtoClasses",value:function(){var t=this.button.classList,e=this.protoClasses;t.remove.apply(t,["ids-button","ids-toggle-button","ids-icon-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.eventHandlers=new q,this.eventHandlers.addEventListener("click",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.eventHandlers.addEventListener("touchstart",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:"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,Q),n&&this.button.classList.add("align-icon-".concat(e));var o=this.button.querySelector('slot[name="icon"]');"end"===e?this.button.appendChild(o):this.button.prepend(o)}},{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:"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 P({duration:1200,timeoutCallback:function(){n.remove()}}))}}},{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:"button",get:function(){return this.shadowRoot.querySelector("button")}},{key:"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(g,e.toString()):this.removeAttribute(g);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)}))},get:function(){return this.state.cssClass}},{key:"disabled",set:function(t){this.shouldUpdate=!1,this.removeAttribute(x),this.shouldUpdate=!0;var e=S(t);this.state.disabled=e,this.button&&(this.button.disabled=e)},get:function(){return this.state.disabled}},{key:"tabIndex",set:function(t){this.shouldUpdate=!1,this.removeAttribute(F),this.shouldUpdate=!0;var e=Number(t);if(Number.isNaN(e)||e<-1)return this.state.tabIndex=0,void this.button.setAttribute(F,"0");this.state.tabIndex=e,this.button.setAttribute(F,"".concat(e))},get:function(){return this.state.tabIndex}},{key:"icon",set:function(t){if("string"!=typeof t||!t.length)return this.removeAttribute(E),this.state.icon=void 0,void this.removeIcon();this.state.icon=t,this.setAttribute(E,t),this.appendIcon(t)},get:function(){var t;return null===(t=this.querySelector("ids-icon"))||void 0===t?void 0:t.getAttribute("icon")}},{key:"iconAlign",set:function(t){var e=t;Q.includes("align-icon-".concat(t))||(e="start"),this.state.iconAlign=e,this.setIconAlignment()},get:function(){return this.state.iconAlign}},{key:"text",set:function(t){if(this.removeAttribute(w),"string"!=typeof t||!t.length)return this.state.text="",void this.removeText();this.state.text=t,this.appendText(t)},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}},{key:"type",set:function(t){!t||X.indexOf(t)<=0?(this.removeAttribute(A),this.state.type=X[0]):(this.setAttribute(A,t),this.state.type!==t&&(this.state.type=t)),this.setTypeClass(t)},get:function(){return this.state.type}}],[{key:"properties",get:function(){return J}}]),n}(B))||H)||H)||H);var W;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,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")(W=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: 0;\n cursor: pointer;\n color: var(--ids-color-palette-slate-60);\n height: 20px; }\n .ids-icon-button:focus {\n outline: none; }\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")(W=function(t){l()(n,t);var e=Z(n);function n(){return i()(this,n),e.call(this)}return r()(n,null,[{key:"properties",get:function(){return J.concat([v])}}]),n}(V))||W)}},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(9051)})().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},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})); | ||
| //# sourceMappingURL=ids-trigger-button.js.map |
@@ -13,4 +13,6 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| tabbable: boolean; | ||
| /** Set the appearance of the trigger field */ | ||
| appearance: 'normal' | 'compact' | string; | ||
| /** Fire the trigger event and action */ | ||
@@ -21,4 +23,5 @@ trigger(): void; | ||
| on(event: 'beforetriggerclicked', listener: (detail: IdsTriggerFieldEventDetail) => void): this; | ||
| /** Fires as the trigger button is clicked. */ | ||
| on(event: 'triggerclicked', listener: (detail: IdsTriggerFieldEventDetail) => void): this; | ||
| } |
@@ -13,27 +13,40 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| accept: string; | ||
| /** Sets the dirty tracking feature on to indicate a changed field */ | ||
| dirtyTracker: boolean|string; | ||
| /** Sets to disabled state **/ | ||
| /** Sets to disabled state * */ | ||
| disabled: boolean|string; | ||
| /** Sets the label text for text input **/ | ||
| /** Sets the label text for text input * */ | ||
| label: string; | ||
| /** Sets the label text for file input **/ | ||
| /** Sets the label text for file input * */ | ||
| labelFiletype: string; | ||
| /** Sets to allows multiple files to be uploaded */ | ||
| multiple: boolean|string; | ||
| /** Sets ellipsis to be not shown on text input */ | ||
| noTextEllipsis: boolean|string; | ||
| /** Sets the input placeholder text **/ | ||
| /** Sets the input placeholder text * */ | ||
| placeholder: string; | ||
| /** Sets the size (width) of input **/ | ||
| /** Sets the size (width) of input * */ | ||
| size: string; | ||
| /** Sets to readonly state **/ | ||
| /** Sets to readonly state * */ | ||
| readonly: boolean|string; | ||
| /** Sets the label text for trigger button **/ | ||
| /** Sets the label text for trigger button * */ | ||
| triggerLabel: string; | ||
| /** Sets the validation check to use **/ | ||
| /** Sets the validation check to use * */ | ||
| validate: string; | ||
| /** Sets the validation events to use **/ | ||
| /** Sets the validation events to use * */ | ||
| validationEvents: string; | ||
| /** Sets the `value` attribute **/ | ||
| /** Sets the `value` attribute * */ | ||
| value: string; | ||
@@ -40,0 +53,0 @@ |
@@ -6,17 +6,24 @@ // Ids is a JavaScript project, but we define TypeScript declarations so we can | ||
| /** Set the internal element template markup for a single element */ | ||
| itemTemplate: Function | string; | ||
| itemTemplate: (item: unknown) => string | string; | ||
| /** Attach a dataset that matches the list template and render */ | ||
| data: Array<Object>; | ||
| data: Array<unknown>; | ||
| /** Set internal element that will be the scrollable area */ | ||
| scrollTarget?: HTMLElement; | ||
| /** Set the scroll top position and scroll down to that location */ | ||
| scrollTop: number; | ||
| /** The height in pixels we want the scroll area to be */ | ||
| height: number; | ||
| /** The height of each item in the list, must be fixed size */ | ||
| itemHeight: number; | ||
| /** The number of elements in the dataset. This is also set internally when attaching data */ | ||
| itemCount: number; | ||
| /** The number of extra elements to render to improve or tweak the scroll experience */ | ||
| bufferSize: number; | ||
| } |
@@ -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),o=n(7067);function i(e,n,s){return o()?t.exports=i=Reflect.construct:t.exports=i=function(t,e,n){var o=[null];o.push.apply(o,e);var i=new(Function.bind.apply(t,o));return n&&r(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 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),o=n(1506);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?o(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),o=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,r(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},2692:(t,e,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),u=n.n(c),d=n(9754),p=n.n(d),f=n(5957),h=n.n(f);function m(t){return function(e){customElements.get(t)||customElements.define(t,e)}}function b(t){return function(e){e.prototype.cssStyles=t}}var y,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)}))},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=p()(t);if(e){var o=p()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return u()(this,n)}}var E=function(t){t.prototype.version="0.0.0-beta.6"}(y=function(t){l()(n,t);var e=x(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[v(t)]=n)}},{key:"disconnectedCallback",value:function(){var t,e;null===(t=this.eventHandlers)||void 0===t||t.removeAll(),null===(e=this.keyboard)||void 0===e||e.destroy()}},{key:"render",value:function(){if(!this.template||!this.template())return this;var t=document.createElement("template");return this.shadowRoot||this.attachShadow({mode:"open"}),this.appendStyles(),t.innerHTML=this.template(),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.container=this.shadowRoot.querySelector(".".concat(this.name)),this}},{key:"appendStyles",value:function(){if(this.cssStyles&&!this.shadowRoot.adoptedStyleSheets&&"string"==typeof this.cssStyles){var t=document.createElement("style");t.textContent=this.cssStyles,0===t.textContent.indexOf(":host")&&(t.textContent=t.textContent.replace(":host",".".concat(this.name))),t.setAttribute("nonce","0a59a005"),this.shadowRoot.appendChild(t)}if(this.cssStyles&&this.shadowRoot.adoptedStyleSheets){var e=new CSSStyleSheet;e.replaceSync(this.cssStyles),this.shadowRoot.adoptedStyleSheets=[e]}}}],[{key:"observedAttributes",get:function(){return this.properties}}]),n}(h()(HTMLElement)))||y,C=n(9713),A=n.n(C),F=function(){function t(){o()(this,t),A()(this,"handledEvents",new Map)}return s()(t,[{key:"addEventListener",value:function(t,e,n,r){e.addEventListener(t.split(".")[0],n,r),this.handledEvents.set(t,{target:e,callback:n,options:r})}},{key:"removeEventListener",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:"dispatchEvent",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:"removeAll",value:function(){var t=this;this.handledEvents.forEach((function(e,n){t.removeEventListener(n,e.target,e.options)}))}}]),t}(),D=n(8),w=n.n(D),S={refs:[],refsNew:[],deepClone:function(t){if("object"!==w()(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"!==w()(r)||null===r)e[n]=r;else if(r instanceof Date)e[n]=new Date(r);else{var o=this.refs.indexOf(r);e[n]=-1!==o?this.refsNew[o]: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),o=0;o<n.length;o+=1){var i=n[o],s=t[i];if("object"!==w()(s)||null===s)r[i]=s;else if(s instanceof Date)r[i]=new Date(s);else{var a=this.refs.indexOf(s);r[i]=-1!==a?this.refsNew[a]:e.call(this,s)}}return r}},k=function(){function t(){o()(this,t),A()(this,"originalData",[]),A()(this,"currentData",[])}return s()(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 o=r(t),i=r(n);return(o<i?-1:o>i?1:0)*[-1,1][+!!e]}}},{key:"data",set:function(t){this.currentData=S.deepClone(t),this.originalData=t},get:function(){return this.currentData}}]),t}();function B(){return window.performance.now()}var T=n(1506),z=n.n(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,r=p()(t);if(e){var o=p()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return u()(this,n)}}const j=function(t){l()(n,t);var e=R(n);function n(){var t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(o()(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(z()(t))),"function"==typeof r.timeoutCallback&&(t.timeoutCallback=r.timeoutCallback.bind(z()(t))),t.paused=!1,t.startTime=B(),t.totalStoppedTime=0,u()(t,z()(t))}return s()(n,[{key:"setNextUpdateTime",value:function(){this.nextUpdateTime=B()+this.updateDuration}},{key:"pause",value:function(){this.paused=!0,this.lastPauseTime=B()}},{key:"resume",value:function(){this.resumeTime=B(),this.totalStoppedTime+=this.resumeTime-this.lastPauseTime,delete this.lastPauseTime,this.paused=!1}},{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}},{key:"elapsedTime",get:function(){return B()-(this.startTime+this.totalStoppedTime)}},{key:"canUpdate",get:function(){return"number"==typeof this.nextUpdateTime&&B()>this.nextUpdateTime}}]),n}(h()(Object));const N=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=B()),this.lastStopTime&&(t=!0,this.resumeTime=B(),this.totalStoppedTime+=this.resumeTime-this.lastStopTime,delete this.lastStopTime);var e,n,r=this,o=B();!function i(){r.doLoop&&(e=B(),n=(e-o)/1e3,r.items.forEach((function(i){if(i.doRemoveOnNextTick)r.remove(i);else if(t&&i.resume(),!i.paused)if("number"==typeof i.duration&&i.duration>-1&&i.elapsedTime>=i.duration)i.destroy();else{var s={last:o,delta:n,now:e};i.update(s)}})),o=e,t=!1,requestAnimationFrame(i))}()}},{key:"stop",value:function(){this.doLoop=!1,this.lastStopTime=B(),this.items.forEach((function(t){t.pause()}))}},{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}},{key:"elapsedTime",get:function(){return B()-(this.startTime+this.totalStoppedTime)}}]),t}();var O=null,q={get rl(){return O||(O=new N),O}};var I,L,H;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 o=p()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return u()(this,n)}}var P;I=m("ids-virtual-scroll"),L=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=q,I(H=L(H=function(t){Object.assign(t.prototype,P)}(H=function(t){l()(n,t);var e=M(n);function n(){return o()(this,n),e.call(this)}return s()(n,[{key:"connectedCallback",value:function(){this.datasource=new k,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.eventHandlers=new F,this.eventHandlers.addEventListener("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 o=this.data.slice(n,r),i="";o.map((function(t){var n=e.itemTemplate(t);return i+=n,n})),this.itemContainer.style.transform="translateY(".concat(this.offsetY,"px)"),this.itemContainer.innerHTML=i;this.eventHandlers.dispatchEvent("afterrendered",this,{detail:{elem:this,startIndex:n,endIndex:r}})}}}},{key:"applyHeight",value:function(){this.container.style.height="".concat(this.height,"px"),this.container.querySelector(".ids-virtual-scroll-viewport").style.height="".concat(this.viewPortHeight,"px"),this.itemContainer=this.querySelector('[slot="contents"]'),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:"scrollToIndex",value:function(t){this.scrollTop=Number(t)*Number(this.itemHeight)}},{key:"itemTemplate",value:function(t){return g(this.stringTemplate,t)}},{key:"height",set:function(t){if(t)return this.setAttribute("height",t.toString()),void this.applyHeight();this.removeAttribute("height")},get:function(){return 0===this.data.length?0:this.getAttribute("height")}},{key:"itemHeight",set:function(t){if(t)return this.setAttribute("item-height",t.toString()),this.applyHeight(),void this.renderItems(!1);this.removeAttribute("item-height")},get:function(){return this.getAttribute("item-height")}},{key:"bufferSize",set:function(t){t?this.setAttribute("buffer-size",t.toString()):this.removeAttribute("buffer-size")},get:function(){return this.getAttribute("buffer-size")||20}},{key:"scrollTop",set:function(t){if(t)return this.setAttribute("scroll-top",t.toString()),this.container.scrollTop=t,void this.renderItems(!1);this.removeAttribute("scroll-top")},get:function(){return this.getAttribute("scroll-top")||0}},{key:"viewPortHeight",get:function(){return Number(this.itemCount)*Number(this.itemHeight)}},{key:"itemCount",set:function(t){t?this.setAttribute("item-count",t.toString()):this.removeAttribute("item-count")},get:function(){return parseInt(this.getAttribute("item-count"),10)}},{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:"data",set:function(t){if(t)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},get:function(){var t;return null==this||null===(t=this.datasource)||void 0===t?void 0:t.data}},{key:"scrollTarget",set:function(t){var e,n=this;t&&(this.eventTarget=t,null===(e=this.eventHandlers)||void 0===e||e.addEventListener("scroll",this.eventTarget,(function(t){n.handleScroll(t)}),{passive:!0}))},get:function(){return null==this?void 0:this.eventTarget}}],[{key:"properties",get:function(){return["height","item-height","buffer-size","data","scroll-top"]}}]),n}(E))||H)||H);var U;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,r=p()(t);if(e){var o=p()(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return u()(this,n)}}m("ids-card")(U=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-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")(U=function(t){l()(n,t);var e=_(n);function n(){return o()(this,n),e.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",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")},get:function(){return this.getAttribute("auto-height")}}],[{key:"properties",get:function(){return["auto-height"]}}]),n}(E))||U);var G=n(3379),K=n.n(G),Y=n(2467),J={attributes:{id:"demo-styles",nonce:"0a59a005"},insert:"head",singleton:!1};K()(Y.Z,J);Y.Z.locals;var Z=document.querySelector("#virtual-scroll-1"),$=document.querySelector("#virtual-scroll-2"),Q=new XMLHttpRequest;Q.onreadystatechange=function(){4===this.readyState&&200===this.status&&(Z.itemTemplate=function(t){return'<li class="ids-virtual-scroll-item">'.concat(t.productName,"</li>")},Z.data=JSON.parse(this.responseText),$.scrollTarget=document.querySelector(".ids-data-grid"),$.itemTemplate=function(t){return'<div role="row" class="ids-data-grid-row">\n <span role="cell" class="ids-data-grid-cell"><span class="text-ellipsis">'.concat(t.productId,'</span></span>\n <span role="cell" class="ids-data-grid-cell"><span class="text-ellipsis">').concat(t.productName,"</span></span>\n </div>")},$.data=JSON.parse(this.responseText))},Q.open("GET","/api/products",!0),Q.send()},2467:(t,e,n)=>{"use strict";n.d(e,{Z:()=>a});var r=n(4015),o=n.n(r),i=n(3645),s=n.n(i)()(o());s.push([t.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: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 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<t.length;a++){var l=[].concat(t[a]);r&&o[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,o=!1,i=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){o=!0,i=t}finally{try{r||null==a.return||a.return()}finally{if(o)throw i}}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],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(t){return"/*# sourceURL=".concat(o.sourceRoot||"").concat(t," */")}));return[r].concat(l).concat([a]).join("\n")}return[r].join("\n")}},3379:(t,e,n)=>{"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=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=[],o=0;o<t.length;o++){var i=t[o],l=e.base?i[0]+e.base:i[0],c=n[l]||0,u="".concat(l," ").concat(c);n[l]=c+1;var d=a(u),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==d?(s[d].references++,s[d].updater(p)):s.push({identifier:u,updater:b(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 o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(t){e.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(e);else{var s=i(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 o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=d(e,o);else{var i=document.createTextNode(o),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(i,s[e]):t.appendChild(i)}}function f(t,e,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var h=null,m=0;function b(t,e){var n,r,o;if(e.singleton){var i=m++;n=h||(h=c(e)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=c(e),r=f.bind(null,n,e),o=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 o()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());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 o=a(n[r]);s[o].references--}for(var i=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=i}}}}},e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={id:r,exports:{}};return t[r](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 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(2692)})().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 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})); | ||
| //# sourceMappingURL=ids-virtual-scroll.js.map |
| { | ||
| "name": "ids-enterprise-wc", | ||
| "version": "0.0.0-beta.6", | ||
| "version": "0.0.0-beta.7", | ||
| "description": "The Web Component version of the IDS Enterprise component library", | ||
@@ -17,3 +17,3 @@ "main": "app/index.js", | ||
| "start:watch": "nodemon --watch webpack.config.js --exec \"npx webpack serve\"", | ||
| "lint": "npx eslint *.js src test app && npx stylelint src/**/*.scss --config .stylelintrc.json && npm run mdlint && npx htmlhint 'app/**/*.html' && npm run typecheck", | ||
| "lint": "npx eslint src test app && npx stylelint src/**/*.scss --config .stylelintrc.json && npm run mdlint && npx htmlhint 'app/**/*.html' && npm run typecheck", | ||
| "mdlint": "remark . -f", | ||
@@ -45,8 +45,13 @@ "publish:dry-run": "npm run build:prod && cp -f package.json dist && cp -f README.md dist && cp -f LICENSE dist && cd dist && npm publish --dry-run", | ||
| "devDependencies": { | ||
| "@babel/core": "^7.12.10", | ||
| "@babel/plugin-proposal-class-properties": "^7.12.1", | ||
| "@babel/plugin-proposal-decorators": "^7.12.12", | ||
| "@babel/plugin-transform-runtime": "^7.12.10", | ||
| "@babel/preset-env": "^7.12.11", | ||
| "@babel/core": "^7.12.16", | ||
| "@babel/parser": "^7.12.16", | ||
| "@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", | ||
| "@percy/puppeteer": "^1.1.0", | ||
| "@typescript-eslint/eslint-plugin": "^4.15.0", | ||
| "@typescript-eslint/parser": "^4.15.0", | ||
| "@wordpress/jest-puppeteer-axe": "^3.0.1", | ||
@@ -59,3 +64,3 @@ "autoprefixer": "^10.2.4", | ||
| "copy-webpack-plugin": "^7.0.0", | ||
| "css-loader": "^5.0.1", | ||
| "css-loader": "^5.0.2", | ||
| "cssnano": "^4.1.10", | ||
@@ -66,5 +71,5 @@ "eslint": "^7.19.0", | ||
| "eslint-plugin-import": "^2.22.1", | ||
| "eslint-plugin-jsdoc": "^31.6.0", | ||
| "eslint-plugin-jsdoc": "^31.6.1", | ||
| "eslint-plugin-wc": "^1.2.0", | ||
| "favicons-webpack-plugin": "^5.0.0-alpha.3", | ||
| "favicons-webpack-plugin": "^5.0.1", | ||
| "file-loader": "^6.2.0", | ||
@@ -75,5 +80,5 @@ "glob": "^7.1.6", | ||
| "html-loader": "^1.3.2", | ||
| "html-webpack-plugin": "^5.0.0-alpha.17", | ||
| "html-webpack-plugin": "^5.1.0", | ||
| "htmlhint": "^0.14.2", | ||
| "ids-identity": "3.0.5", | ||
| "ids-identity": "3.0.6", | ||
| "install": "^0.13.0", | ||
@@ -83,15 +88,15 @@ "jest": "^26.6.3", | ||
| "loglevel": "^1.7.1", | ||
| "mini-css-extract-plugin": "^1.3.5", | ||
| "mini-css-extract-plugin": "^1.3.6", | ||
| "node-sass": "^5.0.0", | ||
| "nodemon": "^2.0.7", | ||
| "pino": "^6.11.0", | ||
| "pino": "^6.11.1", | ||
| "postcss-loader": "^5.0.0", | ||
| "puppeteer": "^6.0.0", | ||
| "puppeteer": "^7.1.0", | ||
| "remark-cli": "^9.0.0", | ||
| "remark-preset-lint-markdown-style-guide": "^4.0.0", | ||
| "sass-loader": "^10.1.1", | ||
| "sass-to-string": "^1.4.1", | ||
| "sass-loader": "^11.0.1", | ||
| "sass-to-string": "^1.4.2", | ||
| "style-loader": "^2.0.0", | ||
| "stylelint": "^13.9.0", | ||
| "stylelint-config-sass-guidelines": "^7.1.0", | ||
| "stylelint": "^13.10.0", | ||
| "stylelint-config-sass-guidelines": "^8.0.0", | ||
| "stylelint-config-standard": "^20.0.0", | ||
@@ -101,4 +106,4 @@ "stylelint-order": "^4.1.0", | ||
| "terser-webpack-plugin": "^5.1.1", | ||
| "typescript": "^4.1.3", | ||
| "webpack": "^5.20.0", | ||
| "typescript": "^4.1.5", | ||
| "webpack": "^5.21.2", | ||
| "webpack-cli": "^4.5.0", | ||
@@ -105,0 +110,0 @@ "webpack-dev-server": "^3.11.2" |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Fixed alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by8.38%
6500713
- Number of package files
- increased by19.7%
237
- Lines of code
- increased by6.88%
33293
- Number of medium supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Dev dependency count
- increased by9.09%
60
No dependency changes