@ukic/canary-web-components 2.0.0-canary.37 → 2.0.0-canary.38
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/ic-data-table.cjs.entry.js +6 -2
- package/dist/cjs/ic-data-table.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-tree-item.cjs.entry.js +1 -1
- package/dist/cjs/ic-tree-item.cjs.entry.js.map +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.css +22 -3
- 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-tree-item.js +1 -1
- package/dist/components/ic-tree-item.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/{p-b4f824a6.entry.js → p-3ebd4703.entry.js} +2 -2
- package/dist/core/p-3ebd4703.entry.js.map +1 -0
- package/dist/core/p-bd0328f3.entry.js +2 -0
- package/dist/core/p-bd0328f3.entry.js.map +1 -0
- package/dist/core/p-cc0e0b46.entry.js +2 -0
- package/dist/core/p-cc0e0b46.entry.js.map +1 -0
- 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-radio-option.entry.js +1 -1
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-tree-item.entry.js +1 -1
- package/dist/esm/ic-tree-item.entry.js.map +1 -1
- package/dist/types/components/ic-data-table/story-data.d.ts +57 -0
- package/hydrate/index.js +8 -4
- package/package.json +3 -3
- package/dist/core/p-89112e37.entry.js +0 -2
- package/dist/core/p-89112e37.entry.js.map +0 -1
- package/dist/core/p-b4f824a6.entry.js.map +0 -1
- package/dist/core/p-fe105ed0.entry.js +0 -2
- package/dist/core/p-fe105ed0.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -11169,6 +11169,7 @@ class DataTable {
|
|
|
11169
11169
|
const data = this.showPagination
|
|
11170
11170
|
? this.data.slice(this.fromRow, this.toRow)
|
|
11171
11171
|
: this.data.slice();
|
|
11172
|
+
const paginationOffset = this.showPagination ? this.fromRow : 0;
|
|
11172
11173
|
/**
|
|
11173
11174
|
* Ensures that createCells has a value in data to map over to actually render the slot.
|
|
11174
11175
|
* Removes the need for the user to add it multiple times.
|
|
@@ -11177,7 +11178,10 @@ class DataTable {
|
|
|
11177
11178
|
*/
|
|
11178
11179
|
const organisedData = data.map((row, rowIndex) => {
|
|
11179
11180
|
const slottedColumns = this.columns
|
|
11180
|
-
.map(({ key }, index) => isSlotUsed(this.el, `${key}-${rowIndex}`) && {
|
|
11181
|
+
.map(({ key }, index) => isSlotUsed(this.el, `${key}-${rowIndex + paginationOffset}`) && {
|
|
11182
|
+
key,
|
|
11183
|
+
index,
|
|
11184
|
+
})
|
|
11181
11185
|
.filter((col) => !!col &&
|
|
11182
11186
|
// skip the column if its already in the row
|
|
11183
11187
|
!Object.prototype.hasOwnProperty.call(row, col.key));
|
|
@@ -11196,7 +11200,7 @@ class DataTable {
|
|
|
11196
11200
|
["table-row"]: true,
|
|
11197
11201
|
["table-row-selected"]: this.highlightSelectedRow && this.selectedRow === row,
|
|
11198
11202
|
}
|
|
11199
|
-
}, this.createCells(row, index)));
|
|
11203
|
+
}, this.createCells(row, index + paginationOffset)));
|
|
11200
11204
|
});
|
|
11201
11205
|
};
|
|
11202
11206
|
this.getObjectValue = (cell, key) => Object.values(cell)[Object.keys(cell).indexOf(key)];
|
|
@@ -23698,7 +23702,7 @@ class RadioGroup {
|
|
|
23698
23702
|
}; }
|
|
23699
23703
|
}
|
|
23700
23704
|
|
|
23701
|
-
const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{display:none}/*!@html,\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*/html.sc-ic-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}/*!@:host([additional-field-display=\"static\"])\n ::slotted([slot=\"additional-field\"])*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>[slot=\"additional-field\"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}/*!@:host(.disabled)*/.disabled.sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}/*!@.container*/.container.sc-ic-radio-option{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,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-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*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-action-default)}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::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-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{margin-left:var(--ic-space-md)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-radio-option{margin-left:var(--ic-space-xs)}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:calc(-1 * var(--ic-space-1px))}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{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*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}/*!@.container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}/*!@.container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}/*!@.container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}";
|
|
23705
|
+
const icRadioOptionCss = "/*!@html*/html.sc-ic-radio-option{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-radio-option{margin:0}/*!@main*/main.sc-ic-radio-option{display:block}/*!@h1*/h1.sc-ic-radio-option{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-radio-option{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-radio-option{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-radio-option{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-radio-option,strong.sc-ic-radio-option{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-radio-option,kbd.sc-ic-radio-option,samp.sc-ic-radio-option{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-radio-option{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-radio-option,sup.sc-ic-radio-option{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-radio-option{bottom:-0.25em}/*!@sup*/sup.sc-ic-radio-option{top:-0.5em}/*!@img*/img.sc-ic-radio-option{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-radio-option,input.sc-ic-radio-option,optgroup.sc-ic-radio-option,select.sc-ic-radio-option,textarea.sc-ic-radio-option{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-radio-option,input.sc-ic-radio-option{overflow:visible}/*!@button,\nselect*/button.sc-ic-radio-option,select.sc-ic-radio-option{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-radio-option,[type=\"button\"].sc-ic-radio-option,[type=\"reset\"].sc-ic-radio-option,[type=\"submit\"].sc-ic-radio-option{-webkit-appearance:button}/*!@button::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner*/button.sc-ic-radio-option::-moz-focus-inner,[type=\"button\"].sc-ic-radio-option::-moz-focus-inner,[type=\"reset\"].sc-ic-radio-option::-moz-focus-inner,[type=\"submit\"].sc-ic-radio-option::-moz-focus-inner{border-style:none;padding:0}/*!@button:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring*/button.sc-ic-radio-option:-moz-focusring,[type=\"button\"].sc-ic-radio-option:-moz-focusring,[type=\"reset\"].sc-ic-radio-option:-moz-focusring,[type=\"submit\"].sc-ic-radio-option:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-radio-option{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-radio-option{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-radio-option{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-radio-option{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-radio-option,[type=\"radio\"].sc-ic-radio-option{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-radio-option::-webkit-inner-spin-button,[type=\"number\"].sc-ic-radio-option::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-radio-option{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-radio-option::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-radio-option::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-radio-option{display:block}/*!@summary*/summary.sc-ic-radio-option{display:list-item}/*!@template*/template.sc-ic-radio-option{display:none}/*!@[hidden]*/[hidden].sc-ic-radio-option{display:none}/*!@html,\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*/html.sc-ic-radio-option,body.sc-ic-radio-option,div.sc-ic-radio-option,span.sc-ic-radio-option,applet.sc-ic-radio-option,object.sc-ic-radio-option,iframe.sc-ic-radio-option,h1.sc-ic-radio-option,h2.sc-ic-radio-option,h3.sc-ic-radio-option,h4.sc-ic-radio-option,h5.sc-ic-radio-option,h6.sc-ic-radio-option,p.sc-ic-radio-option,blockquote.sc-ic-radio-option,pre.sc-ic-radio-option,a.sc-ic-radio-option,abbr.sc-ic-radio-option,acronym.sc-ic-radio-option,address.sc-ic-radio-option,big.sc-ic-radio-option,cite.sc-ic-radio-option,code.sc-ic-radio-option,del.sc-ic-radio-option,dfn.sc-ic-radio-option,em.sc-ic-radio-option,img.sc-ic-radio-option,ins.sc-ic-radio-option,kbd.sc-ic-radio-option,q.sc-ic-radio-option,s.sc-ic-radio-option,samp.sc-ic-radio-option,small.sc-ic-radio-option,strike.sc-ic-radio-option,strong.sc-ic-radio-option,sub.sc-ic-radio-option,sup.sc-ic-radio-option,tt.sc-ic-radio-option,var.sc-ic-radio-option,b.sc-ic-radio-option,u.sc-ic-radio-option,i.sc-ic-radio-option,center.sc-ic-radio-option,dl.sc-ic-radio-option,dt.sc-ic-radio-option,dd.sc-ic-radio-option,ol.sc-ic-radio-option,ul.sc-ic-radio-option,li.sc-ic-radio-option,fieldset.sc-ic-radio-option,form.sc-ic-radio-option,label.sc-ic-radio-option,legend.sc-ic-radio-option,table.sc-ic-radio-option,caption.sc-ic-radio-option,tbody.sc-ic-radio-option,tfoot.sc-ic-radio-option,thead.sc-ic-radio-option,tr.sc-ic-radio-option,th.sc-ic-radio-option,td.sc-ic-radio-option,article.sc-ic-radio-option,aside.sc-ic-radio-option,canvas.sc-ic-radio-option,details.sc-ic-radio-option,embed.sc-ic-radio-option,figure.sc-ic-radio-option,figcaption.sc-ic-radio-option,footer.sc-ic-radio-option,header.sc-ic-radio-option,hgroup.sc-ic-radio-option,menu.sc-ic-radio-option,nav.sc-ic-radio-option,output.sc-ic-radio-option,ruby.sc-ic-radio-option,section.sc-ic-radio-option,summary.sc-ic-radio-option,time.sc-ic-radio-option,mark.sc-ic-radio-option,audio.sc-ic-radio-option,video.sc-ic-radio-option{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-radio-option-h{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}/*!@:host([additional-field-display=\"static\"])\n ::slotted([slot=\"additional-field\"])*/.sc-ic-radio-option-h[additional-field-display=\"static\"] .sc-ic-radio-option-s>[slot=\"additional-field\"]{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}/*!@:host(.disabled)*/.disabled.sc-ic-radio-option-h{color:var(--ic-architectural-200)}/*!@.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:focus+span.checkmark.sc-ic-radio-option,.sc-ic-radio-option-h:focus .container.sc-ic-radio-option input.sc-ic-radio-option:checked+span.checkmark.sc-ic-radio-option{box-shadow:var(--ic-border-focus)}/*!@.container*/.container.sc-ic-radio-option{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,\n.container.disabled input:disabled*/.container.disabled.sc-ic-radio-option,.container.disabled.sc-ic-radio-option input.sc-ic-radio-option:disabled{cursor:default}/*!@.container input*/.container.sc-ic-radio-option input.sc-ic-radio-option{-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*/.checkmark.sc-ic-radio-option{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}/*!@.container input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{display:inline-block}/*!@.container:hover input ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default)}/*!@.container:active input ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}/*!@.container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-action-default-active)}/*!@.container input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border:0.125rem solid var(--ic-action-default)}/*!@.container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{border:var(--ic-border-width) dashed var(--ic-architectural-200)}/*!@.container input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background:var(--ic-architectural-200)}/*!@.container:hover input:disabled ~ .checkmark*/.container.sc-ic-radio-option:hover input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}/*!@.container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:var(--ic-architectural-200)}/*!@.container .checkmark::after*/.container.sc-ic-radio-option .checkmark.sc-ic-radio-option::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-action-default)}/*!@.radio-label*/.radio-label.sc-ic-radio-option{margin-left:var(--ic-space-md)}/*!@.additional-field-wrapper*/.additional-field-wrapper.sc-ic-radio-option{margin-left:var(--ic-space-xs)}/*!@.branch-corner*/.branch-corner.sc-ic-radio-option{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:calc(-1 * var(--ic-space-1px))}/*!@.dynamic-container*/.dynamic-container.sc-ic-radio-option{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*/.dynamic-container.hidden.sc-ic-radio-option{display:none}/*!@.dynamic-text*/.dynamic-text.sc-ic-radio-option{color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){/*!@::slotted(ic-text-field)*/.sc-ic-radio-option-s>ic-text-field{--input-width:100%}}@media (forced-colors: active){/*!@.container input:checked ~ .checkmark,\n .container:active input:checked ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option{border-color:Highlight}/*!@.container input:checked ~ .checkmark::after,\n .container:active input:checked ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:checked~.checkmark.sc-ic-radio-option::after{background-color:Highlight}/*!@.container input:disabled ~ .checkmark,\n .container input:checked:disabled ~ .checkmark*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option,.container.sc-ic-radio-option input.sc-ic-radio-option:checked:disabled~.checkmark.sc-ic-radio-option{border-color:GrayText}/*!@.container input:disabled ~ .checkmark::after,\n .container:active input:disabled ~ .checkmark::after*/.container.sc-ic-radio-option input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after,.container.sc-ic-radio-option:active input.sc-ic-radio-option:disabled~.checkmark.sc-ic-radio-option::after{background-color:GrayText}}/*!@input[type=\"radio\"]:dir(rtl)*/input[type=\"radio\"].sc-ic-radio-option:dir(rtl){right:0}/*!@.radio-label:dir(rtl)*/.radio-label.sc-ic-radio-option:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}/*!@.branch-corner:dir(rtl)*/.branch-corner.sc-ic-radio-option:dir(rtl){border-radius:0 0 0.188rem 0;border-right:0.125rem solid var(--ic-action-default);border-left:none}/*!@.dynamic-container:dir(rtl)*/.dynamic-container.sc-ic-radio-option:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}";
|
|
23702
23706
|
|
|
23703
23707
|
const ADDITIONAL_FIELD = "additional-field";
|
|
23704
23708
|
const TEXT_FIELD_SELECTOR = "ic-text-field";
|
|
@@ -28968,7 +28972,7 @@ var arrowDropdown = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
|
28968
28972
|
<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
|
|
28969
28973
|
</svg>`;
|
|
28970
28974
|
|
|
28971
|
-
const icTreeItemCss = "/*!@:host*/.sc-ic-tree-item-h{display:block;border:none;position:relative}/*!@:host .tree-item-content*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));padding:0 var(--ic-space-xs);text-decoration:none;color:var(--ic-primary-text)}/*!@::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-s>[slot=\"router-item\"]{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-primary-text);padding:0 var(--ic-space-xs) !important}/*!@:host(.ic-tree-item-truncate) .tree-item-content,\n:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-truncate .sc-ic-tree-item-s>[slot=\"router-item\"]{height:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@::slotted([slot=\"router-item\"].ic-tree-item-single)*/.sc-ic-tree-item-s>[slot=\"router-item\"].ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}/*!@:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}/*!@:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover{background-color:var(--ic-action-dark-bg-hover) !important;cursor:pointer}/*!@:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active{background-color:var(--ic-action-dark-bg-active) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:var(--ic-action-default-bg-hover) !important}/*!@:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"])*/.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-small.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{min-height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"])*/.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-large.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{min-height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-small)\n ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-large)\n ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-disabled)*/.ic-tree-item-disabled.sc-ic-tree-item-h{pointer-events:none}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) .arrow-dropdown,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:var(--ic-architectural-200) !important;fill:var(--ic-architectural-200);pointer-events:none}/*!@:host(.ic-tree-item-light) .tree-item-content,\n:host(.ic-tree-item-light) .arrow-dropdown,\n:host(.ic-tree-item-light) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-light) ::slotted([slot=\"router-item\"])*/.ic-tree-item-light.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-light.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-light.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-light .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-light.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-light .sc-ic-tree-item-s>[slot=\"router-item\"]{color:var(--ic-architectural-white);fill:var(--ic-architectural-white)}/*!@:host .arrow-dropdown*/.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-action-default);margin-right:var(--ic-space-xs)}/*!@:host(.ic-tree-item-small) .arrow-dropdown*/.ic-tree-item-small.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{margin-right:var(--ic-space-xxs)}/*!@:host .tree-item-expanded*/.sc-ic-tree-item-h .tree-item-expanded.sc-ic-tree-item{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs))}/*!@:host .ic-tree-item-single*/.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.ic-tree-item-small) .ic-tree-item-single*/.ic-tree-item-small.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}/*!@.icon-container*/.icon-container.sc-ic-tree-item{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-item-small) .icon-container*/.ic-tree-item-small.sc-ic-tree-item-h .icon-container.sc-ic-tree-item{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-item{overflow:hidden}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:currentcolor}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n :host(.ic-tree-item-disabled) .arrow-dropdown,\n :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:GrayText !important;fill:GrayText !important}/*!@:host .tree-item-content:focus,\n ::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{border:var(--ic-hc-border) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{color:Highlight !important}}";
|
|
28975
|
+
const icTreeItemCss = "/*!@:host*/.sc-ic-tree-item-h{display:block;border:none;position:relative}/*!@:host .tree-item-content*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));padding:0 var(--ic-space-xs);text-decoration:none;color:var(--ic-primary-text)}/*!@::slotted([slot=\"router-item\"])*/.sc-ic-tree-item-s>[slot=\"router-item\"]{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-primary-text);padding:0 var(--ic-space-xs) !important}/*!@:host(.ic-tree-item-truncate) .tree-item-content,\n:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-truncate .sc-ic-tree-item-s>[slot=\"router-item\"]{height:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@::slotted([slot=\"router-item\"].ic-tree-item-single)*/.sc-ic-tree-item-s>[slot=\"router-item\"].ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}/*!@:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}/*!@:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-s>[slot=\"router-item\"]:hover{background-color:var(--ic-action-dark-bg-hover) !important;cursor:pointer}/*!@:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-s>[slot=\"router-item\"]:active{background-color:var(--ic-action-dark-bg-active) !important}/*!@:host(.ic-tree-item-light) .tree-item-content:hover,\n:host(.ic-tree-item-light) ::slotted([slot=\"router-item\"]:hover)*/.ic-tree-item-light.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:hover,.sc-ic-tree-item-h.ic-tree-item-light.sc-ic-tree-item-s>[slot=\"router-item\"]:hover,.sc-ic-tree-item-h.ic-tree-item-light.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-light .sc-ic-tree-item-s>[slot=\"router-item\"]:hover{background-color:var(--ic-action-light-bg-hover) !important}/*!@:host(.ic-tree-item-light) .tree-item-content:active,\n:host(.ic-tree-item-light) ::slotted([slot=\"router-item\"]:active)*/.ic-tree-item-light.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:active,.sc-ic-tree-item-h.ic-tree-item-light.sc-ic-tree-item-s>[slot=\"router-item\"]:active,.sc-ic-tree-item-h.ic-tree-item-light.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-light .sc-ic-tree-item-s>[slot=\"router-item\"]:active{background-color:var(--ic-action-light-bg-active) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{background-color:var(--ic-action-default-bg-hover)}/*!@:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"])*/.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-small.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{min-height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"])*/.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-large.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{min-height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-small)\n ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.ic-tree-item-small.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.ic-tree-item-small .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xl)}/*!@:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-large)\n ::slotted([slot=\"router-item\"])*/.ic-tree-item-truncate.ic-tree-item-large.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-truncate.ic-tree-item-large .sc-ic-tree-item-s>[slot=\"router-item\"]{height:var(--ic-space-xxl)}/*!@:host(.ic-tree-item-disabled)*/.ic-tree-item-disabled.sc-ic-tree-item-h{pointer-events:none}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) .arrow-dropdown,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:var(--ic-architectural-200);fill:var(--ic-architectural-200);pointer-events:none}/*!@:host(.ic-tree-item-light) .tree-item-content,\n:host(.ic-tree-item-light) .arrow-dropdown,\n:host(.ic-tree-item-light) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-light) ::slotted([slot=\"router-item\"])*/.ic-tree-item-light.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-light.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-light.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-light .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-light.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-light .sc-ic-tree-item-s>[slot=\"router-item\"]{color:var(--ic-architectural-white);fill:var(--ic-architectural-white)}/*!@:host(.ic-tree-item-light.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-light.ic-tree-item-disabled) .arrow-dropdown,\n:host(.ic-tree-item-light.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-light.ic-tree-item-disabled)\n ::slotted([slot=\"router-item\"])*/.ic-tree-item-light.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-light.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-light.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-light.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-light.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:var(--ic-architectural-300);fill:var(--ic-architectural-300)}/*!@:host .arrow-dropdown*/.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{color:var(--ic-action-default);margin-right:var(--ic-space-xs)}/*!@:host(.ic-tree-item-small) .arrow-dropdown*/.ic-tree-item-small.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item{margin-right:var(--ic-space-xxs)}/*!@:host .tree-item-expanded*/.sc-ic-tree-item-h .tree-item-expanded.sc-ic-tree-item{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs))}/*!@:host .ic-tree-item-single*/.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}/*!@:host(.ic-tree-item-small) .ic-tree-item-single*/.ic-tree-item-small.sc-ic-tree-item-h .ic-tree-item-single.sc-ic-tree-item{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}/*!@.icon-container*/.icon-container.sc-ic-tree-item{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}/*!@:host(.ic-tree-item-small) .icon-container*/.ic-tree-item-small.sc-ic-tree-item-h .icon-container.sc-ic-tree-item{margin:0 var(--ic-space-xxs) 0 0}/*!@.ic-text-overflow*/.ic-text-overflow.sc-ic-tree-item{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}/*!@.ic-tooltip-overflow*/.ic-tooltip-overflow.sc-ic-tree-item{overflow:hidden}@media (forced-colors: active){/*!@::slotted([slot=\"icon\"])*/.sc-ic-tree-item-s>[slot=\"icon\"]{fill:currentcolor}/*!@:host(.ic-tree-item-disabled) .tree-item-content,\n :host(.ic-tree-item-disabled) .arrow-dropdown,\n :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"])*/.ic-tree-item-disabled.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.ic-tree-item-disabled.sc-ic-tree-item-h .arrow-dropdown.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"icon\"],.sc-ic-tree-item-h.ic-tree-item-disabled.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-disabled .sc-ic-tree-item-s>[slot=\"router-item\"]{color:GrayText !important;fill:GrayText !important}/*!@:host .tree-item-content:focus,\n ::slotted([slot=\"router-item\"]:focus)*/.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item:focus,.sc-ic-tree-item-s>[slot=\"router-item\"]:focus{border:var(--ic-hc-border) !important}/*!@:host(.ic-tree-item-selected) .tree-item-content,\n :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"])*/.ic-tree-item-selected.sc-ic-tree-item-h .tree-item-content.sc-ic-tree-item,.sc-ic-tree-item-h.ic-tree-item-selected.sc-ic-tree-item-s>[slot=\"router-item\"],.sc-ic-tree-item-h.ic-tree-item-selected .sc-ic-tree-item-s>[slot=\"router-item\"]{color:Highlight}}";
|
|
28972
28976
|
|
|
28973
28977
|
let treeItemIds = 0;
|
|
28974
28978
|
/**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ukic/canary-web-components",
|
|
3
|
-
"version": "2.0.0-canary.
|
|
3
|
+
"version": "2.0.0-canary.38",
|
|
4
4
|
"description": "A web component UI library compiled with StencilJS",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@popperjs/core": "^2.11.2",
|
|
47
47
|
"@stencil/core": "^4.9.0",
|
|
48
|
-
"@ukic/web-components": "^2.
|
|
48
|
+
"@ukic/web-components": "^2.37.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"@ukic/fonts": "^2.3.0"
|
|
@@ -91,5 +91,5 @@
|
|
|
91
91
|
},
|
|
92
92
|
"license": "MIT",
|
|
93
93
|
"packageManager": "^npm@10.9.2",
|
|
94
|
-
"gitHead": "
|
|
94
|
+
"gitHead": "d239905fa0f2e70b0a0a1fd9709093d31a7770da"
|
|
95
95
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as s,g as r}from"./p-8455d1bb.js";import{r as o,i as a,o as c,a as l}from"./p-8ab58daa.js";const n=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const h=':host{display:block;border:none;position:relative}:host .tree-item-content{display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));padding:0 var(--ic-space-xs);text-decoration:none;color:var(--ic-primary-text)}::slotted([slot="router-item"]){display:flex;align-items:center;min-height:calc(var(--ic-space-xl) + var(--ic-space-xs));text-decoration:none;font-family:var(--ic-font-body-family);color:var(--ic-primary-text);padding:0 var(--ic-space-xs) !important}:host(.ic-tree-item-truncate) .tree-item-content,:host(.ic-tree-item-truncate) ::slotted([slot="router-item"]){height:calc(var(--ic-space-xl) + var(--ic-space-xs))}::slotted([slot="router-item"].ic-tree-item-single){padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs)) !important}:host .tree-item-content:focus,::slotted([slot="router-item"]:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}:host .tree-item-content:hover,::slotted([slot="router-item"]:hover){background-color:var(--ic-action-dark-bg-hover) !important;cursor:pointer}:host .tree-item-content:active,::slotted([slot="router-item"]:active){background-color:var(--ic-action-dark-bg-active) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){background-color:var(--ic-action-default-bg-hover) !important}:host(.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-small) ::slotted([slot="router-item"]){min-height:var(--ic-space-xl)}:host(.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-large) ::slotted([slot="router-item"]){min-height:var(--ic-space-xxl)}:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-small) ::slotted([slot="router-item"]){height:var(--ic-space-xl)}:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,:host(.ic-tree-item-truncate.ic-tree-item-large) ::slotted([slot="router-item"]){height:var(--ic-space-xxl)}:host(.ic-tree-item-disabled){pointer-events:none}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) .arrow-dropdown,:host(.ic-tree-item-disabled) ::slotted([slot="icon"]),:host(.ic-tree-item-disabled) ::slotted([slot="router-item"]){color:var(--ic-architectural-200) !important;fill:var(--ic-architectural-200);pointer-events:none}:host(.ic-tree-item-light) .tree-item-content,:host(.ic-tree-item-light) .arrow-dropdown,:host(.ic-tree-item-light) ::slotted([slot="icon"]),:host(.ic-tree-item-light) ::slotted([slot="router-item"]){color:var(--ic-architectural-white);fill:var(--ic-architectural-white)}:host .arrow-dropdown{color:var(--ic-action-default);margin-right:var(--ic-space-xs)}:host(.ic-tree-item-small) .arrow-dropdown{margin-right:var(--ic-space-xxs)}:host .tree-item-expanded{transform:rotate(180deg);margin-top:calc(-1 * var(--ic-space-xxs))}:host .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-tree-item-small) .ic-tree-item-single{padding-left:calc(var(--ic-space-xl) + var(--ic-space-xxs))}.icon-container{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}:host(.ic-tree-item-small) .icon-container{margin:0 var(--ic-space-xxs) 0 0}.ic-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ic-tooltip-overflow{overflow:hidden}@media (forced-colors: active){::slotted([slot="icon"]){fill:currentcolor}:host(.ic-tree-item-disabled) .tree-item-content,:host(.ic-tree-item-disabled) .arrow-dropdown,:host(.ic-tree-item-disabled) ::slotted([slot="icon"]),:host(.ic-tree-item-disabled) ::slotted([slot="router-item"]){color:GrayText !important;fill:GrayText !important}:host .tree-item-content:focus,::slotted([slot="router-item"]:focus){border:var(--ic-hc-border) !important}:host(.ic-tree-item-selected) .tree-item-content,:host(.ic-tree-item-selected) ::slotted([slot="router-item"]){color:Highlight !important}}';let d=0;const m=class{constructor(i){t(this,i);this.icTreeItemSelected=e(this,"icTreeItemSelected",7);this.treeItemId=`ic-tree-item-${d++}`;this.treeItemTag="IC-TREE-ITEM";this.hostMutationObserver=null;this.TOOLTIP="ic-tooltip";this.handleTreeItemClicked=()=>{if(this.isParent){this.expanded=!this.expanded;this.hasParentExpanded=true}this.updateAriaLabel();this.selected=true;this.watchSelectedHandler()};this.setTreeItemPadding=()=>{let t=1;let e=this.el.parentElement;const i=this.el.shadowRoot.querySelector(".tree-item-content");const s=Array.from(e.children).map((t=>{if(t!==this.el&&!t.querySelector('[slot="router-item"]')&&!t.querySelector('[slot="label"]')){return t.children.length>0}else{return false}})).includes(true);const r=e.tagName===this.treeItemTag;const o=this.hasRouterSlot();if(s&&!this.el.isParent||r&&!this.el.isParent){if(o){this.routerSlot.classList.add("ic-tree-item-single")}else{i.classList.add("ic-tree-item-single")}}while(e){if(e.tagName===this.treeItemTag){t++;if(!this.el.isParent&&s){i.style.paddingLeft=`calc(var(--ic-space-xl) + ${t*16}px)`}else if(!this.el.isParent){i.style.paddingLeft=`calc(var(--ic-space-xs) + ${t*24}px`}else{i.style.paddingLeft=`${t*16}px`}}e=e.parentElement}};this.truncateTreeItemLabel=t=>{const e=t.shadowRoot.querySelector(".tree-item-label");const i=e===null||e===void 0?void 0:e.closest(this.TOOLTIP);const s=t.shadowRoot.querySelector(".tree-item-content");if((e===null||e===void 0?void 0:e.scrollHeight)>(s===null||s===void 0?void 0:s.clientHeight)){e.classList.add("ic-text-overflow");if(!i){const t=document.createElement("ic-tooltip");t.setAttribute("target",this.el.id);t.setAttribute("label",e.textContent);t.classList.add("ic-tooltip-overflow");t.setAttribute("placement","right");s.appendChild(t);t.appendChild(e)}}};this.handleDisplayTooltip=t=>{const e=this.el.shadowRoot.querySelector(".tree-item-label");const i=e===null||e===void 0?void 0:e.closest(this.TOOLTIP);i===null||i===void 0?void 0:i.displayTooltip(t)};this.childTreeItems=undefined;this.appearance="dark";this.disabled=false;this.expanded=false;this.hasParentExpanded=false;this.href=undefined;this.hreflang="";this.isParent=false;this.label="";this.referrerpolicy=undefined;this.rel=undefined;this.selected=false;this.size="default";this.target=undefined;this.truncateTreeItem=undefined}watchDisabledHandler(){o(this.disabled,this.el)}watchSelectedHandler(){if(this.selected){this.icTreeItemSelected.emit({id:this.el.id})}this.updateAriaLabel()}disconnectedCallback(){var t;(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){o(this.disabled,this.el)}componentDidLoad(){this.childTreeItems=Array.from(this.el.children).filter((t=>t.tagName===this.treeItemTag));if(this.childTreeItems.length>0){this.isParent=true}this.setTreeItemPadding();this.updateAriaLabel();setTimeout((()=>{this.truncateTreeItem&&this.truncateTreeItemLabel(this.el)}),100);!a(this.el,"label")&&c([{prop:this.label,propName:"label"}],"Tree item");this.hostMutationObserver=new MutationObserver((t=>l(t,"icon",this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentDidRender(){this.truncateTreeItem&&this.truncateTreeItemLabel(this.el);if(this.expanded){this.childTreeItems.forEach((t=>{t.truncateTreeItem&&this.truncateTreeItemLabel(t)}))}}componentDidUpdate(){if(this.hasParentExpanded){this.childTreeItems.forEach((t=>{t.truncateTreeItem&&this.truncateTreeItemLabel(t)}));this.hasParentExpanded=false}}handleKeyDown(t){if(t.key==="Enter"||t.key===" "){t.stopImmediatePropagation();this.handleTreeItemClicked()}}async setFocus(){var t,e;if(this.hasRouterSlot()){(t=this.routerSlot)===null||t===void 0?void 0:t.focus()}else{(e=this.treeItemElement)===null||e===void 0?void 0:e.focus()}}async updateAriaLabel(){let t;if(this.hasRouterSlot()){t=this.routerSlot.textContent}else if(a(this.el,"label")){t=this.el.querySelector('[slot="label"]').textContent}else{t=this.label}if(this.isParent){t=`${t}, triggers submenu, ${this.expanded?"expanded":"collapsed"}`}if(this.el.parentElement){const e=Array.from(this.el.parentElement.children).filter((t=>t.tagName===this.treeItemTag));const i=e.indexOf(this.el)+1;const s=e.length;t=`${t}, ${i} of ${s}`}if(this.selected){t=`${t}, active`}if(this.disabled){t=`${t}, dimmed`}if(this.hasRouterSlot()){this.routerSlot.ariaLabel=t}else{this.treeItemElement.ariaLabel=t}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');return!!this.routerSlot}render(){const{appearance:t,disabled:e,label:r,selected:o,size:c,expanded:l}=this;const h=this.href&&!this.disabled?"a":"div";const d=h=="a"&&{href:this.href,hrefLang:this.hreflang,referrerPolicy:this.referrerpolicy,rel:this.rel,target:this.target};return i(s,{class:{[`ic-tree-item-${t}`]:true,"ic-tree-item-disabled":e,"ic-tree-item-selected":!e&&o,[`ic-tree-item-${c}`]:c!=="default","ic-tree-item-truncate":this.truncateTreeItem},id:this.treeItemId},this.hasRouterSlot()?i("slot",{name:"router-item"}):i(h,Object.assign({class:{"tree-item-content":true},tabIndex:e?-1:0,onClick:this.handleTreeItemClicked,ref:t=>this.treeItemElement=t,"aria-disabled":e?"true":"false","aria-live":"polite"},d,{onFocus:()=>this.handleDisplayTooltip(true),onBlur:()=>this.handleDisplayTooltip(false)}),this.isParent&&i("span",{class:{["arrow-dropdown"]:true,["tree-item-expanded"]:l},"aria-hidden":"true",innerHTML:n}),a(this.el,"icon")&&i("div",{class:"icon-container"},i("slot",{name:"icon"})),i("ic-typography",{class:"tree-item-label"},a(this.el,"label")?i("slot",{name:"label"}):r)),l&&i("div",{"aria-hidden":`${!l}`},i("slot",null)))}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"],selected:["watchSelectedHandler"]}}};m.style=h;export{m as ic_tree_item};
|
|
2
|
-
//# sourceMappingURL=p-89112e37.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["icTreeItemCss","treeItemIds","TreeItem","this","treeItemId","treeItemTag","hostMutationObserver","TOOLTIP","handleTreeItemClicked","isParent","expanded","hasParentExpanded","updateAriaLabel","selected","watchSelectedHandler","setTreeItemPadding","level","parentElement","el","treeItemContent","shadowRoot","querySelector","isSiblingOfParent","Array","from","children","map","sibling","length","includes","isChild","tagName","isRouterItem","hasRouterSlot","routerSlot","classList","add","style","paddingLeft","truncateTreeItemLabel","treeItem","typographyEl","tooltip","closest","treeContent","scrollHeight","clientHeight","tooltipEl","document","createElement","setAttribute","id","textContent","appendChild","handleDisplayTooltip","display","displayTooltip","watchDisabledHandler","removeDisabledFalse","disabled","icTreeItemSelected","emit","disconnectedCallback","_a","disconnect","componentWillLoad","componentDidLoad","childTreeItems","filter","child","setTimeout","truncateTreeItem","isSlotUsed","onComponentRequiredPropUndefined","prop","label","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","componentDidRender","forEach","componentDidUpdate","handleKeyDown","ev","key","stopImmediatePropagation","setFocus","focus","_b","treeItemElement","ariaLabel","treeItems","index","indexOf","parentChildren","render","appearance","size","Component","href","attrs","hrefLang","hreflang","referrerPolicy","referrerpolicy","rel","target","h","Host","class","name","Object","assign","tabIndex","onClick","ref","onFocus","onBlur","innerHTML","arrowDropdown"],"sources":["src/components/ic-tree-item/ic-tree-item.css?tag=ic-tree-item&encapsulation=shadow","src/components/ic-tree-item/ic-tree-item.tsx"],"sourcesContent":[":host {\n display: block;\n border: none;\n position: relative;\n}\n\n:host .tree-item-content {\n display: flex;\n align-items: center;\n min-height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n padding: 0 var(--ic-space-xs);\n text-decoration: none;\n color: var(--ic-primary-text);\n}\n\n::slotted([slot=\"router-item\"]) {\n display: flex;\n align-items: center;\n min-height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n text-decoration: none;\n font-family: var(--ic-font-body-family);\n color: var(--ic-primary-text);\n padding: 0 var(--ic-space-xs) !important;\n}\n\n:host(.ic-tree-item-truncate) .tree-item-content,\n:host(.ic-tree-item-truncate) ::slotted([slot=\"router-item\"]) {\n height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n::slotted([slot=\"router-item\"].ic-tree-item-single) {\n padding-left: calc(var(--ic-space-xl) + var(--ic-space-xs)) !important;\n}\n\n:host .tree-item-content:focus,\n::slotted([slot=\"router-item\"]:focus) {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-transition-duration-fast);\n outline: none;\n}\n\n:host .tree-item-content:hover,\n::slotted([slot=\"router-item\"]:hover) {\n background-color: var(--ic-action-dark-bg-hover) !important;\n cursor: pointer;\n}\n\n:host .tree-item-content:active,\n::slotted([slot=\"router-item\"]:active) {\n background-color: var(--ic-action-dark-bg-active) !important;\n}\n\n:host(.ic-tree-item-selected) .tree-item-content,\n:host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n background-color: var(--ic-action-default-bg-hover) !important;\n}\n\n:host(.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-small) ::slotted([slot=\"router-item\"]) {\n min-height: var(--ic-space-xl);\n}\n\n:host(.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-large) ::slotted([slot=\"router-item\"]) {\n min-height: var(--ic-space-xxl);\n}\n\n:host(.ic-tree-item-truncate.ic-tree-item-small) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-small)\n ::slotted([slot=\"router-item\"]) {\n height: var(--ic-space-xl);\n}\n\n:host(.ic-tree-item-truncate.ic-tree-item-large) .tree-item-content,\n:host(.ic-tree-item-truncate.ic-tree-item-large)\n ::slotted([slot=\"router-item\"]) {\n height: var(--ic-space-xxl);\n}\n\n:host(.ic-tree-item-disabled) {\n pointer-events: none;\n}\n\n:host(.ic-tree-item-disabled) .tree-item-content,\n:host(.ic-tree-item-disabled) .arrow-dropdown,\n:host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]) {\n color: var(--ic-architectural-200) !important;\n fill: var(--ic-architectural-200);\n pointer-events: none;\n}\n\n:host(.ic-tree-item-light) .tree-item-content,\n:host(.ic-tree-item-light) .arrow-dropdown,\n:host(.ic-tree-item-light) ::slotted([slot=\"icon\"]),\n:host(.ic-tree-item-light) ::slotted([slot=\"router-item\"]) {\n color: var(--ic-architectural-white);\n fill: var(--ic-architectural-white);\n}\n\n:host .arrow-dropdown {\n color: var(--ic-action-default);\n margin-right: var(--ic-space-xs);\n}\n\n:host(.ic-tree-item-small) .arrow-dropdown {\n margin-right: var(--ic-space-xxs);\n}\n\n:host .tree-item-expanded {\n transform: rotate(180deg);\n margin-top: calc(-1 * var(--ic-space-xxs));\n}\n\n:host .ic-tree-item-single {\n padding-left: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-tree-item-small) .ic-tree-item-single {\n padding-left: calc(var(--ic-space-xl) + var(--ic-space-xxs));\n}\n\n.icon-container {\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n margin: 0 var(--ic-space-xs) 0 0;\n}\n\n:host(.ic-tree-item-small) .icon-container {\n margin: 0 var(--ic-space-xxs) 0 0;\n}\n\n.ic-text-overflow {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.ic-tooltip-overflow {\n overflow: hidden;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n ::slotted([slot=\"icon\"]) {\n fill: currentcolor;\n }\n\n :host(.ic-tree-item-disabled) .tree-item-content,\n :host(.ic-tree-item-disabled) .arrow-dropdown,\n :host(.ic-tree-item-disabled) ::slotted([slot=\"icon\"]),\n :host(.ic-tree-item-disabled) ::slotted([slot=\"router-item\"]) {\n color: GrayText !important;\n fill: GrayText !important;\n }\n\n :host .tree-item-content:focus,\n ::slotted([slot=\"router-item\"]:focus) {\n border: var(--ic-hc-border) !important;\n }\n\n :host(.ic-tree-item-selected) .tree-item-content,\n :host(.ic-tree-item-selected) ::slotted([slot=\"router-item\"]) {\n color: Highlight !important;\n }\n}\n","import {\n Component,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n Host,\n Watch,\n State,\n Listen,\n Method,\n} from \"@stencil/core\";\nimport { IcSizes, IcThemeForegroundNoDefault } from \"../../utils/types\";\nimport {\n isSlotUsed,\n onComponentRequiredPropUndefined,\n removeDisabledFalse,\n renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport arrowDropdown from \"../../assets/arrow-dropdown.svg\";\n\nlet treeItemIds = 0;\n\n/**\n * @slot label - Content is set as the tree item label.\n * @slot icon - Content is placed to the left of the label.\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n@Component({\n tag: \"ic-tree-item\",\n styleUrl: \"ic-tree-item.css\",\n shadow: true,\n})\nexport class TreeItem {\n private treeItemId = `ic-tree-item-${treeItemIds++}`;\n private treeItemElement: HTMLElement;\n private treeItemTag = \"IC-TREE-ITEM\";\n private routerSlot: HTMLElement;\n private hostMutationObserver: MutationObserver = null;\n private TOOLTIP = \"ic-tooltip\";\n\n @Element() el: HTMLIcTreeItemElement;\n\n @State() childTreeItems: HTMLIcTreeItemElement[];\n\n /**\n * @internal Determines whether the light or dark variant of the tree item should be displayed.\n */\n @Prop() appearance?: IcThemeForegroundNoDefault = \"dark\";\n\n /**\n * If `true`, the tree item appears in the disabled state.\n */\n @Prop() disabled?: boolean = false;\n @Watch(\"disabled\")\n watchDisabledHandler(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /**\n * If `true`, the tree item appears in the expanded state.\n */\n @Prop({ mutable: true }) expanded: boolean = false;\n\n /**\n * @internal Determines if the parent tree item has been expanded.\n */\n @Prop({ mutable: true }) hasParentExpanded: boolean = false;\n\n /**\n * The URL that the tree item link points to. If set, the tree item will render as an \"a\" tag, otherwise it will render as a div.\n */\n @Prop() href?: string | undefined;\n\n /**\n * The human language of the linked URL.\n */\n @Prop() hreflang?: string = \"\";\n\n /**\n * @internal If `true`, the tree item is a parent of other tree items.\n */\n @Prop({ mutable: true }) isParent: boolean = false;\n\n /**\n * The label of the tree item.\n */\n @Prop() label: string = \"\";\n\n /**\n * How much of the referrer to send when following the link.\n */\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /**\n * The relationship of the linked URL as space-separated link types.\n */\n @Prop() rel?: string;\n\n /**\n * If `true`, the tree item appears in the selected state.\n */\n @Prop({ mutable: true }) selected: boolean = false;\n @Watch(\"selected\")\n watchSelectedHandler() {\n if (this.selected) {\n this.icTreeItemSelected.emit({ id: this.el.id });\n }\n this.updateAriaLabel();\n }\n\n /**\n * @internal Determines the size of the tree item.\n */\n @Prop() size?: IcSizes = \"default\";\n\n /**\n * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n */\n @Prop() target?: string;\n\n /**\n * If `true`, the tree item label will be truncated instead of text wrapping.\n */\n @Prop() truncateTreeItem?: boolean;\n\n /**\n * Emitted when tree item is selected.\n */\n @Event() icTreeItemSelected: EventEmitter<{ id: string }>;\n\n disconnectedCallback(): void {\n this.hostMutationObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n this.childTreeItems = Array.from((this.el as HTMLElement).children).filter(\n (child) => child.tagName === this.treeItemTag\n ) as HTMLIcTreeItemElement[];\n\n if (this.childTreeItems.length > 0) {\n this.isParent = true;\n }\n\n this.setTreeItemPadding();\n\n this.updateAriaLabel();\n\n setTimeout(() => {\n this.truncateTreeItem && this.truncateTreeItemLabel(this.el);\n }, 100);\n\n !isSlotUsed(this.el, \"label\") &&\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Tree item\"\n );\n\n this.hostMutationObserver = new MutationObserver((mutationList) =>\n renderDynamicChildSlots(mutationList, \"icon\", this)\n );\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n componentDidRender(): void {\n this.truncateTreeItem && this.truncateTreeItemLabel(this.el);\n if (this.expanded) {\n this.childTreeItems.forEach((child: HTMLIcTreeItemElement) => {\n child.truncateTreeItem && this.truncateTreeItemLabel(child);\n });\n }\n }\n\n componentDidUpdate(): void {\n if (this.hasParentExpanded) {\n this.childTreeItems.forEach((child: HTMLIcTreeItemElement) => {\n child.truncateTreeItem && this.truncateTreeItemLabel(child);\n });\n this.hasParentExpanded = false;\n }\n }\n\n @Listen(\"keydown\", {})\n handleKeyDown(ev: KeyboardEvent): void {\n if (ev.key === \"Enter\" || ev.key === \" \") {\n ev.stopImmediatePropagation();\n this.handleTreeItemClicked();\n }\n }\n\n /**\n * Sets focus on the native `input`.\n */\n @Method()\n async setFocus(): Promise<void> {\n if (this.hasRouterSlot()) {\n this.routerSlot?.focus();\n } else {\n this.treeItemElement?.focus();\n }\n }\n\n private handleTreeItemClicked = (): void => {\n if (this.isParent) {\n this.expanded = !this.expanded;\n this.hasParentExpanded = true;\n }\n\n this.updateAriaLabel();\n this.selected = true;\n this.watchSelectedHandler();\n };\n\n /**\n * @internal Updates the aria-label of the tree item.\n */\n @Method()\n async updateAriaLabel(): Promise<void> {\n let ariaLabel;\n\n if (this.hasRouterSlot()) {\n ariaLabel = this.routerSlot.textContent;\n } else if (isSlotUsed(this.el, \"label\")) {\n ariaLabel = this.el.querySelector('[slot=\"label\"]').textContent;\n } else {\n ariaLabel = this.label;\n }\n\n if (this.isParent) {\n ariaLabel = `${ariaLabel}, triggers submenu, ${\n this.expanded ? \"expanded\" : \"collapsed\"\n }`;\n }\n\n if (this.el.parentElement) {\n const treeItems = Array.from(\n (this.el.parentElement as HTMLElement).children\n ).filter(\n (child) => child.tagName === this.treeItemTag\n ) as HTMLIcTreeItemElement[];\n\n const index = treeItems.indexOf(this.el) + 1;\n const parentChildren = treeItems.length;\n\n ariaLabel = `${ariaLabel}, ${index} of ${parentChildren}`;\n }\n\n if (this.selected) {\n ariaLabel = `${ariaLabel}, active`;\n }\n\n if (this.disabled) {\n ariaLabel = `${ariaLabel}, dimmed`;\n }\n\n if (this.hasRouterSlot()) {\n this.routerSlot.ariaLabel = ariaLabel;\n } else {\n this.treeItemElement.ariaLabel = ariaLabel;\n }\n }\n\n private setTreeItemPadding = () => {\n let level = 1;\n let parentElement = this.el.parentElement;\n const treeItemContent = this.el.shadowRoot.querySelector(\n \".tree-item-content\"\n ) as HTMLElement;\n\n const isSiblingOfParent = Array.from(parentElement.children)\n .map((sibling) => {\n if (\n sibling !== this.el &&\n !sibling.querySelector('[slot=\"router-item\"]') &&\n !sibling.querySelector('[slot=\"label\"]')\n ) {\n return sibling.children.length > 0;\n } else {\n return false;\n }\n })\n .includes(true);\n\n const isChild = parentElement.tagName === this.treeItemTag;\n\n const isRouterItem = this.hasRouterSlot();\n\n if (\n (isSiblingOfParent && !this.el.isParent) ||\n (isChild && !this.el.isParent)\n ) {\n if (isRouterItem) {\n this.routerSlot.classList.add(\"ic-tree-item-single\");\n } else {\n treeItemContent.classList.add(\"ic-tree-item-single\");\n }\n }\n\n while (parentElement) {\n if (parentElement.tagName === this.treeItemTag) {\n level++;\n if (!this.el.isParent && isSiblingOfParent) {\n treeItemContent.style.paddingLeft = `calc(var(--ic-space-xl) + ${\n level * 16\n }px)`;\n } else if (!this.el.isParent) {\n treeItemContent.style.paddingLeft = `calc(var(--ic-space-xs) + ${\n level * 24\n }px`;\n } else {\n treeItemContent.style.paddingLeft = `${level * 16}px`;\n }\n }\n parentElement = parentElement.parentElement;\n }\n };\n\n private truncateTreeItemLabel = (treeItem: HTMLIcTreeItemElement) => {\n const typographyEl: HTMLIcTypographyElement =\n treeItem.shadowRoot.querySelector(\".tree-item-label\");\n const tooltip = typographyEl?.closest(this.TOOLTIP);\n const treeContent: HTMLElement =\n treeItem.shadowRoot.querySelector(\".tree-item-content\");\n\n if (typographyEl?.scrollHeight > treeContent?.clientHeight) {\n typographyEl.classList.add(\"ic-text-overflow\");\n\n if (!tooltip) {\n const tooltipEl = document.createElement(\"ic-tooltip\");\n tooltipEl.setAttribute(\"target\", this.el.id);\n tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n tooltipEl.classList.add(\"ic-tooltip-overflow\");\n tooltipEl.setAttribute(\"placement\", \"right\");\n treeContent.appendChild(tooltipEl);\n tooltipEl.appendChild(typographyEl);\n }\n }\n };\n\n private hasRouterSlot(): boolean {\n this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n return !!this.routerSlot;\n }\n\n private handleDisplayTooltip = (display: boolean) => {\n const typographyEl: HTMLIcTypographyElement =\n this.el.shadowRoot.querySelector(\".tree-item-label\");\n const tooltip: HTMLIcTooltipElement = typographyEl?.closest(this.TOOLTIP);\n\n tooltip?.displayTooltip(display);\n };\n\n render() {\n const { appearance, disabled, label, selected, size, expanded } = this;\n\n const Component = this.href && !this.disabled ? \"a\" : \"div\";\n\n const attrs = Component == \"a\" && {\n href: this.href,\n hrefLang: this.hreflang,\n referrerPolicy: this.referrerpolicy,\n rel: this.rel,\n target: this.target,\n };\n\n return (\n <Host\n class={{\n [`ic-tree-item-${appearance}`]: true,\n \"ic-tree-item-disabled\": disabled,\n \"ic-tree-item-selected\": !disabled && selected,\n [`ic-tree-item-${size}`]: size !== \"default\",\n \"ic-tree-item-truncate\": this.truncateTreeItem,\n }}\n id={this.treeItemId}\n >\n {this.hasRouterSlot() ? (\n <slot name=\"router-item\" />\n ) : (\n <Component\n class={{\n \"tree-item-content\": true,\n }}\n tabIndex={disabled ? -1 : 0}\n onClick={this.handleTreeItemClicked}\n ref={(el) => (this.treeItemElement = el)}\n aria-disabled={disabled ? \"true\" : \"false\"}\n aria-live=\"polite\"\n {...attrs}\n onFocus={() => this.handleDisplayTooltip(true)}\n onBlur={() => this.handleDisplayTooltip(false)}\n >\n {this.isParent && (\n <span\n class={{\n [\"arrow-dropdown\"]: true,\n [\"tree-item-expanded\"]: expanded,\n }}\n aria-hidden=\"true\"\n innerHTML={arrowDropdown}\n />\n )}\n {isSlotUsed(this.el, \"icon\") && (\n <div class=\"icon-container\">\n <slot name=\"icon\" />\n </div>\n )}\n <ic-typography class=\"tree-item-label\">\n {isSlotUsed(this.el, \"label\") ? <slot name=\"label\" /> : label}\n </ic-typography>\n </Component>\n )}\n {expanded && (\n <div aria-hidden={`${!expanded}`}>\n <slot />\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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"}
|
|
@@ -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","appearance","description","max","min","progress","updatingOptions","h","colSpan","columns","class","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","name","Fragment","_k","onAllCells","_l","_m","variant","emphasis","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","tooltipEl","tagName","setExternalPopperProps","strategy","fixCellTooltips","slotElements","getSlotElements","slottedEl","actionElements","actionElementSpan","actionElement","callback","renderTableBody","overlay","renderLoadingIndicator","isLoading","loadingOptions","ref","loadingOverlay","showBackground","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","setProperty","allRows","newRows","checkMaxLines","setShowHideExpanded","createTruncationTooltip","handleTypographyTruncationExpandToggle","detail","expanded","handlePageChange","parentElement","tableRowsContainer","previousPaginationPage","handleItemsPerPageChange","handleDensityChange","ev","clickListener","loadingHandler","newValue","truncationPatternHandler","dataHandler","newData","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\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-border-light);\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-table-row-selected) !important;\n}\n\n.sort-button {\n margin-left: auto;\n}\n\n.sort-button:hover {\n background-color: var(--ic-action-dark-bg-hover);\n}\n\n.sort-button:active {\n background-color: var(--ic-action-dark-bg-active);\n}\n\n.sort-button svg {\n color: var(--ic-architectural-black);\n}\n\n.sort-button-unsorted svg {\n color: var(--ic-color-tertiary-text);\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-architectural-40);\n border-right: var(--ic-border-light);\n border-bottom: var(--ic-border-light);\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-border-light) !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:nth-child(even) {\n background-color: var(--ic-architectural-20);\n}\n\n.table-cell {\n padding: var(--ic-space-xs);\n border-bottom: solid var(--ic-architectural-100) 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 {\n color: var(--ic-color-secondary-text);\n}\n\n.cell-emphasis-high {\n font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n background-color: var(--ic-architectural-40);\n border-top: var(--ic-border-light);\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-border-light);\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}\n\n.loading.show-background {\n background-color: var(--ic-architectural-white);\n border: var(--ic-border-light);\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-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-architectural-black);\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 { IcThemeForegroundNoDefault } from \"@ukic/web-components/dist/types/utils/types\";\nimport { IcPaginationBarOptions } 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 appearance?: IcThemeForegroundNoDefault;\n description?: string;\n label?: string;\n labelDuration?: number;\n max?: number;\n min?: number;\n progress?: number;\n showBackground?: 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 appearance: \"default\",\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 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 * Sets the layout of the table\n */\n @Prop() tableLayout?: \"fixed\" | \"auto\" = \"fixed\";\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 appearance?: IcThemeForegroundNoDefault;\n description?: string;\n max?: number;\n min?: number;\n progress?: number;\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 showBackground: this.data?.length > 0 || !!this.loadingOptions?.overlay,\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(newData: IcDataTableDataType[]): Promise<void> {\n this.loadingOptions = {\n ...this.loadingOptions,\n showBackground: newData?.length > 0 || !!this.loadingOptions?.overlay,\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 { appearance, description, max, min, progress } =\n this.updatingOptions || {};\n return (\n <th colSpan={this.columns.length} class=\"updating-state\">\n <ic-loading-indicator\n appearance={appearance}\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 ...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 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 const tooltipEl = (\n element.tagName === \"IC-TOOLTIP\"\n ? element\n : element.shadowRoot?.querySelector(this.IC_TOOLTIP_STRING)\n ) as HTMLIcTooltipElement;\n\n if (tooltipEl) {\n tooltipEl.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 appearance={loadingOptions?.appearance}\n class={{\n \"loading-empty\": isLoading,\n loading: true,\n \"show-background\":\n loadingOptions.showBackground || loadingOptions.overlay,\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 } = this;\n\n return (\n <Host style={{ ...this.setTableDimensions() }}>\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 {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\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 appearance={paginationBarOptions.appearance}\n hideAllFromItemsPerPage={\n paginationBarOptions.hideAllFromItemsPerPage\n }\n hideRangeLabel={paginationBarOptions.hideRangeLabel}\n itemLabel={paginationBarOptions.itemLabel}\n itemsPerPageOptions={paginationBarOptions.itemsPerPageOptions}\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 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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"}
|