@ukic/canary-web-components 2.0.0-canary.37 → 2.0.0-canary.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/ic-data-table.cjs.entry.js +6 -2
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-picker.cjs.entry.js +110 -57
- package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +9 -0
- package/dist/cjs/ic-navigation-group.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/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js +605 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js.map +1 -0
- 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/ic-data-table.stories.js +414 -0
- package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -0
- 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-data-table-title-bar/ic-data-table-title-bar.stories.js +98 -0
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js.map +1 -0
- package/dist/collection/components/ic-date-input/ic-date-input.stories.js +341 -0
- package/dist/collection/components/ic-date-input/ic-date-input.stories.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.css +10 -3
- package/dist/collection/components/ic-date-picker/ic-date-picker.js +152 -57
- package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -1
- package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js +167 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js.map +1 -0
- package/dist/collection/components/ic-date-picker/story-data.js +34 -3
- package/dist/collection/components/ic-date-picker/story-data.js.map +1 -1
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js +260 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js.map +1 -0
- package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js +144 -0
- package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js.map +1 -0
- package/dist/collection/components/ic-tree-item/ic-tree-item.css +22 -3
- package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js +456 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js.map +1 -0
- package/dist/components/ic-data-table.js +6 -2
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-date-picker.js +112 -57
- package/dist/components/ic-date-picker.js.map +1 -1
- package/dist/components/ic-navigation-group.js +11 -2
- package/dist/components/ic-navigation-group.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/core.esm.js.map +1 -1
- package/dist/core/p-04fe848d.entry.js +2 -0
- package/dist/core/p-04fe848d.entry.js.map +1 -0
- 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/core/p-fac387e8.entry.js +2 -0
- package/dist/core/p-fac387e8.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/ic-data-table.entry.js +6 -2
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-picker.entry.js +110 -57
- package/dist/esm/ic-date-picker.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +10 -1
- package/dist/esm/ic-navigation-group.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/esm/loader.js +1 -1
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.stories.d.ts +82 -0
- package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +239 -0
- package/dist/types/components/ic-data-table/story-data.d.ts +57 -0
- package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.d.ts +47 -0
- package/dist/types/components/ic-date-input/ic-date-input.stories.d.ts +124 -0
- package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +18 -1
- package/dist/types/components/ic-date-picker/ic-date-picker.stories.d.ts +153 -0
- package/dist/types/components/ic-date-picker/story-data.d.ts +2 -0
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.stories.d.ts +106 -0
- package/dist/types/components/ic-select-with-multi/ic-select-multi.stories.d.ts +106 -0
- package/dist/types/components/ic-tree-view/ic-tree-view.stories.d.ts +99 -0
- package/dist/types/components.d.ts +13 -0
- package/hydrate/index.js +129 -62
- package/package.json +12 -12
- package/dist/core/p-4084bce2.entry.js +0 -2
- package/dist/core/p-4084bce2.entry.js.map +0 -1
- package/dist/core/p-71bbb583.entry.js +0 -2
- package/dist/core/p-71bbb583.entry.js.map +0 -1
- 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)];
|
|
@@ -13527,7 +13531,7 @@ const YearPicker = ({ decadeView, size, focussedYear, yearInView, onSelectYear,
|
|
|
13527
13531
|
hAsync("path", { d: "M11.3333 5.33341H3.21996L6.94663 1.60675L5.99996 0.666748L0.666626 6.00008L5.99996 11.3334L6.93996 10.3934L3.21996 6.66675H11.3333V5.33341Z", fill: "currentColor" }))))));
|
|
13528
13532
|
};
|
|
13529
13533
|
|
|
13530
|
-
const icDatePickerCss = "/*!@html*/html.sc-ic-date-picker{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-date-picker{margin:0}/*!@main*/main.sc-ic-date-picker{display:block}/*!@h1*/h1.sc-ic-date-picker{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-date-picker{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-date-picker{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-date-picker{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-date-picker{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-date-picker,strong.sc-ic-date-picker{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-date-picker,kbd.sc-ic-date-picker,samp.sc-ic-date-picker{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-date-picker{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-date-picker,sup.sc-ic-date-picker{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-date-picker{bottom:-0.25em}/*!@sup*/sup.sc-ic-date-picker{top:-0.5em}/*!@img*/img.sc-ic-date-picker{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-date-picker,input.sc-ic-date-picker,optgroup.sc-ic-date-picker,select.sc-ic-date-picker,textarea.sc-ic-date-picker{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-date-picker,input.sc-ic-date-picker{overflow:visible}/*!@button,\nselect*/button.sc-ic-date-picker,select.sc-ic-date-picker{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-date-picker,[type=\"button\"].sc-ic-date-picker,[type=\"reset\"].sc-ic-date-picker,[type=\"submit\"].sc-ic-date-picker{-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-date-picker::-moz-focus-inner,[type=\"button\"].sc-ic-date-picker::-moz-focus-inner,[type=\"reset\"].sc-ic-date-picker::-moz-focus-inner,[type=\"submit\"].sc-ic-date-picker::-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-date-picker:-moz-focusring,[type=\"button\"].sc-ic-date-picker:-moz-focusring,[type=\"reset\"].sc-ic-date-picker:-moz-focusring,[type=\"submit\"].sc-ic-date-picker:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-date-picker{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-date-picker{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-date-picker{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-date-picker{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-date-picker,[type=\"radio\"].sc-ic-date-picker{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-date-picker::-webkit-inner-spin-button,[type=\"number\"].sc-ic-date-picker::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-date-picker{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-date-picker::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-date-picker::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-date-picker{display:block}/*!@summary*/summary.sc-ic-date-picker{display:list-item}/*!@template*/template.sc-ic-date-picker{display:none}/*!@[hidden]*/[hidden].sc-ic-date-picker{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-date-picker,body.sc-ic-date-picker,div.sc-ic-date-picker,span.sc-ic-date-picker,applet.sc-ic-date-picker,object.sc-ic-date-picker,iframe.sc-ic-date-picker,h1.sc-ic-date-picker,h2.sc-ic-date-picker,h3.sc-ic-date-picker,h4.sc-ic-date-picker,h5.sc-ic-date-picker,h6.sc-ic-date-picker,p.sc-ic-date-picker,blockquote.sc-ic-date-picker,pre.sc-ic-date-picker,a.sc-ic-date-picker,abbr.sc-ic-date-picker,acronym.sc-ic-date-picker,address.sc-ic-date-picker,big.sc-ic-date-picker,cite.sc-ic-date-picker,code.sc-ic-date-picker,del.sc-ic-date-picker,dfn.sc-ic-date-picker,em.sc-ic-date-picker,img.sc-ic-date-picker,ins.sc-ic-date-picker,kbd.sc-ic-date-picker,q.sc-ic-date-picker,s.sc-ic-date-picker,samp.sc-ic-date-picker,small.sc-ic-date-picker,strike.sc-ic-date-picker,strong.sc-ic-date-picker,sub.sc-ic-date-picker,sup.sc-ic-date-picker,tt.sc-ic-date-picker,var.sc-ic-date-picker,b.sc-ic-date-picker,u.sc-ic-date-picker,i.sc-ic-date-picker,center.sc-ic-date-picker,dl.sc-ic-date-picker,dt.sc-ic-date-picker,dd.sc-ic-date-picker,ol.sc-ic-date-picker,ul.sc-ic-date-picker,li.sc-ic-date-picker,fieldset.sc-ic-date-picker,form.sc-ic-date-picker,label.sc-ic-date-picker,legend.sc-ic-date-picker,table.sc-ic-date-picker,caption.sc-ic-date-picker,tbody.sc-ic-date-picker,tfoot.sc-ic-date-picker,thead.sc-ic-date-picker,tr.sc-ic-date-picker,th.sc-ic-date-picker,td.sc-ic-date-picker,article.sc-ic-date-picker,aside.sc-ic-date-picker,canvas.sc-ic-date-picker,details.sc-ic-date-picker,embed.sc-ic-date-picker,figure.sc-ic-date-picker,figcaption.sc-ic-date-picker,footer.sc-ic-date-picker,header.sc-ic-date-picker,hgroup.sc-ic-date-picker,menu.sc-ic-date-picker,nav.sc-ic-date-picker,output.sc-ic-date-picker,ruby.sc-ic-date-picker,section.sc-ic-date-picker,summary.sc-ic-date-picker,time.sc-ic-date-picker,mark.sc-ic-date-picker,audio.sc-ic-date-picker,video.sc-ic-date-picker{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-date-picker-h{display:block;position:relative;--month-year-picker-button-width:5rem;--month-button-width:5.5rem;--input-field-width:var(--input-width, 19.125rem)}/*!@:host(.large)*/.large.sc-ic-date-picker-h{--month-button-width:6.3125rem;--input-field-width:var(--input-width, 21.125rem)}/*!@:host(.small)*/.small.sc-ic-date-picker-h{--month-button-width:6.25rem;--input-field-width:var(--input-width, 17.125rem)}/*!@:host .date-input-container*/.sc-ic-date-picker-h .date-input-container.sc-ic-date-picker{position:relative}/*!@ic-date-input*/ic-date-input.sc-ic-date-picker{--input-width:var(--input-field-width)}/*!@:host .calendar-container*/.sc-ic-date-picker-h .calendar-container.sc-ic-date-picker{min-width:19rem;max-width:23.5rem;width:var(--input-width);display:flex;flex-direction:column;gap:var(--ic-space-xs);position:absolute;border:var(--ic-border-default);border-radius:var(--ic-border-radius);align-items:center;background-color:var(--ic-architectural-white);z-index:var(--ic-z-index-date-picker);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);margin-top:var(--ic-space-xxxs);padding:var(--ic-space-xs);animation:fade-in-calendar var(--ic-transition-duration-slow)}/*!@:host(.small) .calendar-container*/.small.sc-ic-date-picker-h .calendar-container.sc-ic-date-picker{min-width:17rem;max-width:21.5rem}/*!@:host(.large) .calendar-container*/.large.sc-ic-date-picker-h .calendar-container.sc-ic-date-picker{min-width:21rem;max-width:25.5rem}/*!@:host .calendar-container.above*/.sc-ic-date-picker-h .calendar-container.above.sc-ic-date-picker{bottom:calc(var(--ic-space-xxl) - var(--ic-space-xxs))}/*!@:host .month-year-nav-container*/.sc-ic-date-picker-h .month-year-nav-container.sc-ic-date-picker{display:flex;justify-content:space-between;align-items:center;align-self:stretch}/*!@:host .month-year-nav-container.hidden*/.sc-ic-date-picker-h .month-year-nav-container.hidden.sc-ic-date-picker{display:none}/*!@:host .month-year-nav*/.sc-ic-date-picker-h .month-year-nav.sc-ic-date-picker{display:flex;justify-content:space-between;align-items:center;flex:1 0 0}/*!@:host .month-picker,\n:host .year-picker*/.sc-ic-date-picker-h .month-picker.sc-ic-date-picker,.sc-ic-date-picker-h .year-picker.sc-ic-date-picker{flex-wrap:wrap;display:inline-flex;align-items:center;width:17.5rem;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs);row-gap:var(--ic-space-xxs)}/*!@:host(.small) .month-picker,\n:host(.small) .year-picker*/.small.sc-ic-date-picker-h .month-picker.sc-ic-date-picker,.small.sc-ic-date-picker-h .year-picker.sc-ic-date-picker{width:13.125rem}/*!@:host(.large) .month-picker,\n:host(.large) .year-picker*/.large.sc-ic-date-picker-h .month-picker.sc-ic-date-picker,.large.sc-ic-date-picker-h .year-picker.sc-ic-date-picker{width:20rem}/*!@:host .month-picker-button,\n:host .year-picker-button*/.sc-ic-date-picker-h .month-picker-button.sc-ic-date-picker,.sc-ic-date-picker-h .year-picker-button.sc-ic-date-picker{width:5rem;--min-width:5rem}/*!@:host .month-button,\n:host .year-button*/.sc-ic-date-picker-h .month-button.sc-ic-date-picker,.sc-ic-date-picker-h .year-button.sc-ic-date-picker{width:var(--month-button-width)}/*!@:host .month-button.focussed,\n:host .year-button.focussed*/.sc-ic-date-picker-h .month-button.focussed.sc-ic-date-picker,.sc-ic-date-picker-h .year-button.focussed.sc-ic-date-picker{z-index:1}/*!@:host .month-button::part(button),\n:host .year-button::part(button)*/.sc-ic-date-picker-h .month-button.sc-ic-date-picker::part(button),.sc-ic-date-picker-h .year-button.sc-ic-date-picker::part(button){min-width:var(--month-button-width)}/*!@:host .prev-decade .year-button svg*/.sc-ic-date-picker-h .prev-decade.sc-ic-date-picker .year-button.sc-ic-date-picker svg.sc-ic-date-picker{margin-right:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}/*!@:host .prev-decade .year-button::part(button)*/.sc-ic-date-picker-h .prev-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button){padding-left:0;padding-right:var(--ic-space-lg)}/*!@:host(.small) .prev-decade .year-button::part(button)*/.small.sc-ic-date-picker-h .prev-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button){padding-left:0;padding-right:calc(var(--ic-space-lg) + var(--ic-space-xxs))}/*!@:host .next-decade .year-button svg*/.sc-ic-date-picker-h .next-decade.sc-ic-date-picker .year-button.sc-ic-date-picker svg.sc-ic-date-picker{margin-left:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}/*!@:host .next-decade .year-button::part(button)*/.sc-ic-date-picker-h .next-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button){padding-right:0;padding-left:var(--ic-space-lg)}/*!@:host(.small) .next-decade .year-button::part(button),\n:host(.large) .next-decade .year-button::part(button)*/.small.sc-ic-date-picker-h .next-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button),.large.sc-ic-date-picker-h .next-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button){padding-left:var(--ic-space-xl)}/*!@:host .bottom-buttons*/.sc-ic-date-picker-h .bottom-buttons.sc-ic-date-picker{padding-top:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center;align-self:stretch;animation:fade-in-buttons var(--ic-transition-duration-slow)}/*!@:host(.small) .bottom-buttons*/.small.sc-ic-date-picker-h .bottom-buttons.sc-ic-date-picker{padding-top:var(--ic-space-xxs)}/*!@:host .bottom-buttons.no-today*/.sc-ic-date-picker-h .bottom-buttons.no-today.sc-ic-date-picker{align-items:flex-end;flex-direction:column}/*!@:host .bottom-buttons.hidden*/.sc-ic-date-picker-h .bottom-buttons.hidden.sc-ic-date-picker{display:none}/*!@:host .calendar*/.sc-ic-date-picker-h .calendar.sc-ic-date-picker{display:flex;flex-direction:column;align-items:flex-start;width:15.75rem;animation:fade-in-buttons var(--ic-transition-duration-slow)}/*!@:host(.large) .calendar*/.large.sc-ic-date-picker-h .calendar.sc-ic-date-picker{width:19.25rem}/*!@:host(.small) .calendar*/.small.sc-ic-date-picker-h .calendar.sc-ic-date-picker{padding-bottom:var(--ic-space-xxs);width:14rem}/*!@:host .hidden*/.sc-ic-date-picker-h .hidden.sc-ic-date-picker{display:none}/*!@:host .weekdays*/.sc-ic-date-picker-h .weekdays.sc-ic-date-picker{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--ic-space-xs);align-self:stretch}/*!@:host .calendar-days-container*/.sc-ic-date-picker-h .calendar-days-container.sc-ic-date-picker{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--ic-space-xs);padding:var(--ic-space-xxs) 0}/*!@:host(.small) .calendar-days-container*/.small.sc-ic-date-picker-h .calendar-days-container.sc-ic-date-picker{padding:var(--ic-space-xxxs) 0}/*!@:host(.large) .calendar-days-container*/.large.sc-ic-date-picker-h .calendar-days-container.sc-ic-date-picker{padding:var(--ic-space-xs) 0}/*!@:host .calendar-day-header*/.sc-ic-date-picker-h .calendar-day-header.sc-ic-date-picker{display:flex;width:2rem;padding:var(--ic-space-xxs) 0;justify-content:center;align-items:center}/*!@:host(.small) .calendar-day-header,\n:host(.large) .calendar-day-header*/.small.sc-ic-date-picker-h .calendar-day-header.sc-ic-date-picker,.large.sc-ic-date-picker-h .calendar-day-header.sc-ic-date-picker{padding:var(--ic-space-xxs)}/*!@:host .calendar-day-header ic-typography*/.sc-ic-date-picker-h .calendar-day-header.sc-ic-date-picker ic-typography.sc-ic-date-picker{color:var(--ic-color-tertiary-text);text-align:center}/*!@:host .day-button-container*/.sc-ic-date-picker-h .day-button-container.sc-ic-date-picker{display:flex;justify-content:center;align-items:center;width:2.25rem;height:2.25rem}/*!@:host(.small) .day-button-container*/.small.sc-ic-date-picker-h .day-button-container.sc-ic-date-picker{width:2rem;height:2rem}/*!@:host(.large) .day-button-container*/.large.sc-ic-date-picker-h .day-button-container.sc-ic-date-picker{width:2.5rem;height:2.5rem}/*!@:host .day-button*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker{display:flex;position:relative;justify-content:center;align-items:center;border:0;border-radius:2rem;background-color:var(--ic-architectural-white);width:2rem;height:2rem;cursor:pointer;transition:var(--ic-easing-transition-fast);z-index:0}/*!@:host .day-button.disabled*/.sc-ic-date-picker-h .day-button.disabled.sc-ic-date-picker{cursor:default}/*!@:host(.large) .day-button*/.large.sc-ic-date-picker-h .day-button.sc-ic-date-picker{width:2.25rem;height:2.25rem}/*!@:host(.small) .day-button*/.small.sc-ic-date-picker-h .day-button.sc-ic-date-picker{width:1.75rem;height:1.75rem}/*!@:host .day-button ic-typography*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker ic-typography.sc-ic-date-picker{width:1.75rem;color:var(--ic-color-primary-text)}/*!@:host .day-button.outside-range ic-typography*/.sc-ic-date-picker-h .day-button.outside-range.sc-ic-date-picker ic-typography.sc-ic-date-picker{color:var(--ic-architectural-400)}/*!@:host .day-button.outside-month ic-typography*/.sc-ic-date-picker-h .day-button.outside-month.sc-ic-date-picker ic-typography.sc-ic-date-picker{font-weight:var(--ic-font-weight-regular) !important}/*!@:host\n .day-button.outside-month:not(.outside-range):not(.selected)\n ic-typography*/.sc-ic-date-picker-h .day-button.outside-month.sc-ic-date-picker:not(.outside-range):not(.selected) ic-typography.sc-ic-date-picker{color:var(--ic-color-primary-text)}/*!@:host .day-button:hover:not(.disabled)*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker:hover:not(.disabled){background-color:var(--ic-action-dark-bg-hover)}/*!@:host .day-button:active:not(.disabled)*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker:active:not(.disabled){background-color:var(--ic-action-dark-bg-active)}@media (prefers-reduced-motion: no-preference){/*!@:host .day-button:hover:not(.disabled):not(.focussed),\n :host .day-button:active:not(.disabled):not(.focussed)*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker:hover:not(.disabled):not(.focussed),.sc-ic-date-picker-h .day-button.sc-ic-date-picker:active:not(.disabled):not(.focussed){transition:background-color var(--ic-transition-duration-slow) ease-in-out}}/*!@:host .day-button.selected:not(.hidden)*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker:not(.hidden){background-color:var(--ic-action-default)}/*!@:host .day-button.selected ic-typography*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker ic-typography.sc-ic-date-picker{color:var(--ic-color-white-text)}/*!@:host .day-button.selected:not(.hidden):hover*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker:not(.hidden):hover{background-color:var(--ic-action-default-hover)}/*!@:host .day-button.selected:not(.hidden):active*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker:not(.hidden):active{background-color:var(--ic-action-default-active)}/*!@:host .day-button.focussed*/.sc-ic-date-picker-h .day-button.focussed.sc-ic-date-picker{z-index:1}/*!@:host .day-button:focus*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker:focus{outline:none}/*!@:host .day-button.focussed:focus*/.sc-ic-date-picker-h .day-button.focussed.sc-ic-date-picker:focus{box-shadow:var(--ic-border-focus)}/*!@:host .day-button.today:not(.hidden)::after*/.sc-ic-date-picker-h .day-button.today.sc-ic-date-picker:not(.hidden)::after{content:\"\";position:absolute;width:0.875rem;height:0.125rem;bottom:0.4rem;border-radius:var(--ic-border-radius);background-color:var(--ic-action-default)}/*!@:host(.small) .day-button.today::after*/.small.sc-ic-date-picker-h .day-button.today.sc-ic-date-picker::after{bottom:0.35rem}/*!@:host(.large) .day-button.today::after*/.large.sc-ic-date-picker-h .day-button.today.sc-ic-date-picker::after{width:1rem}/*!@:host .day-button.today.selected::after*/.sc-ic-date-picker-h .day-button.today.selected.sc-ic-date-picker::after{background-color:var(--ic-architectural-white)}/*!@:host #select-month-hint,\n:host #select-year-hint*/.sc-ic-date-picker-h #select-month-hint.sc-ic-date-picker,.sc-ic-date-picker-h #select-year-hint.sc-ic-date-picker{display:none}/*!@.sr-only*/.sr-only.sc-ic-date-picker{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){/*!@:host .calendar-container,\n :host .calendar,\n :host .bottom-buttons*/.sc-ic-date-picker-h .calendar-container.sc-ic-date-picker,.sc-ic-date-picker-h .calendar.sc-ic-date-picker,.sc-ic-date-picker-h .bottom-buttons.sc-ic-date-picker{animation:none}}@keyframes fade-in-buttons{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes fade-in-calendar{0%{display:flex;max-height:0}100%{display:flex;max-height:600px}}@media (forced-colors: active){/*!@:host .day-button.today:not(.hidden)::after*/.sc-ic-date-picker-h .day-button.today.sc-ic-date-picker:not(.hidden)::after{background-color:highlight}/*!@:host .day-button.selected:not(.hidden)*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker:not(.hidden){background-color:highlight}/*!@:host .day-button.focussed:focus*/.sc-ic-date-picker-h .day-button.focussed.sc-ic-date-picker:focus{border:var(--ic-hc-border)}/*!@:host .month-button.selected::part(button),\n :host .year-button.selected::part(button)*/.sc-ic-date-picker-h .month-button.selected.sc-ic-date-picker::part(button),.sc-ic-date-picker-h .year-button.selected.sc-ic-date-picker::part(button){background-color:highlight}}";
|
|
13534
|
+
const icDatePickerCss = "/*!@html*/html.sc-ic-date-picker{line-height:1.15;-webkit-text-size-adjust:100%}/*!@body*/body.sc-ic-date-picker{margin:0}/*!@main*/main.sc-ic-date-picker{display:block}/*!@h1*/h1.sc-ic-date-picker{font-size:2em;margin:0.67em 0}/*!@hr*/hr.sc-ic-date-picker{box-sizing:content-box;height:0;overflow:visible}/*!@pre*/pre.sc-ic-date-picker{font-family:monospace, monospace;font-size:1em}/*!@a*/a.sc-ic-date-picker{background-color:transparent}/*!@abbr[title]*/abbr[title].sc-ic-date-picker{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}/*!@b,\nstrong*/b.sc-ic-date-picker,strong.sc-ic-date-picker{font-weight:bolder}/*!@code,\nkbd,\nsamp*/code.sc-ic-date-picker,kbd.sc-ic-date-picker,samp.sc-ic-date-picker{font-family:monospace, monospace;font-size:1em}/*!@small*/small.sc-ic-date-picker{font-size:80%}/*!@sub,\nsup*/sub.sc-ic-date-picker,sup.sc-ic-date-picker{font-size:75%;line-height:0;position:relative;vertical-align:baseline}/*!@sub*/sub.sc-ic-date-picker{bottom:-0.25em}/*!@sup*/sup.sc-ic-date-picker{top:-0.5em}/*!@img*/img.sc-ic-date-picker{border-style:none}/*!@button,\ninput,\noptgroup,\nselect,\ntextarea*/button.sc-ic-date-picker,input.sc-ic-date-picker,optgroup.sc-ic-date-picker,select.sc-ic-date-picker,textarea.sc-ic-date-picker{font-family:inherit;font-size:100%;line-height:1.15;margin:0}/*!@button,\ninput*/button.sc-ic-date-picker,input.sc-ic-date-picker{overflow:visible}/*!@button,\nselect*/button.sc-ic-date-picker,select.sc-ic-date-picker{text-transform:none}/*!@button,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"]*/button.sc-ic-date-picker,[type=\"button\"].sc-ic-date-picker,[type=\"reset\"].sc-ic-date-picker,[type=\"submit\"].sc-ic-date-picker{-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-date-picker::-moz-focus-inner,[type=\"button\"].sc-ic-date-picker::-moz-focus-inner,[type=\"reset\"].sc-ic-date-picker::-moz-focus-inner,[type=\"submit\"].sc-ic-date-picker::-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-date-picker:-moz-focusring,[type=\"button\"].sc-ic-date-picker:-moz-focusring,[type=\"reset\"].sc-ic-date-picker:-moz-focusring,[type=\"submit\"].sc-ic-date-picker:-moz-focusring{outline:1px dotted ButtonText}/*!@fieldset*/fieldset.sc-ic-date-picker{padding:0.35em 0.75em 0.625em}/*!@legend*/legend.sc-ic-date-picker{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}/*!@progress*/progress.sc-ic-date-picker{vertical-align:baseline}/*!@textarea*/textarea.sc-ic-date-picker{overflow:auto}/*!@[type=\"checkbox\"],\n[type=\"radio\"]*/[type=\"checkbox\"].sc-ic-date-picker,[type=\"radio\"].sc-ic-date-picker{box-sizing:border-box;padding:0}/*!@[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button*/[type=\"number\"].sc-ic-date-picker::-webkit-inner-spin-button,[type=\"number\"].sc-ic-date-picker::-webkit-outer-spin-button{height:auto}/*!@[type=\"search\"]*/[type=\"search\"].sc-ic-date-picker{-webkit-appearance:textfield;outline-offset:-2px}/*!@[type=\"search\"]::-webkit-search-decoration*/[type=\"search\"].sc-ic-date-picker::-webkit-search-decoration{-webkit-appearance:none}/*!@::-webkit-file-upload-button*/.sc-ic-date-picker::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/*!@details*/details.sc-ic-date-picker{display:block}/*!@summary*/summary.sc-ic-date-picker{display:list-item}/*!@template*/template.sc-ic-date-picker{display:none}/*!@[hidden]*/[hidden].sc-ic-date-picker{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-date-picker,body.sc-ic-date-picker,div.sc-ic-date-picker,span.sc-ic-date-picker,applet.sc-ic-date-picker,object.sc-ic-date-picker,iframe.sc-ic-date-picker,h1.sc-ic-date-picker,h2.sc-ic-date-picker,h3.sc-ic-date-picker,h4.sc-ic-date-picker,h5.sc-ic-date-picker,h6.sc-ic-date-picker,p.sc-ic-date-picker,blockquote.sc-ic-date-picker,pre.sc-ic-date-picker,a.sc-ic-date-picker,abbr.sc-ic-date-picker,acronym.sc-ic-date-picker,address.sc-ic-date-picker,big.sc-ic-date-picker,cite.sc-ic-date-picker,code.sc-ic-date-picker,del.sc-ic-date-picker,dfn.sc-ic-date-picker,em.sc-ic-date-picker,img.sc-ic-date-picker,ins.sc-ic-date-picker,kbd.sc-ic-date-picker,q.sc-ic-date-picker,s.sc-ic-date-picker,samp.sc-ic-date-picker,small.sc-ic-date-picker,strike.sc-ic-date-picker,strong.sc-ic-date-picker,sub.sc-ic-date-picker,sup.sc-ic-date-picker,tt.sc-ic-date-picker,var.sc-ic-date-picker,b.sc-ic-date-picker,u.sc-ic-date-picker,i.sc-ic-date-picker,center.sc-ic-date-picker,dl.sc-ic-date-picker,dt.sc-ic-date-picker,dd.sc-ic-date-picker,ol.sc-ic-date-picker,ul.sc-ic-date-picker,li.sc-ic-date-picker,fieldset.sc-ic-date-picker,form.sc-ic-date-picker,label.sc-ic-date-picker,legend.sc-ic-date-picker,table.sc-ic-date-picker,caption.sc-ic-date-picker,tbody.sc-ic-date-picker,tfoot.sc-ic-date-picker,thead.sc-ic-date-picker,tr.sc-ic-date-picker,th.sc-ic-date-picker,td.sc-ic-date-picker,article.sc-ic-date-picker,aside.sc-ic-date-picker,canvas.sc-ic-date-picker,details.sc-ic-date-picker,embed.sc-ic-date-picker,figure.sc-ic-date-picker,figcaption.sc-ic-date-picker,footer.sc-ic-date-picker,header.sc-ic-date-picker,hgroup.sc-ic-date-picker,menu.sc-ic-date-picker,nav.sc-ic-date-picker,output.sc-ic-date-picker,ruby.sc-ic-date-picker,section.sc-ic-date-picker,summary.sc-ic-date-picker,time.sc-ic-date-picker,mark.sc-ic-date-picker,audio.sc-ic-date-picker,video.sc-ic-date-picker{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}/*!@:host*/.sc-ic-date-picker-h{display:block;position:relative;--month-year-picker-button-width:5rem;--month-button-width:5.5rem;--input-field-width:var(--input-width, 19.125rem)}/*!@:host(.large)*/.large.sc-ic-date-picker-h{--month-button-width:6.3125rem;--input-field-width:var(--input-width, 21.125rem)}/*!@:host(.small)*/.small.sc-ic-date-picker-h{--month-button-width:6.25rem;--input-field-width:var(--input-width, 17.125rem)}/*!@:host .date-input-container*/.sc-ic-date-picker-h .date-input-container.sc-ic-date-picker{position:relative}/*!@ic-date-input*/ic-date-input.sc-ic-date-picker{--input-width:var(--input-field-width)}/*!@:host .calendar-container*/.sc-ic-date-picker-h .calendar-container.sc-ic-date-picker{min-width:19rem;max-width:23.5rem;width:var(--input-width);display:flex;flex-direction:column;gap:var(--ic-space-xs);position:absolute;align-items:center;background-color:var(--ic-architectural-white);z-index:var(--ic-z-index-date-picker);box-sizing:border-box;margin-top:var(--ic-space-xxxs);padding:var(--ic-space-xs);animation:fade-in-calendar var(--ic-transition-duration-slow)}/*!@:host .calendar-container.show-date-input*/.sc-ic-date-picker-h .calendar-container.show-date-input.sc-ic-date-picker{border:var(--ic-border-default);border-radius:var(--ic-border-radius);box-shadow:var(--ic-elevation-overlay)}/*!@:host .calendar-container.hide-date-input*/.sc-ic-date-picker-h .calendar-container.hide-date-input.sc-ic-date-picker{position:static}/*!@:host(.small) .calendar-container*/.small.sc-ic-date-picker-h .calendar-container.sc-ic-date-picker{min-width:17rem;max-width:21.5rem}/*!@:host(.large) .calendar-container*/.large.sc-ic-date-picker-h .calendar-container.sc-ic-date-picker{min-width:21rem;max-width:25.5rem}/*!@:host .calendar-container.above*/.sc-ic-date-picker-h .calendar-container.above.sc-ic-date-picker{bottom:calc(var(--ic-space-xxl) - var(--ic-space-xxs))}/*!@:host .month-year-nav-container*/.sc-ic-date-picker-h .month-year-nav-container.sc-ic-date-picker{display:flex;justify-content:space-between;align-items:center;align-self:stretch}/*!@:host .month-year-nav-container.hidden*/.sc-ic-date-picker-h .month-year-nav-container.hidden.sc-ic-date-picker{display:none}/*!@:host .month-year-nav*/.sc-ic-date-picker-h .month-year-nav.sc-ic-date-picker{display:flex;justify-content:space-between;align-items:center;flex:1 0 0}/*!@:host .month-picker,\n:host .year-picker*/.sc-ic-date-picker-h .month-picker.sc-ic-date-picker,.sc-ic-date-picker-h .year-picker.sc-ic-date-picker{flex-wrap:wrap;display:inline-flex;align-items:center;width:17.5rem;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs);row-gap:var(--ic-space-xxs)}/*!@:host(.small) .month-picker,\n:host(.small) .year-picker*/.small.sc-ic-date-picker-h .month-picker.sc-ic-date-picker,.small.sc-ic-date-picker-h .year-picker.sc-ic-date-picker{width:13.125rem}/*!@:host(.large) .month-picker,\n:host(.large) .year-picker*/.large.sc-ic-date-picker-h .month-picker.sc-ic-date-picker,.large.sc-ic-date-picker-h .year-picker.sc-ic-date-picker{width:20rem}/*!@:host .month-picker-button,\n:host .year-picker-button*/.sc-ic-date-picker-h .month-picker-button.sc-ic-date-picker,.sc-ic-date-picker-h .year-picker-button.sc-ic-date-picker{width:5rem;--min-width:5rem}/*!@:host .month-button,\n:host .year-button*/.sc-ic-date-picker-h .month-button.sc-ic-date-picker,.sc-ic-date-picker-h .year-button.sc-ic-date-picker{width:var(--month-button-width)}/*!@:host .month-button.focussed,\n:host .year-button.focussed*/.sc-ic-date-picker-h .month-button.focussed.sc-ic-date-picker,.sc-ic-date-picker-h .year-button.focussed.sc-ic-date-picker{z-index:1}/*!@:host .month-button::part(button),\n:host .year-button::part(button)*/.sc-ic-date-picker-h .month-button.sc-ic-date-picker::part(button),.sc-ic-date-picker-h .year-button.sc-ic-date-picker::part(button){min-width:var(--month-button-width)}/*!@:host .prev-decade .year-button svg*/.sc-ic-date-picker-h .prev-decade.sc-ic-date-picker .year-button.sc-ic-date-picker svg.sc-ic-date-picker{margin-right:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}/*!@:host .prev-decade .year-button::part(button)*/.sc-ic-date-picker-h .prev-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button){padding-left:0;padding-right:var(--ic-space-lg)}/*!@:host(.small) .prev-decade .year-button::part(button)*/.small.sc-ic-date-picker-h .prev-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button){padding-left:0;padding-right:calc(var(--ic-space-lg) + var(--ic-space-xxs))}/*!@:host .next-decade .year-button svg*/.sc-ic-date-picker-h .next-decade.sc-ic-date-picker .year-button.sc-ic-date-picker svg.sc-ic-date-picker{margin-left:calc(-1 * var(--ic-space-xl));padding-top:var(--ic-space-sm)}/*!@:host .next-decade .year-button::part(button)*/.sc-ic-date-picker-h .next-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button){padding-right:0;padding-left:var(--ic-space-lg)}/*!@:host(.small) .next-decade .year-button::part(button),\n:host(.large) .next-decade .year-button::part(button)*/.small.sc-ic-date-picker-h .next-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button),.large.sc-ic-date-picker-h .next-decade.sc-ic-date-picker .year-button.sc-ic-date-picker::part(button){padding-left:var(--ic-space-xl)}/*!@:host .bottom-buttons*/.sc-ic-date-picker-h .bottom-buttons.sc-ic-date-picker{padding-top:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center;align-self:stretch;animation:fade-in-buttons var(--ic-transition-duration-slow)}/*!@:host(.small) .bottom-buttons*/.small.sc-ic-date-picker-h .bottom-buttons.sc-ic-date-picker{padding-top:var(--ic-space-xxs)}/*!@:host .bottom-buttons.no-today*/.sc-ic-date-picker-h .bottom-buttons.no-today.sc-ic-date-picker{align-items:flex-end;flex-direction:column}/*!@:host .bottom-buttons.hidden*/.sc-ic-date-picker-h .bottom-buttons.hidden.sc-ic-date-picker{display:none}/*!@:host .calendar*/.sc-ic-date-picker-h .calendar.sc-ic-date-picker{display:flex;flex-direction:column;align-items:flex-start;width:15.75rem;animation:fade-in-buttons var(--ic-transition-duration-slow)}/*!@:host(.large) .calendar*/.large.sc-ic-date-picker-h .calendar.sc-ic-date-picker{width:19.25rem}/*!@:host(.small) .calendar*/.small.sc-ic-date-picker-h .calendar.sc-ic-date-picker{padding-bottom:var(--ic-space-xxs);width:14rem}/*!@:host .hidden*/.sc-ic-date-picker-h .hidden.sc-ic-date-picker{display:none}/*!@:host .weekdays*/.sc-ic-date-picker-h .weekdays.sc-ic-date-picker{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--ic-space-xs);align-self:stretch}/*!@:host .calendar-days-container*/.sc-ic-date-picker-h .calendar-days-container.sc-ic-date-picker{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:var(--ic-space-xs);padding:var(--ic-space-xxs) 0}/*!@:host(.small) .calendar-days-container*/.small.sc-ic-date-picker-h .calendar-days-container.sc-ic-date-picker{padding:var(--ic-space-xxxs) 0}/*!@:host(.large) .calendar-days-container*/.large.sc-ic-date-picker-h .calendar-days-container.sc-ic-date-picker{padding:var(--ic-space-xs) 0}/*!@:host .calendar-day-header*/.sc-ic-date-picker-h .calendar-day-header.sc-ic-date-picker{display:flex;width:2rem;padding:var(--ic-space-xxs) 0;justify-content:center;align-items:center}/*!@:host(.small) .calendar-day-header,\n:host(.large) .calendar-day-header*/.small.sc-ic-date-picker-h .calendar-day-header.sc-ic-date-picker,.large.sc-ic-date-picker-h .calendar-day-header.sc-ic-date-picker{padding:var(--ic-space-xxs)}/*!@:host .calendar-day-header ic-typography*/.sc-ic-date-picker-h .calendar-day-header.sc-ic-date-picker ic-typography.sc-ic-date-picker{color:var(--ic-color-tertiary-text);text-align:center}/*!@:host .day-button-container*/.sc-ic-date-picker-h .day-button-container.sc-ic-date-picker{display:flex;justify-content:center;align-items:center;width:2.25rem;height:2.25rem}/*!@:host(.small) .day-button-container*/.small.sc-ic-date-picker-h .day-button-container.sc-ic-date-picker{width:2rem;height:2rem}/*!@:host(.large) .day-button-container*/.large.sc-ic-date-picker-h .day-button-container.sc-ic-date-picker{width:2.5rem;height:2.5rem}/*!@:host .day-button*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker{display:flex;position:relative;justify-content:center;align-items:center;border:0;border-radius:2rem;background-color:var(--ic-architectural-white);width:2rem;height:2rem;cursor:pointer;transition:var(--ic-easing-transition-fast);z-index:0}/*!@:host .day-button.disabled*/.sc-ic-date-picker-h .day-button.disabled.sc-ic-date-picker{cursor:default}/*!@:host(.large) .day-button*/.large.sc-ic-date-picker-h .day-button.sc-ic-date-picker{width:2.25rem;height:2.25rem}/*!@:host(.small) .day-button*/.small.sc-ic-date-picker-h .day-button.sc-ic-date-picker{width:1.75rem;height:1.75rem}/*!@:host .day-button ic-typography*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker ic-typography.sc-ic-date-picker{width:1.75rem;color:var(--ic-color-primary-text)}/*!@:host .day-button.outside-range ic-typography*/.sc-ic-date-picker-h .day-button.outside-range.sc-ic-date-picker ic-typography.sc-ic-date-picker{color:var(--ic-architectural-400)}/*!@:host .day-button.outside-month ic-typography*/.sc-ic-date-picker-h .day-button.outside-month.sc-ic-date-picker ic-typography.sc-ic-date-picker{font-weight:var(--ic-font-weight-regular) !important}/*!@:host\n .day-button.outside-month:not(.outside-range):not(.selected)\n ic-typography*/.sc-ic-date-picker-h .day-button.outside-month.sc-ic-date-picker:not(.outside-range):not(.selected) ic-typography.sc-ic-date-picker{color:var(--ic-color-primary-text)}/*!@:host .day-button:hover:not(.disabled)*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker:hover:not(.disabled){background-color:var(--ic-action-dark-bg-hover)}/*!@:host .day-button:active:not(.disabled)*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker:active:not(.disabled){background-color:var(--ic-action-dark-bg-active)}@media (prefers-reduced-motion: no-preference){/*!@:host .day-button:hover:not(.disabled):not(.focussed),\n :host .day-button:active:not(.disabled):not(.focussed)*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker:hover:not(.disabled):not(.focussed),.sc-ic-date-picker-h .day-button.sc-ic-date-picker:active:not(.disabled):not(.focussed){transition:background-color var(--ic-transition-duration-slow) ease-in-out}}/*!@:host .day-button.selected:not(.hidden)*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker:not(.hidden){background-color:var(--ic-action-default)}/*!@:host .day-button.selected ic-typography*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker ic-typography.sc-ic-date-picker{color:var(--ic-color-white-text)}/*!@:host .day-button.selected:not(.hidden):hover*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker:not(.hidden):hover{background-color:var(--ic-action-default-hover)}/*!@:host .day-button.selected:not(.hidden):active*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker:not(.hidden):active{background-color:var(--ic-action-default-active)}/*!@:host .day-button.focussed*/.sc-ic-date-picker-h .day-button.focussed.sc-ic-date-picker{z-index:1}/*!@:host .day-button:focus*/.sc-ic-date-picker-h .day-button.sc-ic-date-picker:focus{outline:none}/*!@:host .day-button.focussed:focus*/.sc-ic-date-picker-h .day-button.focussed.sc-ic-date-picker:focus{box-shadow:var(--ic-border-focus)}/*!@:host .day-button.today:not(.hidden)::after*/.sc-ic-date-picker-h .day-button.today.sc-ic-date-picker:not(.hidden)::after{content:\"\";position:absolute;width:0.875rem;height:0.125rem;bottom:0.4rem;border-radius:var(--ic-border-radius);background-color:var(--ic-action-default)}/*!@:host(.small) .day-button.today::after*/.small.sc-ic-date-picker-h .day-button.today.sc-ic-date-picker::after{bottom:0.35rem}/*!@:host(.large) .day-button.today::after*/.large.sc-ic-date-picker-h .day-button.today.sc-ic-date-picker::after{width:1rem}/*!@:host .day-button.today.selected::after*/.sc-ic-date-picker-h .day-button.today.selected.sc-ic-date-picker::after{background-color:var(--ic-architectural-white)}/*!@:host #select-month-hint,\n:host #select-year-hint*/.sc-ic-date-picker-h #select-month-hint.sc-ic-date-picker,.sc-ic-date-picker-h #select-year-hint.sc-ic-date-picker{display:none}/*!@.sr-only*/.sr-only.sc-ic-date-picker{position:absolute;left:-9999px}@media (prefers-reduced-motion: reduce){/*!@:host .calendar-container,\n :host .calendar,\n :host .bottom-buttons*/.sc-ic-date-picker-h .calendar-container.sc-ic-date-picker,.sc-ic-date-picker-h .calendar.sc-ic-date-picker,.sc-ic-date-picker-h .bottom-buttons.sc-ic-date-picker{animation:none}}@keyframes fade-in-buttons{0%{opacity:0}50%{opacity:0}100%{opacity:1}}@keyframes fade-in-calendar{0%{display:flex;max-height:0}100%{display:flex;max-height:600px}}@media (forced-colors: active){/*!@:host .day-button.today:not(.hidden)::after*/.sc-ic-date-picker-h .day-button.today.sc-ic-date-picker:not(.hidden)::after{background-color:highlight}/*!@:host .day-button.selected:not(.hidden)*/.sc-ic-date-picker-h .day-button.selected.sc-ic-date-picker:not(.hidden){background-color:highlight}/*!@:host .day-button.focussed:focus*/.sc-ic-date-picker-h .day-button.focussed.sc-ic-date-picker:focus{border:var(--ic-hc-border)}/*!@:host .month-button.selected::part(button),\n :host .year-button.selected::part(button)*/.sc-ic-date-picker-h .month-button.selected.sc-ic-date-picker::part(button),.sc-ic-date-picker-h .year-button.selected.sc-ic-date-picker::part(button){background-color:highlight}}";
|
|
13531
13535
|
|
|
13532
13536
|
const DEFAULT_DATE_FORMAT = "DD/MM/YYYY";
|
|
13533
13537
|
const DEFAULT_DISABLE_DATES_FROM_NOW_MSG = "Dates in the future are not allowed. Please select a date in the past.";
|
|
@@ -13541,6 +13545,7 @@ class DatePicker {
|
|
|
13541
13545
|
constructor(hostRef) {
|
|
13542
13546
|
registerInstance(this, hostRef);
|
|
13543
13547
|
this.icChange = createEvent(this, "icChange", 7);
|
|
13548
|
+
this.icSelectedDateChange = createEvent(this, "icSelectedDateChange", 7);
|
|
13544
13549
|
this.clearButtonEl = null;
|
|
13545
13550
|
this.daysOfWeek = [];
|
|
13546
13551
|
this.dayButtonFocussed = false;
|
|
@@ -13566,12 +13571,30 @@ class DatePicker {
|
|
|
13566
13571
|
this.decadeStart = decadeArr[1];
|
|
13567
13572
|
this.decadeEnd = decadeArr[10];
|
|
13568
13573
|
};
|
|
13574
|
+
this.notifyScreenReaderSelectedDate = () => {
|
|
13575
|
+
const dayNames = stringEnumToArray(IcDayNames);
|
|
13576
|
+
const months = stringEnumToArray(IcDateInputMonths);
|
|
13577
|
+
this.selectedDateInfoEl.textContent = this.selectedDate
|
|
13578
|
+
? `Selected date: ${dayNames[this.selectedDate.getDay()]}, ${this.selectedDate.getDate()} ${months[this.selectedDate.getMonth()]} ${this.selectedDate.getFullYear()}`
|
|
13579
|
+
: "Selected date cleared";
|
|
13580
|
+
};
|
|
13569
13581
|
this.setSelectedDate = (d, emit = true) => {
|
|
13570
13582
|
if (d === null || !dateMatches(d, this.selectedDate)) {
|
|
13571
13583
|
this.selectedDate = d;
|
|
13572
13584
|
this.value = d;
|
|
13573
13585
|
if (emit) {
|
|
13574
|
-
this.inputEl
|
|
13586
|
+
if (this.inputEl) {
|
|
13587
|
+
this.inputEl.triggerIcChange(d);
|
|
13588
|
+
}
|
|
13589
|
+
else {
|
|
13590
|
+
if (this.selectedDate) {
|
|
13591
|
+
this.setFocussedDate(this.selectedDate);
|
|
13592
|
+
}
|
|
13593
|
+
this.icSelectedDateChange.emit({ value: d });
|
|
13594
|
+
if (!this.showDateInput && this.selectedDateInfoEl) {
|
|
13595
|
+
this.notifyScreenReaderSelectedDate();
|
|
13596
|
+
}
|
|
13597
|
+
}
|
|
13575
13598
|
}
|
|
13576
13599
|
}
|
|
13577
13600
|
};
|
|
@@ -13586,13 +13609,17 @@ class DatePicker {
|
|
|
13586
13609
|
event.stopImmediatePropagation();
|
|
13587
13610
|
};
|
|
13588
13611
|
this.handleDocumentClick = () => {
|
|
13589
|
-
this.
|
|
13612
|
+
if (this.showDateInput) {
|
|
13613
|
+
this.calendarOpen = false;
|
|
13614
|
+
}
|
|
13590
13615
|
};
|
|
13591
13616
|
this.keyDownHandler = (event) => {
|
|
13592
13617
|
if (event.key === "Escape") {
|
|
13593
13618
|
if (this.calendarOpen) {
|
|
13594
13619
|
this.closeButtonClickHandler();
|
|
13595
|
-
this.inputEl
|
|
13620
|
+
if (this.inputEl) {
|
|
13621
|
+
this.inputEl.setCalendarFocus();
|
|
13622
|
+
}
|
|
13596
13623
|
event.stopImmediatePropagation();
|
|
13597
13624
|
}
|
|
13598
13625
|
}
|
|
@@ -13602,7 +13629,9 @@ class DatePicker {
|
|
|
13602
13629
|
}
|
|
13603
13630
|
};
|
|
13604
13631
|
this.closeButtonClickHandler = () => {
|
|
13605
|
-
this.
|
|
13632
|
+
if (this.showDateInput) {
|
|
13633
|
+
this.calendarOpen = false;
|
|
13634
|
+
}
|
|
13606
13635
|
};
|
|
13607
13636
|
this.focusFirstElement = () => {
|
|
13608
13637
|
this.monthButtonEl.setFocus();
|
|
@@ -13812,8 +13841,12 @@ class DatePicker {
|
|
|
13812
13841
|
};
|
|
13813
13842
|
this.handleSelectDay = (day) => {
|
|
13814
13843
|
this.setSelectedDate(day);
|
|
13815
|
-
this.
|
|
13816
|
-
|
|
13844
|
+
if (this.showDateInput) {
|
|
13845
|
+
this.calendarOpen = false;
|
|
13846
|
+
if (this.inputEl) {
|
|
13847
|
+
this.inputEl.setCalendarFocus();
|
|
13848
|
+
}
|
|
13849
|
+
}
|
|
13817
13850
|
};
|
|
13818
13851
|
this.handleSelectMonth = (month) => {
|
|
13819
13852
|
this.moveMonths(month - this.monthInView);
|
|
@@ -14226,6 +14259,60 @@ class DatePicker {
|
|
|
14226
14259
|
}
|
|
14227
14260
|
return inputProps;
|
|
14228
14261
|
};
|
|
14262
|
+
this.renderHiddenInput = () => !this.showDateInput ? (hAsync("span", { id: this.selectedDateInfoId, class: "sr-only", "aria-live": "polite" }, hAsync("span", { ref: (el) => (this.selectedDateInfoEl = el), role: "status" }))) : ("");
|
|
14263
|
+
this.renderCalendar = () => {
|
|
14264
|
+
const { monthNames, size, focussedMonth, focussedYear, monthInView, yearInView, monthPickerVisible, yearPickerVisible, orderedDaysOfWeek, decadeView, minDate, maxDate, showPickerClearButton, showPickerTodayButton, dialogDescription, } = this;
|
|
14265
|
+
let monthButtonText = "";
|
|
14266
|
+
if (monthPickerVisible) {
|
|
14267
|
+
monthButtonText = `Use the arrow keys to change the selected month. To return to day picker view, press Enter or Space to select a month, or press Escape.`;
|
|
14268
|
+
}
|
|
14269
|
+
else {
|
|
14270
|
+
monthButtonText = `Press Enter or Space to open month picker view or use the arrow keys to change month.`;
|
|
14271
|
+
}
|
|
14272
|
+
let yearButtonText = "";
|
|
14273
|
+
if (yearPickerVisible) {
|
|
14274
|
+
yearButtonText = `Use the arrow keys to change the selected year. To return to day picker view, press Enter or Space to select a year, or press Escape.`;
|
|
14275
|
+
}
|
|
14276
|
+
else {
|
|
14277
|
+
yearButtonText = `Press Enter or Space to open year picker view or use the arrow keys to change the selected year.`;
|
|
14278
|
+
}
|
|
14279
|
+
const dialogLabel = "choose date";
|
|
14280
|
+
const monthLabel = monthNames && monthNames[monthInView]
|
|
14281
|
+
? monthNames[monthInView]
|
|
14282
|
+
: "Open month picker";
|
|
14283
|
+
const yearLabel = this.yearInView ? this.yearInView : "Open year picker";
|
|
14284
|
+
let minDay = minDate;
|
|
14285
|
+
if (this.disablePast) {
|
|
14286
|
+
const yesterday = new Date(minDate);
|
|
14287
|
+
yesterday.setDate(minDate.getDate() - 1);
|
|
14288
|
+
minDay = yesterday;
|
|
14289
|
+
}
|
|
14290
|
+
return (hAsync("div", null, hAsync("span", { id: "dialog-description", class: "sr-only" }, dialogDescription), hAsync("div", { role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
|
|
14291
|
+
"calendar-container": true,
|
|
14292
|
+
"show-date-input": this.showDateInput,
|
|
14293
|
+
"hide-date-input": !this.showDateInput,
|
|
14294
|
+
above: this.showPickerAbove,
|
|
14295
|
+
}, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("div", { class: {
|
|
14296
|
+
"month-year-nav-container": true,
|
|
14297
|
+
} }, hAsync("div", { class: "month-year-nav" }, this.previousMonthButton(), hAsync("span", { id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), hAsync("ic-button", { ref: (el) => (this.monthButtonEl = el), size: size, class: "month-picker-button", "aria-haspopup": "menu", "aria-expanded": monthPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": monthLabel, "aria-describedby": "select-month-hint", onKeyDown: this.monthButtonKeyDownHandler, onClick: this.monthButtonClickHandler }, monthNames[monthInView]), this.nextMonthButton()), hAsync("div", { class: "month-year-nav" }, this.previousYearButton(), hAsync("span", { id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), hAsync("ic-button", { ref: (el) => (this.yearButtonEl = el), size: size, class: "year-picker-button", "aria-haspopup": "menu", "aria-expanded": yearPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": yearLabel, "aria-describedby": "select-year-hint", onKeyDown: this.yearButtonKeyDownHandler, onClick: this.yearButtonClickHandler }, this.yearInView), this.nextYearButton())), !(monthPickerVisible || yearPickerVisible) && (hAsync("div", { class: {
|
|
14298
|
+
calendar: true,
|
|
14299
|
+
hidden: monthPickerVisible || yearPickerVisible,
|
|
14300
|
+
}, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
|
|
14301
|
+
const header = size === "small" ? dayName.charAt(0) : dayName;
|
|
14302
|
+
return (hAsync("div", { class: "calendar-day-header" }, hAsync("ic-typography", { variant: "caption" }, header)));
|
|
14303
|
+
})), hAsync("div", { class: "calendar-days-container" }, this.currMonthView.map((day) => (hAsync(DayButton, { day: day, disableDay: this.disableDays.includes(Number(day.getDay())), today: dateMatches(day, this.today), selected: dateMatches(day, this.selectedDate), focussed: dateMatches(day, this.focussedDate), inRange: dateInRange(day, minDay, maxDate), monthInView: monthInView, onSelectDay: this.handleSelectDay, focussedDayRef: this.setFocussedDayEl, onFocusDay: this.onDayButtonFocusHandler, onBlurDay: this.onDayButtonBlurHandler, showDaysOutsideMonth: this.showDaysOutsideMonth })))))), hAsync("div", { class: {
|
|
14304
|
+
"month-picker-container": true,
|
|
14305
|
+
hidden: !monthPickerVisible,
|
|
14306
|
+
} }, monthPickerVisible && (hAsync(MonthPicker, { size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), hAsync("div", { class: {
|
|
14307
|
+
"year-picker-container": true,
|
|
14308
|
+
hidden: !yearPickerVisible,
|
|
14309
|
+
} }, yearPickerVisible && (hAsync(YearPicker, { decadeView: decadeView, size: size, focussedYear: focussedYear, onSelectYear: this.handleSelectYear, onKeyDown: this.yearPickerKeyDownHandler, onFocusYear: this.onYearButtonFocusHandler, onBlurYear: this.onYearButtonBlurHandler, yearInView: yearInView, minDate: minDate, maxDate: maxDate, focussedYearRef: this.setFocussedYearEl }))), hAsync("div", { class: {
|
|
14310
|
+
"bottom-buttons": true,
|
|
14311
|
+
"no-today": !showPickerTodayButton,
|
|
14312
|
+
} }, showPickerTodayButton && (hAsync("ic-button", { id: "today-button", variant: "tertiary", ref: (el) => (this.todayButtonEl = el), size: size, "aria-label": "Navigate to current date", onClick: this.todayButtonClickHandler, onKeyDown: this.todayButtonKeyDownHandler, disabled: this.isCurrentMonth() }, "Go to today")), showPickerClearButton && (hAsync("ic-button", { id: "clear-button", "aria-label": "clear selected date", ref: (el) => (this.clearButtonEl = el), variant: "tertiary", size: size, onClick: this.clearButtonClickHandler, onKeyDown: this.clearButtonKeyDownHandler, disabled: this.value === "" ||
|
|
14313
|
+
this.value === null ||
|
|
14314
|
+
this.value === undefined }, "Clear")))), this.renderHiddenInput()));
|
|
14315
|
+
};
|
|
14229
14316
|
this.calendarOpen = false;
|
|
14230
14317
|
this.currMonthView = [];
|
|
14231
14318
|
this.currYearPickerView = [];
|
|
@@ -14263,6 +14350,7 @@ class DatePicker {
|
|
|
14263
14350
|
this.name = undefined;
|
|
14264
14351
|
this.openAtDate = "";
|
|
14265
14352
|
this.required = false;
|
|
14353
|
+
this.showDateInput = true;
|
|
14266
14354
|
this.showDaysOutsideMonth = true;
|
|
14267
14355
|
this.showPickerClearButton = true;
|
|
14268
14356
|
this.showPickerTodayButton = true;
|
|
@@ -14297,6 +14385,11 @@ class DatePicker {
|
|
|
14297
14385
|
this.minDate = createDate(this.min, this.dateFormat);
|
|
14298
14386
|
}
|
|
14299
14387
|
}
|
|
14388
|
+
watchShowDateInputHandler() {
|
|
14389
|
+
if (!this.showDateInput) {
|
|
14390
|
+
this.calendarOpen = true;
|
|
14391
|
+
}
|
|
14392
|
+
}
|
|
14300
14393
|
watchStartOfWeekHandler() {
|
|
14301
14394
|
this.orderedDaysOfWeek = this.daysOfWeek
|
|
14302
14395
|
.slice(this.startOfWeek)
|
|
@@ -14388,13 +14481,23 @@ class DatePicker {
|
|
|
14388
14481
|
this.watchMaxHandler();
|
|
14389
14482
|
this.watchMinHandler();
|
|
14390
14483
|
removeDisabledFalse(this.disabled, this.el);
|
|
14484
|
+
this.selectedDateInfoId = `${this.inputId}-selected-date-info`;
|
|
14391
14485
|
}
|
|
14392
14486
|
componentWillRender() {
|
|
14393
14487
|
this.dateInputProps = this.setDateInputProps();
|
|
14488
|
+
if (!this.showDateInput) {
|
|
14489
|
+
this.calendarOpen = true;
|
|
14490
|
+
}
|
|
14394
14491
|
}
|
|
14395
14492
|
componentWillUpdate() {
|
|
14396
14493
|
this.dateInputProps = this.setDateInputProps();
|
|
14397
14494
|
}
|
|
14495
|
+
componentDidLoad() {
|
|
14496
|
+
if (!this.showDateInput && this.value) {
|
|
14497
|
+
this.setSelectedDate(new Date(this.value));
|
|
14498
|
+
this.setFocussedDate(this.selectedDate);
|
|
14499
|
+
}
|
|
14500
|
+
}
|
|
14398
14501
|
localCalendarButtonClickHandler(ev) {
|
|
14399
14502
|
this.myCalendarButtonClicked = true;
|
|
14400
14503
|
if (!this.calendarOpen) {
|
|
@@ -14404,61 +14507,14 @@ class DatePicker {
|
|
|
14404
14507
|
}
|
|
14405
14508
|
calendarButtonClickHandler() {
|
|
14406
14509
|
//closes this picker if calendar button in another clicked
|
|
14407
|
-
if (!this.myCalendarButtonClicked) {
|
|
14510
|
+
if (!this.myCalendarButtonClicked && this.showDateInput) {
|
|
14408
14511
|
this.calendarOpen = false;
|
|
14409
14512
|
}
|
|
14410
14513
|
this.myCalendarButtonClicked = false;
|
|
14411
14514
|
}
|
|
14412
14515
|
render() {
|
|
14413
|
-
const { calendarOpen, dateInputProps,
|
|
14414
|
-
|
|
14415
|
-
if (monthPickerVisible) {
|
|
14416
|
-
monthButtonText = `Use the arrow keys to change the selected month. To return to day picker view, press Enter or Space to select a month, or press Escape.`;
|
|
14417
|
-
}
|
|
14418
|
-
else {
|
|
14419
|
-
monthButtonText = `Press Enter or Space to open month picker view or use the arrow keys to change month.`;
|
|
14420
|
-
}
|
|
14421
|
-
let yearButtonText = "";
|
|
14422
|
-
if (yearPickerVisible) {
|
|
14423
|
-
yearButtonText = `Use the arrow keys to change the selected year. To return to day picker view, press Enter or Space to select a year, or press Escape.`;
|
|
14424
|
-
}
|
|
14425
|
-
else {
|
|
14426
|
-
yearButtonText = `Press Enter or Space to open year picker view or use the arrow keys to change the selected year.`;
|
|
14427
|
-
}
|
|
14428
|
-
const dialogLabel = "choose date";
|
|
14429
|
-
const monthLabel = monthNames && monthNames[monthInView]
|
|
14430
|
-
? monthNames[monthInView]
|
|
14431
|
-
: "Open month picker";
|
|
14432
|
-
const yearLabel = this.yearInView ? this.yearInView : "Open year picker";
|
|
14433
|
-
let minDay = minDate;
|
|
14434
|
-
if (this.disablePast) {
|
|
14435
|
-
const yesterday = new Date(minDate);
|
|
14436
|
-
yesterday.setDate(minDate.getDate() - 1);
|
|
14437
|
-
minDay = yesterday;
|
|
14438
|
-
}
|
|
14439
|
-
return (hAsync(Host, { onKeyDown: this.keyDownHandler, class: size }, hAsync("div", { class: "date-input-container" }, hAsync("ic-date-input", Object.assign({ ref: (el) => (this.inputEl = el) }, dateInputProps))), calendarOpen && (hAsync("div", null, hAsync("span", { id: "dialog-description", class: "sr-only" }, dialogDescription), hAsync("div", { role: "dialog", "aria-modal": "true", "aria-label": dialogLabel, "aria-describedBy": "dialog-description", class: {
|
|
14440
|
-
"calendar-container": true,
|
|
14441
|
-
above: this.showPickerAbove,
|
|
14442
|
-
}, onMouseDown: this.handleCalendarMouseDown, onClick: this.handleCalendarClick }, hAsync("span", { ref: (el) => (this.liveRegionEl = el), id: "live-region", "aria-live": "assertive", class: "sr-only" }), hAsync("div", { class: {
|
|
14443
|
-
"month-year-nav-container": true,
|
|
14444
|
-
} }, hAsync("div", { class: "month-year-nav" }, this.previousMonthButton(), hAsync("span", { id: "select-month-hint", "aria-hidden": "true" }, monthButtonText), hAsync("ic-button", { ref: (el) => (this.monthButtonEl = el), size: size, class: "month-picker-button", "aria-haspopup": "menu", "aria-expanded": monthPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": monthLabel, "aria-describedby": "select-month-hint", onKeyDown: this.monthButtonKeyDownHandler, onClick: this.monthButtonClickHandler }, monthNames[monthInView]), this.nextMonthButton()), hAsync("div", { class: "month-year-nav" }, this.previousYearButton(), hAsync("span", { id: "select-year-hint", "aria-hidden": "true" }, yearButtonText), hAsync("ic-button", { ref: (el) => (this.yearButtonEl = el), size: size, class: "year-picker-button", "aria-haspopup": "menu", "aria-expanded": yearPickerVisible ? "true" : "false", "full-width": "true", variant: "tertiary", "aria-label": yearLabel, "aria-describedby": "select-year-hint", onKeyDown: this.yearButtonKeyDownHandler, onClick: this.yearButtonClickHandler }, this.yearInView), this.nextYearButton())), !(monthPickerVisible || yearPickerVisible) && (hAsync("div", { class: {
|
|
14445
|
-
calendar: true,
|
|
14446
|
-
hidden: monthPickerVisible || yearPickerVisible,
|
|
14447
|
-
}, onKeyDown: this.handleCalendarKeyDown }, hAsync("div", { class: "weekdays", "aria-hidden": "true" }, orderedDaysOfWeek.map((dayName) => {
|
|
14448
|
-
const header = size === "small" ? dayName.charAt(0) : dayName;
|
|
14449
|
-
return (hAsync("div", { class: "calendar-day-header" }, hAsync("ic-typography", { variant: "caption" }, header)));
|
|
14450
|
-
})), hAsync("div", { class: "calendar-days-container" }, this.currMonthView.map((day) => (hAsync(DayButton, { day: day, disableDay: this.disableDays.includes(Number(day.getDay())), today: dateMatches(day, this.today), selected: dateMatches(day, this.selectedDate), focussed: dateMatches(day, this.focussedDate), inRange: dateInRange(day, minDay, maxDate), monthInView: monthInView, onSelectDay: this.handleSelectDay, focussedDayRef: this.setFocussedDayEl, onFocusDay: this.onDayButtonFocusHandler, onBlurDay: this.onDayButtonBlurHandler, showDaysOutsideMonth: this.showDaysOutsideMonth })))))), hAsync("div", { class: {
|
|
14451
|
-
"month-picker-container": true,
|
|
14452
|
-
hidden: !monthPickerVisible,
|
|
14453
|
-
} }, monthPickerVisible && (hAsync(MonthPicker, { size: size, onSelectMonth: this.handleSelectMonth, monthInView: monthInView, focussedMonth: focussedMonth, onKeyDown: this.monthPickerKeyDownHandler, focussedMonthRef: this.setFocussedMonthEl, minDate: minDate, maxDate: maxDate, yearInView: yearInView }))), hAsync("div", { class: {
|
|
14454
|
-
"year-picker-container": true,
|
|
14455
|
-
hidden: !yearPickerVisible,
|
|
14456
|
-
} }, yearPickerVisible && (hAsync(YearPicker, { decadeView: decadeView, size: size, focussedYear: focussedYear, onSelectYear: this.handleSelectYear, onKeyDown: this.yearPickerKeyDownHandler, onFocusYear: this.onYearButtonFocusHandler, onBlurYear: this.onYearButtonBlurHandler, yearInView: yearInView, minDate: minDate, maxDate: maxDate, focussedYearRef: this.setFocussedYearEl }))), hAsync("div", { class: {
|
|
14457
|
-
"bottom-buttons": true,
|
|
14458
|
-
"no-today": !showPickerTodayButton,
|
|
14459
|
-
} }, showPickerTodayButton && (hAsync("ic-button", { id: "today-button", variant: "tertiary", ref: (el) => (this.todayButtonEl = el), size: size, "aria-label": "Navigate to current date", onClick: this.todayButtonClickHandler, onKeyDown: this.todayButtonKeyDownHandler, disabled: this.isCurrentMonth() }, "Go to today")), showPickerClearButton && (hAsync("ic-button", { id: "clear-button", "aria-label": "clear selected date", ref: (el) => (this.clearButtonEl = el), variant: "tertiary", size: size, onClick: this.clearButtonClickHandler, onKeyDown: this.clearButtonKeyDownHandler, disabled: this.value === "" ||
|
|
14460
|
-
this.value === null ||
|
|
14461
|
-
this.value === undefined }, "Clear"))))))));
|
|
14516
|
+
const { calendarOpen, dateInputProps, keyDownHandler, renderCalendar, showDateInput, size, } = this;
|
|
14517
|
+
return (hAsync(Host, { onKeyDown: keyDownHandler, class: size }, showDateInput && (hAsync("div", { class: "date-input-container" }, hAsync("ic-date-input", Object.assign({ ref: (el) => (this.inputEl = el) }, dateInputProps)))), calendarOpen && renderCalendar()));
|
|
14462
14518
|
}
|
|
14463
14519
|
static get delegatesFocus() { return true; }
|
|
14464
14520
|
get el() { return getElement(this); }
|
|
@@ -14468,6 +14524,7 @@ class DatePicker {
|
|
|
14468
14524
|
"disablePast": ["watchDisablePastHandler"],
|
|
14469
14525
|
"max": ["watchMaxHandler"],
|
|
14470
14526
|
"min": ["watchMinHandler"],
|
|
14527
|
+
"showDateInput": ["watchShowDateInputHandler"],
|
|
14471
14528
|
"startOfWeek": ["watchStartOfWeekHandler"],
|
|
14472
14529
|
"calendarOpen": ["watchOpenHandler"],
|
|
14473
14530
|
"focussedDate": ["watchFocussedDateHandler"],
|
|
@@ -14501,6 +14558,7 @@ class DatePicker {
|
|
|
14501
14558
|
"name": [1],
|
|
14502
14559
|
"openAtDate": [1, "open-at-date"],
|
|
14503
14560
|
"required": [4],
|
|
14561
|
+
"showDateInput": [4, "show-date-input"],
|
|
14504
14562
|
"showDaysOutsideMonth": [4, "show-days-outside-month"],
|
|
14505
14563
|
"showPickerClearButton": [4, "show-picker-clear-button"],
|
|
14506
14564
|
"showPickerTodayButton": [4, "show-picker-today-button"],
|
|
@@ -21669,6 +21727,7 @@ const icNavigationGroupCss = "/*!@html*/html.sc-ic-navigation-group{line-height:
|
|
|
21669
21727
|
class NavigationGroup {
|
|
21670
21728
|
constructor(hostRef) {
|
|
21671
21729
|
registerInstance(this, hostRef);
|
|
21730
|
+
this.navigationGroupOpened = createEvent(this, "navigationGroupOpened", 7);
|
|
21672
21731
|
this.allGroupedNavigationItems = [];
|
|
21673
21732
|
this.DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 100;
|
|
21674
21733
|
this.IC_NAVIGATION_ITEM = "ic-navigation-item";
|
|
@@ -21908,6 +21967,11 @@ class NavigationGroup {
|
|
|
21908
21967
|
childBlurHandler() {
|
|
21909
21968
|
this.hideDropdown();
|
|
21910
21969
|
}
|
|
21970
|
+
handleNavigationGroupOpened(event) {
|
|
21971
|
+
if (event.detail.source !== this.el) {
|
|
21972
|
+
this.hideDropdown();
|
|
21973
|
+
}
|
|
21974
|
+
}
|
|
21911
21975
|
navItemClickHandler() {
|
|
21912
21976
|
this.hideDropdown();
|
|
21913
21977
|
}
|
|
@@ -21928,6 +21992,9 @@ class NavigationGroup {
|
|
|
21928
21992
|
}
|
|
21929
21993
|
showDropdown() {
|
|
21930
21994
|
if (!this.dropdownOpen) {
|
|
21995
|
+
this.navigationGroupOpened.emit({
|
|
21996
|
+
source: this.el,
|
|
21997
|
+
});
|
|
21931
21998
|
this.toggleDropdown();
|
|
21932
21999
|
}
|
|
21933
22000
|
}
|
|
@@ -21979,7 +22046,7 @@ class NavigationGroup {
|
|
|
21979
22046
|
"parentEl": [32],
|
|
21980
22047
|
"setFocus": [64]
|
|
21981
22048
|
},
|
|
21982
|
-
"$listeners$": [[0, "childBlur", "childBlurHandler"], [0, "navItemClicked", "navItemClickHandler"], [4, "themeChange", "themeChangeHandler"]],
|
|
22049
|
+
"$listeners$": [[0, "childBlur", "childBlurHandler"], [4, "navigationGroupOpened", "handleNavigationGroupOpened"], [0, "navItemClicked", "navItemClickHandler"], [4, "themeChange", "themeChangeHandler"]],
|
|
21983
22050
|
"$lazyBundleId$": "-",
|
|
21984
22051
|
"$attrsToReflect$": []
|
|
21985
22052
|
}; }
|
|
@@ -23698,7 +23765,7 @@ class RadioGroup {
|
|
|
23698
23765
|
}; }
|
|
23699
23766
|
}
|
|
23700
23767
|
|
|
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}}";
|
|
23768
|
+
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
23769
|
|
|
23703
23770
|
const ADDITIONAL_FIELD = "additional-field";
|
|
23704
23771
|
const TEXT_FIELD_SELECTOR = "ic-text-field";
|
|
@@ -28968,7 +29035,7 @@ var arrowDropdown = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
|
28968
29035
|
<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>
|
|
28969
29036
|
</svg>`;
|
|
28970
29037
|
|
|
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}}";
|
|
29038
|
+
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
29039
|
|
|
28973
29040
|
let treeItemIds = 0;
|
|
28974
29041
|
/**
|