@ukic/canary-web-components 3.0.0-canary.11 → 3.0.0-canary.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +3 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +22 -21
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-table.cjs.entry.js +6 -2
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination_4.cjs.entry.js +1 -1
- package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +1 -2
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +5 -6
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-item.cjs.entry.js +33 -13
- package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.js +6 -2
- package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
- package/dist/collection/components/ic-data-table/story-data.js +155 -0
- package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
- package/dist/collection/components/ic-tree-item/ic-tree-item.js +33 -13
- package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
- package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
- package/dist/components/ic-back-to-top.js +4 -1
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +22 -21
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-data-table.js +6 -2
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-radio-option.js +1 -1
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-select2.js +1 -1
- package/dist/components/ic-select2.js.map +1 -1
- package/dist/components/ic-tab-context.js +1 -2
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-panel.js +6 -6
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tree-item.js +33 -13
- package/dist/components/ic-tree-item.js.map +1 -1
- package/dist/components/ic-tree-view.js.map +1 -1
- package/dist/core/core.css +4 -4
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-04bd65fb.entry.js +2 -0
- package/dist/core/p-04bd65fb.entry.js.map +1 -0
- package/dist/core/p-34e05e3f.entry.js +2 -0
- package/dist/core/p-34e05e3f.entry.js.map +1 -0
- package/dist/core/p-41e48902.entry.js +2 -0
- package/dist/core/p-41e48902.entry.js.map +1 -0
- package/dist/core/{p-b6e385ba.entry.js → p-596ad611.entry.js} +2 -2
- package/dist/core/p-596ad611.entry.js.map +1 -0
- package/dist/core/p-63f90f39.entry.js +2 -0
- package/dist/core/p-63f90f39.entry.js.map +1 -0
- package/dist/core/p-9038c7e3.entry.js +2 -0
- package/dist/core/p-9038c7e3.entry.js.map +1 -0
- package/dist/core/p-a699b343.entry.js +2 -0
- package/dist/core/p-a699b343.entry.js.map +1 -0
- package/dist/core/p-a707b036.entry.js.map +1 -1
- package/dist/core/{p-e3e0cf46.entry.js → p-e9ed9a29.entry.js} +2 -2
- package/dist/core/p-e9ed9a29.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/ic-back-to-top.entry.js +3 -1
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +22 -21
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-data-table.entry.js +6 -2
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-pagination_4.entry.js +1 -1
- package/dist/esm/ic-pagination_4.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +1 -1
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +1 -2
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-panel.entry.js +5 -6
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tree-item.entry.js +33 -13
- package/dist/esm/ic-tree-item.entry.js.map +1 -1
- package/dist/esm/ic-tree-view.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-data-table/story-data.d.ts +57 -0
- package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +1 -0
- package/hydrate/index.js +74 -46
- package/package.json +3 -3
- package/dist/core/p-007293a4.entry.js +0 -2
- package/dist/core/p-007293a4.entry.js.map +0 -1
- package/dist/core/p-14a6e578.entry.js +0 -2
- package/dist/core/p-14a6e578.entry.js.map +0 -1
- package/dist/core/p-1af4b9c1.entry.js +0 -2
- package/dist/core/p-1af4b9c1.entry.js.map +0 -1
- package/dist/core/p-51c6561f.entry.js +0 -2
- package/dist/core/p-51c6561f.entry.js.map +0 -1
- package/dist/core/p-9158c34f.entry.js +0 -2
- package/dist/core/p-9158c34f.entry.js.map +0 -1
- package/dist/core/p-91c720bc.entry.js +0 -2
- package/dist/core/p-91c720bc.entry.js.map +0 -1
- package/dist/core/p-b6e385ba.entry.js.map +0 -1
- package/dist/core/p-e3e0cf46.entry.js.map +0 -1
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as t,h as i,H as e,g as o}from"./p-8455d1bb.js";import{o as n,b as s}from"./p-70616efa.js";const a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true">\n <path d="M0 8L1.41 9.41L7 3.83V16H9V3.83L14.58 9.42L16 8L8 0L0 8Z"/>\n</svg>\n`;const r='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:absolute;right:0}ic-button{height:2.5rem;align-items:center;background-color:var(--ic-color-background-primary);border-radius:5rem;box-shadow:var(--ic-elevation-overlay);visibility:hidden;opacity:0;position:fixed;right:var(--ic-space-md);bottom:var(--ic-space-md);transition:visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);z-index:var(--ic-z-index-back-to-top)}:host([variant="icon"]) ic-button::part(button){margin:0}ic-button::part(button){border-radius:5rem}ic-button.show{visibility:visible;opacity:1;transition:visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast)}ic-button.by-footer{position:relative;right:var(--ic-space-md);bottom:3.5rem}ic-button.offset-banner{margin-bottom:var(--ic-space-lg)}.ic-back-to-top-icon{padding-top:var(--ic-space-xxs);padding-right:var(--ic-space-xs)}.ic-back-to-top-icon>svg{height:var(--ic-space-md);width:var(--ic-space-md)}.icon-only{width:2.5rem}.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-1px))}@media (forced-colors: active){.icon-only .ic-back-to-top-icon>svg{padding-left:calc(var(--ic-space-xs) - var(--ic-space-xxxs))}}';const c="Back to top";const l=class{constructor(i){t(this,i);this.topObserver=null;this.getObservedEl=()=>document.querySelector("#ic-back-to-top-target");this.setTargetElVisible=t=>{this.targetElVisible=t};this.setFooterVisible=t=>{this.checkForClassificationBanner();this.footerVisible=typeof window!=="undefined"&&window.scrollY===0?false:t};this.targetElObserverCallback=t=>{this.setTargetElVisible(t[0].isIntersecting)};this.footerObserverCallback=t=>{this.setFooterVisible(t[0].isIntersecting)};this.findTargetEl=t=>{let i=null;if(t===null||t===undefined){console.log("Error: No target ID specified for back to top component - defaulting to top of page")}else{i=document.querySelector(`${t.startsWith("#")?"":"#"}${t}`);if(i===null){console.log(`Error: Back to top target element '${t}' not found - defaulting to top of page`)}}return i};this.createTopObserver=t=>{this.targetEl=this.findTargetEl(t);let i;if(this.topObserver!==null){const t=this.getObservedEl();if(t!==null){this.topObserver.unobserve(t);t.remove()}}if(this.targetEl===null){i=document.body;this.targetEl=i.firstElementChild;this.isTargetElNull=true}else{i=this.targetEl.parentNode;this.isTargetElNull=false}const e=document.createElement("div");e.setAttribute("id","ic-back-to-top-target");e.setAttribute("tabindex","-1");i.insertBefore(e,this.targetEl);const o=getComputedStyle(this.targetEl).marginTop;this.topObserver=new IntersectionObserver(this.targetElObserverCallback,{threshold:[0],rootMargin:`${o} 0px 0px 0px`});this.topObserver.observe(e)};this.handleClick=()=>{if(this.isTargetElNull){window.scrollTo(0,0)}else{this.targetEl.scrollIntoView()}this.getObservedEl().focus()};this.checkForClassificationBanner=()=>{const t=document.querySelectorAll("ic-classification-banner:not([inline='true'])");this.bannerOffset=t.length>0};this.bannerOffset=false;this.footerVisible=false;this.targetElVisible=true;this.target=undefined;this.theme="inherit";this.variant="default"}watchPropHandler(t,i){n(i,t,(()=>{this.createTopObserver(t)}))}componentWillLoad(){this.createTopObserver(this.target);this.checkForClassificationBanner();let t=document.querySelectorAll("ic-footer");if(t.length===0){t=document.querySelectorAll("footer")}if(t.length){const i=t[t.length-1];const e=this.bannerOffset?.15:0;const o=new IntersectionObserver(this.footerObserverCallback,{threshold:[e]});o.observe(i)}}componentDidLoad(){s([{prop:this.target,propName:"target"}],"Back to Top")}render(){const{variant:t,bannerOffset:o,targetElVisible:n,footerVisible:s}=this;const r=t==="icon"?"icon-secondary":"secondary";const l=t==="icon"?"large":"medium";const d=t==="icon"?"":c;return i(e,{class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},i("ic-button",{"aria-label":c,variant:r,size:l,onClick:this.handleClick,class:{["offset-banner"]:o,["show"]:!n,["by-footer"]:s,["icon-only"]:t==="icon"},theme:this.theme},i("span",{class:"ic-back-to-top-icon",innerHTML:a}),d))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{target:["watchPropHandler"]}}};l.style=r;export{l as ic_back_to_top};
|
2
|
-
//# sourceMappingURL=p-51c6561f.entry.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["icBackToTopCss","backToTopLabel","BackToTop","constructor","hostRef","this","topObserver","getObservedEl","document","querySelector","setTargetElVisible","visible","targetElVisible","setFooterVisible","checkForClassificationBanner","footerVisible","window","scrollY","targetElObserverCallback","entries","isIntersecting","footerObserverCallback","findTargetEl","target","targetElement","undefined","console","log","startsWith","createTopObserver","targetEl","objParent","observedEl","unobserve","remove","body","firstElementChild","isTargetElNull","parentNode","objBackToTopTargetEl","createElement","setAttribute","insertBefore","marginTop","getComputedStyle","IntersectionObserver","threshold","rootMargin","observe","handleClick","scrollTo","scrollIntoView","focus","banners","querySelectorAll","bannerOffset","length","theme","variant","watchPropHandler","newValue","oldValue","onComponentPropUndefinedChange","componentWillLoad","footers","footerEl","footerObserver","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","render","btnVariant","size","label","h","Host","class","onClick","innerHTML","ArrowUpward","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-back-to-top/ic-back-to-top.css?tag=ic-back-to-top&encapsulation=shadow","../web-components/dist/collection/components/ic-back-to-top/ic-back-to-top.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-back-to-top: z-index of back to top\n */\n\n:host {\n display: block;\n position: absolute;\n right: 0;\n}\n\nic-button {\n height: 2.5rem;\n align-items: center;\n background-color: var(--ic-color-background-primary);\n border-radius: 5rem;\n box-shadow: var(--ic-elevation-overlay);\n visibility: hidden;\n opacity: 0;\n position: fixed;\n right: var(--ic-space-md);\n bottom: var(--ic-space-md);\n transition: visibility 0s linear var(--ic-transition-duration-slow),\n opacity var(--ic-transition-duration-slow);\n z-index: var(--ic-z-index-back-to-top);\n}\n\n:host([variant=\"icon\"]) ic-button::part(button) {\n margin: 0;\n}\n\nic-button::part(button) {\n border-radius: 5rem;\n}\n\nic-button.show {\n visibility: visible;\n opacity: 1;\n transition: visibility 0s linear 0s,\n opacity var(--ic-transition-duration-slow),\n box-shadow var(--ic-easing-transition-fast);\n}\n\nic-button.by-footer {\n position: relative;\n right: var(--ic-space-md);\n bottom: 3.5rem;\n}\n\nic-button.offset-banner {\n margin-bottom: var(--ic-space-lg);\n}\n\n.ic-back-to-top-icon {\n padding-top: var(--ic-space-xxs);\n padding-right: var(--ic-space-xs);\n}\n\n.ic-back-to-top-icon > svg {\n height: var(--ic-space-md);\n width: var(--ic-space-md);\n}\n\n.icon-only {\n width: 2.5rem;\n}\n\n.icon-only .ic-back-to-top-icon > svg {\n padding-left: calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n@media (forced-colors: active) {\n .icon-only .ic-back-to-top-icon > svg {\n padding-left: calc(var(--ic-space-xs) - var(--ic-space-xxxs));\n }\n}\n","import { h, Host } from \"@stencil/core\";\nimport ArrowUpward from \"./assets/ArrowUpward.svg\";\nimport { onComponentPropUndefinedChange, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst backToTopLabel = \"Back to top\";\nexport class BackToTop {\n constructor() {\n this.topObserver = null;\n this.getObservedEl = () => {\n return document.querySelector(\"#ic-back-to-top-target\");\n };\n this.setTargetElVisible = (visible) => {\n this.targetElVisible = visible;\n };\n this.setFooterVisible = (visible) => {\n this.checkForClassificationBanner();\n this.footerVisible =\n typeof window !== \"undefined\" && window.scrollY === 0 ? false : visible;\n };\n this.targetElObserverCallback = (entries) => {\n this.setTargetElVisible(entries[0].isIntersecting);\n };\n this.footerObserverCallback = (entries) => {\n this.setFooterVisible(entries[0].isIntersecting);\n };\n this.findTargetEl = (target) => {\n let targetElement = null;\n if (target === null || target === undefined) {\n console.log(\"Error: No target ID specified for back to top component - defaulting to top of page\");\n }\n else {\n targetElement = document.querySelector(`${target.startsWith(\"#\") ? \"\" : \"#\"}${target}`);\n if (targetElement === null) {\n console.log(`Error: Back to top target element '${target}' not found - defaulting to top of page`);\n }\n }\n return targetElement;\n };\n this.createTopObserver = (target) => {\n this.targetEl = this.findTargetEl(target);\n let objParent;\n //remove old element & observer\n if (this.topObserver !== null) {\n const observedEl = this.getObservedEl();\n if (observedEl !== null) {\n this.topObserver.unobserve(observedEl);\n observedEl.remove();\n }\n }\n if (this.targetEl === null) {\n objParent = document.body;\n this.targetEl = objParent.firstElementChild;\n this.isTargetElNull = true;\n }\n else {\n objParent = this.targetEl.parentNode;\n this.isTargetElNull = false;\n }\n //insert a new 0px height element before specified target that can be used to determine when page is scrolled\n const objBackToTopTargetEl = document.createElement(\"div\");\n objBackToTopTargetEl.setAttribute(\"id\", \"ic-back-to-top-target\");\n objBackToTopTargetEl.setAttribute(\"tabindex\", \"-1\"); // Needed for virtual cursor behaviour to work\n objParent.insertBefore(objBackToTopTargetEl, this.targetEl);\n // resize observer needs to factor in any top margin on the target el\n const marginTop = getComputedStyle(this.targetEl).marginTop;\n this.topObserver = new IntersectionObserver(this.targetElObserverCallback, {\n threshold: [0],\n rootMargin: `${marginTop} 0px 0px 0px`,\n });\n this.topObserver.observe(objBackToTopTargetEl);\n };\n this.handleClick = () => {\n if (this.isTargetElNull) {\n window.scrollTo(0, 0);\n }\n else {\n this.targetEl.scrollIntoView();\n }\n // Get virtual cursor to move\n this.getObservedEl().focus();\n };\n this.checkForClassificationBanner = () => {\n //adjust position for classification banner at bottom\n const banners = document.querySelectorAll(\"ic-classification-banner:not([inline='true'])\");\n this.bannerOffset = banners.length > 0;\n };\n this.bannerOffset = false;\n this.footerVisible = false;\n this.targetElVisible = true;\n this.target = undefined;\n this.theme = \"inherit\";\n this.variant = \"default\";\n }\n watchPropHandler(newValue, oldValue) {\n //added for gatsby rehydration issue where prop is initially undefined but then changes to actual value\n onComponentPropUndefinedChange(oldValue, newValue, () => {\n this.createTopObserver(newValue);\n });\n }\n componentWillLoad() {\n this.createTopObserver(this.target);\n this.checkForClassificationBanner();\n //observer for when footer scrolls into view\n let footers = document.querySelectorAll(\"ic-footer\");\n if (footers.length === 0) {\n footers = document.querySelectorAll(\"footer\");\n }\n if (footers.length) {\n const footerEl = footers[footers.length - 1];\n const threshold = this.bannerOffset ? 0.15 : 0;\n const footerObserver = new IntersectionObserver(this.footerObserverCallback, { threshold: [threshold] });\n footerObserver.observe(footerEl);\n }\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.target, propName: \"target\" }], \"Back to Top\");\n }\n render() {\n const { variant, bannerOffset, targetElVisible, footerVisible } = this;\n const btnVariant = variant === \"icon\" ? \"icon-secondary\" : \"secondary\";\n const size = variant === \"icon\" ? \"large\" : \"medium\";\n const label = variant === \"icon\" ? \"\" : backToTopLabel;\n return (h(Host, { class: {\n [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n } }, h(\"ic-button\", { \"aria-label\": backToTopLabel, variant: btnVariant, size: size, onClick: this.handleClick, class: {\n [\"offset-banner\"]: bannerOffset,\n [\"show\"]: !targetElVisible,\n [\"by-footer\"]: footerVisible,\n [\"icon-only\"]: variant === \"icon\",\n }, theme: this.theme }, h(\"span\", { class: \"ic-back-to-top-icon\", innerHTML: ArrowUpward }), label)));\n }\n static get is() { return \"ic-back-to-top\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-back-to-top.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-back-to-top.css\"]\n };\n }\n static get properties() {\n return {\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The ID of the element to jump back to when the link is clicked.\"\n },\n \"attribute\": \"target\",\n \"reflect\": false\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBackToTopVariants\",\n \"resolved\": \"\\\"default\\\" | \\\"icon\\\"\",\n \"references\": {\n \"IcBackToTopVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-back-to-top.types\",\n \"id\": \"src/components/ic-back-to-top/ic-back-to-top.types.ts::IcBackToTopVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the button to render\"\n },\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"bannerOffset\": {},\n \"footerVisible\": {},\n \"targetElVisible\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"target\",\n \"methodName\": \"watchPropHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-back-to-top.js.map\n"],"mappings":"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"}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as e,c as i,h as t,H as a,g as o}from"./p-8455d1bb.js";import{r,k as n,i as c,j as d,b as s,s as l,d as h}from"./p-70616efa.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper [slot="additional-field"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled,ic-radio-option.ic-radio-option-disabled .radio-label{--ic-typography-color:var(--ic-radio-button-text-option-disabled)}.container input:focus+span.checkmark,.container:hover input:focus+span.checkmark,.container:active input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-radio-button-background-default);border:var(--ic-space-1px) solid var(--ic-radio-button-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:var(--ic-border-width) solid var(--ic-radio-button-default-hover)}.container:hover input:checked~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-hover);border:0.125rem solid var(--ic-radio-button-default-hover)}.container:hover:not(.disabled) input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-hover)}.container:active input~.checkmark{box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed);border:var(--ic-border-width) solid var(--ic-radio-button-default-pressed)}.container:active input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-pressed);box-shadow:0 0 0 0.25rem var(--ic-radio-button-active-pressed)}.container:active input:checked~.checkmark::after{background-color:var(--ic-radio-button-default-pressed)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-radio-button-default-active)}.container input:checked:disabled~.checkmark{border:0.125rem solid var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-radio-button-border-disabled)}.container input:disabled~.checkmark::after{background:var(--ic-radio-button-disabled)}.container:hover input:disabled~.checkmark{box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-radio-button-disabled)}.container .checkmark::after{content:"";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-radio-button-default-active)}.radio-label{margin-left:var(--ic-space-md);--ic-typography-color:var(--ic-radio-button-text-option)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-radio-button-required-bar);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-radio-button-required-bar);border-left:0.125rem solid var(--ic-radio-button-required-bar);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-radio-button-required-text);--ic-typography-color:var(--ic-radio-button-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){ic-text-field{--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}';const b="additional-field";const u=class{constructor(t){e(this,t);this.icCheck=i(this,"icCheck",7);this.icSelectedChange=i(this,"icSelectedChange",7);this.defaultRadioValue="";this.hasAdditionalField=false;this.skipFocus=false;this.handleClick=e=>{var i;const t=e.target.matches(".dynamic-container:not(ic-radio-option, .checkmark), .dynamic-container *:not(ic-radio-option, .checkmark)");if(!this.disabled&&(!t||e.target===this.radioElement)){e.stopPropagation();if(this.skipFocus===false){this.radioElement.focus()}this.skipFocus=false;if(this.hasAdditionalField){this.value=((i=this.getAdditionalField())===null||i===void 0?void 0:i.value)||this.defaultRadioValue}this.icCheck.emit({value:this.value})}};this.handleKeyDown=e=>{const i=["IC-DATE-INPUT","IC-DATE-PICKER"];if(this.getAdditionalField()==document.activeElement&&i.includes(this.getAdditionalField().nodeName)){e.stopPropagation()}};this.handleFormReset=()=>{this.skipFocus=true;this.selected=this.initiallySelected};this.additionalFieldDisplay="static";this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.groupLabel=undefined;this.label=undefined;this.name=undefined;this.theme="inherit";this.value=undefined;this.selected=false;this.initiallySelected=this.selected}watchDisabledHandler(){r(this.disabled,this.el)}watchSelectedHandler(){this.icSelectedChange.emit()}handleCheck(e){if(this.additionalFieldDisplay==="static"&&Array.from(this.el.querySelectorAll("ic-radio-option")).includes(e.target))this.icCheck.emit({value:this.value})}disconnectedCallback(){n(this.el,this.handleFormReset)}componentWillLoad(){if(c(this.el,b)){this.hasAdditionalField=true;this.getAdditionalField()}this.defaultRadioValue=this.value;d(this.el,this.handleFormReset);r(this.disabled,this.el)}componentDidLoad(){s([{prop:this.value,propName:"value"}],"Radio Option")}componentWillRender(){const e=l(this.el,b);if(e&&!this.hasAdditionalField){this.hasAdditionalField=true;this.getAdditionalField()}else if(!e&&this.hasAdditionalField){this.hasAdditionalField=false}}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.getAdditionalField();if(!this.selected||this.disabled){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}}additionalFieldValueHandler(e){if(this.selected){this.value=e.detail.value||this.defaultRadioValue;this.icCheck.emit({value:this.value})}e.stopImmediatePropagation()}async setFocus(){var e;(e=this.radioElement)===null||e===void 0?void 0:e.focus()}async setTabIndex(e){this.radioElement.tabIndex=e}getAdditionalField(){const e=this.el.querySelector('ic-text-field[slot="additional-field"]');if(e)e.hiddenInput=false;return e}render(){const{additionalFieldDisplay:e,disabled:i,dynamicText:o,form:r,groupLabel:n,handleClick:c,handleKeyDown:d,hasAdditionalField:s,label:l,name:p,selected:u,value:m,theme:v}=this;const f=`ic-radio-option-${h(l)||m}-${n}`;return t(a,{onClick:c,onKeyDown:d,class:{["ic-radio-option-disabled"]:i,[`ic-theme-${v}`]:v!=="inherit"}},t("div",{class:{container:true,disabled:i}},t("div",null,t("input",{tabindex:u?"0":"-1",type:"radio",name:p,id:f,value:m,disabled:i?true:null,checked:u,ref:e=>this.radioElement=e,form:r}),t("span",{class:"checkmark"})),t("ic-typography",{class:"radio-label",variant:"body"},t("label",{htmlFor:f},l))),s&&t("div",{class:{"dynamic-container":true,hidden:e==="dynamic"&&!u}},e==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,e==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text"},o)),t("div",{class:{"additional-field-wrapper":e==="static"}},t("slot",{name:b})))))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],selected:["watchSelectedHandler"]}}};u.style=p;export{u as ic_radio_option};
|
2
|
-
//# sourceMappingURL=p-9158c34f.entry.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["icRadioOptionCss","ADDITIONAL_FIELD","RadioOption","constructor","hostRef","this","defaultRadioValue","hasAdditionalField","skipFocus","handleClick","event","_a","clickedAdditionalField","target","matches","disabled","radioElement","stopPropagation","focus","value","getAdditionalField","icCheck","emit","handleKeyDown","preventPropagationElements","document","activeElement","includes","nodeName","handleFormReset","selected","initiallySelected","additionalFieldDisplay","dynamicText","form","undefined","groupLabel","label","name","theme","watchDisabledHandler","removeDisabledFalse","el","watchSelectedHandler","icSelectedChange","handleCheck","ev","Array","from","querySelectorAll","disconnectedCallback","removeFormResetListener","componentWillLoad","isSlotUsed","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","hasSlot","slotHasContent","componentDidRender","additionalField","setAttribute","removeAttribute","additionalFieldValueHandler","detail","stopImmediatePropagation","setFocus","setTabIndex","tabIndex","querySelector","hiddenInput","render","id","isPropDefined","h","Host","onClick","onKeyDown","class","container","tabindex","type","checked","ref","variant","htmlFor","hidden"],"sources":["../web-components/dist/collection/components/ic-radio-option/ic-radio-option.css?tag=ic-radio-option","../web-components/dist/collection/components/ic-radio-option/ic-radio-option.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\nic-radio-option {\n display: flex;\n flex-direction: column;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.additional-field-wrapper [slot=\"additional-field\"] {\n margin-top: calc(var(--ic-space-sm) / 2);\n margin-left: var(--ic-space-xl);\n}\n\n/* The label turns grey when disabled */\nic-radio-option.ic-radio-option-disabled,\nic-radio-option.ic-radio-option-disabled .radio-label {\n --ic-typography-color: var(--ic-radio-button-text-option-disabled);\n}\n\n/* Focus states */\n\n.container input:focus + span.checkmark,\n.container:hover input:focus + span.checkmark,\n.container:active input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark {\n box-shadow: var(--ic-border-focus);\n}\n\n/* The container */\n.container {\n display: grid;\n grid-template-columns: min-content auto;\n position: relative;\n cursor: pointer;\n align-items: center;\n margin: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n}\n\n.container.disabled,\n.container.disabled input:disabled {\n cursor: default;\n}\n\n/* Hide the browser's default radio button */\n.container input {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n display: inline-block;\n position: absolute;\n cursor: pointer;\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n border-radius: 50%;\n border: none;\n}\n\n/* Create a custom radio button */\n.checkmark {\n display: block;\n position: relative;\n top: 0;\n left: 0;\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n background-color: var(--ic-radio-button-background-default);\n border: var(--ic-space-1px) solid var(--ic-radio-button-border-default);\n border-radius: 50%;\n transition: var(--ic-easing-transition-fast);\n box-sizing: border-box;\n}\n\n/* Show the indicator (dot/circle) when checked */\n.container input:checked ~ .checkmark::after {\n display: inline-block;\n}\n\n/* On mouse-over, add a light blue background color */\n.container:hover input ~ .checkmark {\n box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-hover);\n border: var(--ic-border-width) solid var(--ic-radio-button-default-hover);\n}\n\n.container:hover input:checked ~ .checkmark {\n box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-hover);\n border: 0.125rem solid var(--ic-radio-button-default-hover);\n}\n\n.container:hover:not(.disabled) input:checked ~ .checkmark::after {\n background-color: var(--ic-radio-button-default-hover);\n}\n\n/* When pressed, adds the active colours */\n.container:active input ~ .checkmark {\n box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-pressed);\n border: var(--ic-border-width) solid var(--ic-radio-button-default-pressed);\n}\n\n/* When pressed, adds the active colours */\n.container:active input:checked ~ .checkmark {\n border: 0.125rem solid var(--ic-radio-button-default-pressed);\n box-shadow: 0 0 0 0.25rem var(--ic-radio-button-active-pressed);\n}\n\n/* When pressed and selected, adds the active colours */\n.container:active input:checked ~ .checkmark::after {\n background-color: var(--ic-radio-button-default-pressed);\n}\n\n/* When the radio button is checked */\n.container input:checked ~ .checkmark {\n border: 0.125rem solid var(--ic-radio-button-default-active);\n}\n\n/* When the radio button is checked and disabled */\n.container input:checked:disabled ~ .checkmark {\n border: 0.125rem solid var(--ic-radio-button-border-disabled);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark {\n border: var(--ic-border-width) dashed var(--ic-radio-button-border-disabled);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark::after {\n background: var(--ic-radio-button-disabled);\n}\n\n/* On mouse-over inactive */\n.container:hover input:disabled ~ .checkmark {\n box-shadow: none;\n border: 0.125rem solid none;\n}\n\n.container:active input:disabled ~ .checkmark::after {\n background-color: var(--ic-radio-button-disabled);\n}\n\n/* Style the indicator (dot/circle) */\n.container .checkmark::after {\n content: \"\";\n position: absolute;\n display: none;\n top: calc(50% - var(--ic-space-xs));\n left: calc(50% - var(--ic-space-xs));\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n border-radius: 50%;\n background: var(--ic-radio-button-default-active);\n}\n\n.radio-label {\n margin-left: var(--ic-space-md);\n --ic-typography-color: var(--ic-radio-button-text-option);\n}\n\n.additional-field-wrapper {\n margin-left: var(--ic-space-xs);\n}\n\n/* The line */\n.branch-corner {\n color: var(--ic-radio-button-required-bar);\n height: var(--ic-space-md);\n width: var(--ic-space-xl);\n border-radius: 0 0 0 0.188rem;\n border-bottom: 0.125rem solid var(--ic-radio-button-required-bar);\n border-left: 0.125rem solid var(--ic-radio-button-required-bar);\n margin-left: calc(-1 * var(--ic-space-1px));\n}\n\n/* The dynamic container */\n.dynamic-container {\n display: flex;\n position: relative;\n margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n gap: var(--ic-space-xs);\n}\n\n.dynamic-container.hidden {\n display: none;\n}\n\n.dynamic-text {\n color: var(--ic-radio-button-required-text);\n\n --ic-typography-color: var(--ic-radio-button-required-text);\n\n margin-top: calc(var(--ic-space-sm) / 2);\n margin-bottom: var(--ic-space-xs);\n border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n ic-text-field {\n --input-width: 100%;\n }\n}\n\n@media (forced-colors: active) {\n /* Styles here only apply to Forced Colors Mode */\n\n .container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark {\n border-color: Highlight;\n }\n\n .container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after {\n background-color: Highlight;\n }\n\n .container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark {\n border-color: GrayText;\n }\n\n .container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after {\n background-color: GrayText;\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined, addFormResetListener, removeFormResetListener, removeDisabledFalse, isPropDefined, isSlotUsed, slotHasContent, } from \"../../utils/helpers\";\nconst ADDITIONAL_FIELD = \"additional-field\";\n/**\n * @slot additional-field - Content to displayed alongside a radio option.\n */\nexport class RadioOption {\n constructor() {\n this.defaultRadioValue = \"\";\n this.hasAdditionalField = false;\n this.skipFocus = false;\n this.handleClick = (event) => {\n var _a;\n const clickedAdditionalField = event.target.matches(\".dynamic-container:not(ic-radio-option, .checkmark), .dynamic-container *:not(ic-radio-option, .checkmark)\");\n if (!this.disabled &&\n (!clickedAdditionalField || event.target === this.radioElement)) {\n event.stopPropagation();\n if (this.skipFocus === false) {\n this.radioElement.focus();\n }\n this.skipFocus = false;\n if (this.hasAdditionalField) {\n this.value = ((_a = this.getAdditionalField()) === null || _a === void 0 ? void 0 : _a.value) || this.defaultRadioValue;\n }\n this.icCheck.emit({\n value: this.value,\n });\n }\n };\n this.handleKeyDown = (event) => {\n const preventPropagationElements = [\"IC-DATE-INPUT\", \"IC-DATE-PICKER\"];\n if (this.getAdditionalField() == document.activeElement &&\n preventPropagationElements.includes(this.getAdditionalField().nodeName)) {\n event.stopPropagation();\n }\n };\n this.handleFormReset = () => {\n this.skipFocus = true;\n this.selected = this.initiallySelected;\n };\n this.additionalFieldDisplay = \"static\";\n this.disabled = false;\n this.dynamicText = \"This selection requires additional answers\";\n this.form = undefined;\n this.groupLabel = undefined;\n this.label = undefined;\n this.name = undefined;\n this.theme = \"inherit\";\n this.value = undefined;\n this.selected = false;\n this.initiallySelected = this.selected;\n }\n watchDisabledHandler() {\n removeDisabledFalse(this.disabled, this.el);\n }\n watchSelectedHandler() {\n this.icSelectedChange.emit();\n }\n handleCheck(ev) {\n if (this.additionalFieldDisplay === \"static\" &&\n Array.from(this.el.querySelectorAll(\"ic-radio-option\")).includes(ev.target))\n this.icCheck.emit({ value: this.value });\n }\n disconnectedCallback() {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n componentWillLoad() {\n if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {\n this.hasAdditionalField = true;\n this.getAdditionalField();\n }\n this.defaultRadioValue = this.value;\n addFormResetListener(this.el, this.handleFormReset);\n removeDisabledFalse(this.disabled, this.el);\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.value, propName: \"value\" }], \"Radio Option\");\n }\n componentWillRender() {\n const hasSlot = slotHasContent(this.el, ADDITIONAL_FIELD);\n if (hasSlot && !this.hasAdditionalField) {\n this.hasAdditionalField = true;\n this.getAdditionalField();\n }\n else if (!hasSlot && this.hasAdditionalField) {\n this.hasAdditionalField = false;\n }\n }\n componentDidRender() {\n if (this.additionalFieldDisplay === \"static\") {\n const additionalField = this.getAdditionalField();\n if (!this.selected || this.disabled) {\n additionalField === null || additionalField === void 0 ? void 0 : additionalField.setAttribute(\"disabled\", \"\");\n }\n else {\n additionalField === null || additionalField === void 0 ? void 0 : additionalField.removeAttribute(\"disabled\");\n }\n }\n }\n additionalFieldValueHandler(event) {\n if (this.selected) {\n this.value = event.detail.value || this.defaultRadioValue;\n this.icCheck.emit({\n value: this.value,\n });\n }\n event.stopImmediatePropagation();\n }\n /**\n * Sets focus on the radio option.\n */\n async setFocus() {\n var _a;\n (_a = this.radioElement) === null || _a === void 0 ? void 0 : _a.focus();\n }\n /**\n * @internal Sets the tabIndex of the radio option.\n */\n async setTabIndex(value) {\n this.radioElement.tabIndex = value;\n }\n getAdditionalField() {\n const additionalField = this.el.querySelector('ic-text-field[slot=\"additional-field\"]');\n if (additionalField)\n additionalField.hiddenInput = false;\n return additionalField;\n }\n render() {\n const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, handleKeyDown, hasAdditionalField, label, name, selected, value, theme, } = this;\n const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;\n return (h(Host, { onClick: handleClick, onKeyDown: handleKeyDown, class: {\n [\"ic-radio-option-disabled\"]: disabled,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n } }, h(\"div\", { class: { container: true, disabled } }, h(\"div\", null, h(\"input\", { tabindex: selected ? \"0\" : \"-1\", type: \"radio\", name: name, id: id, value: value, disabled: disabled ? true : null, checked: selected, ref: (el) => (this.radioElement = el), form: form }), h(\"span\", { class: \"checkmark\" })), h(\"ic-typography\", { class: \"radio-label\", variant: \"body\" }, h(\"label\", { htmlFor: id }, label))), hasAdditionalField && (h(\"div\", { class: {\n \"dynamic-container\": true,\n hidden: additionalFieldDisplay === \"dynamic\" && !selected,\n } }, additionalFieldDisplay === \"dynamic\" && (h(\"div\", { class: \"branch-corner\" })), h(\"div\", null, additionalFieldDisplay === \"dynamic\" && (h(\"ic-typography\", { variant: \"caption\" }, h(\"p\", { class: \"dynamic-text\" }, dynamicText))), h(\"div\", { class: {\n \"additional-field-wrapper\": additionalFieldDisplay === \"static\",\n } }, h(\"slot\", { name: ADDITIONAL_FIELD })))))));\n }\n static get is() { return \"ic-radio-option\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-radio-option.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-radio-option.css\"]\n };\n }\n static get properties() {\n return {\n \"additionalFieldDisplay\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAdditionalFieldTypes\",\n \"resolved\": \"\\\"dynamic\\\" | \\\"static\\\"\",\n \"references\": {\n \"IcAdditionalFieldTypes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAdditionalFieldTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The style of additionalField that will be displayed if used.\"\n },\n \"attribute\": \"additional-field-display\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"static\\\"\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the disabled state will be set.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"dynamicText\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The text to be displayed when dynamic.\"\n },\n \"attribute\": \"dynamic-text\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"This selection requires additional answers\\\"\"\n },\n \"form\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The <form> element to associate the radio with.\"\n },\n \"attribute\": \"form\",\n \"reflect\": false\n },\n \"groupLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The group label for the radio option.\"\n },\n \"attribute\": \"group-label\",\n \"reflect\": false\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label for the radio option.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"name\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The name for the radio option.\"\n },\n \"attribute\": \"name\",\n \"reflect\": false\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The value for the radio option.\"\n },\n \"attribute\": \"value\",\n \"reflect\": false\n },\n \"selected\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the radio option will be displayed in a selected state.\"\n },\n \"attribute\": \"selected\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"initiallySelected\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icCheck\",\n \"name\": \"icCheck\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the radio option is selected.\"\n },\n \"complexType\": {\n \"original\": \"IcValueEventDetail\",\n \"resolved\": \"IcValueEventDetail\",\n \"references\": {\n \"IcValueEventDetail\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"icSelectedChange\",\n \"name\": \"icSelectedChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the radio option is selected or deselected.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets focus on the radio option.\",\n \"tags\": []\n }\n },\n \"setTabIndex\": {\n \"complexType\": {\n \"signature\": \"(value: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"value\",\n \"type\": \"number\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Sets the tabIndex of the radio option.\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"disabled\",\n \"methodName\": \"watchDisabledHandler\"\n }, {\n \"propName\": \"selected\",\n \"methodName\": \"watchSelectedHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icCheck\",\n \"method\": \"handleCheck\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"icChange\",\n \"method\": \"additionalFieldValueHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-radio-option.js.map\n"],"mappings":"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"}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
import{r as e,c as t,h as i,H as o,g as n}from"./p-8455d1bb.js";import{d as a}from"./p-70616efa.js";const s='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host:not[hidden]{display:block}:host{color:var(--ic-color-text-primary)}';const r=class{constructor(i){e(this,i);this.tabPanelCreated=t(this,"tabPanelCreated",7);this.tabPanelRemoved=t(this,"tabPanelRemoved",7);this.monochrome=false;this.panelId=undefined;this.selectedTab=undefined;this.tabPosition=undefined;this.theme="inherit"}connectedCallback(){this.tabPanelCreated.emit(this.el)}render(){const{panelId:e,selectedTab:t,theme:n}=this;return i(o,{class:{[`ic-theme-${n}`]:n!=="inherit"},role:"tabpanel",hidden:a(e)&&a(t)?!(e===t):true},i("div",null,i("slot",null)))}get el(){return n(this)}};r.style=s;export{r as ic_tab_panel};
|
2
|
-
//# sourceMappingURL=p-91c720bc.entry.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["icTabPanelCss","TabPanel","constructor","hostRef","this","monochrome","panelId","undefined","selectedTab","tabPosition","theme","connectedCallback","tabPanelCreated","emit","el","render","h","Host","class","role","hidden","isPropDefined"],"sources":["../web-components/dist/collection/components/ic-tab-panel/ic-tab-panel.css?tag=ic-tab-panel&encapsulation=shadow","../web-components/dist/collection/components/ic-tab-panel/ic-tab-panel.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host:not[hidden] {\n display: block;\n}\n\n:host {\n color: var(--ic-color-text-primary);\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class TabPanel {\n constructor() {\n this.monochrome = false;\n this.panelId = undefined;\n this.selectedTab = undefined;\n this.tabPosition = undefined;\n this.theme = \"inherit\";\n }\n connectedCallback() {\n this.tabPanelCreated.emit(this.el);\n }\n render() {\n const { panelId, selectedTab, theme } = this;\n return (h(Host, { class: {\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, role: \"tabpanel\", hidden: isPropDefined(panelId) && isPropDefined(selectedTab)\n ? !(panelId === selectedTab)\n : true }, h(\"div\", null, h(\"slot\", null))));\n }\n static get is() { return \"ic-tab-panel\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-tab-panel.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-tab-panel.css\"]\n };\n }\n static get properties() {\n return {\n \"monochrome\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"monochrome\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"panelId\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The shared ID that links the panel and tab.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"panel-id\",\n \"reflect\": true\n },\n \"selectedTab\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The shared ID of the currently selected tab.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"selected-tab\",\n \"reflect\": false\n },\n \"tabPosition\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The position of the tab panel inside the tabs array in context.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"tab-position\",\n \"reflect\": true\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"tabPanelCreated\",\n \"name\": \"tabPanelCreated\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when a tab panel is dynamically created.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"HTMLIcTabPanelElement\",\n \"resolved\": \"HTMLIcTabPanelElement\",\n \"references\": {\n \"HTMLIcTabPanelElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLIcTabPanelElement\"\n }\n }\n }\n }, {\n \"method\": \"tabPanelRemoved\",\n \"name\": \"tabPanelRemoved\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when a tab panel is unmounted.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-tab-panel.js.map\n"],"mappings":"oGAAA,MAAMA,EAAgB,66E,MCETC,EAAQ,MACjB,WAAAC,CAAAC,G,4GACIC,KAAKC,WAAa,MAClBD,KAAKE,QAAUC,UACfH,KAAKI,YAAcD,UACnBH,KAAKK,YAAcF,UACnBH,KAAKM,MAAQ,S,CAEjB,iBAAAC,GACIP,KAAKQ,gBAAgBC,KAAKT,KAAKU,G,CAEnC,MAAAC,GACI,MAAMT,QAAEA,EAAOE,YAAEA,EAAWE,MAAEA,GAAUN,KACxC,OAAQY,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,YAAYR,KAAUA,IAAU,WAClCS,KAAM,WAAYC,OAAQC,EAAcf,IAAYe,EAAcb,KAC7DF,IAAYE,GACd,MAAQQ,EAAE,MAAO,KAAMA,EAAE,OAAQ,O"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["icDataTableCss","DataTable","this","DENSITY_HEIGHT_MULTIPLIER","dense","default","spacious","DENSITY_PADDING_HEIGHT_DIFF","SORT_ICONS","unsorted","unsortedIcon","ascending","ascendingIcon","descending","descendingIcon","hasLoadedForOneSecond","resizeObserver","SHOW_HIDE_STRING","SHOW_HIDE_CSS_CLASS","TOOLTIP_STRING","TOOLTIP","TEXT_WRAP_STRING","TEXT_WRAP_CLASS","dataUpdated","rowHeightSet","initialLoad","icPageChangeEvent","itemsPerPageChange","DATA_ROW_HEIGHT_STRING","ROW_HEIGHT_CSS_VARIABLE","LINE_CLAMP_CSS_VARIABLE","DEFAULT_LINE_HEIGHT","densityUpdate","truncationPatternUpdated","isNewDebounceDelaySet","headerResizeObserver","IC_TOOLTIP_STRING","SHOW_TRUNC_TOOLTIP_STRING","CELL_DESCRIPTION_STRING","CELL_CONTAINER_WITH_DESCRIPTION_STRING","CELL_TEXT_WRAPPER_STRING","IC_TYPOGRAPHY_STRING","runHeaderResizeObserver","ResizeObserver","headerResizeCallback","observe","el","hideColumnHeaders","columnHeaderTruncation","tableContainerWidth","shadowRoot","querySelector","clientWidth","prevTableContainerWidth","headers","querySelectorAll","forEach","header","tooltip","typographyEls","length","classList","remove","add","updateSetRowHeight","typographyEl","fontSize","parseInt","getComputedStyle","document","documentElement","cellContainer","getCellContainer","rowHeight","parseFloat","getAttribute","scrollHeight","style","removeProperty","getTypographyElements","debounceDataTruncation","contains","dynamicDebounce","dataTruncation","setNewDebounceDelay","debounceDelay","delay","getLines","height","Math","floor","truncate","clientHeight","closest","truncationPattern","addTooltipTruncation","addShowHideTruncation","setAttribute","cellTextWrapper","prepend","isEmptyString","resetShowHideTruncation","getTooltip","showHideBtn","truncWrapper","getTruncWrapper","removeTooltip","removeTextWrap","tableCell","deleteTextWrapDataKey","array","Array","isArray","val","textWrap","startLoadingTimer","timerStarted","Date","now","setTimeout","minimumLoadingDisplayDuration","isObject","value","undefined","notDefaultDensity","density","getCellContent","cell","dataType","toLocaleDateString","getCellAlignment","alignment","Object","keys","includes","getObjectValue","getCellOptions","key","createUpdatingIndicator","description","max","min","progress","monochrome","updatingOptions","h","colSpan","columns","class","theme","fullWidth","type","size","setRowHeight","pxToRem","setTruncationClass","getColumnWidth","columnWidth","columnWidthStyling","assign","minWidth","maxWidth","getRowHeight","currentRowHeight","columnProps","rowTextWrap","adjustWidthForActionElement","elements","element","width","firstChild","getBoundingClientRect","gridWrapper","gridTemplateColumns","createCellContent","cellSlotName","rowOptions","rowAlignment","hasIcon","cellValue","rowEmphasis","innerHTML","isSlotUsed","_a","columnAlignment","vertical","_b","_c","_d","_e","horizontal","_f","_g","_h","_j","icon","emphasis","name","Fragment","_k","onAllCells","_l","_m","variant","href","target","rel","_o","_q","_p","data","createCells","row","rowIndex","rowValues","values","rowKeys","getRowOptions","headerIndex","indexOf","variableRowHeightVal","variableRowHeight","call","index","globalRowHeight","map","scope","stickyRowHeaders","onClick","actionOnClick","event","handleClick","createColumnHeaders","cellAlignment","colspan","title","excludeColumnFromSort","updating","loading","hideOnHeader","label","id","sortable","getSortButtonLabel","sortRows","sortedColumn","sortedColumnOrder","onRowClick","icSelectedRowChange","emit","selectedRow","createRows","showPagination","slice","fromRow","toRow","organisedData","slottedColumns","filter","col","prototype","hasOwnProperty","addDataToPosition","sort","disableAutoSort","getSortFunction","highlightSelectedRow","getNextSortOption","option","sortOrders","sortOptions","sortOption","getComparison","targetRow","comparisonRow","targetRowValue","comparisonRowValue","find","valueOf","String","localeCompare","numeric","sensitivity","a","b","column","sortButton","previousSortedButton","nextSortOrderIndex","tableSorted","icSortChange","columnName","sorted","from","updateTruncationTooltip","removeTooltipOnly","regenerateTooltip","updateScrollOffset","scrollOffset","scrollTop","updateRowHeightForDescriptions","toString","updateCellHeightsWithDescriptions","descriptions","typography","descriptionMarginTop","window","getPropertyValue","descriptionHeight","textContent","cellIcon","deviceSizeMatches","IC_DEVICE_SIZES","XS","addLineClampCSS","createShowHideTruncation","setTableDimensions","tableHostDimensions","fixCellTooltip","tagName","children","setExternalPopperProps","strategy","fixCellTooltips","slotElements","getSlotElements","slottedEl","actionElements","actionElementSpan","actionElement","callback","renderTableBody","overlay","renderLoadingIndicator","isLoading","loadingOptions","ref","loadingOverlay","labelDuration","loadingIndicator","renderAriaLiveLoading","renderEmptyState","emptyStateEl","aligned","heading","hideAllFromItemsPerPage","hideRangeLabel","itemLabel","itemsPerPageOptions","pageLabel","rangeLabelType","selectedItemsPerPage","setToFirstPageOnPaginationChange","showGoToPageControl","showItemsPerPageControl","defaultColumn","headerTruncationChangeHandler","disconnectedCallback","disconnect","componentWillLoad","rowsPerPage","Number","paginationBarOptions","previousRowsPerPage","previousItemsPerPage","componentDidLoad","tableElement","tableContainer","checkResizeObserver","scrollable","showLoadingIndicator","addEventListener","componentDidUpdate","truncateUpdatedData","componentDidRender","resetTruncation","then","removeAttribute","hasAutoRowHeight","tooltipEl","setProperty","allRows","newRows","checkMaxLines","setShowHideExpanded","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","clickListener","loadingHandler","newValue","truncationPatternHandler","dataHandler","densityHandler","rowHeightChangeHandler","oldValue","icRowHeightChange","resetRowHeights","rowOptionsIndex","cssText","descriptionCellHeight","iconHeight","createElement","render","caption","stickyColumnHeaders","Host","tabIndex","onScroll","tableLayout","totalItems"],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":[":host {\n position: relative;\n display: inline-flex;\n max-height: 100%;\n width: var(--table-width, 100%);\n height: 100%;\n min-width: var(--table-min-width);\n max-width: var(--table-max-width);\n}\n\ntbody {\n vertical-align: top;\n}\n\n.table-container {\n position: relative;\n height: calc(100% - var(--ic-space-xxxs));\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.cell-container {\n display: flex;\n min-height: 1.5rem;\n overflow-y: hidden;\n height: var(--row-height);\n\n --ic-typography-color: var(--ic-data-table-text-default-emphasis);\n}\n\n.truncation-show-hide {\n display: block;\n}\n\n.cell-icon.truncation-show-hide {\n display: flex;\n}\n\n.cell-container:not(.data-type-element, .truncation-show-hide) {\n overflow-x: hidden;\n}\n\nic-loading-indicator {\n position: sticky;\n top: 20px;\n}\n\n.table-row-container {\n position: relative;\n height: 100%;\n overflow: auto;\n transition: var(--ic-easing-transition-fast);\n overflow-anchor: none;\n}\n\n:host([show-pagination=\"true\"]) .table-row-container {\n height: calc(100% - 3.5625rem);\n}\n\ntable {\n table-layout: var(--table-layout, \"fixed\");\n border-spacing: 0;\n width: 100%;\n height: var(--table-height, auto);\n}\n\n.table-row-container:focus {\n outline: none;\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-fast);\n z-index: 1;\n}\n\n:host([embedded=\"true\"]) .table-row-container {\n border: var(--ic-space-1px) solid var(--ic-data-table-border);\n}\n\n.column-header-inner-container {\n padding: var(--ic-space-xs);\n box-sizing: border-box;\n}\n\n.column-header-inner-container ic-tooltip {\n pointer-events: none;\n}\n\n.column-header-inner-container ic-tooltip.show-trunc-tooltip {\n pointer-events: auto;\n}\n\n.column-header-inner-container ic-tooltip .column-header-text {\n --ic-line-clamp: 1;\n}\n\n.column-header-sticky {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.column-header-overlay {\n position: sticky;\n top: 0;\n z-index: 1;\n box-shadow: 0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%);\n}\n\n.row-header-sticky {\n position: sticky;\n left: 0;\n}\n\n.column-header,\n.table-row {\n box-sizing: border-box;\n}\n\n.table-row-selected {\n background-color: var(--ic-data-table-cell-background-selected) !important;\n}\n\n.table-row:hover {\n background-color: var(--ic-data-table-cell-background-hover) !important;\n}\n\n.table-row-selected:hover {\n background-color: var(\n --ic-data-table-cell-background-selected-hover\n ) !important;\n}\n\n.sort-button {\n margin-left: auto;\n}\n\n.sort-button:hover {\n background-color: var(--ic-data-table-icon-button-background-hover);\n}\n\n.sort-button:active {\n background-color: var(--ic-data-table-icon-button-background-pressed);\n}\n\n.sort-button svg {\n color: var(--ic-data-table-sort-toggle-icon);\n}\n\n.sort-button-unsorted svg {\n color: var(--ic-data-table-sort-toggle-icon-default);\n}\n\n.table-density-dense .column-header-inner-container,\ntd.table-density-dense {\n padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious .column-header-inner-container,\ntd.table-density-spacious {\n padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n font-size: 1.125rem;\n}\n\n.column-header-text {\n font-weight: var(--ic-font-weight-bold);\n}\n\n.dummy-column-header-text {\n white-space: nowrap;\n overflow: hidden;\n height: 0;\n width: fit-content;\n}\n\n.row-header,\n.column-header {\n text-align: left;\n padding: var(--ic-space-xs);\n background-color: var(--ic-data-table-header-background);\n border-right: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n border-bottom: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n color: var(--ic-data-table-header-text);\n}\n\n.column-header {\n padding: 0;\n width: var(--column-width);\n min-width: var(--column-min-width, 4rem);\n max-width: var(--column-max-width);\n}\n\n.column-header:last-child {\n border-right: none;\n}\n\n.scrollable .column-header:last-child {\n border-right: var(--ic-space-1px) solid var(--ic-data-table-header-keyline) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n text-align: left !important;\n justify-content: start !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n text-align: right !important;\n justify-content: end !important;\n}\n\n.cell-alignment-right.truncation-tooltip ic-tooltip ic-typography {\n padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.cell-alignment-right.truncation-show-hide ic-typography {\n --ellipsis-padding-right: calc(var(--ic-space-xxs) + var(--ic-space-xs));\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n text-align: center !important;\n justify-content: center !important;\n}\n\n.table-row {\n background-color: var(--ic-data-table-cell-background);\n}\n\n.table-row:nth-child(even) {\n background-color: var(--ic-data-table-cell-background-stripe);\n}\n\n.table-cell {\n padding: var(--ic-space-xs);\n border-bottom: solid var(--ic-data-table-cell-keyline) var(--ic-space-1px);\n overflow: hidden;\n box-sizing: border-box;\n max-width: var(--column-max-width);\n min-width: var(--column-min-width);\n}\n\n.table-cell.with-overflow {\n overflow: visible;\n}\n\n.data-type-string,\n.data-type-address {\n text-align: left;\n vertical-align: top;\n}\n\n.data-type-number,\n.data-type-date {\n text-align: right;\n justify-content: end;\n vertical-align: top;\n}\n\n.cell-alignment-top {\n vertical-align: top;\n align-items: flex-start;\n}\n\n.cell-alignment-middle {\n vertical-align: middle;\n align-items: center;\n}\n\n.cell-alignment-bottom {\n vertical-align: bottom;\n align-items: flex-end;\n}\n\n.cell-emphasis-low ic-typography {\n --ic-typography-color: var(--ic-data-table-text-low-emphasis);\n}\n\n.cell-emphasis-high ic-typography {\n --ic-typography-color: var(--ic-data-table-text-high-emphasis);\n\n font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n background-color: var(--ic-data-table-pagination-bar-background-color);\n border-top: var(--ic-space-1px) solid\n var(--ic-data-table-pagination-bar-keyline);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n position: absolute;\n left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n word-wrap: break-word;\n white-space: pre-wrap;\n}\n\n.loading-empty {\n padding: var(--ic-space-xl) var(--ic-space-xxl);\n margin-top: var(--ic-space-xl);\n}\n\n.updating-state {\n padding: 0;\n border-bottom: var(--ic-space-1px) solid var(--ic-data-table-header-keyline);\n}\n\n.updating-state-headers {\n border-bottom: none;\n}\n\n.loading {\n position: absolute;\n left: calc(50% - 5.9741rem);\n opacity: 0;\n transition: opacity var(--ic-transition-duration-slow);\n z-index: calc(var(--ic-z-index-dialog) - 1);\n background-color: var(--ic-data-table-overlay-background);\n border: var(--ic-space-1px) solid var(--ic-data-table-overlay-border);\n}\n\n.loading.show {\n opacity: 1;\n}\n\n.icon,\n::slotted(svg) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-right: var(--ic-space-xxs);\n}\n\n.column-header .icon > svg,\n.column-header ::slotted(svg) {\n fill: var(--ic-data-table-icon);\n}\n\n.table-cell .icon > svg,\n.table-cell ::slotted(svg) {\n fill: var(--ic-data-table-icon-default-emphasis);\n}\n\n.cell-emphasis-high .icon > svg,\n.cell-emphasis-high ::slotted(svg) {\n fill: var(--ic-data-table-icon-high-emphasis);\n}\n\n.cell-emphasis-low .icon > svg,\n.cell-emphasis-low ::slotted(svg) {\n fill: var(--ic-data-table-icon-low-emphasis);\n}\n\n.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg) {\n margin-right: auto;\n}\n\n.column-header-alignment-center > ic-typography,\n.column-header-alignment-center > .cell-text-wrapper,\n.row-header-alignment-right > ic-typography,\n.row-header-alignment-right > .cell-text-wrapper,\n.cell-alignment-center > ic-typography,\n.cell-alignment-center > .cell-text-wrapper {\n flex: 1;\n}\n\n.icon > svg {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n display: inline-block;\n}\n\n.truncation-tooltip ic-typography {\n display: -webkit-box;\n -webkit-line-clamp: var(--ic-line-clamp, 0);\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.truncation-tooltip ic-typography,\n.truncation-show-hide ic-typography {\n white-space: normal;\n}\n\n.ic-tooltip-overflow {\n overflow: hidden;\n width: 100%;\n}\n\n.action-element {\n display: flex;\n justify-content: right;\n}\n\n.cell-grid-wrapper {\n display: grid;\n grid-template-columns: auto auto;\n}\n\n.loading-overlay {\n visibility: hidden;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--ic-data-table-loading-indicator-overlay-background);\n z-index: calc(var(--ic-z-index-dialog) - 2);\n opacity: 0;\n transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading-overlay.show {\n visibility: visible;\n opacity: 0.6;\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .loading-overlay {\n transition: none;\n }\n}\n\n.cell-text-wrapper {\n overflow: hidden;\n}\n\n.cell-text-wrapper > ic-typography {\n margin-left: 2px;\n}\n\n.cell-text-no-wrap {\n word-wrap: initial;\n}\n\n.cell-container-with-description {\n display: flex;\n flex-direction: row;\n}\n\n.cell-description {\n display: flex;\n flex-direction: row;\n margin-top: var(--ic-space-xxs);\n word-break: break-all;\n}\n\n.cell-description-text {\n color: var(--ic-color-secondary-text);\n}\n\n.cell-description-icon {\n padding-right: var(--ic-space-xs);\n}\n\n.cell-description-icon > svg {\n height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n display: flex;\n}\n\n@media (min-width: 577px) {\n .column-header-inner-container {\n display: flex;\n align-items: center;\n }\n}\n\n@media (max-width: 577px) {\n .cell-icon {\n flex-wrap: wrap;\n }\n\n .cell-description-icon {\n padding-right: 0;\n }\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .icon,\n ::slotted(svg),\n .cell-description-icon > svg {\n fill: currentcolor;\n }\n\n .sort-button svg {\n color: currentcolor;\n }\n\n .table-row-selected {\n background-color: Highlight !important;\n }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n Component,\n Element,\n h,\n Prop,\n State,\n Listen,\n Watch,\n Fragment,\n Method,\n Event,\n EventEmitter,\n Host,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n IcDataTableDataType,\n IcDataTableColumnDataTypes,\n IcDataTableColumnObject,\n IcDataTableColumnWidthTypes,\n IcDataTableDensityOptions,\n IcDataTableRowHeights,\n IcDataTableSortOrderOptions,\n IcDataTableTruncationTypes,\n IcDensityUpdateEventDetail,\n IcSortEventDetail,\n IcLoadingOptions,\n} from \"./ic-data-table.types\";\nimport { IcPaginationBarOptions, IcThemeMode } from \"../../utils/types\";\n// Unable to import helper functions via @ukic/web-components\nimport {\n isEmptyString,\n isSlotUsed,\n pxToRem,\n addDataToPosition,\n dynamicDebounce,\n getSlotElements,\n checkResizeObserver,\n deviceSizeMatches,\n} from \"../../utils/helpers\";\nimport { IC_DEVICE_SIZES } from \"../../utils/constants\";\n\n/**\n * @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.\n * @slot {COLUMN_KEY}-{ROW_INDEX}[-icon] - Each cell should have its own slot, named using the column tag and the row index, allowing for custom elements to be displayed. Include `-icon` at the end for that cell's icon slot.\n * @slot {COLUMN_KEY}-column-icon - The icon slot for a column header.\n * @slot title-bar - A custom ic-data-table-title-bar can be slotted above the column headers to display additional information about the table.\n * @slot pagination-bar - A custom ic-pagination-bar can be slotted below the data to provide enhanced control over how the data is interacted with when being fetched externally.\n */\n@Component({\n tag: \"ic-data-table\",\n styleUrl: \"ic-data-table.css\",\n shadow: true,\n})\nexport class DataTable {\n private DENSITY_HEIGHT_MULTIPLIER = {\n dense: 0.8,\n default: 1,\n spacious: 1.2,\n };\n\n private DENSITY_PADDING_HEIGHT_DIFF = {\n dense: 8,\n default: 16,\n spacious: 20,\n };\n\n private SORT_ICONS = {\n unsorted: unsortedIcon,\n ascending: ascendingIcon,\n descending: descendingIcon,\n };\n\n private hasLoadedForOneSecond = true;\n private loadingIndicator: HTMLIcLoadingIndicatorElement;\n private loadingOverlay: HTMLDivElement;\n private timerStarted: number;\n private resizeObserver: ResizeObserver = null;\n private SHOW_HIDE_STRING = \"show-hide\";\n private SHOW_HIDE_CSS_CLASS = `${this.SHOW_HIDE_STRING}-wrap`;\n private TOOLTIP_STRING = \"tooltip\";\n private TOOLTIP = `ic-${this.TOOLTIP_STRING}`;\n private TEXT_WRAP_STRING = \"text-wrap\";\n private TEXT_WRAP_CLASS = `.${this.TEXT_WRAP_STRING}`;\n private dataUpdated = false;\n private tableSorted: boolean;\n private rowHeightSet = false;\n private initialLoad = false;\n private icPageChangeEvent = false;\n private itemsPerPageChange = false;\n private DATA_ROW_HEIGHT_STRING = \"data-row-height\";\n private ROW_HEIGHT_CSS_VARIABLE = \"--row-height\";\n private LINE_CLAMP_CSS_VARIABLE = \"--ic-line-clamp\";\n private previousItemsPerPage: number;\n private DEFAULT_LINE_HEIGHT = 24;\n private densityUpdate = false;\n private previousPaginationPage: number;\n private truncationPatternUpdated: boolean = false;\n private isNewDebounceDelaySet = false;\n private headerResizeObserver: ResizeObserver = null;\n private prevTableContainerWidth: number;\n private IC_TOOLTIP_STRING = \"ic-tooltip\";\n private SHOW_TRUNC_TOOLTIP_STRING = \"show-trunc-tooltip\";\n private CELL_DESCRIPTION_STRING = \".cell-description\";\n private CELL_CONTAINER_WITH_DESCRIPTION_STRING =\n \"cell-container-with-description\";\n private CELL_TEXT_WRAPPER_STRING = \".cell-text-wrapper\";\n private IC_TYPOGRAPHY_STRING = \"ic-typography\";\n\n @Element() el: HTMLIcDataTableElement;\n\n @State() fromRow: number = 0;\n\n @State() previousRowsPerPage: number;\n\n @State() rowsPerPage: number;\n\n @State() scrollable: boolean = false;\n\n @State() scrollOffset: number = 0;\n\n @State() selectedRow: object;\n\n @State() sortedColumn: string;\n\n @State() sortedColumnOrder: IcDataTableSortOrderOptions;\n\n @State() toRow: number;\n\n @State() currentRowHeight: number;\n\n @State() debounceDelay = 0;\n\n /**\n * The title for the table only visible to screen readers.\n */\n @Prop() caption!: string;\n\n /**\n * Determines whether the column header should be truncated and display a tooltip. Default is `false`.\n */\n @Prop() columnHeaderTruncation: boolean = false;\n\n @Watch(\"columnHeaderTruncation\")\n headerTruncationChangeHandler(): void {\n if (this.columnHeaderTruncation) {\n this.prevTableContainerWidth = 0;\n } else {\n const headers = this.el.shadowRoot.querySelectorAll(\"th.column-header\");\n headers.forEach((header) => {\n const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n if (tooltip) {\n tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n }\n });\n }\n }\n\n /**\n * The column headers for the table.\n */\n @Prop() columns!: IcDataTableColumnObject[];\n\n /**\n * The row content for the table.\n */\n @Prop() data?: IcDataTableDataType[];\n\n /**\n * If `true`, the built in sort functionality will be disabled. For example, if rows will already be sorted from an external source.\n */\n @Prop() disableAutoSort?: boolean = false;\n\n /**\n * Set the density of the table including font and padding.\n */\n @Prop({ mutable: true }) density?: IcDataTableDensityOptions = \"default\";\n\n /**\n * Applies a border to the table container.\n */\n @Prop() embedded?: boolean = false;\n\n /**\n * Sets the row height on all rows in the table that aren't set using the `variableRowHeight` method.\n */\n @Prop({ mutable: true }) globalRowHeight?: IcDataTableRowHeights = \"auto\";\n\n /**\n * Sets the table height. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n */\n @Prop() height?: string;\n\n /**\n * If `true`, the selected row is highlighted using a background colour.\n */\n @Prop() highlightSelectedRow?: boolean = true;\n\n /**\n * If `true`, column headers will not be visible.\n */\n @Prop() hideColumnHeaders?: boolean = false;\n\n /**\n * When set to `true`, the full table will show a loading state, featuring a radial indicator.\n */\n @Prop({ mutable: true }) loading?: boolean = false;\n\n /**\n * Sets the props for the circular loading indicator used in the loading state.\n */\n @Prop() loadingOptions?: {\n description?: string;\n label?: string;\n labelDuration?: number;\n max?: number;\n min?: number;\n progress?: number;\n monochrome?: boolean;\n overlay?: boolean;\n };\n\n /**\n * Sets the maximum width of the data table. Can be set in `px`, `rem`, or `%`.\n */\n @Prop() maxWidth?: string;\n\n /**\n * Sets the minimum width of the data table. Can be set in `px`, `rem`, or `%`.\n */\n @Prop() minWidth?: string;\n\n /**\n * The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.\n */\n @Prop() minimumLoadingDisplayDuration?: number = 1000;\n\n /**\n * Sets the props for the built-in pagination bar. If the `pagination-bar` slot is used then this prop is ignored.\n */\n @Prop() paginationBarOptions?: IcPaginationBarOptions = {\n alignment: \"right\",\n hideAllFromItemsPerPage: false,\n hideRangeLabel: false,\n itemLabel: \"Item\",\n itemsPerPageOptions: [\n { label: \"10\", value: \"10\" },\n { label: \"25\", value: \"25\" },\n { label: \"50\", value: \"50\" },\n ],\n monochrome: false,\n pageLabel: \"Page\",\n rangeLabelType: \"page\",\n selectedItemsPerPage: 10,\n setToFirstPageOnPaginationChange: false,\n showGoToPageControl: true,\n showItemsPerPageControl: true,\n type: \"simple\",\n };\n\n /**\n * If `true`, adds a pagination bar to the bottom of the table.\n */\n @Prop() showPagination?: boolean = false;\n\n /**\n * If `true`, allows table columns to be sorted using applied sort buttons.\n */\n @Prop() sortable?: boolean = false;\n\n /**\n * Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n */\n @Prop() sortOptions?: {\n sortOrders: IcDataTableSortOrderOptions[];\n defaultColumn?: string;\n } = {\n sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n defaultColumn: \"\",\n };\n\n /**\n * If `true`, column headers will remain at the top of the table when scrolling vertically.\n */\n @Prop() stickyColumnHeaders?: boolean = false;\n\n /**\n * If `true`, row headers will remain to the left when scrolling horizontally.\n */\n @Prop() stickyRowHeaders?: boolean = false;\n\n /**\n * Sets the layout of the table\n */\n @Prop() tableLayout?: \"fixed\" | \"auto\" = \"fixed\";\n\n /**\n * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n */\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n /**\n * Sets the method used to truncate long text in cells where textWrap is `false`. The `tooltip` truncation pattern allows the overflowing text to be seen in a tooltip. The `show-hide` truncation pattern allows the overflowing text to be shown and hidden using the ic-typography \"See more\"/\"See less\" buttons.\n */\n @Prop() truncationPattern?: IcDataTableTruncationTypes;\n\n /**\n * If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.\n */\n @Prop() updating?: boolean = false;\n\n /**\n * Sets the props for the linear loading indicator used in the updating state.\n */\n @Prop() updatingOptions?: {\n description?: string;\n max?: number;\n min?: number;\n progress?: number;\n monochrome?: boolean;\n };\n\n /**\n * Allows for custom setting of row heights on individual rows based on an individual value from the `data` prop and the row index.\n * If the function returns `null`, that row's height will be set to the `globalRowHeight` property.\n */\n @Prop({ mutable: true }) variableRowHeight?: (params: {\n [key: string]: any;\n index: number;\n }) => IcDataTableRowHeights | null;\n\n /**\n * Sets the table width. Can be set to `auto` or a specific value in `px`, `rem`, or `%`.\n */\n @Prop() width?: string;\n\n /**\n * Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.\n */\n @Event() icRowHeightChange: EventEmitter<void>;\n\n /**\n * Emitted when the selected row changes in the data table.\n */\n @Event() icSelectedRowChange: EventEmitter<object>;\n\n /**\n * Emitted when a column sort button is clicked.\n */\n @Event() icSortChange: EventEmitter<IcSortEventDetail>;\n\n disconnectedCallback(): void {\n this.resizeObserver?.disconnect();\n this.headerResizeObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.rowsPerPage = Number(\n this.paginationBarOptions.itemsPerPageOptions[0].value\n );\n this.previousRowsPerPage = this.rowsPerPage;\n this.toRow = this.rowsPerPage;\n this.sortedColumn = this.sortOptions.defaultColumn;\n this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n this.loadingOptions = {\n ...this.loadingOptions,\n };\n this.initialLoad = true;\n this.previousItemsPerPage = this.rowsPerPage;\n }\n\n componentDidLoad(): void {\n const tableElement = this.el.shadowRoot.querySelector(\"table\");\n const tableContainer = this.el.shadowRoot.querySelector(\".table-container\");\n\n checkResizeObserver(this.runHeaderResizeObserver);\n\n if (this.dataUpdated) {\n this.dataUpdated = false;\n }\n\n if (\n tableElement?.clientHeight > tableContainer?.clientHeight ||\n tableElement?.clientWidth > tableContainer?.clientWidth\n ) {\n this.scrollable = true;\n }\n if (this.loading) {\n this.startLoadingTimer();\n this.showLoadingIndicator();\n }\n\n if (this.truncationPattern) {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n this.dataTruncation(typographyEl);\n }\n }\n );\n\n this.debounceDataTruncation();\n }\n\n if (this.globalRowHeight !== \"auto\") {\n this.updateSetRowHeight();\n }\n window.addEventListener(\"resize\", this.updateCellHeightsWithDescriptions);\n }\n\n componentDidUpdate(): void {\n // truncation updates invoked here once new/updated data has\n // rendered to take into account updated .cell-container/ic-typography box model updates.\n if (\n this.truncationPattern === this.SHOW_HIDE_STRING ||\n this.truncationPattern === this.TOOLTIP_STRING\n ) {\n this.truncateUpdatedData();\n }\n }\n\n componentDidRender(): void {\n this.fixCellTooltips();\n this.updateCellHeightsWithDescriptions();\n this.adjustWidthForActionElement();\n }\n\n private runHeaderResizeObserver = () => {\n this.headerResizeObserver = new ResizeObserver(() => {\n this.headerResizeCallback();\n });\n this.headerResizeObserver.observe(this.el);\n };\n\n private headerResizeCallback = () => {\n if (!this.hideColumnHeaders && this.columnHeaderTruncation) {\n const tableContainerWidth =\n this.el.shadowRoot.querySelector(\".table-container\").clientWidth;\n if (tableContainerWidth !== this.prevTableContainerWidth) {\n const headers = this.el.shadowRoot.querySelectorAll(\"th.column-header\");\n headers.forEach((header) => {\n const tooltip = header.querySelector(this.IC_TOOLTIP_STRING);\n const typographyEls = header.querySelectorAll(\n this.IC_TYPOGRAPHY_STRING\n );\n if (tooltip && typographyEls && typographyEls.length === 2) {\n tooltip.classList.remove(this.SHOW_TRUNC_TOOLTIP_STRING);\n if (typographyEls[1].clientWidth > typographyEls[0].clientWidth) {\n tooltip.classList.add(this.SHOW_TRUNC_TOOLTIP_STRING);\n }\n }\n });\n this.prevTableContainerWidth = tableContainerWidth;\n }\n }\n };\n\n private truncateUpdatedData() {\n if (this.dataUpdated) {\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >=\n truncWrapper?.scrollHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n\n setTimeout(() => {\n // slight delay due to data rendering\n if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n }, 150);\n }\n );\n }\n\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.updateTruncationTooltip();\n }\n\n this.dataUpdated = false;\n }\n\n if (this.tableSorted) {\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.updateTruncationTooltip();\n }\n\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n this.createShowHideTruncation(typographyEl, cellContainer);\n } else {\n typographyEl.resetTruncation().then(() => {\n cellContainer.removeAttribute(\"style\");\n });\n }\n }\n );\n }\n\n this.tableSorted = false;\n }\n\n // This function recalculates the tooltip truncation when the rowHeight has been set.\n // This is in componentDidUpdate so a setTimeout is not used to wait for the render to be complete\n if (this.rowHeightSet) {\n const fontSize = parseInt(\n getComputedStyle(document.documentElement).fontSize\n );\n const hasAutoRowHeight = this.globalRowHeight === \"auto\";\n\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltipEl = this.getTooltip(typographyEl);\n\n if (hasAutoRowHeight) {\n cellContainer.style.height = null;\n\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.removeTooltip(cellContainer, typographyEl, tooltipEl);\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n );\n } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.resetShowHideTruncation(typographyEl);\n }\n\n return;\n }\n\n const rowHeight =\n fontSize *\n parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n // If the set row height is bigger than the cell container even\n // with textWrap, set the row height\n if (\n !cellContainer.classList.contains(\n this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n ) &&\n !cellContainer?.style?.height &&\n rowHeight > cellContainer.clientHeight &&\n !cellContainer.classList.contains(this.TEXT_WRAP_STRING)\n ) {\n cellContainer.style.setProperty(\n this.ROW_HEIGHT_CSS_VARIABLE,\n cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n );\n }\n\n if (this.truncationPattern) {\n // If the set row height is bigger than the typography truncation wrapper\n // scroll height, remove see more / see less button\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const showHideBtn =\n typographyEl.shadowRoot.querySelector(\"button\");\n\n if (\n showHideBtn &&\n truncWrapper?.scrollHeight <= cellContainer.clientHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n }\n this.truncate(typographyEl, cellContainer, tooltipEl);\n } else {\n this.updateSetRowHeight(typographyEl);\n }\n }\n );\n\n this.rowHeightSet = false;\n }\n\n // Only run truncation on the new rows\n // when the number of items per page has increased\n if (this.itemsPerPageChange) {\n const allRows = this.el.shadowRoot.querySelectorAll(\".table-row\");\n\n if (this.rowsPerPage > this.previousItemsPerPage) {\n const newRows = Array.from(allRows).slice(this.previousItemsPerPage);\n\n newRows.forEach((row) => {\n row\n .querySelectorAll(this.IC_TYPOGRAPHY_STRING)\n .forEach((typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltipEl = this.getTooltip(typographyEl);\n\n this.truncate(typographyEl, cellContainer, tooltipEl);\n });\n });\n }\n\n this.previousItemsPerPage = this.rowsPerPage;\n this.itemsPerPageChange = false;\n }\n\n if (!this.initialLoad && this.icPageChangeEvent) {\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.updateTruncationTooltip();\n }\n\n // set truncation to see more if opened and next/previous page is pressed\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.getTypographyElements().forEach((typographyEl) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n\n if (\n typographyEl?.scrollHeight > cellContainer.clientHeight &&\n !showHideBtn\n ) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n });\n }\n\n this.icPageChangeEvent = false;\n }\n\n if (this.densityUpdate) {\n this.getTypographyElements().forEach((typographyEl) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltipEl = this.getTooltip(typographyEl);\n\n this.truncate(typographyEl, cellContainer, tooltipEl);\n });\n\n this.densityUpdate = false;\n }\n\n if (this.truncationPatternUpdated) {\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.getTypographyElements().forEach((typographyEl) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltipEl = this.getTooltip(typographyEl);\n\n if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n this.addTooltipTruncation(typographyEl, cellContainer, tooltipEl);\n }\n });\n } else if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >\n truncWrapper?.scrollHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n\n if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n }\n );\n }\n }\n }\n\n private updateSetRowHeight = (typographyEl?: HTMLIcTypographyElement) => {\n const fontSize = parseInt(\n getComputedStyle(document.documentElement).fontSize\n );\n\n if (typographyEl) {\n const cellContainer = this.getCellContainer(typographyEl);\n\n const rowHeight =\n fontSize *\n parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n if (typographyEl.scrollHeight > rowHeight) {\n cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n }\n } else {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n\n const rowHeight =\n fontSize *\n parseFloat(cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING));\n\n if (typographyEl.scrollHeight > rowHeight) {\n cellContainer.style.removeProperty(this.ROW_HEIGHT_CSS_VARIABLE);\n }\n }\n );\n }\n };\n\n private createShowHideTruncation(\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement,\n descriptionHeight?: number\n ) {\n typographyEl.checkMaxLines(typographyEl.scrollHeight);\n typographyEl.setAttribute(\n \"max-lines\",\n `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n );\n if (\n cellContainer.classList.contains(\n this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n ) &&\n descriptionHeight\n ) {\n typographyEl.setAttribute(\n \"max-lines\",\n `${Math.floor(\n (cellContainer?.clientHeight - descriptionHeight) /\n this.DEFAULT_LINE_HEIGHT\n )}`\n );\n } else {\n typographyEl.setAttribute(\n \"max-lines\",\n `${Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT)}`\n );\n }\n typographyEl.setShowHideExpanded(false);\n\n cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n }\n\n private debounceDataTruncation = () => {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n if (!cellContainer.classList.contains(this.TEXT_WRAP_STRING)) {\n this.resizeObserver = new ResizeObserver(\n // This gets triggered twice due to updated data and see more/see less button\n dynamicDebounce(\n () => {\n this.dataTruncation(typographyEl);\n\n if (!this.isNewDebounceDelaySet) {\n this.setNewDebounceDelay(200);\n }\n },\n () => this.debounceDelay\n ) as ResizeObserverCallback\n );\n\n this.resizeObserver.observe(typographyEl);\n }\n }\n );\n };\n\n private setNewDebounceDelay = (delay: number) => {\n this.debounceDelay = delay;\n\n this.isNewDebounceDelaySet = true;\n };\n\n private getLines = (height: number): number =>\n Math.floor(height / this.DEFAULT_LINE_HEIGHT);\n\n private truncate = (\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement,\n tooltip: HTMLIcTooltipElement\n ) => {\n if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n //24 is the height of a single line\n if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n if (this.truncationPattern === this.TOOLTIP_STRING) {\n this.addTooltipTruncation(typographyEl, cellContainer, tooltip);\n }\n if (this.truncationPattern === this.SHOW_HIDE_STRING) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n }\n } else {\n if (this.truncationPattern === this.TOOLTIP_STRING && tooltip) {\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n );\n\n const cellTextWrapper = cellContainer.querySelector(\n this.CELL_TEXT_WRAPPER_STRING\n );\n cellTextWrapper.prepend(typographyEl);\n tooltip.remove();\n }\n\n if (\n this.truncationPattern === this.SHOW_HIDE_STRING &&\n !isEmptyString(typographyEl.getAttribute(\"max-lines\"))\n ) {\n this.resetShowHideTruncation(typographyEl);\n }\n }\n };\n\n private addTooltipTruncation(\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement,\n tooltip: HTMLIcTooltipElement\n ) {\n this.addLineClampCSS(typographyEl, cellContainer);\n\n if (!tooltip) {\n this.createTruncationTooltip(typographyEl, cellContainer);\n }\n }\n\n private addShowHideTruncation(\n cellContainer: HTMLElement,\n typographyEl: HTMLIcTypographyElement\n ) {\n cellContainer.classList.add(this.SHOW_HIDE_CSS_CLASS);\n this.createShowHideTruncation(typographyEl, cellContainer);\n }\n\n private dataTruncation = (typographyEl: HTMLIcTypographyElement) => {\n // Tooltip truncation mentioned in AC. Will need revisiting\n const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n if (\n cellContainer?.classList.contains(\"data-type-element\") ||\n this.dataUpdated\n ) {\n return;\n }\n\n if (\n this.truncationPattern === this.SHOW_HIDE_STRING &&\n typographyEl.shadowRoot.querySelector(\"button\")\n ) {\n const showHideBtn = typographyEl.shadowRoot.querySelector(\"button\");\n // If the see more/see less is present and the max lines is equal to the cell container\n // remove the see more/see less button\n if (showHideBtn) {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n\n if (\n this.getLines(truncWrapper.scrollHeight) ===\n +typographyEl.getAttribute(\"max-lines\")\n ) {\n this.resetShowHideTruncation(typographyEl);\n }\n }\n }\n\n // Deals with setting and resetting row height and re-truncating data\n if (this.rowHeightSet && this.truncationPattern === this.SHOW_HIDE_STRING) {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n // cellContainer.clientHeight - 24 removes the extra line by see more/see less\n if (\n truncWrapper &&\n cellContainer.clientHeight - this.DEFAULT_LINE_HEIGHT >\n truncWrapper.scrollHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n\n if (typographyEl.scrollHeight > cellContainer.clientHeight) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n return;\n }\n }\n\n if (\n typographyEl?.scrollHeight > 0 &&\n cellContainer?.clientHeight > 0 &&\n typographyEl?.scrollHeight === cellContainer?.clientHeight\n ) {\n if (tooltip) {\n this.removeTooltip(cellContainer, typographyEl, tooltip);\n }\n return;\n }\n\n this.truncate(typographyEl, cellContainer, tooltip);\n };\n\n private getTruncWrapper = (typographyEl: HTMLIcTypographyElement) =>\n typographyEl.shadowRoot.querySelector(\".trunc-wrapper\");\n\n // Set the height to initial if row height is set and the show / hide truncation\n // is clicked\n @Listen(\"typographyTruncationExpandToggle\")\n handleTypographyTruncationExpandToggle({\n detail,\n }: CustomEvent<{\n expanded: boolean;\n typographyEl: HTMLIcTypographyElement;\n }>): void {\n const { expanded, typographyEl } = detail;\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n cellContainer.style.getPropertyValue(this.ROW_HEIGHT_CSS_VARIABLE) &&\n expanded\n ) {\n cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, \"inherit\");\n }\n }\n\n @Listen(\"icPageChange\")\n handlePageChange({ detail, target }: CustomEvent<{ value: number }>): void {\n if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n this.fromRow = (detail.value - 1) * this.rowsPerPage;\n this.toRow = this.fromRow + this.rowsPerPage;\n const tableRowsContainer = this.el.shadowRoot.querySelector(\n \".table-row-container\"\n );\n if (this.previousRowsPerPage === this.rowsPerPage) {\n tableRowsContainer.scrollTop = 0;\n } else if (this.previousRowsPerPage < this.rowsPerPage) {\n tableRowsContainer.scrollTop = this.scrollOffset;\n this.previousRowsPerPage = this.rowsPerPage;\n } else {\n this.previousRowsPerPage = this.rowsPerPage;\n }\n }\n\n if (!this.initialLoad && this.previousPaginationPage !== detail.value) {\n // This is to prevent icPageChange from triggering truncation on first load\n this.icPageChangeEvent = true;\n }\n\n this.previousPaginationPage = detail.value;\n this.initialLoad = false;\n }\n\n @Listen(\"icItemsPerPageChange\")\n handleItemsPerPageChange({\n detail,\n target,\n }: CustomEvent<{ value: number }>): void {\n if ((target as HTMLIcPaginationBarElement).parentElement !== this.el) {\n this.previousRowsPerPage = this.rowsPerPage;\n this.rowsPerPage = detail.value;\n }\n\n this.itemsPerPageChange = true;\n }\n\n @Listen(\"icTableDensityUpdate\")\n handleDensityChange(ev: CustomEvent<IcDensityUpdateEventDetail>): void {\n this.density = ev.detail.value;\n }\n\n @Listen(\"click\", { target: \"window\" })\n clickListener(ev: MouseEvent): void {\n if (ev.target !== this.el) this.selectedRow = undefined;\n }\n\n @Watch(\"loading\")\n loadingHandler(newValue: boolean): void {\n if (newValue) this.startLoadingTimer();\n\n if (this.loading) {\n setTimeout(() => {\n this.showLoadingIndicator();\n }, 500);\n }\n }\n\n @Watch(\"truncationPattern\")\n truncationPatternHandler(newValue: IcDataTableTruncationTypes): void {\n if (newValue === this.TOOLTIP_STRING) {\n this.resetShowHideTruncation();\n this.updateTruncationTooltip(true);\n\n // Not using debounceDataTruncation here due to resizeObserver not being triggered\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const cellContainer = this.getCellContainer(typographyEl);\n const tooltip: HTMLIcTooltipElement = this.getTooltip(typographyEl);\n\n this.truncate(typographyEl, cellContainer, tooltip);\n }\n );\n }\n\n if (newValue === this.SHOW_HIDE_STRING) {\n // ResizeObserver is trigger here due to the see more/see less links being removed.\n // The resizeObserver will also apply the tooltip where relevant\n this.updateTruncationTooltip(true);\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n cellContainer?.clientHeight - this.DEFAULT_LINE_HEIGHT >\n truncWrapper?.scrollHeight\n ) {\n this.resetShowHideTruncation(typographyEl);\n return;\n }\n\n setTimeout(() => {\n // slight delay due to data rendering\n if (typographyEl?.scrollHeight > cellContainer?.clientHeight) {\n this.addShowHideTruncation(cellContainer, typographyEl);\n }\n }, 150);\n }\n );\n }\n\n this.truncationPatternUpdated = true;\n }\n\n @Watch(\"data\")\n async dataHandler(): Promise<void> {\n this.loadingOptions = {\n ...this.loadingOptions,\n };\n if (this.loading) {\n !this.hasLoadedForOneSecond\n ? setTimeout(\n () => (this.loading = false),\n this.minimumLoadingDisplayDuration -\n (Date.now() - this.timerStarted)\n )\n : (this.loading = false);\n }\n if (this.updating) this.updating = false;\n\n this.dataUpdated = true;\n }\n\n @Watch(\"density\")\n async densityHandler(): Promise<void> {\n this.densityUpdate = true;\n }\n\n private removeTextWrap = (): void => {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const tableCell = typographyEl.closest(\"td\");\n if (tableCell.classList.contains(this.TEXT_WRAP_STRING)) {\n tableCell.classList.remove(this.TEXT_WRAP_STRING);\n }\n }\n );\n };\n\n private getCellContainer = (\n typographyEl: HTMLIcTypographyElement\n ): HTMLElement => {\n return typographyEl.closest(\".cell-container\");\n };\n\n private deleteTextWrapDataKey = (\n array: IcDataTableColumnObject[] | object[]\n ) =>\n Array.isArray(array) &&\n array.forEach((val) => val.textWrap && delete val.textWrap);\n\n private resetShowHideTruncation(typographyEl?: HTMLIcTypographyElement) {\n if (typographyEl) {\n const truncWrapper = this.getTruncWrapper(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (\n truncWrapper?.scrollHeight > cellContainer?.clientHeight &&\n !isEmptyString(typographyEl.getAttribute(\"max-lines\")) &&\n Math.floor(cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT) !==\n +typographyEl.getAttribute(\"max-lines\")\n ) {\n typographyEl.checkMaxLines(truncWrapper.scrollHeight);\n typographyEl.setAttribute(\n \"max-lines\",\n `${Math.floor(\n cellContainer?.clientHeight / this.DEFAULT_LINE_HEIGHT\n )}`\n );\n typographyEl.setShowHideExpanded(false);\n\n cellContainer.style.setProperty(this.ROW_HEIGHT_CSS_VARIABLE, null);\n } else if (\n !cellContainer.classList.contains(\n this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n )\n ) {\n typographyEl.resetTruncation().then(() => {\n if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n cellContainer.style.setProperty(\n this.ROW_HEIGHT_CSS_VARIABLE,\n cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n );\n }\n });\n }\n } else {\n this.getTypographyElements().forEach((typographyEl) => {\n const cellContainer = this.getCellContainer(typographyEl);\n\n typographyEl.resetTruncation().then(() => {\n if (!typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n cellContainer.style.setProperty(\n this.ROW_HEIGHT_CSS_VARIABLE,\n cellContainer.getAttribute(this.DATA_ROW_HEIGHT_STRING)\n );\n }\n });\n });\n }\n }\n\n @Watch(\"globalRowHeight\")\n @Watch(\"variableRowHeight\")\n rowHeightChangeHandler(newValue: number, oldValue: number): void {\n if (+newValue !== +oldValue) {\n this.deleteTextWrapDataKey(this.data);\n this.deleteTextWrapDataKey(this.columns);\n this.removeTextWrap();\n\n this.icRowHeightChange.emit();\n\n this.rowHeightSet = true;\n }\n }\n\n /**\n * Resets the `globalRowHeight` prop to number or auto and sets the `variableRowHeight` prop to `null`.\n */\n @Method()\n async resetRowHeights(rowHeight?: number | \"auto\"): Promise<void> {\n this.globalRowHeight = rowHeight || \"auto\";\n this.variableRowHeight = null;\n }\n\n private showLoadingIndicator() {\n if (this.loadingOptions?.overlay) {\n this.loadingOverlay?.classList.add(\"show\");\n }\n this.loadingIndicator?.classList.add(\"show\");\n }\n\n private startLoadingTimer = (): void => {\n this.hasLoadedForOneSecond = false;\n this.timerStarted = Date.now();\n setTimeout(() => {\n this.hasLoadedForOneSecond = true;\n this.timerStarted = null;\n }, this.minimumLoadingDisplayDuration);\n };\n\n private isObject = (value: any) =>\n value !== undefined && value !== null && typeof value === \"object\";\n\n private notDefaultDensity = () => this.density !== \"default\";\n\n private getCellContent = (\n cell: any,\n dataType: IcDataTableColumnDataTypes\n ): any => {\n switch (dataType) {\n case \"element\":\n return undefined;\n case \"date\":\n return (\n cell instanceof Date ? cell : new Date(cell)\n ).toLocaleDateString();\n default:\n return cell;\n }\n };\n\n private getCellAlignment = (\n cell: any,\n alignment: \"horizontal\" | \"vertical\"\n ) => {\n if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n return this.getObjectValue(\n this.getObjectValue(cell, \"cellAlignment\"),\n alignment\n );\n }\n };\n\n private getCellOptions = (cell: any, key: string) => {\n if (!(this.isObject(cell) && Object.keys(cell).includes(key))) return;\n\n return this.getObjectValue(cell, key);\n };\n\n private createUpdatingIndicator = () => {\n const { description, max, min, progress, monochrome } =\n this.updatingOptions || {};\n return (\n <th colSpan={this.columns.length} class=\"updating-state\">\n <ic-loading-indicator\n theme={this.theme}\n monochrome={monochrome}\n description={description || \"Updating table data\"}\n fullWidth={true}\n max={max}\n min={min}\n progress={progress}\n type=\"linear\"\n size=\"small\"\n ></ic-loading-indicator>\n </th>\n );\n };\n\n private setRowHeight = (height: number) => {\n return pxToRem(\n `${\n height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n }px`\n );\n };\n\n private setTruncationClass = () =>\n this.truncationPattern\n ? { [`truncation-${this.truncationPattern}`]: true }\n : {};\n\n private getColumnWidth = (\n columnWidth?: string | IcDataTableColumnWidthTypes\n ) => {\n // TODO: Setting max width on columns\n let columnWidthStyling = {};\n\n if (columnWidth) {\n if (typeof columnWidth === \"string\") {\n columnWidthStyling = {\n ...columnWidthStyling,\n [\"--column-width\"]: columnWidth,\n };\n }\n\n if (typeof columnWidth === \"object\" && !!Object.keys(columnWidth)) {\n if (columnWidth?.minWidth) {\n columnWidthStyling = {\n ...columnWidthStyling,\n [\"--column-min-width\"]: columnWidth?.minWidth,\n };\n }\n\n if (columnWidth?.maxWidth) {\n columnWidthStyling = {\n ...columnWidthStyling,\n [\"--column-max-width\"]: columnWidth?.maxWidth,\n };\n }\n }\n }\n\n return columnWidthStyling;\n };\n\n private getRowHeight = (\n currentRowHeight: number,\n columnProps: IcDataTableColumnObject,\n rowTextWrap: boolean,\n cell: any\n ) => {\n if (\n (this.truncationPattern || currentRowHeight) &&\n !columnProps?.textWrap &&\n !rowTextWrap &&\n !this.getCellOptions(cell, \"textWrap\") &&\n columnProps?.dataType !== \"element\"\n ) {\n return {\n [this.ROW_HEIGHT_CSS_VARIABLE]: this.setRowHeight(currentRowHeight),\n };\n }\n\n return {};\n };\n\n private adjustWidthForActionElement = () => {\n const elements = this.el.shadowRoot.querySelectorAll(\".action-element\");\n elements.forEach((element) => {\n const width = (element.firstChild as HTMLElement).getBoundingClientRect()\n .width;\n const gridWrapper: HTMLElement = element.closest(\".cell-grid-wrapper\");\n gridWrapper.style.gridTemplateColumns = `auto calc(${width}px + var(--ic-space-xs))`;\n });\n };\n\n private createCellContent = (\n columnProps: IcDataTableColumnObject,\n cell: any,\n cellSlotName: string,\n rowOptions: any,\n rowAlignment: string,\n hasIcon: boolean,\n currentRowHeight: number,\n cellValue: (key: string) => any,\n rowEmphasis: string\n ) => (\n <div\n innerHTML={\n columnProps?.dataType === \"element\" &&\n !isSlotUsed(this.el, cellSlotName)\n ? (cell as string)\n : null\n }\n class={{\n \"cell-container\": columnProps?.dataType !== \"element\",\n [`cell-alignment-${\n columnProps?.columnAlignment?.vertical ||\n rowOptions?.rowAlignment?.vertical ||\n rowAlignment ||\n this.getCellAlignment(cell, \"vertical\")\n }`]:\n !!columnProps?.columnAlignment?.vertical ||\n !!rowOptions?.rowAlignment?.vertical ||\n !!rowAlignment ||\n !!this.getCellAlignment(cell, \"vertical\"),\n [`cell-alignment-${\n columnProps?.columnAlignment?.horizontal ||\n rowOptions?.rowAlignment?.horizontal ||\n this.getCellAlignment(cell, \"horizontal\")\n }`]:\n !!columnProps?.columnAlignment?.horizontal ||\n !!rowOptions?.rowAlignment?.horizontal ||\n !!this.getCellAlignment(cell, \"horizontal\"),\n [`data-type-${columnProps?.dataType}`]: true,\n [this.TEXT_WRAP_STRING]:\n columnProps?.textWrap ||\n rowOptions?.textWrap ||\n !!this.getCellOptions(cell, \"textWrap\"),\n [\"cell-icon\"]: hasIcon || !!columnProps?.icon?.icon,\n [`cell-emphasis-${\n (this.isObject(cell) && cellValue(\"emphasis\")) ||\n columnProps?.emphasis ||\n rowEmphasis\n }`]:\n (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n !!columnProps?.emphasis ||\n !!rowEmphasis,\n ...this.setTruncationClass(),\n [this.CELL_CONTAINER_WITH_DESCRIPTION_STRING]:\n this.isObject(cell) && Object.keys(cell).includes(\"description\"),\n }}\n style={{\n ...this.getRowHeight(\n currentRowHeight,\n columnProps,\n rowOptions?.textWrap,\n cell\n ),\n ...this.getColumnWidth(columnProps?.columnWidth),\n }}\n data-row-height={\n this.truncationPattern || currentRowHeight\n ? this.setRowHeight(currentRowHeight)\n : null\n }\n >\n {isSlotUsed(this.el, cellSlotName) ? (\n <slot name={cellSlotName} />\n ) : (\n <Fragment>\n {isSlotUsed(this.el, `${cellSlotName}-icon`) ? (\n <slot name={`${cellSlotName}-icon`} />\n ) : (\n (hasIcon || columnProps?.icon?.onAllCells) &&\n (cellValue(\"icon\") || columnProps?.icon?.icon) && (\n <span\n class=\"icon\"\n innerHTML={cellValue(\"icon\") || columnProps?.icon?.icon}\n ></span>\n )\n )}\n {columnProps?.dataType !== \"element\" &&\n !isSlotUsed(this.el, cellSlotName) && (\n <div\n class={{\n \"cell-text-wrapper\": true,\n \"cell-text-no-wrap\": !this.truncationPattern,\n }}\n >\n <ic-typography\n variant=\"body\"\n class={{\n [`cell-emphasis-${\n (this.isObject(cell) && cellValue(\"emphasis\")) ||\n columnProps?.emphasis ||\n rowEmphasis\n }`]:\n (this.isObject(cell) && !!cellValue(\"emphasis\")) ||\n !!columnProps?.emphasis ||\n !!rowEmphasis,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {this.isObject(cell) && columnProps?.dataType !== \"date\" ? (\n Object.keys(cell).includes(\"href\") ? (\n <ic-link\n href={cellValue(\"href\")}\n theme={this.theme}\n target={cellValue(\"target\") || undefined}\n rel={cellValue(\"rel\") || undefined}\n >\n {cellValue(\"data\")}\n </ic-link>\n ) : (\n cellValue(\"data\")\n )\n ) : (\n this.getCellContent(cell, columnProps?.dataType)\n )}\n </ic-typography>\n {this.isObject(cell) &&\n Object.keys(cell).includes(\"description\") && (\n <div\n class={{\n [\"cell-description\"]: true,\n [`data-type-${columnProps?.dataType}`]: true,\n }}\n >\n {cellValue(\"description\")?.icon && (\n <span\n class=\"cell-description-icon\"\n innerHTML={cellValue(\"description\").icon}\n ></span>\n )}\n <ic-typography\n variant=\"caption\"\n class=\"cell-description-text\"\n >\n {cellValue(\"description\")?.data ??\n cellValue(\"description\")}\n </ic-typography>\n </div>\n )}\n </div>\n )}\n </Fragment>\n )}\n </div>\n );\n\n private createCells = (row: IcDataTableDataType, rowIndex: number) => {\n const rowValues = Object.values(row);\n const rowKeys = Object.keys(row);\n\n const rowOptions = this.getRowOptions(rowKeys, rowValues);\n let rowAlignment: string;\n let rowEmphasis: string;\n\n const headerIndex = rowKeys.indexOf(\"header\");\n if (headerIndex > -1) {\n rowAlignment = this.getObjectValue(\n rowValues[headerIndex],\n \"rowAlignment\"\n );\n rowEmphasis = this.getObjectValue(rowValues[headerIndex], \"emphasis\");\n }\n\n const variableRowHeightVal = this.variableRowHeight?.({\n ...row,\n index: rowIndex,\n });\n const currentRowHeight = variableRowHeightVal\n ? variableRowHeightVal !== \"auto\" && variableRowHeightVal\n : this.globalRowHeight !== \"auto\" && this.globalRowHeight;\n\n return rowValues.map((cell, index) => {\n const columnProps = this.columns[index];\n const cellSlotName = `${columnProps?.key}-${rowIndex}`;\n const hasIcon = this.isObject(cell) && Object.keys(cell).includes(\"icon\");\n const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n if (rowKeys[index] === \"header\") {\n return (\n <th\n scope=\"row\"\n colSpan={cellValue(\"colspan\")}\n class={{\n [\"row-header\"]: true,\n [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n !!cellValue(\"cellAlignment\"),\n [\"row-header-sticky\"]: this.stickyRowHeaders,\n }}\n >\n {cellValue(\"title\")}\n </th>\n );\n }\n\n if (rowKeys[index] !== \"rowOptions\") {\n return (\n <td\n class={{\n [\"table-cell\"]: true,\n [`table-density-${this.density}`]: this.notDefaultDensity(),\n [\"with-overflow\"]: columnProps?.dataType === \"element\",\n }}\n style={{ ...this.getColumnWidth(columnProps.columnWidth) }}\n >\n {this.isObject(cell) &&\n Object.keys(cell).includes(\"actionElement\") ? (\n <div class=\"cell-grid-wrapper\">\n {this.createCellContent(\n columnProps,\n cell,\n cellSlotName,\n rowOptions,\n rowAlignment,\n hasIcon,\n currentRowHeight,\n cellValue,\n rowEmphasis\n )}\n <span\n class=\"action-element\"\n innerHTML={cellValue(\"actionElement\")}\n // eslint-disable-next-line react/jsx-no-bind\n onClick={\n cell.actionOnClick\n ? (event) => this.handleClick(event, cell.actionOnClick)\n : undefined\n }\n ></span>\n </div>\n ) : (\n this.createCellContent(\n columnProps,\n cell,\n cellSlotName,\n rowOptions,\n rowAlignment,\n hasIcon,\n currentRowHeight,\n cellValue,\n rowEmphasis\n )\n )}\n </td>\n );\n }\n });\n };\n\n private createColumnHeaders = () =>\n (this.columns || []).map(\n (\n {\n cellAlignment,\n colspan,\n icon,\n key,\n title,\n columnWidth,\n excludeColumnFromSort,\n },\n index\n ) => (\n <th\n scope=\"col\"\n class={{\n [\"column-header\"]: true,\n [`table-density-${this.density}`]: this.notDefaultDensity(),\n [\"updating-state-headers\"]: this.updating && !this.loading,\n }}\n style={{ ...this.getColumnWidth(columnWidth) }}\n colSpan={colspan}\n >\n <div\n class={{\n \"column-header-inner-container\": true,\n \"truncation-tooltip\": this.columnHeaderTruncation,\n [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,\n }}\n >\n {isSlotUsed(this.el, `${key}-column-icon`) ? (\n <slot name={`${key}-column-icon`} />\n ) : (\n icon &&\n !icon.hideOnHeader && (\n <span class=\"icon\" innerHTML={icon.icon}></span>\n )\n )}\n {this.columnHeaderTruncation ? (\n <ic-tooltip label={title} target={`column-header-${index}`}>\n <ic-typography\n id={`column-header-${index}`}\n variant=\"body\"\n class={{\n [\"column-header-text\"]: true,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {title}\n </ic-typography>\n </ic-tooltip>\n ) : (\n <ic-typography\n variant=\"body\"\n class={{\n [\"column-header-text\"]: true,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {title}\n </ic-typography>\n )}\n {this.sortable && !excludeColumnFromSort && (\n <ic-button\n variant=\"icon\"\n id={`sort-button-${key}`}\n aria-label={this.getSortButtonLabel(key)}\n // eslint-disable-next-line react/jsx-no-bind\n onClick={() => this.sortRows(key)}\n innerHTML={\n this.SORT_ICONS[\n this.sortedColumn === key\n ? this.sortedColumnOrder\n : \"unsorted\"\n ]\n }\n class={{\n [\"sort-button\"]: true,\n [\"sort-button-unsorted\"]:\n this.sortedColumn !== key ||\n this.sortedColumnOrder === \"unsorted\",\n }}\n ></ic-button>\n )}\n </div>\n {this.columnHeaderTruncation && (\n <ic-typography\n variant=\"body\"\n aria-hidden=\"true\"\n class={{\n [\"column-header-text\"]: true,\n [\"dummy-column-header-text\"]: this.columnHeaderTruncation,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {title}\n </ic-typography>\n )}\n </th>\n )\n );\n\n private onRowClick = (row: object) => {\n if (!this.loading && !this.updating) {\n this.icSelectedRowChange.emit(this.selectedRow !== row ? row : null);\n }\n\n this.selectedRow =\n this.selectedRow !== row && !this.loading && !this.updating && row;\n };\n\n private createRows = () => {\n const data = this.showPagination\n ? this.data.slice(this.fromRow, this.toRow)\n : this.data.slice();\n\n /**\n * Ensures that createCells has a value in data to map over to actually render the slot.\n * Removes the need for the user to add it multiple times.\n * `addDataToPosition` used to add the element in the correct column order.\n * Adding empty string value in to give `createCells` something to loop over.\n */\n const organisedData = data.map((row, rowIndex) => {\n const slottedColumns = this.columns\n .map(\n ({ key }, index) =>\n isSlotUsed(this.el, `${key}-${rowIndex}`) && { key, index }\n )\n .filter(\n (col) =>\n !!col &&\n // skip the column if its already in the row\n !Object.prototype.hasOwnProperty.call(row, col.key)\n );\n return slottedColumns.length > 0\n ? addDataToPosition(row, slottedColumns, \"\")\n : row;\n });\n\n return organisedData\n .sort(\n !this.sortable || this.disableAutoSort\n ? undefined\n : this.getSortFunction()\n )\n .map((row, index) => {\n return (\n <tr\n // eslint-disable-next-line react/jsx-no-bind\n onClick={() => this.onRowClick(row)}\n class={{\n [\"table-row\"]: true,\n [\"table-row-selected\"]:\n this.highlightSelectedRow && this.selectedRow === row,\n }}\n >\n {this.createCells(row, index)}\n </tr>\n );\n });\n };\n\n private getObjectValue = (cell: object, key: string) =>\n Object.values(cell)[Object.keys(cell).indexOf(key)];\n\n private getSortButtonLabel = (key: string) => {\n let label = \"\";\n const getNextSortOption = (option: IcDataTableSortOrderOptions) => {\n const sortOrders = this.sortOptions.sortOrders;\n return sortOrders[(sortOrders.indexOf(option) + 1) % sortOrders.length];\n };\n\n if (this.sortedColumn === key) {\n const sortOption = getNextSortOption(this.sortedColumnOrder);\n label = sortOption !== \"unsorted\" ? `Sort ${sortOption}` : \"Remove sort\";\n } else {\n label = `Sort ${getNextSortOption(\"unsorted\")}`;\n }\n\n return label;\n };\n\n private getComparison = (targetRow: any, comparisonRow: any): number => {\n const targetRowValue = targetRow[this.sortedColumn];\n const comparisonRowValue = comparisonRow[this.sortedColumn];\n return this.columns.find((col) => col.key === this.sortedColumn)\n .dataType === \"date\"\n ? new Date(targetRowValue).valueOf() -\n new Date(comparisonRowValue).valueOf()\n : String(\n this.isObject(targetRowValue)\n ? Object.values(targetRowValue)[0]\n : targetRowValue\n ).localeCompare(\n String(\n this.isObject(comparisonRowValue)\n ? Object.values(comparisonRowValue)[0]\n : comparisonRowValue\n ),\n undefined,\n { numeric: true, sensitivity: \"base\" }\n );\n };\n\n private getSortFunction = () => {\n switch (this.sortedColumnOrder) {\n case \"ascending\":\n return (a: any, b: any) => this.getComparison(a, b);\n case \"descending\":\n return (a: any, b: any) => this.getComparison(b, a);\n default:\n return undefined;\n }\n };\n\n private sortRows = (column: string) => {\n const sortButton = this.el.shadowRoot.querySelector(\n `#sort-button-${column}`\n ) as HTMLIcButtonElement;\n\n const sortOrders = this.sortOptions.sortOrders;\n\n if (column !== this.sortedColumn) {\n if (this.sortedColumn) {\n const previousSortedButton = this.el.shadowRoot.querySelector(\n `#sort-button-${this.sortedColumn}`\n ) as HTMLIcButtonElement;\n previousSortedButton.setAttribute(\n \"aria-label\",\n this.getSortButtonLabel(column)\n ); // Passing through unsorted column returns correct label for newly unsorted column\n }\n this.sortedColumn = column;\n this.sortedColumnOrder = \"unsorted\";\n }\n\n let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n if (nextSortOrderIndex > sortOrders.length - 1) {\n nextSortOrderIndex = 0;\n }\n\n this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n sortButton.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n\n this.tableSorted = true;\n\n this.icSortChange.emit({\n columnName: column,\n sorted: this.sortedColumnOrder,\n });\n };\n\n private getTypographyElements = (): HTMLIcTypographyElement[] => {\n // Filter out column headers and cell descriptions\n return Array.from(\n this.el.shadowRoot.querySelectorAll(\n \"ic-typography:not(.column-header-text,.cell-description-text)\"\n )\n );\n };\n\n private getTooltip = (\n typographyEl: HTMLIcTypographyElement\n ): HTMLIcTooltipElement => {\n return typographyEl.closest(this.TOOLTIP);\n };\n\n private updateTruncationTooltip = (removeTooltipOnly = false) => {\n this.getTypographyElements().forEach(\n (typographyEl: HTMLIcTypographyElement) => {\n const tooltip = this.getTooltip(typographyEl);\n const cellContainer = this.getCellContainer(typographyEl);\n\n if (typographyEl.closest(this.TEXT_WRAP_CLASS)) {\n this.removeTooltip(cellContainer, typographyEl, tooltip);\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: 0`\n );\n return;\n }\n\n this.regenerateTooltip(\n cellContainer,\n typographyEl,\n tooltip,\n removeTooltipOnly\n );\n }\n );\n };\n\n private updateScrollOffset = () => {\n this.scrollOffset = this.el.shadowRoot.querySelector(\n \".table-row-container\"\n ).scrollTop;\n };\n\n private updateRowHeightForDescriptions = (\n rowHeight: number,\n cellContainer: Element\n ) => {\n cellContainer.setAttribute(\"data-row-height\", rowHeight.toString());\n cellContainer.setAttribute(\n \"style\",\n `${this.ROW_HEIGHT_CSS_VARIABLE}: ${rowHeight}px`\n );\n };\n\n // Method to update the row heights on cells with descriptions and tooltip truncation\n private updateCellHeightsWithDescriptions = () => {\n const descriptions = this.el.shadowRoot.querySelectorAll(\n this.CELL_DESCRIPTION_STRING\n );\n\n descriptions.forEach((description) => {\n const cellContainer = description.closest(\n `.${this.CELL_CONTAINER_WITH_DESCRIPTION_STRING}`\n ) as HTMLElement;\n const typography = cellContainer.querySelector(\n this.IC_TYPOGRAPHY_STRING\n ) as HTMLIcTypographyElement;\n\n const descriptionMarginTop = window\n .getComputedStyle(description)\n .getPropertyValue(\"margin-top\");\n\n const descriptionHeight =\n description.clientHeight + parseInt(descriptionMarginTop, 10);\n\n if (this.globalRowHeight && this.globalRowHeight !== \"auto\") {\n if (\n !typography.textContent &&\n descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight\n ) {\n this.updateRowHeightForDescriptions(descriptionHeight, cellContainer);\n } else if (this.truncationPattern === this.TOOLTIP_STRING) {\n if (\n descriptionHeight + this.DEFAULT_LINE_HEIGHT >\n this.globalRowHeight\n ) {\n const cellIcon = cellContainer?.querySelector(\".icon\");\n if (deviceSizeMatches(IC_DEVICE_SIZES.XS) && cellIcon) {\n // recalculate descriptionHeight as when a word break occurs this value changes\n // Additional spacing given for 300-400% zoom\n this.updateRowHeightForDescriptions(\n descriptionHeight +\n this.DEFAULT_LINE_HEIGHT +\n cellIcon.clientHeight,\n cellContainer\n );\n } else {\n this.updateRowHeightForDescriptions(\n descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n cellContainer\n );\n }\n }\n this.addLineClampCSS(typography, cellContainer);\n // Additional case for show/hide truncation for when a description is present, but the text\n // isn't overflowing the cell to trigger the show more button to appear.\n } else if (\n this.truncationPattern === this.SHOW_HIDE_STRING &&\n descriptionHeight + this.DEFAULT_LINE_HEIGHT > this.globalRowHeight &&\n typography.style.getPropertyValue(\"--truncation-max-lines\") !==\n \"initial\"\n ) {\n this.updateRowHeightForDescriptions(\n descriptionHeight + this.DEFAULT_LINE_HEIGHT,\n cellContainer\n );\n\n if (descriptionHeight) {\n this.createShowHideTruncation(\n typography,\n cellContainer as HTMLElement,\n descriptionHeight\n );\n }\n }\n }\n });\n };\n\n private getRowOptions(rowKeys: string[], rowValues: any[]) {\n const rowOptionsIndex = rowKeys.indexOf(\"rowOptions\");\n return rowOptionsIndex > -1 && rowValues[rowOptionsIndex];\n }\n\n private regenerateTooltip(\n cellContainer: HTMLElement,\n typographyEl: HTMLIcTypographyElement,\n tooltip: HTMLIcTooltipElement,\n removeTooltipOnly?: boolean\n ) {\n // When sorting the table, instead of regenerating the tooltip,\n // the tooltip details are updated\n\n if (tooltip) {\n if (this.tableSorted) {\n tooltip.setAttribute(\"target\", typographyEl.id);\n tooltip.setAttribute(\"label\", typographyEl.textContent);\n } else {\n this.removeTooltip(cellContainer, typographyEl, tooltip);\n }\n if (removeTooltipOnly) {\n return;\n }\n }\n\n // This add line clamp to data only when\n // the data object has been updated\n if (!typographyEl.getAttribute(\"style\") && this.dataUpdated) {\n this.addLineClampCSS(typographyEl, cellContainer);\n }\n\n if (\n typographyEl?.scrollHeight > cellContainer?.clientHeight &&\n this.truncationPattern === this.TOOLTIP_STRING\n ) {\n if (\n !typographyEl.getAttribute(\"style\") ||\n typographyEl.style.cssText.includes(\n `${this.LINE_CLAMP_CSS_VARIABLE}: 0;`\n )\n ) {\n this.addLineClampCSS(typographyEl, cellContainer);\n }\n if (!cellContainer.querySelector(this.IC_TOOLTIP_STRING))\n this.createTruncationTooltip(typographyEl, cellContainer);\n }\n }\n private setTableDimensions = () => {\n let tableHostDimensions = {};\n\n if (this.width) {\n tableHostDimensions = {\n ...tableHostDimensions,\n [\"--table-width\"]: this.width,\n };\n }\n\n if (this.height) {\n tableHostDimensions = {\n ...tableHostDimensions,\n [\"--table-height\"]: this.height,\n };\n }\n\n if (this.maxWidth) {\n tableHostDimensions = {\n ...tableHostDimensions,\n [\"--table-max-width\"]: this.maxWidth,\n };\n }\n\n if (this.minWidth) {\n tableHostDimensions = {\n ...tableHostDimensions,\n [\"--table-min-width\"]: this.minWidth,\n };\n }\n\n return tableHostDimensions;\n };\n\n private removeTooltip(\n cellContainer: HTMLElement,\n typographyEl: HTMLIcTypographyElement,\n tooltip: HTMLIcTooltipElement\n ) {\n const cellTextWrapper = cellContainer.querySelector(\n this.CELL_TEXT_WRAPPER_STRING\n );\n cellTextWrapper.prepend(typographyEl);\n if (tooltip) {\n tooltip.remove();\n }\n }\n\n private addLineClampCSS(\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement\n ) {\n const descriptionCellHeight = cellContainer.querySelector(\n this.CELL_DESCRIPTION_STRING\n )?.clientHeight;\n if (\n cellContainer.classList.contains(\n this.CELL_CONTAINER_WITH_DESCRIPTION_STRING\n ) &&\n cellContainer?.clientHeight > descriptionCellHeight\n ) {\n let iconHeight: number;\n if (deviceSizeMatches(IC_DEVICE_SIZES.XS)) {\n const cellIcon = cellContainer?.querySelector(\".icon\");\n iconHeight = cellIcon ? cellIcon.clientHeight : 0;\n } else {\n iconHeight = 0;\n }\n\n const height =\n cellContainer?.clientHeight -\n cellContainer.querySelector(this.CELL_DESCRIPTION_STRING)\n ?.clientHeight -\n iconHeight;\n\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(height || 0)}`\n );\n } else {\n typographyEl.setAttribute(\n \"style\",\n `${this.LINE_CLAMP_CSS_VARIABLE}: ${this.getLines(\n cellContainer?.clientHeight\n )}`\n );\n }\n }\n\n private createTruncationTooltip(\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement\n ) {\n const tooltipEl = document.createElement(\n this.IC_TOOLTIP_STRING\n ) as HTMLIcTooltipElement;\n tooltipEl.setAttribute(\"target\", typographyEl.id);\n tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n tooltipEl.classList.add(\"ic-tooltip-overflow\");\n tooltipEl.setExternalPopperProps({\n // This might need reverting back to absolute if the tooltip doesn't dynamically position itself correctly\n strategy: \"fixed\",\n });\n const cellTextWrapper = cellContainer.querySelector(\n this.CELL_TEXT_WRAPPER_STRING\n );\n cellTextWrapper.prepend(tooltipEl);\n tooltipEl.prepend(typographyEl);\n }\n\n private fixCellTooltip = (element: HTMLElement) => {\n let tooltip: HTMLIcTooltipElement;\n\n if (element.tagName === \"IC-TOOLTIP\") {\n tooltip = element as HTMLIcTooltipElement;\n } else if (element.shadowRoot?.querySelector(this.IC_TOOLTIP_STRING)) {\n tooltip = element.shadowRoot?.querySelector(\n this.IC_TOOLTIP_STRING\n ) as HTMLIcTooltipElement;\n } else {\n if (element.children?.length > 0) {\n Array.from(element.children).forEach((el) => {\n this.fixCellTooltip(el as HTMLElement);\n });\n } else {\n return;\n }\n }\n\n if (tooltip) {\n tooltip.setExternalPopperProps({\n strategy: \"fixed\",\n });\n }\n };\n\n private fixCellTooltips = () => {\n const elements = this.el.shadowRoot.querySelectorAll(\".data-type-element\");\n elements.forEach((element) => {\n const slotElements = getSlotElements(element);\n slotElements?.forEach((slottedEl: HTMLElement) => {\n this.fixCellTooltip(slottedEl);\n });\n });\n\n const actionElements =\n this.el.shadowRoot.querySelectorAll(\".action-element\");\n\n actionElements?.forEach((actionElementSpan) => {\n const actionElement = actionElementSpan.firstChild as HTMLElement;\n if (actionElement) {\n this.fixCellTooltip(actionElement);\n }\n });\n };\n\n private handleClick = (event: Event, callback: (event: Event) => void) =>\n callback(event);\n\n private renderTableBody = (\n data: IcDataTableDataType[],\n loading: boolean,\n overlay: boolean\n ) => {\n if (!data?.length) return;\n\n if (overlay && loading) {\n return <tbody>{this.createRows()}</tbody>;\n } else if (loading && !overlay) {\n return null;\n } else {\n return <tbody>{this.createRows()}</tbody>;\n }\n };\n\n private renderLoadingIndicator = (\n isLoading: boolean,\n loadingOptions: IcLoadingOptions\n ) => {\n if (!isLoading) return null;\n\n return (\n <Fragment>\n <div\n class=\"loading-overlay\"\n ref={(el) => (this.loadingOverlay = el)}\n ></div>\n <ic-loading-indicator\n theme={this.theme}\n monochrome={loadingOptions?.monochrome}\n class={{\n \"loading-empty\": isLoading,\n loading: true,\n }}\n description={loadingOptions.description || \"Loading table data\"}\n label={loadingOptions.label || \"Loading...\"}\n labelDuration={loadingOptions?.labelDuration}\n max={loadingOptions?.max}\n min={loadingOptions?.min}\n progress={loadingOptions?.progress}\n ref={(el: HTMLIcLoadingIndicatorElement) =>\n (this.loadingIndicator = el)\n }\n ></ic-loading-indicator>\n </Fragment>\n );\n };\n\n private renderAriaLiveLoading = () => {\n if (this.loading) {\n return this.loadingOptions?.label || \"Loading...\";\n } else if (this.updating) {\n return this.updatingOptions?.description || \"Updating table data\";\n } else {\n return \"\";\n }\n };\n\n private renderEmptyState = (\n data: IcDataTableDataType[],\n loading: boolean,\n overlay: boolean\n ) => {\n const emptyStateEl = isSlotUsed(this.el, \"empty-state\") ? (\n <slot name=\"empty-state\" />\n ) : (\n <ic-empty-state\n aligned=\"center\"\n heading=\"No Data\"\n class=\"loading-empty\"\n ></ic-empty-state>\n );\n\n if (loading && !data?.length && overlay) {\n return emptyStateEl;\n } else if (!loading && !data?.length) {\n return emptyStateEl;\n } else {\n return null;\n }\n };\n\n render() {\n const {\n caption,\n createColumnHeaders,\n createUpdatingIndicator,\n data,\n hideColumnHeaders,\n loading,\n loadingOptions,\n paginationBarOptions,\n scrollable,\n scrollOffset,\n showPagination,\n sortable,\n sortedColumn,\n sortedColumnOrder,\n stickyColumnHeaders,\n updateScrollOffset,\n updating,\n theme,\n } = this;\n\n return (\n <Host\n style={{ ...this.setTableDimensions() }}\n class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}\n >\n <div class=\"table-container\">\n {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n <div\n class={{\n [\"table-row-container\"]: true,\n scrollable,\n }}\n tabIndex={scrollable ? 0 : null}\n onScroll={updateScrollOffset}\n >\n <table\n style={{\n [\"--table-layout\"]: this.tableLayout,\n }}\n >\n <caption class=\"table-caption\">{caption}</caption>\n {!hideColumnHeaders && (\n <thead\n class={{\n [\"column-header-sticky\"]: stickyColumnHeaders,\n [\"column-header-overlay\"]:\n stickyColumnHeaders && scrollOffset !== 0,\n }}\n >\n <tr>{createColumnHeaders()}</tr>\n </thead>\n )}\n {updating &&\n !loading &&\n (hideColumnHeaders ? (\n <thead>{createUpdatingIndicator()}</thead>\n ) : (\n createUpdatingIndicator()\n ))}\n {this.renderTableBody(data, loading, loadingOptions.overlay)}\n </table>\n {this.renderEmptyState(data, loading, loadingOptions.overlay)}\n </div>\n <div aria-live=\"assertive\" class=\"sr-only\">\n {this.renderAriaLiveLoading()}\n </div>\n {this.renderLoadingIndicator(loading, loadingOptions)}\n {(showPagination || isSlotUsed(this.el, \"pagination-bar\")) && (\n <div class=\"pagination-container\">\n {isSlotUsed(this.el, \"pagination-bar\") ? (\n <slot name=\"pagination-bar\" />\n ) : (\n <ic-pagination-bar\n alignment={paginationBarOptions.alignment}\n hideAllFromItemsPerPage={\n paginationBarOptions.hideAllFromItemsPerPage\n }\n hideRangeLabel={paginationBarOptions.hideRangeLabel}\n itemLabel={paginationBarOptions.itemLabel}\n itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\n monochrome={paginationBarOptions.monochrome}\n pageLabel={paginationBarOptions.pageLabel}\n rangeLabelType={paginationBarOptions.rangeLabelType}\n selectedItemsPerPage={\n paginationBarOptions.selectedItemsPerPage\n }\n setToFirstPageOnPaginationChange={\n paginationBarOptions.setToFirstPageOnPaginationChange\n }\n showGoToPageControl={paginationBarOptions.showGoToPageControl}\n showItemsPerPageControl={\n paginationBarOptions.showItemsPerPageControl\n }\n theme={theme}\n totalItems={data?.length ?? 0}\n type={paginationBarOptions.type}\n ></ic-pagination-bar>\n )}\n </div>\n )}\n {sortable && (\n <div class=\"screen-reader-sort-text\" aria-live=\"polite\">\n {sortedColumnOrder !== \"unsorted\" && sortedColumn\n ? `${\n this.columns.find((col) => col.key === sortedColumn)\n ?.title || sortedColumn\n } sorted ${sortedColumnOrder}`\n : \"table unsorted\"}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}
|