npm - @ukic/canary-web-components - Versions diffs - 2.0.0-canary.10 → 2.0.0-canary.12 - Mend

@ukic/canary-web-components 2.0.0-canary.10 → 2.0.0-canary.12

Files changed (460) hide show

package/dist/components/ic-data-table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ic-data-table.js","mappings":"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","names":[],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":[":host {\n position: relative;\n display: block;\n height: 100%;\n max-height: 100%;\n}\n\n.table-container {\n position: relative;\n height: calc(100% - var(--ic-space-xxxs));\n}\n\n.table-row-container {\n position: relative;\n height: 100%;\n overflow: auto;\n transition: var(--ic-easing-transition-fast);\n overflow-anchor: none;\n}\n\n:host([show-pagination=\"true\"]) .table-row-container {\n height: calc(100% - 3.5625rem);\n}\n\ntable {\n table-layout: fixed;\n border-spacing: 0;\n width: 100%;\n}\n\n.table-row-container:focus {\n outline: none;\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-fast);\n z-index: 1;\n}\n\n:host([embedded=\"true\"]) .table-container {\n border: var(--ic-border-light);\n}\n\n.column-header-sticky {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.column-header-overlay {\n position: sticky;\n top: 0;\n z-index: 1;\n box-shadow: 0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs * -1))\n rgb(0 0 0 / 20%);\n}\n\n.row-header-sticky {\n position: sticky;\n left: 0;\n}\n\n.column-header,\n.table-row {\n box-sizing: border-box;\n}\n\n.table-row-selected {\n background-color: var(--ic-table-row-selected) !important;\n}\n\n.sort-button {\n margin-left: auto;\n}\n\n.sort-button:hover {\n background-color: var(--ic-action-dark-bg-hover);\n}\n\n.sort-button:active {\n background-color: var(--ic-action-dark-bg-active);\n}\n\n.sort-button svg {\n color: var(--ic-architectural-black);\n}\n\n.sort-button-unsorted svg {\n color: var(--ic-color-tertiary-text);\n}\n\n.table-density-dense {\n padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious {\n padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n font-size: 1.125rem;\n}\n\n.column-header-text {\n font-weight: var(--ic-font-weight-bold);\n}\n\n.column-header,\n.row-header {\n text-align: left;\n padding: var(--ic-space-xs);\n background-color: var(--ic-architectural-40);\n border-right: var(--ic-border-light);\n border-bottom: var(--ic-border-light);\n}\n\n.column-header:last-child {\n border-right: none;\n}\n\n.scrollable .column-header:last-child {\n border-right: var(--ic-border-light) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n text-align: left !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n text-align: right !important;\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n text-align: center !important;\n}\n\n.table-row:nth-child(even) {\n background-color: var(--ic-architectural-20);\n}\n\n.table-cell {\n padding: var(--ic-space-xs);\n border-bottom: solid var(--ic-architectural-100) var(--ic-space-1px);\n}\n\n.data-type-string {\n text-align: left;\n vertical-align: top;\n}\n\n.data-type-number,\n.data-type-date {\n text-align: right;\n vertical-align: top;\n}\n\n.cell-alignment-top {\n vertical-align: top;\n}\n\n.cell-alignment-middle {\n vertical-align: middle;\n}\n\n.cell-alignment-bottom {\n vertical-align: bottom;\n}\n\n.cell-emphasis-low {\n color: var(--ic-color-secondary-text);\n}\n\n.cell-emphasis-high {\n font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n background-color: var(--ic-architectural-40);\n border-top: var(--ic-border-light);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n position: absolute;\n left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n word-wrap: break-word;\n white-space: pre-wrap;\n}\n\n@media screen and (min-width: 576px) {\n .column-header-inner-container {\n display: flex;\n align-items: center;\n }\n}\n","import { Component, Element, h, Prop, State, Listen } from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n IcDataTableColumnDataTypes,\n IcDataTableColumnObject,\n IcDataTableDensityOptions,\n IcDataTableSortOrderOptions,\n} from \"./ic-data-table.types\";\nimport {\n IcPaginationAlignmentOptions,\n IcPaginationControlTypes,\n IcPaginationTypes,\n} from \"../ic-pagination/ic-pagination.types\";\n\n@Component({\n tag: \"ic-data-table\",\n styleUrl: \"ic-data-table.css\",\n shadow: true,\n})\nexport class DataTable {\n private SORT_ICONS = {\n unsorted: unsortedIcon,\n ascending: ascendingIcon,\n descending: descendingIcon,\n };\n\n @Element() el: HTMLIcDataTableElement;\n\n @State() fromRow: number = 0;\n\n @State() previousRowsPerPage: number;\n\n @State() rowsPerPage: number;\n\n @State() scrollable: boolean = false;\n\n @State() scrollOffset: number = 0;\n\n @State() selectedRow: object;\n\n @State() sortedColumn: string;\n\n @State() sortedColumnOrder: IcDataTableSortOrderOptions;\n\n @State() toRow: number;\n\n /*\n The title for the table only visible to screen readers.\n /\n @Prop() caption!: string;\n\n /\n The column headers for the table.\n /\n @Prop() columns!: IcDataTableColumnObject[];\n\n /\n The row content for the table.\n /\n @Prop() data: { [key: string]: any }[];\n\n /\n Set the density of the table including font and padding.\n /\n @Prop() density?: IcDataTableDensityOptions = \"default\";\n\n /\n Applies a border to the table container.\n /\n @Prop() embedded?: boolean = false;\n\n /\n If `true`, column headers will not be visible.\n /\n @Prop() hideColumnHeaders?: boolean = false;\n\n /\n Sets the props for the pagination bar.\n /\n @Prop() paginationOptions?: {\n itemsPerPage?: { label: string; value: string }[];\n type?: IcPaginationTypes;\n control?: IcPaginationControlTypes;\n itemsPerPageControl?: boolean;\n goToPageControl?: boolean;\n alignment?: IcPaginationAlignmentOptions;\n } = {\n itemsPerPage: [\n { label: \"10\", value: \"10\" },\n { label: \"25\", value: \"25\" },\n { label: \"50\", value: \"50\" },\n ],\n type: \"page\",\n control: \"simple\",\n itemsPerPageControl: true,\n goToPageControl: true,\n alignment: \"right\",\n };\n\n /\n If `true`, adds a pagination bar to the bottom of the table.\n /\n @Prop() showPagination?: boolean = false;\n\n /\n If `true`, allows table columns to be sorted using applied sort buttons.\n /\n @Prop() sortable?: boolean = false;\n\n /\n Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n /\n @Prop() sortOptions?: {\n sortOrders: IcDataTableSortOrderOptions[];\n defaultColumn?: string;\n } = {\n sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n defaultColumn: \"\",\n };\n\n /\n If `true`, column headers will remain at the top of the table when scrolling vertically.\n /\n @Prop() stickyColumnHeaders?: boolean = false;\n\n /\n If `true`, row headers will remain to the left when scrolling horizontally.\n /\n @Prop() stickyRowHeaders?: boolean = false;\n\n componentWillLoad(): void {\n this.rowsPerPage = Number(this.paginationOptions.itemsPerPage[0].value);\n this.previousRowsPerPage = this.rowsPerPage;\n this.toRow = this.rowsPerPage;\n this.sortedColumn = this.sortOptions.defaultColumn;\n this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n }\n\n componentDidLoad(): void {\n const tableElement = this.el.shadowRoot.querySelector(\"table\");\n const tableContainer = this.el.shadowRoot.querySelector(\".table-container\");\n if (\n tableElement?.clientHeight > tableContainer?.clientHeight \|\|\n tableElement?.clientWidth > tableContainer?.clientWidth\n ) {\n this.scrollable = true;\n }\n }\n\n @Listen(\"icItemsPerPageChange\")\n handleItemsPerPageChange(ev: CustomEvent): void {\n this.previousRowsPerPage = this.rowsPerPage;\n this.rowsPerPage = ev.detail.value;\n }\n\n @Listen(\"icPageChange\")\n handlePageChange(ev: CustomEvent): void {\n this.fromRow = (ev.detail.value - 1) this.rowsPerPage;\n this.toRow = this.fromRow + this.rowsPerPage;\n const tableRowsContainer = this.el.shadowRoot.querySelector(\n \".table-row-container\"\n );\n if (this.previousRowsPerPage === this.rowsPerPage) {\n tableRowsContainer.scrollTop = 0;\n } else if (this.previousRowsPerPage < this.rowsPerPage) {\n tableRowsContainer.scrollTop = this.scrollOffset;\n this.previousRowsPerPage = this.rowsPerPage;\n } else {\n this.previousRowsPerPage = this.rowsPerPage;\n }\n }\n\n @Listen(\"click\", { target: \"window\" })\n clickListener(ev: MouseEvent): void {\n if (ev.target !== this.el) this.selectedRow = undefined;\n }\n\n private isObject = (value: any) => typeof value === \"object\";\n\n private notDefaultDensity = () => this.density !== \"default\";\n\n private getCellContent = (\n cell: any,\n dataType: IcDataTableColumnDataTypes\n ): any => {\n switch (dataType) {\n case \"element\":\n return undefined;\n case \"date\":\n return (\n cell instanceof Date ? cell : new Date(cell)\n ).toLocaleDateString();\n default:\n return cell;\n }\n };\n\n private getCellAlignment = (\n cell: any,\n alignment: \"horizontal\" \| \"vertical\"\n ) => {\n if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n return this.getObjectValue(\n this.getObjectValue(cell, \"cellAlignment\"),\n alignment\n );\n }\n };\n\n private createCells = (row: object) => {\n const rowValues = Object.values(row);\n const rowKeys = Object.keys(row);\n let rowAlignment: string;\n let rowEmphasis: string;\n const headerIndex = rowKeys.indexOf(\"header\");\n if (headerIndex > -1) {\n rowAlignment = this.getObjectValue(\n rowValues[headerIndex],\n \"rowAlignment\"\n );\n rowEmphasis = this.getObjectValue(rowValues[headerIndex], \"emphasis\");\n }\n return rowValues.map((cell, index) => {\n const { columnAlignment, dataType, emphasis } = this.columns[index];\n const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n return rowKeys[index] === \"header\" ? (\n <th\n scope=\"row\"\n colSpan={cellValue(\"colspan\")}\n class={{\n [\"row-header\"]: true,\n [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n !!cellValue(\"cellAlignment\"),\n [\"row-header-sticky\"]: this.stickyRowHeaders,\n }}\n >\n {cellValue(\"title\")}\n </th>\n ) : (\n <td\n innerHTML={dataType === \"element\" ? (cell as string) : null}\n class={{\n [\"table-cell\"]: true,\n [`table-density-${this.density}`]: this.notDefaultDensity(),\n [`data-type-${dataType}`]: true,\n [`cell-alignment-${\n columnAlignment?.horizontal \|\|\n this.getCellAlignment(cell, \"horizontal\")\n }`]:\n !!columnAlignment?.horizontal \|\|\n !!this.getCellAlignment(cell, \"horizontal\"),\n [`cell-alignment-${\n columnAlignment?.vertical \|\|\n rowAlignment \|\|\n this.getCellAlignment(cell, \"vertical\")\n }`]:\n !!columnAlignment?.vertical \|\|\n !!rowAlignment \|\|\n !!this.getCellAlignment(cell, \"vertical\"),\n }}\n >\n <ic-typography\n variant=\"body\"\n class={{\n [`cell-emphasis-${\n (this.isObject(cell) && cellValue(\"emphasis\")) \|\|\n emphasis \|\|\n rowEmphasis\n }`]:\n (this.isObject(cell) && !!cellValue(\"emphasis\")) \|\|\n !!emphasis \|\|\n !!rowEmphasis,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {this.isObject(cell) && dataType !== \"date\" ? (\n Object.keys(cell).includes(\"href\") ? (\n <ic-link href={cellValue(\"href\")}>{cellValue(\"data\")}</ic-link>\n ) : (\n cellValue(\"data\")\n )\n ) : (\n this.getCellContent(cell, dataType)\n )}\n </ic-typography>\n </td>\n );\n });\n };\n\n private createColumnHeaders = () => {\n return this.columns.map(({ cellAlignment, colspan, key, title }) => (\n <th\n scope=\"col\"\n class={{\n [\"column-header\"]: true,\n [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,\n [`table-density-${this.density}`]: this.notDefaultDensity(),\n }}\n colSpan={colspan}\n >\n {this.sortable ? (\n <div class=\"column-header-inner-container\">\n <ic-typography\n variant=\"body\"\n class={{\n [\"column-header-text\"]: true,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {title}\n </ic-typography>\n <ic-button\n variant=\"icon\"\n id={`sort-button-${key}`}\n aria-label={this.getSortButtonLabel(key)}\n // eslint-disable-next-line react/jsx-no-bind\n onClick={() => this.sortRows(key)}\n innerHTML={\n this.SORT_ICONS[\n this.sortedColumn === key\n ? this.sortedColumnOrder\n : \"unsorted\"\n ]\n }\n class={{\n [\"sort-button\"]: true,\n [\"sort-button-unsorted\"]:\n this.sortedColumn !== key \|\|\n this.sortedColumnOrder === \"unsorted\",\n }}\n ></ic-button>\n </div>\n ) : (\n <ic-typography\n variant=\"body\"\n class={{\n [\"column-header-text\"]: true,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {title}\n </ic-typography>\n )}\n </th>\n ));\n };\n\n private createRows = () => {\n const data = this.showPagination\n ? this.data.slice(this.fromRow, this.toRow)\n : this.data.slice();\n return data\n .sort(!this.sortable ? undefined : this.getSortFunction())\n .map((row) => (\n <tr\n onClick={() => (this.selectedRow = this.selectedRow !== row && row)}\n class={{\n [\"table-row\"]: true,\n [\"table-row-selected\"]: this.selectedRow === row,\n }}\n >\n {this.createCells(row)}\n </tr>\n ));\n };\n\n private getObjectValue = (cell: object, key: string) => {\n return Object.values(cell)[Object.keys(cell).indexOf(key)];\n };\n\n private getSortButtonLabel = (key: string) => {\n let label = \"\";\n const getNextSortOption = (option: IcDataTableSortOrderOptions) => {\n const sortOrders = this.sortOptions.sortOrders;\n return sortOrders[(sortOrders.indexOf(option) + 1) % sortOrders.length];\n };\n\n if (this.sortedColumn === key) {\n const sortOption = getNextSortOption(this.sortedColumnOrder);\n label = sortOption !== \"unsorted\" ? `Sort ${sortOption}` : \"Remove sort\";\n } else {\n label = `Sort ${getNextSortOption(\"unsorted\")}`;\n }\n\n return label;\n };\n\n private getComparison = (targetRow: any, comparisonRow: any): number => {\n const targetRowValue = targetRow[this.sortedColumn];\n const comparisonRowValue = comparisonRow[this.sortedColumn];\n return this.columns.find((col) => col.key === this.sortedColumn)\n .dataType === \"date\"\n ? new Date(targetRowValue).valueOf() -\n new Date(comparisonRowValue).valueOf()\n : String(\n this.isObject(targetRowValue)\n ? Object.values(targetRowValue)[0]\n : targetRowValue\n ).localeCompare(\n String(\n this.isObject(comparisonRowValue)\n ? Object.values(comparisonRowValue)[0]\n : comparisonRowValue\n ),\n undefined,\n { numeric: true, sensitivity: \"base\" }\n );\n };\n\n private getSortFunction = () => {\n switch (this.sortedColumnOrder) {\n case \"ascending\":\n return (a: any, b: any) => this.getComparison(a, b);\n case \"descending\":\n return (a: any, b: any) => this.getComparison(b, a);\n default:\n return undefined;\n }\n };\n\n private sortRows = (column: string) => {\n const sortButton = this.el.shadowRoot.querySelector(\n `#sort-button-${column}`\n ) as HTMLIcButtonElement;\n\n const sortOrders = this.sortOptions.sortOrders;\n\n if (column !== this.sortedColumn) {\n if (this.sortedColumn) {\n const previousSortedButton = this.el.shadowRoot.querySelector(\n `#sort-button-${this.sortedColumn}`\n ) as HTMLIcButtonElement;\n previousSortedButton.setAttribute(\n \"aria-label\",\n this.getSortButtonLabel(column)\n ); // Passing through unsorted column returns correct label for newly unsorted column\n }\n this.sortedColumn = column;\n this.sortedColumnOrder = \"unsorted\";\n }\n\n let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n if (nextSortOrderIndex > sortOrders.length - 1) {\n nextSortOrderIndex = 0;\n }\n\n this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n sortButton.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n };\n\n private updateScrollOffset = () => {\n this.scrollOffset = this.el.shadowRoot.querySelector(\n \".table-row-container\"\n ).scrollTop;\n };\n\n render() {\n const {\n caption,\n createColumnHeaders,\n createRows,\n data,\n hideColumnHeaders,\n paginationOptions,\n scrollable,\n scrollOffset,\n showPagination,\n sortable,\n sortedColumnOrder,\n sortedColumn,\n stickyColumnHeaders,\n updateScrollOffset,\n } = this;\n\n return (\n <div class=\"table-container\">\n <div\n class={{\n [\"table-row-container\"]: true,\n scrollable,\n }}\n tabIndex={scrollable ? 0 : null}\n onScroll={updateScrollOffset}\n >\n <table>\n <caption class=\"table-caption\">{caption}</caption>\n {!hideColumnHeaders && (\n <thead\n class={{\n [\"column-header-sticky\"]: stickyColumnHeaders,\n [\"column-header-overlay\"]:\n stickyColumnHeaders && scrollOffset !== 0,\n }}\n >\n <tr>{createColumnHeaders()}</tr>\n </thead>\n )}\n {data?.length > 0 && <tbody>{createRows()}</tbody>}\n </table>\n </div>\n {showPagination && (\n <div class=\"pagination-container\">\n <ic-pagination-bar\n totalItems={data.length}\n paginationType={paginationOptions.type}\n paginationControl={paginationOptions.control}\n showItemsPerPageControl={paginationOptions.itemsPerPageControl}\n showGoToPageControl={paginationOptions.goToPageControl}\n itemsPerPageOptions={paginationOptions.itemsPerPage}\n alignment={paginationOptions.alignment}\n ></ic-pagination-bar>\n </div>\n )}\n {sortable && (\n <div class=\"screen-reader-sort-text\" aria-live=\"polite\">\n {sortedColumnOrder !== \"unsorted\" && sortedColumn\n ? `${sortedColumn} sorted ${sortedColumnOrder}`\n : \"table unsorted\"}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"ic-data-table.js","mappings":"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","names":[],"sources":["src/components/ic-data-table/ic-data-table.css?tag=ic-data-table&encapsulation=shadow","src/components/ic-data-table/ic-data-table.tsx"],"sourcesContent":["/*\n @prop --height: height of the table row container\n /\n\n:host {\n position: relative;\n display: block;\n height: 100%;\n max-height: 100%;\n}\n\ntbody {\n vertical-align: top;\n}\n\n.table-container {\n position: relative;\n height: calc(100% - var(--ic-space-xxxs));\n}\n\n.table-row-container {\n position: relative;\n height: 100%;\n overflow: auto;\n transition: var(--ic-easing-transition-fast);\n overflow-anchor: none;\n}\n\n:host([show-pagination=\"true\"]) .table-row-container {\n height: calc(100% - 3.5625rem);\n}\n\ntable {\n table-layout: fixed;\n border-spacing: 0;\n width: 100%;\n}\n\n.table-row-container:focus {\n outline: none;\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-fast);\n z-index: 1;\n}\n\n:host([embedded=\"true\"]) .table-row-container {\n border: var(--ic-border-light);\n}\n\n.column-header-sticky {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.column-header-overlay {\n position: sticky;\n top: 0;\n z-index: 1;\n box-shadow: 0 0.375rem var(--ic-space-xs) calc(var(--ic-space-xxs -1))\n rgb(0 0 0 / 20%);\n}\n\n.row-header-sticky {\n position: sticky;\n left: 0;\n}\n\n.column-header,\n.table-row {\n box-sizing: border-box;\n}\n\n.table-row-selected {\n background-color: var(--ic-table-row-selected) !important;\n}\n\n.sort-button {\n margin-left: auto;\n}\n\n.sort-button:hover {\n background-color: var(--ic-action-dark-bg-hover);\n}\n\n.sort-button:active {\n background-color: var(--ic-action-dark-bg-active);\n}\n\n.sort-button svg {\n color: var(--ic-architectural-black);\n}\n\n.sort-button-unsorted svg {\n color: var(--ic-color-tertiary-text);\n}\n\n.table-density-dense {\n padding: var(--ic-space-xxs) var(--ic-space-xs) !important;\n}\n\n.text-dense {\n font-size: var(--ic-font-size-label);\n}\n\n.table-density-spacious {\n padding: 0.625rem var(--ic-space-xs) !important;\n}\n\n.text-spacious {\n font-size: 1.125rem;\n}\n\n.column-header-text {\n font-weight: var(--ic-font-weight-bold);\n}\n\n.column-header,\n.row-header {\n text-align: left;\n padding: var(--ic-space-xs);\n background-color: var(--ic-architectural-40);\n border-right: var(--ic-border-light);\n border-bottom: var(--ic-border-light);\n}\n\n.column-header:last-child {\n border-right: none;\n}\n\n.scrollable .column-header:last-child {\n border-right: var(--ic-border-light) !important;\n}\n\n:host([embedded=\"true\"]) tr:last-child .table-cell,\n:host([embedded=\"true\"]) tr:last-child .row-header {\n border-bottom: none;\n}\n\n.column-header-alignment-left,\n.row-header-alignment-left,\n.cell-alignment-left {\n text-align: left !important;\n justify-content: start !important;\n}\n\n.column-header-alignment-right,\n.row-header-alignment-right,\n.cell-alignment-right {\n justify-content: end !important;\n}\n\n.column-header-alignment-center,\n.row-header-alignment-center,\n.cell-alignment-center {\n text-align: center !important;\n}\n\n.table-row:nth-child(even) {\n background-color: var(--ic-architectural-20);\n}\n\n.table-cell {\n padding: var(--ic-space-xs);\n border-bottom: solid var(--ic-architectural-100) var(--ic-space-1px);\n}\n\nic-tooltip > ic-typography {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.data-type-number,\n.data-type-date {\n justify-content: end;\n text-align: end;\n}\n\n.cell-alignment-top {\n vertical-align: top;\n align-items: flex-start;\n}\n\n.cell-alignment-middle {\n vertical-align: middle;\n align-items: center;\n}\n\n.cell-alignment-bottom {\n vertical-align: bottom;\n align-items: flex-end;\n}\n\n.cell-emphasis-low {\n color: var(--ic-color-secondary-text);\n}\n\n.cell-emphasis-high {\n font-weight: var(--ic-font-weight-bold);\n}\n\n.pagination-container {\n background-color: var(--ic-architectural-40);\n border-top: var(--ic-border-light);\n}\n\n.screen-reader-sort-text,\n.table-caption {\n position: absolute;\n left: -100rem;\n}\n\n.table-cell,\n.column-header,\n.row-header {\n word-wrap: break-word;\n white-space: pre-wrap;\n}\n\n.loading-empty {\n padding: var(--ic-space-xl) var(--ic-space-xxl);\n margin-top: var(--ic-space-xl);\n} \n\n.below-table {\n padding: var(--ic-space-xl) var(--ic-space-xxl);\n}\n\n.updating-state {\n padding: 0;\n border-bottom: var(--ic-border-light);\n}\n\n.updating-state-headers {\n border-bottom: none;\n}\n\n.loading {\n position: absolute;\n left: calc(50% - 5.9741rem);\n opacity: 0;\n transition: opacity var(--ic-transition-duration-slow);\n}\n\n.loading.show-background {\n background-color: var(--ic-architectural-white);\n border: var(--ic-border-light);\n}\n\n.loading.show {\n opacity: 1;\n}\n\n.icon,\n::slotted(svg) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n margin-right: var(--ic-space-xxs);\n}\n\n.column-header-alignment-right > .icon,\n.row-header-alignment-right > .icon,\n.cell-alignment-right > .icon,\n.column-header-alignment-right > ::slotted(svg),\n.row-header-alignment-right > ::slotted(svg),\n.cell-alignment-right > ::slotted(svg) {\n margin-right: auto;\n}\n\n.column-header-alignment-center > ic-typography,\n.row-header-alignment-right > ic-typography,\n.cell-alignment-center > ic-typography {\n flex: 1;\n}\n\n.icon > svg {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n display: inline-block;\n}\n\n@media screen and (min-width: 576px) {\n .column-header-inner-container {\n display: flex;\n align-items: center;\n }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any /\nimport {\n Component,\n Element,\n h,\n Prop,\n State,\n Listen,\n Watch,\n Fragment,\n Method,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\nimport unsortedIcon from \"./assets/unsorted-icon.svg\";\nimport ascendingIcon from \"./assets/ascending-icon.svg\";\nimport descendingIcon from \"./assets/descending-icon.svg\";\nimport {\n IcDataTableColumnDataTypes,\n IcDataTableColumnObject,\n IcDataTableDensityOptions,\n IcDataTableRowHeights,\n IcDataTableSortOrderOptions,\n IcDataTableTruncationTypes,\n IcDensityUpdateEventDetail,\n} from \"./ic-data-table.types\";\nimport {\n IcPaginationAlignmentOptions,\n IcPaginationControlTypes,\n IcPaginationTypes,\n} from \"../ic-pagination/ic-pagination.types\";\nimport { IcThemeForegroundNoDefault } from \"@ukic/web-components/dist/types/utils/types\";\n// Unable to import helper functions via @ukic/web-components\nimport { getSlotContent, isSlotUsed, pxToRem } from \"../../utils/helpers\";\n\n/\n @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.\n * @slot {COLUMN_KEY}-{ROW_INDEX}[-icon] - Each cell should have its own slot, named using the column tag and the row index, allowing for custom elements to be displayed. Include `-icon` at the end for that cell's icon slot.\n * @slot {COLUMN_KEY}-column-icon - The icon slot for a column header.\n * @slot title-bar - A custom ic-data-table-title-bar can be slotted above the column headers to display additional information about the table.\n /\n@Component({\n tag: \"ic-data-table\",\n styleUrl: \"ic-data-table.css\",\n shadow: true,\n})\nexport class DataTable {\n private DENSITY_HEIGHT_MULTIPLIER = {\n dense: 0.8,\n default: 1,\n spacious: 1.2,\n };\n\n private DENSITY_PADDING_HEIGHT_DIFF = {\n dense: 8,\n default: 16,\n spacious: 20,\n };\n\n private SORT_ICONS = {\n unsorted: unsortedIcon,\n ascending: ascendingIcon,\n descending: descendingIcon,\n };\n\n private currentRowHeight: number;\n private dataIsSorted: boolean = false;\n private hasLoadedForOneSecond: boolean = true;\n private itemsPerPageChanged: boolean = false;\n private loadingIndicator: HTMLIcLoadingIndicatorElement;\n private timerStarted: number;\n private updateTruncation: boolean = false;\n\n @Element() el: HTMLIcDataTableElement;\n\n @State() fromRow: number = 0;\n\n @State() previousRowsPerPage: number;\n\n @State() rowsPerPage: number;\n\n @State() scrollable: boolean = false;\n\n @State() scrollOffset: number = 0;\n\n @State() selectedRow: object;\n\n @State() sortedColumn: string;\n\n @State() sortedColumnOrder: IcDataTableSortOrderOptions;\n\n @State() toRow: number;\n\n /\n The title for the table only visible to screen readers.\n /\n @Prop() caption!: string;\n\n /\n The column headers for the table.\n /\n @Prop() columns!: IcDataTableColumnObject[];\n\n /\n The row content for the table.\n /\n @Prop() data: { [key: string]: any }[];\n\n /\n Set the density of the table including font and padding.\n /\n @Prop({ mutable: true }) density?: IcDataTableDensityOptions = \"default\";\n\n /\n Applies a border to the table container.\n /\n @Prop() embedded?: boolean = false;\n\n /\n Sets the row height on all rows in the table that aren't set using the variableRowHeight method.\n /\n @Prop({ mutable: true }) globalRowHeight?: IcDataTableRowHeights = 40;\n\n /\n If `true`, column headers will not be visible.\n /\n @Prop() hideColumnHeaders?: boolean = false;\n\n /\n When set to `true`, the full table will show a loading state, featuring a radial indicator.\n /\n @Prop({ mutable: true }) loading?: boolean = false;\n\n /\n Sets the props for the circular loading indicator used in the loading state.\n /\n @Prop() loadingOptions?: {\n appearance?: IcThemeForegroundNoDefault;\n description?: string;\n label?: string;\n labelDuration?: number;\n max?: number;\n min?: number;\n progress?: number;\n showBackground?: boolean;\n };\n\n /\n The minimum amount of time the `loading` state displays for before showing the data. Used to prevent flashing in the component.\n /\n @Prop() minimumLoadingDisplayDuration?: number = 1000;\n\n /\n Sets the props for the pagination bar.\n /\n @Prop() paginationOptions?: {\n itemsPerPage?: { label: string; value: string }[];\n type?: IcPaginationTypes;\n control?: IcPaginationControlTypes;\n itemsPerPageControl?: boolean;\n goToPageControl?: boolean;\n alignment?: IcPaginationAlignmentOptions;\n } = {\n itemsPerPage: [\n { label: \"10\", value: \"10\" },\n { label: \"25\", value: \"25\" },\n { label: \"50\", value: \"50\" },\n ],\n type: \"page\",\n control: \"simple\",\n itemsPerPageControl: true,\n goToPageControl: true,\n alignment: \"right\",\n };\n\n /\n If `true`, adds a pagination bar to the bottom of the table.\n /\n @Prop() showPagination?: boolean = false;\n\n /\n If `true`, allows table columns to be sorted using applied sort buttons.\n /\n @Prop() sortable?: boolean = false;\n\n /\n Sets the order columns will be sorted in and allows for 'default' sorts to be added.\n /\n @Prop() sortOptions?: {\n sortOrders: IcDataTableSortOrderOptions[];\n defaultColumn?: string;\n } = {\n sortOrders: [\"unsorted\", \"ascending\", \"descending\"],\n defaultColumn: \"\",\n };\n\n /\n If `true`, column headers will remain at the top of the table when scrolling vertically.\n /\n @Prop() stickyColumnHeaders?: boolean = false;\n\n /\n If `true`, row headers will remain to the left when scrolling horizontally.\n /\n @Prop() stickyRowHeaders?: boolean = false;\n\n /\n For long text in cells that aren't set to textWrap, define how they should be truncated.\n * `tooltip` adds a tooltip for the rest of the text, `showHide` adds the ic-typography \"See More\"/\"See Less\" buttons.\n /\n @Prop() truncationPattern?: IcDataTableTruncationTypes = \"tooltip\";\n\n /\n If `true`, the table displays a linear loading indicator below the header row to indicate an updating state.\n /\n @Prop() updating?: boolean = false;\n\n /\n Sets the props for the linear loading indicator used in the updating state.\n /\n @Prop() updatingOptions?: {\n appearance?: IcThemeForegroundNoDefault;\n description?: string;\n max?: number;\n min?: number;\n progress?: number;\n };\n\n /\n Allows for custom setting of row heights on individual rows based on an individual value from the `data` prop and the row index.\n * If the function returns `null`, that row's height will be set to the `globalRowHeight` property.\n /\n @Prop({ mutable: true }) variableRowHeight?: (params: {\n [key: string]: any;\n index: number;\n }) => IcDataTableRowHeights \| null;\n\n /\n Emitted when the `globalRowHeight` or `variableRowHeight` properties change in the data table.\n /\n @Event() icRowHeightChange: EventEmitter<void>;\n\n componentWillLoad(): void {\n this.rowsPerPage = Number(this.paginationOptions.itemsPerPage[0].value);\n this.previousRowsPerPage = this.rowsPerPage;\n this.toRow = this.rowsPerPage;\n this.sortedColumn = this.sortOptions.defaultColumn;\n this.sortedColumnOrder = this.sortOptions.sortOrders[0];\n this.loadingOptions = {\n ...this.loadingOptions,\n showBackground: this.data?.length > 0,\n };\n }\n\n componentDidLoad(): void {\n const tableElement = this.el.shadowRoot.querySelector(\"table\");\n const tableContainer = this.el.shadowRoot.querySelector(\".table-container\");\n if (\n tableElement?.clientHeight > tableContainer?.clientHeight \|\|\n tableElement?.clientWidth > tableContainer?.clientWidth\n ) {\n this.scrollable = true;\n }\n if (this.loading) {\n this.startLoadingTimer();\n this.showLoadingIndicator();\n }\n\n this.dataTruncation();\n }\n\n componentDidUpdate(): void {\n if (!this.itemsPerPageChanged) {\n this.updateTruncation = true;\n }\n this.dataTruncation();\n this.itemsPerPageChanged = false;\n this.dataIsSorted = false;\n }\n\n private removeDivStyles = (parentDiv: HTMLElement) => {\n parentDiv.style[\"height\"] = null;\n parentDiv.style[\"overflowY\"] = null;\n };\n\n private VERTICAL_CLASSES = [\"cell-alignment-middle\", \"cell-alignment-bottom\"];\n\n private removeVerticalAlignment = (el: HTMLElement): void => {\n if (\n this.VERTICAL_CLASSES.some((className) =>\n Array.from(el.classList).includes(className)\n )\n ) {\n el.classList.remove(...this.VERTICAL_CLASSES);\n }\n };\n\n private setMaxLines = (\n typographyEl: HTMLIcTypographyElement,\n cellContainer: HTMLElement\n ) => {\n typographyEl.maxLines = Math.max(\n Math.floor(cellContainer.clientHeight / 24) - 1,\n 1\n ); // Math.floor\n typographyEl.checkCellTextMaxLines(\n cellContainer.clientHeight,\n typographyEl.scrollHeight\n );\n\n this.removeDivStyles(cellContainer);\n };\n\n private resetMaxLines = (typographyEl: HTMLIcTypographyElement) => {\n typographyEl.maxLines = undefined;\n };\n\n private dataTruncation = () => {\n Array.from(\n this.el.shadowRoot.querySelectorAll(\n \"ic-typography:not(.column-header-text)\"\n )\n ).forEach((typographyEl: HTMLIcTypographyElement) => {\n const tableCell = typographyEl.closest(\"td\");\n const tooltip = typographyEl.closest(\"ic-tooltip\");\n const cellContainer = typographyEl.closest(\n \".cell-container\"\n ) as HTMLElement;\n\n if (cellContainer?.classList.contains(\"data-type-element\")) return;\n\n if (this.updateTruncation && !this.dataIsSorted) {\n this.resetMaxLines(typographyEl);\n cellContainer.appendChild(typographyEl);\n tooltip?.remove();\n }\n\n if (\n // If cellContainer is bigger than the content inside\n cellContainer?.clientHeight > typographyEl.scrollHeight &&\n !!typographyEl.scrollHeight\n ) {\n if (tooltip) {\n // Move the content into the cell container and remove the tooltip as the content shouldnt be truncated\n cellContainer.appendChild(typographyEl);\n tooltip.remove();\n } else {\n // Remove an maxLines as the content is not truncated\n typographyEl.maxLines = undefined;\n }\n // If content is bigger than cellContainer\n } else if (typographyEl.scrollHeight > cellContainer?.clientHeight) {\n // and the truncationPattern is tooltips\n if (this.truncationPattern === \"tooltip\") {\n // Get the number of lines by dividing by 24 (the eq of a line of text - in height) and add as line-clamp CSS\n typographyEl.style.webkitLineClamp = `${Math.floor(\n cellContainer.clientHeight / 24\n )}`;\n // Items that already have a tooltip before a change to the items per change, keep their tooltip\n if (tooltip && !this.itemsPerPageChanged && !this.dataIsSorted) {\n cellContainer.appendChild(typographyEl);\n tooltip.remove();\n }\n if (tooltip && this.dataIsSorted) {\n tooltip.setAttribute(\"target\", typographyEl.id);\n tooltip.setAttribute(\"label\", typographyEl.textContent);\n }\n if (!tooltip) {\n // if truncation pattern is tooltip and the tooltip does not exist, dynamically create one and add the content inside\n const tooltipEl = document.createElement(\"ic-tooltip\");\n const rowIndex = Number(typographyEl.id.match(/-(\\d+)$/)[1]);\n tooltipEl.setAttribute(\"target\", typographyEl.id);\n tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n\n // Checks if the truncated text is in the first row of the displayed page\n rowIndex === 0 && tooltipEl.setAttribute(\"placement\", \"bottom\");\n // Checks if the truncated text is in the last row of the displayed page\n if (\n rowIndex === this.data.length - 1 \|\|\n rowIndex === this.rowsPerPage - 1\n ) {\n tooltipEl.setAttribute(\"placement\", \"top\");\n }\n // Checks if the truncated text is in the first column\n typographyEl.id.includes(this.columns[0].key) &&\n tooltipEl.setAttribute(\"placement\", \"right\");\n // Checks if the truncated text is in the last column\n typographyEl.id.includes(\n this.columns[this.columns.length - 1].key\n ) && tooltipEl.setAttribute(\"placement\", \"left\");\n typographyEl.parentNode.replaceChild(tooltipEl, typographyEl);\n tooltipEl.appendChild(typographyEl);\n }\n } else {\n // Else set the maxLines and add the see more/see less truncation link under\n this.setMaxLines(typographyEl, cellContainer);\n\n // Truncation should remove all alignment styling\n this.removeVerticalAlignment(tableCell);\n this.removeVerticalAlignment(cellContainer);\n }\n }\n });\n\n if (this.updateTruncation) {\n this.updateTruncation = false;\n }\n };\n\n @Listen(\"icItemsPerPageChange\")\n handleItemsPerPageChange(ev: CustomEvent): void {\n this.previousRowsPerPage = this.rowsPerPage;\n this.rowsPerPage = ev.detail.value;\n this.itemsPerPageChanged = true;\n this.dataTruncation();\n }\n\n @Listen(\"icPageChange\")\n handlePageChange(ev: CustomEvent): void {\n this.fromRow = (ev.detail.value - 1) this.rowsPerPage;\n this.toRow = this.fromRow + this.rowsPerPage;\n const tableRowsContainer = this.el.shadowRoot.querySelector(\n \".table-row-container\"\n );\n if (this.previousRowsPerPage === this.rowsPerPage) {\n tableRowsContainer.scrollTop = 0;\n } else if (this.previousRowsPerPage < this.rowsPerPage) {\n tableRowsContainer.scrollTop = this.scrollOffset;\n this.previousRowsPerPage = this.rowsPerPage;\n } else {\n this.previousRowsPerPage = this.rowsPerPage;\n }\n\n this.dataTruncation();\n }\n\n @Listen(\"icTableDensityUpdate\")\n handleDensityChange(ev: CustomEvent<IcDensityUpdateEventDetail>): void {\n this.density = ev.detail.value;\n }\n\n @Listen(\"click\", { target: \"window\" })\n clickListener(ev: MouseEvent): void {\n if (ev.target !== this.el) this.selectedRow = undefined;\n }\n\n @Watch(\"loading\")\n loadingHandler(newValue: boolean): void {\n if (newValue) this.startLoadingTimer();\n\n if (this.loading) {\n setTimeout(() => {\n this.showLoadingIndicator();\n }, 500);\n }\n }\n\n @Watch(\"data\")\n dataHandler(newData: { [key: string]: any }[]): void {\n this.loadingOptions = {\n ...this.loadingOptions,\n showBackground: newData?.length > 0,\n };\n if (this.loading) {\n !this.hasLoadedForOneSecond\n ? setTimeout(\n () => (this.loading = false),\n this.minimumLoadingDisplayDuration -\n (Date.now() - this.timerStarted)\n )\n : (this.loading = false);\n }\n this.updating &&= false;\n }\n\n @Watch(\"globalRowHeight\")\n @Watch(\"variableRowHeight\")\n rowHeightChangeHandler(): void {\n this.dataTruncation();\n\n const deleteTextWrapKey = (array: any[]) =>\n array.forEach((val) => val.textWrap && delete val.textWrap);\n deleteTextWrapKey(this.data);\n deleteTextWrapKey(this.columns);\n\n this.icRowHeightChange.emit();\n }\n\n /*\n Resets the `globalRowHeight` prop to `40px` and sets the `variableRowHeight` prop to `null`.\n /\n @Method()\n async resetRowHeights(): Promise<void> {\n this.globalRowHeight = 40;\n this.variableRowHeight = null;\n }\n\n private showLoadingIndicator() {\n this.loadingIndicator.classList.add(\"show\");\n }\n\n private startLoadingTimer = (): void => {\n this.hasLoadedForOneSecond = false;\n this.timerStarted = Date.now();\n setTimeout(() => {\n this.hasLoadedForOneSecond = true;\n this.timerStarted = null;\n }, this.minimumLoadingDisplayDuration);\n };\n\n private isObject = (value: any) => typeof value === \"object\";\n\n private notDefaultDensity = () => this.density !== \"default\";\n\n private getCellContent = (\n cell: any,\n dataType: IcDataTableColumnDataTypes\n ): any => {\n switch (dataType) {\n case \"element\":\n return undefined;\n case \"date\":\n return (\n cell instanceof Date ? cell : new Date(cell)\n ).toLocaleDateString();\n default:\n return cell;\n }\n };\n\n private getCellAlignment = (\n cell: any,\n alignment: \"horizontal\" \| \"vertical\"\n ) => {\n if (this.isObject(cell) && Object.keys(cell).includes(\"cellAlignment\")) {\n return this.getObjectValue(\n this.getObjectValue(cell, \"cellAlignment\"),\n alignment\n );\n }\n };\n\n private createUpdatingIndicator = () => {\n const { appearance, description, max, min, progress } =\n this.updatingOptions \|\| {};\n return (\n <th colSpan={this.columns.length} class=\"updating-state\">\n <ic-loading-indicator\n appearance={appearance}\n description={description \|\| \"Updating table data\"}\n fullWidth={true}\n max={max}\n min={min}\n progress={progress}\n type=\"linear\"\n size=\"small\"\n ></ic-loading-indicator>\n </th>\n );\n };\n\n private setRowHeight = (height: number) => {\n return pxToRem(\n `${\n height this.DENSITY_HEIGHT_MULTIPLIER[this.density] -\n this.DENSITY_PADDING_HEIGHT_DIFF[this.density]\n }px`\n );\n };\n\n private createCells = (row: object, rowIndex: number) => {\n // Get the name of the row??\n const rowValues = Object.values(row);\n const rowKeys = Object.keys(row);\n const rowTextWrapIndex = rowKeys.indexOf(\"textWrap\");\n const rowTextWrap = rowTextWrapIndex > -1 && rowValues[rowTextWrapIndex];\n let rowAlignment: string;\n let rowEmphasis: string;\n const headerIndex = rowKeys.indexOf(\"header\");\n if (headerIndex > -1) {\n rowAlignment = this.getObjectValue(\n rowValues[headerIndex],\n \"rowAlignment\"\n );\n rowEmphasis = this.getObjectValue(rowValues[headerIndex], \"emphasis\");\n }\n return rowValues.map((cell, index) => {\n const { columnAlignment, dataType, emphasis, icon, key, textWrap } =\n this.columns[index] \|\| {};\n const cellSlotName = `${key}-${rowIndex}`;\n const hasIcon = this.isObject(cell) && Object.keys(cell).includes(\"icon\");\n const isNotElement = dataType !== \"element\";\n const cellValue = (key: string) => this.getObjectValue(cell, key);\n\n return (\n key &&\n (rowKeys[index] === \"header\" ? (\n <th\n scope=\"row\"\n colSpan={cellValue(\"colspan\")}\n class={{\n [\"row-header\"]: true,\n [`row-header-alignment-${cellValue(\"cellAlignment\")}`]:\n !!cellValue(\"cellAlignment\"),\n [\"row-header-sticky\"]: this.stickyRowHeaders,\n }}\n >\n {cellValue(\"title\")}\n </th>\n ) : (\n <td\n class={{\n [\"table-cell\"]: true,\n [`table-density-${this.density}`]: this.notDefaultDensity(),\n [`data-type-${dataType}-cell`]: true,\n [`cell-alignment-${\n columnAlignment?.vertical \|\|\n rowAlignment \|\|\n this.getCellAlignment(cell, \"vertical\")\n }`]:\n !!columnAlignment?.vertical \|\|\n !!rowAlignment \|\|\n !!this.getCellAlignment(cell, \"vertical\"),\n }}\n >\n <div\n innerHTML={\n dataType === \"element\" && !isSlotUsed(this.el, cellSlotName)\n ? (cell as string)\n : null\n }\n class={{\n \"cell-container\": isNotElement,\n [`data-type-${dataType}`]: true,\n [`cell-alignment-${\n columnAlignment?.horizontal \|\|\n this.getCellAlignment(cell, \"horizontal\")\n }`]:\n !!columnAlignment?.horizontal \|\|\n !!this.getCellAlignment(cell, \"horizontal\"),\n [`cell-alignment-${\n columnAlignment?.vertical \|\|\n rowAlignment \|\|\n this.getCellAlignment(cell, \"vertical\")\n }`]:\n !!columnAlignment?.vertical \|\|\n !!rowAlignment \|\|\n !!this.getCellAlignment(cell, \"vertical\"),\n }}\n style={{\n height:\n this.currentRowHeight &&\n !rowTextWrap &&\n !textWrap &&\n isNotElement\n ? this.setRowHeight(this.currentRowHeight)\n : null,\n overflowY:\n this.truncationPattern === \"tooltip\" &&\n !(rowTextWrap && textWrap) &&\n isNotElement\n ? \"hidden\"\n : null,\n }}\n >\n {isSlotUsed(this.el, cellSlotName) ? (\n <slot name={cellSlotName} />\n ) : (\n <Fragment>\n {isSlotUsed(this.el, `${cellSlotName}-icon`) ? (\n <slot name={`${cellSlotName}-icon`} />\n ) : (\n (hasIcon \|\| icon?.onAllCells) && (\n <span\n class=\"icon\"\n innerHTML={cellValue(\"icon\") \|\| icon.icon}\n ></span>\n )\n )}\n <ic-typography\n id={cellSlotName}\n variant=\"body\"\n class={{\n [`cell-emphasis-${\n (this.isObject(cell) && cellValue(\"emphasis\")) \|\|\n emphasis \|\|\n rowEmphasis\n }`]:\n (this.isObject(cell) && !!cellValue(\"emphasis\")) \|\|\n !!emphasis \|\|\n !!rowEmphasis,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {this.isObject(cell) && dataType !== \"date\" ? (\n Object.keys(cell).includes(\"href\") ? (\n <ic-link href={cellValue(\"href\")}>\n {cellValue(\"data\")}\n </ic-link>\n ) : (\n cellValue(\"data\")\n )\n ) : (\n this.getCellContent(cell, dataType)\n )}\n </ic-typography>\n </Fragment>\n )}\n </div>\n </td>\n ))\n );\n });\n };\n\n private createColumnHeaders = () => {\n return this.columns.map(({ cellAlignment, colspan, icon, key, title }) => (\n <th\n scope=\"col\"\n class={{\n [\"column-header\"]: true,\n [`table-density-${this.density}`]: this.notDefaultDensity(),\n [\"updating-state-headers\"]: this.updating && !this.loading,\n }}\n colSpan={colspan}\n >\n <div\n class={{\n \"column-header-inner-container\": true,\n [`column-header-alignment-${cellAlignment}`]: !!cellAlignment,\n }}\n >\n {isSlotUsed(this.el, `${key}-column-icon`) ? (\n <slot name={`${key}-column-icon`} />\n ) : (\n icon &&\n !icon.hideOnHeader && (\n <span class=\"icon\" innerHTML={icon.icon}></span>\n )\n )}\n <ic-typography\n variant=\"body\"\n class={{\n [\"column-header-text\"]: true,\n [`text-${this.density}`]: this.notDefaultDensity(),\n }}\n >\n {title}\n </ic-typography>\n {this.sortable && (\n <ic-button\n variant=\"icon\"\n id={`sort-button-${key}`}\n aria-label={this.getSortButtonLabel(key)}\n // eslint-disable-next-line react/jsx-no-bind\n onClick={() => this.sortRows(key)}\n innerHTML={\n this.SORT_ICONS[\n this.sortedColumn === key\n ? this.sortedColumnOrder\n : \"unsorted\"\n ]\n }\n class={{\n [\"sort-button\"]: true,\n [\"sort-button-unsorted\"]:\n this.sortedColumn !== key \|\|\n this.sortedColumnOrder === \"unsorted\",\n }}\n ></ic-button>\n )}\n </div>\n </th>\n ));\n };\n\n private onRowClick = (target: HTMLElement, row: object) => {\n if (\n target.tagName !== \"IC-TYPOGRAPHY\" &&\n !target.style.getPropertyValue(\"--truncation-max-lines\")\n ) {\n this.selectedRow =\n !(this.selectedRow === row && this.loading && this.updating) && row;\n }\n };\n\n private createRows = () => {\n const data = this.showPagination\n ? this.data.slice(this.fromRow, this.toRow)\n : this.data.slice();\n\n /*\n Ensures that createCells has a value in data to map over to actually render the slot.\n * Removes the need for the user to add it multiple times.\n */\n this.columns.forEach(({ key }) => {\n data.forEach((row, rowIndex) => {\n const cellSlotName = `${key}-${rowIndex}`;\n if (isSlotUsed(this.el, cellSlotName)) {\n row[key] = getSlotContent(this.el, cellSlotName);\n }\n });\n });\n\n return data\n .sort(!this.sortable ? undefined : this.getSortFunction())\n .map((row, index) => {\n const variableRowHeightVal = this.variableRowHeight?.({\n ...row,\n index,\n });\n this.currentRowHeight = variableRowHeightVal\n ? variableRowHeightVal !== \"auto\" && variableRowHeightVal\n : this.globalRowHeight !== \"auto\" && this.globalRowHeight;\n\n return (\n <tr\n // eslint-disable-next-line react/jsx-no-bind\n onClick={(event: MouseEvent) =>\n this.onRowClick(event.target as HTMLElement, row)\n }\n class={{\n [\"table-row\"]: true,\n [\"table-row-selected\"]: this.selectedRow === row,\n }}\n >\n {this.createCells(row, index)}\n </tr>\n );\n });\n };\n\n private getObjectValue = (cell: object, key: string) => {\n return Object.values(cell)[Object.keys(cell).indexOf(key)];\n };\n\n private getSortButtonLabel = (key: string) => {\n let label = \"\";\n const getNextSortOption = (option: IcDataTableSortOrderOptions) => {\n const sortOrders = this.sortOptions.sortOrders;\n return sortOrders[(sortOrders.indexOf(option) + 1) % sortOrders.length];\n };\n\n if (this.sortedColumn === key) {\n const sortOption = getNextSortOption(this.sortedColumnOrder);\n label = sortOption !== \"unsorted\" ? `Sort ${sortOption}` : \"Remove sort\";\n } else {\n label = `Sort ${getNextSortOption(\"unsorted\")}`;\n }\n\n return label;\n };\n\n private getComparison = (targetRow: any, comparisonRow: any): number => {\n const targetRowValue = targetRow[this.sortedColumn];\n const comparisonRowValue = comparisonRow[this.sortedColumn];\n return this.columns.find((col) => col.key === this.sortedColumn)\n .dataType === \"date\"\n ? new Date(targetRowValue).valueOf() -\n new Date(comparisonRowValue).valueOf()\n : String(\n this.isObject(targetRowValue)\n ? Object.values(targetRowValue)[0]\n : targetRowValue\n ).localeCompare(\n String(\n this.isObject(comparisonRowValue)\n ? Object.values(comparisonRowValue)[0]\n : comparisonRowValue\n ),\n undefined,\n { numeric: true, sensitivity: \"base\" }\n );\n };\n\n private getSortFunction = () => {\n switch (this.sortedColumnOrder) {\n case \"ascending\":\n return (a: any, b: any) => this.getComparison(a, b);\n case \"descending\":\n return (a: any, b: any) => this.getComparison(b, a);\n default:\n return undefined;\n }\n };\n\n private sortRows = (column: string) => {\n const sortButton = this.el.shadowRoot.querySelector(\n `#sort-button-${column}`\n ) as HTMLIcButtonElement;\n this.dataIsSorted = true;\n const sortOrders = this.sortOptions.sortOrders;\n\n if (column !== this.sortedColumn) {\n if (this.sortedColumn) {\n const previousSortedButton = this.el.shadowRoot.querySelector(\n `#sort-button-${this.sortedColumn}`\n ) as HTMLIcButtonElement;\n previousSortedButton.setAttribute(\n \"aria-label\",\n this.getSortButtonLabel(column)\n ); // Passing through unsorted column returns correct label for newly unsorted column\n }\n this.sortedColumn = column;\n this.sortedColumnOrder = \"unsorted\";\n }\n\n let nextSortOrderIndex = sortOrders.indexOf(this.sortedColumnOrder) + 1;\n\n if (nextSortOrderIndex > sortOrders.length - 1) {\n nextSortOrderIndex = 0;\n }\n\n this.sortedColumnOrder = sortOrders[nextSortOrderIndex];\n\n sortButton.setAttribute(\"aria-label\", this.getSortButtonLabel(column));\n };\n\n private updateScrollOffset = () => {\n this.scrollOffset = this.el.shadowRoot.querySelector(\n \".table-row-container\"\n ).scrollTop;\n };\n\n render() {\n const {\n caption,\n createColumnHeaders,\n createRows,\n createUpdatingIndicator,\n data,\n hideColumnHeaders,\n loading,\n loadingOptions,\n paginationOptions,\n scrollable,\n scrollOffset,\n showPagination,\n sortable,\n sortedColumnOrder,\n sortedColumn,\n stickyColumnHeaders,\n updateScrollOffset,\n updating,\n } = this;\n\n return (\n <div class=\"table-container\">\n {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n <div\n class={{\n [\"table-row-container\"]: true,\n scrollable,\n }}\n tabIndex={scrollable ? 0 : null}\n onScroll={updateScrollOffset}\n >\n {isSlotUsed(this.el, \"title-bar\") && <slot name=\"title-bar\" />}\n <table>\n <caption class=\"table-caption\">{caption}</caption>\n {!hideColumnHeaders && (\n <thead\n class={{\n [\"column-header-sticky\"]: stickyColumnHeaders,\n [\"column-header-overlay\"]:\n stickyColumnHeaders && scrollOffset !== 0,\n }}\n >\n <tr>{createColumnHeaders()}</tr>\n </thead>\n )}\n {updating &&\n !loading &&\n (hideColumnHeaders ? (\n <thead>{createUpdatingIndicator()}</thead>\n ) : (\n createUpdatingIndicator()\n ))}\n {data?.length > 0 && !loading && <tbody>{createRows()}</tbody>}\n </table>\n {!data?.length &&\n !loading &&\n (isSlotUsed(this.el, \"empty-state\") ? (\n <slot name=\"empty-state\" />\n ) : (\n <ic-empty-state\n aligned=\"center\"\n heading=\"No Data\"\n class=\"loading-empty\"\n ></ic-empty-state>\n ))}\n </div>\n {loading && (\n <ic-loading-indicator\n appearance={loadingOptions?.appearance}\n class={{\n \"loading-empty\": loading,\n loading: true,\n \"show-background\": loadingOptions.showBackground,\n }}\n description={loadingOptions.description \|\| \"Loading table data\"}\n label={loadingOptions.label \|\| \"Loading...\"}\n labelDuration={loadingOptions?.labelDuration}\n max={loadingOptions?.max}\n min={loadingOptions?.min}\n progress={loadingOptions?.progress}\n ref={(el: HTMLIcLoadingIndicatorElement) =>\n (this.loadingIndicator = el)\n }\n ></ic-loading-indicator>\n )}\n {showPagination && (\n <div class=\"pagination-container\">\n <ic-pagination-bar\n totalItems={data.length}\n paginationType={paginationOptions.type}\n paginationControl={paginationOptions.control}\n showItemsPerPageControl={paginationOptions.itemsPerPageControl}\n showGoToPageControl={paginationOptions.goToPageControl}\n itemsPerPageOptions={paginationOptions.itemsPerPage}\n alignment={paginationOptions.alignment}\n ></ic-pagination-bar>\n </div>\n )}\n {sortable && (\n <div class=\"screen-reader-sort-text\" aria-live=\"polite\">\n {sortedColumnOrder !== \"unsorted\" && sortedColumn\n ? `${sortedColumn} sorted ${sortedColumnOrder}`\n : \"table unsorted\"}\n </div>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/ic-empty-state.js CHANGED Viewed

@@ -1,60 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { i as isSlotUsed, o as onComponentRequiredPropUndefined } from './helpers.js';
-import { d as defineCustomElement$2 } from './ic-typography2.js';
-const icEmptyStateCss = ":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.right),:host(.right) .action-area{align-items:flex-end;text-align:right}:host(.center),:host(.center) .action-area{align-items:center;text-align:center}:host(.image-default) ::slotted(svg),:host(.image-default) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}";
-const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.aligned = "left";
-        this.body = undefined;
-        this.bodyMaxLines = undefined;
-        this.heading = undefined;
-        this.imageSize = "default";
-        this.subheading = undefined;
-    }
-    componentDidLoad() {
-        !isSlotUsed(this.el, "heading") &&
-            onComponentRequiredPropUndefined([{ prop: this.heading, propName: "heading" }], "Empty State");
-    }
-    render() {
-        const { aligned, body, bodyMaxLines, heading, imageSize, subheading } = this;
-        return (h(Host, { class: {
-                [`${aligned}`]: true,
-                [`image-${imageSize}`]: isSlotUsed(this.el, "image"),
-            } }, isSlotUsed(this.el, "image") && h("slot", { name: "image" }), h("div", null, h("slot", { name: "heading" }, h("ic-typography", { variant: "h4" }, heading)), h("slot", { name: "subheading" }, h("ic-typography", { variant: "subtitle-small" }, subheading)), h("slot", { name: "body" }, h("ic-typography", { maxLines: bodyMaxLines }, body))), isSlotUsed(this.el, "actions") && (h("div", { class: "action-area" }, h("slot", { name: "actions" })))));
-    }
-    get el() { return this; }
-    static get style() { return icEmptyStateCss; }
-}, [1, "ic-empty-state", {
-        "aligned": [1],
-        "body": [1],
-        "bodyMaxLines": [2, "body-max-lines"],
-        "heading": [1],
-        "imageSize": [1, "image-size"],
-        "subheading": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ic-empty-state", "ic-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ic-empty-state":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, EmptyState);
-            }
-            break;
-        case "ic-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
+import { E as EmptyState, d as defineCustomElement$1 } from './ic-empty-state2.js';
 const IcEmptyState = EmptyState;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ic-empty-state.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ic-empty-state.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,01BAA01B;;MCSr2B,UAAU;IACnB;;;;QACI,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;KAC/B;IACD,gBAAgB;QACZ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC;YAC3B,gCAAgC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC;KACtG;IACD,MAAM;QACF,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC7E,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBACjB,CAAC,GAAG,OAAO,EAAE,GAAG,IAAI;gBACpB,CAAC,SAAS,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC;aACvD,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;KACxc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[~~"../web-components/dist/collection/components/ic-empty-state/ic-empty-state.css?tag=ic-empty-state&encapsulation=shadow","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.js"~~],"sourcesContent":[":host {\n gap: var(--ic-space-xs);\n padding: var(--ic-space-xs);\n}\n\n:host,\n.action-area {\n display: flex;\n flex-direction: column;\n}\n\n.action-area {\n gap: var(--ic-space-md);\n}\n\n:host ::slotted(svg),\n:host ::slotted(img) {\n border-radius: var(--ic-space-xxs);\n}\n\n:host(.right),\n:host(.right) .action-area {\n align-items: flex-end;\n text-align: right;\n}\n\n:host(.center),\n:host(.center) .action-area {\n align-items: center;\n text-align: center;\n}\n\n:host(.image-default) ::slotted(svg),\n:host(.image-default) ::slotted(img) {\n height: calc(3 * var(--ic-space-lg)) !important;\n width: calc(3 * var(--ic-space-lg)) !important;\n}\n\n:host(.image-small) ::slotted(svg),\n:host(.image-small) ::slotted(img) {\n height: var(--ic-space-xxl) !important;\n width: var(--ic-space-xxl) !important;\n}\n\n:host(.image-large) ::slotted(svg),\n:host(.image-large) ::slotted(img) {\n height: calc(4 * var(--ic-space-xl)) !important;\n width: calc(4 * var(--ic-space-xl)) !important;\n}\n","import { h, Host } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\n/*\n @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\nexport class EmptyState {\n constructor() {\n this.aligned = \"left\";\n this.body = undefined;\n this.bodyMaxLines = undefined;\n this.heading = undefined;\n this.imageSize = \"default\";\n this.subheading = undefined;\n }\n componentDidLoad() {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Empty State\");\n }\n render() {\n const { aligned, body, bodyMaxLines, heading, imageSize, subheading } = this;\n return (h(Host, { class: {\n [`${aligned}`]: true,\n [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n } }, isSlotUsed(this.el, \"image\") && h(\"slot\", { name: \"image\" }), h(\"div\", null, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: \"h4\" }, heading)), h(\"slot\", { name: \"subheading\" }, h(\"ic-typography\", { variant: \"subtitle-small\" }, subheading)), h(\"slot\", { name: \"body\" }, h(\"ic-typography\", { maxLines: bodyMaxLines }, body))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { class: \"action-area\" }, h(\"slot\", { name: \"actions\" })))));\n }\n static get is() { return \"ic-empty-state\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcEmptyStateAlignment\",\n \"resolved\": \"\\\"center\\\" \| \\\"left\\\" \| \\\"right\\\"\",\n \"references\": {\n \"IcEmptyStateAlignment\": {\n \"location\": \"import\",\n \"path\": \"./ic-empty-state.types\",\n \"id\": \"src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the empty state container.\"\n },\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"left\\\"\"\n },\n \"body\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The body text rendered in the empty state container.\"\n },\n \"attribute\": \"body\",\n \"reflect\": false\n },\n \"bodyMaxLines\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of lines of body text to display before truncating.\"\n },\n \"attribute\": \"body-max-lines\",\n \"reflect\": false\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The title rendered in the empty state container.\"\n },\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"imageSize\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"default\\\" \| \\\"large\\\" \| \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the image or icon used in the image slot.\"\n },\n \"attribute\": \"image-size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"subheading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The subtitle rendered in the empty state container.\"\n },\n \"attribute\": \"subheading\",\n \"reflect\": false\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-empty-state.js.map\n"],"version":3}
1	+ {"file":"ic-empty-state.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/{esm/ic-empty-state.entry.js → components/ic-empty-state2.js} RENAMED Viewed

@@ -1,12 +1,14 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-93509377.js';
-import { i as isSlotUsed, a as onComponentRequiredPropUndefined } from './helpers-7aa21b0a.js';
-import './types-f605c21c.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { i as isSlotUsed, o as onComponentRequiredPropUndefined } from './helpers.js';
+import { d as defineCustomElement$1 } from './ic-typography2.js';
 const icEmptyStateCss = ":host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.right),:host(.right) .action-area{align-items:flex-end;text-align:right}:host(.center),:host(.center) .action-area{align-items:center;text-align:center}:host(.image-default) ::slotted(svg),:host(.image-default) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}";
-const EmptyState = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
+const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
         this.aligned = "left";
         this.body = undefined;
         this.bodyMaxLines = undefined;
@@ -25,10 +27,35 @@ const EmptyState = class {
                 [`image-${imageSize}`]: isSlotUsed(this.el, "image"),
             } }, isSlotUsed(this.el, "image") && h("slot", { name: "image" }), h("div", null, h("slot", { name: "heading" }, h("ic-typography", { variant: "h4" }, heading)), h("slot", { name: "subheading" }, h("ic-typography", { variant: "subtitle-small" }, subheading)), h("slot", { name: "body" }, h("ic-typography", { maxLines: bodyMaxLines }, body))), isSlotUsed(this.el, "actions") && (h("div", { class: "action-area" }, h("slot", { name: "actions" })))));
     }
-    get el() { return getElement(this); }
-};
-EmptyState.style = icEmptyStateCss;
+    get el() { return this; }
+    static get style() { return icEmptyStateCss; }
+}, [1, "ic-empty-state", {
+        "aligned": [1],
+        "body": [1],
+        "bodyMaxLines": [2, "body-max-lines"],
+        "heading": [1],
+        "imageSize": [1, "image-size"],
+        "subheading": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["ic-empty-state", "ic-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "ic-empty-state":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EmptyState);
+            }
+            break;
+        case "ic-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
-export { EmptyState as ic_empty_state };
+export { EmptyState as E, defineCustomElement as d };
-//# sourceMappingURL=ic-empty-state.entry.js.map
+//# sourceMappingURL=ic-empty-state2.js.map

package/dist/components/ic-empty-state2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ic-empty-state2.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,01BAA01B;;MCSr2B,UAAU;IACnB;;;;QACI,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;KAC/B;IACD,gBAAgB;QACZ,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC;YAC3B,gCAAgC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,aAAa,CAAC,CAAC;KACtG;IACD,MAAM;QACF,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC7E,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBACjB,CAAC,GAAG,OAAO,EAAE,GAAG,IAAI;gBACpB,CAAC,SAAS,SAAS,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC;aACvD,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;KACxc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-empty-state/ic-empty-state.css?tag=ic-empty-state&encapsulation=shadow","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.js"],"sourcesContent":[":host {\n gap: var(--ic-space-xs);\n padding: var(--ic-space-xs);\n}\n\n:host,\n.action-area {\n display: flex;\n flex-direction: column;\n}\n\n.action-area {\n gap: var(--ic-space-md);\n}\n\n:host ::slotted(svg),\n:host ::slotted(img) {\n border-radius: var(--ic-space-xxs);\n}\n\n:host(.right),\n:host(.right) .action-area {\n align-items: flex-end;\n text-align: right;\n}\n\n:host(.center),\n:host(.center) .action-area {\n align-items: center;\n text-align: center;\n}\n\n:host(.image-default) ::slotted(svg),\n:host(.image-default) ::slotted(img) {\n height: calc(3 * var(--ic-space-lg)) !important;\n width: calc(3 * var(--ic-space-lg)) !important;\n}\n\n:host(.image-small) ::slotted(svg),\n:host(.image-small) ::slotted(img) {\n height: var(--ic-space-xxl) !important;\n width: var(--ic-space-xxl) !important;\n}\n\n:host(.image-large) ::slotted(svg),\n:host(.image-large) ::slotted(img) {\n height: calc(4 * var(--ic-space-xl)) !important;\n width: calc(4 * var(--ic-space-xl)) !important;\n}\n","import { h, Host } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\nexport class EmptyState {\n constructor() {\n this.aligned = \"left\";\n this.body = undefined;\n this.bodyMaxLines = undefined;\n this.heading = undefined;\n this.imageSize = \"default\";\n this.subheading = undefined;\n }\n componentDidLoad() {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Empty State\");\n }\n render() {\n const { aligned, body, bodyMaxLines, heading, imageSize, subheading } = this;\n return (h(Host, { class: {\n [`${aligned}`]: true,\n [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n } }, isSlotUsed(this.el, \"image\") && h(\"slot\", { name: \"image\" }), h(\"div\", null, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: \"h4\" }, heading)), h(\"slot\", { name: \"subheading\" }, h(\"ic-typography\", { variant: \"subtitle-small\" }, subheading)), h(\"slot\", { name: \"body\" }, h(\"ic-typography\", { maxLines: bodyMaxLines }, body))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { class: \"action-area\" }, h(\"slot\", { name: \"actions\" })))));\n }\n static get is() { return \"ic-empty-state\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-empty-state.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcEmptyStateAlignment\",\n \"resolved\": \"\\\"center\\\" | \\\"left\\\" | \\\"right\\\"\",\n \"references\": {\n \"IcEmptyStateAlignment\": {\n \"location\": \"import\",\n \"path\": \"./ic-empty-state.types\",\n \"id\": \"src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the empty state container.\"\n },\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"left\\\"\"\n },\n \"body\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The body text rendered in the empty state container.\"\n },\n \"attribute\": \"body\",\n \"reflect\": false\n },\n \"bodyMaxLines\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of lines of body text to display before truncating.\"\n },\n \"attribute\": \"body-max-lines\",\n \"reflect\": false\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The title rendered in the empty state container.\"\n },\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"imageSize\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the image or icon used in the image slot.\"\n },\n \"attribute\": \"image-size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"subheading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The subtitle rendered in the empty state container.\"\n },\n \"attribute\": \"subheading\",\n \"reflect\": false\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-empty-state.js.map\n"],"version":3}

package/dist/components/ic-input-component-container2.js CHANGED Viewed

@@ -33,7 +33,7 @@ const InputComponentContainer = /*@__PURE__*/ proxyCustomElement(class InputComp
                 ["multiline"]: multiLine,
                 ["fullwidth"]: fullWidth,
                 ["dark"]: dark || appearance === "dark",
-            }, "aria-disabled": disabled && `${disabled}` }, h("div", { class: {
+            } }, h("div", { class: {
                 "focus-indicator": true,
                 dark: dark || appearance === "dark",
             } }, isSlotUsed(this.el, "left-icon") && (h("div", { class: {

package/dist/components/ic-input-component-container2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ic-input-component-container2.js","mappings":";;;;AAAA,MAAM,4BAA4B,GAAG,2rGAA2rG;;MCOntG,uBAAuB;IAChC;;;QACI,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;KAC9B;IACD,MAAM;QACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,GAAG,GAAG,IAAI,CAAC;QAC9H,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;cACtF,IAAI;cACJ,KAAK,CAAC;QACZ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBACjB,KAAK,EAAE,KAAK;gBACZ,CAAC,GAAG,IAAI,EAAE,GAAG,IAAI;gBACjB,CAAC,gBAAgB,GAAG,mBAAmB;gBACvC,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ;gBAClB,CAAC,WAAW,GAAG,SAAS;gBACxB,CAAC,WAAW,GAAG,SAAS;gBACxB,CAAC,MAAM,GAAG,IAAI,IAAI,UAAU,KAAK,MAAM;aAC1C,EAAE,eAAe,EAAE,QAAQ,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;gBAC/D,iBAAiB,EAAE,IAAI;gBACvB,IAAI,EAAE,IAAI,IAAI,UAAU,KAAK,MAAM;aACtC,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;gBACxD,CAAC,gBAAgB,GAAG,IAAI;aAC3B,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,gBAAgB;YAC1E,gBAAgB,KAAK,mBAAmB,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;gBACpE,CAAC,gBAAgB,GAAG,IAAI;aAC3B,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;KACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.js"],"sourcesContent":["ic-input-component-container {\n /*\n @prop --border-color: Border colour of the input component container\n /\n\n display: flex;\n border: var(--ic-border-width) solid\n var(--border-color, var(--ic-architectural-400));\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-slow);\n height: 2.5rem;\n width: var(--input-width, 20rem);\n padding: var(--ic-space-1px);\n background-color: var(--ic-architectural-white);\n box-sizing: border-box;\n fill: var(--ic-architectural-400);\n outline: none;\n}\n\nic-input-component-container.fullwidth {\n width: 100%;\n}\n\nic-input-component-container.disabled,\nic-input-component-container.disabled:hover {\n border: var(--ic-border-width) dashed var(--ic-architectural-200);\n}\n\nic-input-component-container.readonly,\nic-input-component-container.readonly:hover {\n border: none;\n padding: 0;\n}\n\nic-input-component-container.error {\n border: var(--ic-error-border-default);\n padding: 0;\n}\n\nic-input-component-container.error:hover {\n border: var(--ic-error-border-hover);\n}\n\nic-input-component-container.error:focus-within {\n border: var(--ic-error-border-pressed);\n}\n\nic-input-component-container.warning {\n border: var(--ic-warning-border-default);\n padding: 0;\n}\n\nic-input-component-container.warning:hover {\n border: var(--ic-warning-border-hover);\n}\n\nic-input-component-container.warning:focus-within {\n border: var(--ic-warning-border-pressed);\n}\n\nic-input-component-container.success {\n border: var(--ic-success-border-default);\n padding: 0;\n}\n\nic-input-component-container.success:hover {\n border: var(--ic-success-border-hover);\n}\n\nic-input-component-container.success:focus-within {\n border: var(--ic-success-border-pressed);\n}\n\nic-input-component-container.small {\n height: var(--ic-space-xl);\n}\n\nic-input-component-container.large {\n height: var(--ic-space-xxl);\n}\n\nic-input-component-container.multiline {\n height: auto;\n}\n\nic-input-component-container .icon-container {\n margin-top: var(--ic-space-xxs);\n margin-left: 0.438rem;\n display: flex;\n align-items: center;\n}\n\nic-input-component-container.multiline .icon-container,\nic-input-component-container.multiline.small .icon-container {\n margin-top: 0.375rem;\n display: block;\n}\n\nic-input-component-container.readonly .icon-container {\n margin-left: -0.313rem;\n}\n\nic-input-component-container.disabled ::-moz-placeholder {\n display: none;\n}\n\nic-input-component-container.disabled ::placeholder {\n display: none;\n}\n\nic-input-component-container .inline-success {\n margin: var(--ic-space-xs) 0.375rem;\n display: flex;\n align-items: center;\n}\n\nic-input-component-container.dark:hover {\n --border-color: var(--ic-architectural-400);\n}\n\nic-input-component-container .inline-success > svg {\n fill: var(--ic-status-success);\n height: 1.25rem;\n width: 1.25rem;\n}\n\nic-input-component-container:hover {\n border: var(--ic-border-hover);\n color: var(--ic-action-dark-hover);\n}\n\nic-input-component-container:focus {\n border: var(--ic-border-pressed);\n}\n\n.focus-indicator {\n display: flex;\n width: 100%;\n margin: -0.125rem;\n padding: 0.125rem;\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-fast);\n}\n\n.focus-indicator:focus-within,\n.focus-indicator-enabled {\n box-shadow: var(--ic-border-focus);\n}\n\n.focus-indicator.dark:focus-within {\n box-shadow: var(--ic-border-focus);\n}\n\n@media (forced-colors: active) {\n / Styles here only apply to Forced Colors Mode /\n ic-input-component-container,\n .focus-indicator {\n transition: none;\n }\n\n ic-input-component-container:focus-within {\n border: var(--ic-border-width) solid Highlight;\n outline: 0.125rem solid Highlight;\n }\n\n ic-input-component-container.disabled,\n ic-input-component-container.disabled:hover {\n border: var(--ic-border-width) dashed GrayText;\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport { isSlotUsed } from \"../../utils/helpers\";\n/\n @slot left-icon - Content will be placed to the left of the input.\n */\nexport class InputComponentContainer {\n constructor() {\n this.appearance = \"default\";\n this.dark = false;\n this.disabled = false;\n this.fullWidth = false;\n this.multiLine = false;\n this.readonly = false;\n this.size = \"default\";\n this.small = false;\n this.validationInline = false;\n this.validationStatus = \"\";\n }\n render() {\n const { size, small, validationStatus, disabled, readonly, multiLine, fullWidth, dark, appearance, validationInline, } = this;\n const hasValidationStatus = this.validationStatus !== \"\" && !this.disabled && !this.readonly\n ? true\n : false;\n return (h(Host, { class: {\n small: small,\n [`${size}`]: true,\n [validationStatus]: hasValidationStatus,\n disabled: disabled,\n readonly: readonly,\n [\"multiline\"]: multiLine,\n [\"fullwidth\"]: fullWidth,\n [\"dark\"]: dark \|\| appearance === \"dark\",\n }, \"aria-disabled\": disabled && `${disabled}` }, h(\"div\", { class: {\n \"focus-indicator\": true,\n dark: dark \|\| appearance === \"dark\",\n } }, isSlotUsed(this.el, \"left-icon\") && (h(\"div\", { class: {\n [\"icon-container\"]: true,\n } }, h(\"slot\", { name: \"left-icon\" }))), h(\"slot\", null), validationInline &&\n validationStatus === IcInformationStatus.Success && (h(\"span\", { class: {\n [\"inline-success\"]: true,\n }, innerHTML: successIcon })))));\n }\n static get is() { return \"ic-input-component-container\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-input-component-container.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-input-component-container.css\"]\n };\n }\n static get properties() {\n return {\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"dark\\\" \| \\\"default\\\"\",\n \"resolved\": \"\\\"dark\\\" \| \\\"default\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The appearance of the input component container.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"dark\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"This prop should not be used anymore. Set prop `appearance` to \\\"dark\\\" instead.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"dark\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the disabled state will be set.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the input component container will fill the width of the container it is in.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"multiLine\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the input component container will allow for multiple lines.\"\n },\n \"attribute\": \"multi-line\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"readonly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the readonly state will be set.\"\n },\n \"attribute\": \"readonly\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"default\\\" \| \\\"large\\\" \| \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the input component container component.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"small\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"This prop should not be used anymore. Set prop `size` to \\\"small\\\" instead.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"small\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"validationInline\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the validation will display inline.\"\n },\n \"attribute\": \"validation-inline\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"validationStatus\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcInformationStatusOrEmpty\",\n \"resolved\": \"\\\"\\\" \| \\\"error\\\" \| \\\"success\\\" \| \\\"warning\\\"\",\n \"references\": {\n \"IcInformationStatusOrEmpty\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The validation status of the input component container - e.g. 'error' \| 'warning' \| 'success'.\"\n },\n \"attribute\": \"validation-status\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-input-component-container.js.map\n"],"version":3}
1	+ {"file":"ic-input-component-container2.js","mappings":";;;;AAAA,MAAM,4BAA4B,GAAG,2rGAA2rG;;MCOntG,uBAAuB;IAChC;;;QACI,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;KAC9B;IACD,MAAM;QACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,GAAG,GAAG,IAAI,CAAC;QAC9H,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;cACtF,IAAI;cACJ,KAAK,CAAC;QACZ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBACjB,KAAK,EAAE,KAAK;gBACZ,CAAC,GAAG,IAAI,EAAE,GAAG,IAAI;gBACjB,CAAC,gBAAgB,GAAG,mBAAmB;gBACvC,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ;gBAClB,CAAC,WAAW,GAAG,SAAS;gBACxB,CAAC,WAAW,GAAG,SAAS;gBACxB,CAAC,MAAM,GAAG,IAAI,IAAI,UAAU,KAAK,MAAM;aAC1C,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;gBACnB,iBAAiB,EAAE,IAAI;gBACvB,IAAI,EAAE,IAAI,IAAI,UAAU,KAAK,MAAM;aACtC,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;gBACxD,CAAC,gBAAgB,GAAG,IAAI;aAC3B,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,gBAAgB;YAC1E,gBAAgB,KAAK,mBAAmB,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE;gBACpE,CAAC,gBAAgB,GAAG,IAAI;aAC3B,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;KACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.js"],"sourcesContent":["ic-input-component-container {\n /*\n @prop --border-color: Border colour of the input component container\n /\n\n display: flex;\n border: var(--ic-border-width) solid\n var(--border-color, var(--ic-architectural-400));\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-slow);\n height: 2.5rem;\n width: var(--input-width, 20rem);\n padding: var(--ic-space-1px);\n background-color: var(--ic-architectural-white);\n box-sizing: border-box;\n fill: var(--ic-architectural-400);\n outline: none;\n}\n\nic-input-component-container.fullwidth {\n width: 100%;\n}\n\nic-input-component-container.disabled,\nic-input-component-container.disabled:hover {\n border: var(--ic-border-width) dashed var(--ic-architectural-200);\n}\n\nic-input-component-container.readonly,\nic-input-component-container.readonly:hover {\n border: none;\n padding: 0;\n}\n\nic-input-component-container.error {\n border: var(--ic-error-border-default);\n padding: 0;\n}\n\nic-input-component-container.error:hover {\n border: var(--ic-error-border-hover);\n}\n\nic-input-component-container.error:focus-within {\n border: var(--ic-error-border-pressed);\n}\n\nic-input-component-container.warning {\n border: var(--ic-warning-border-default);\n padding: 0;\n}\n\nic-input-component-container.warning:hover {\n border: var(--ic-warning-border-hover);\n}\n\nic-input-component-container.warning:focus-within {\n border: var(--ic-warning-border-pressed);\n}\n\nic-input-component-container.success {\n border: var(--ic-success-border-default);\n padding: 0;\n}\n\nic-input-component-container.success:hover {\n border: var(--ic-success-border-hover);\n}\n\nic-input-component-container.success:focus-within {\n border: var(--ic-success-border-pressed);\n}\n\nic-input-component-container.small {\n height: var(--ic-space-xl);\n}\n\nic-input-component-container.large {\n height: var(--ic-space-xxl);\n}\n\nic-input-component-container.multiline {\n height: auto;\n}\n\nic-input-component-container .icon-container {\n margin-top: var(--ic-space-xxs);\n margin-left: 0.438rem;\n display: flex;\n align-items: center;\n}\n\nic-input-component-container.multiline .icon-container,\nic-input-component-container.multiline.small .icon-container {\n margin-top: 0.375rem;\n display: block;\n}\n\nic-input-component-container.readonly .icon-container {\n margin-left: -0.313rem;\n}\n\nic-input-component-container.disabled ::-moz-placeholder {\n display: none;\n}\n\nic-input-component-container.disabled ::placeholder {\n display: none;\n}\n\nic-input-component-container .inline-success {\n margin: var(--ic-space-xs) 0.375rem;\n display: flex;\n align-items: center;\n}\n\nic-input-component-container.dark:hover {\n --border-color: var(--ic-architectural-400);\n}\n\nic-input-component-container .inline-success > svg {\n fill: var(--ic-status-success);\n height: 1.25rem;\n width: 1.25rem;\n}\n\nic-input-component-container:hover {\n border: var(--ic-border-hover);\n color: var(--ic-action-dark-hover);\n}\n\nic-input-component-container:focus {\n border: var(--ic-border-pressed);\n}\n\n.focus-indicator {\n display: flex;\n width: 100%;\n margin: -0.125rem;\n padding: 0.125rem;\n border-radius: var(--ic-border-radius);\n transition: var(--ic-easing-transition-fast);\n}\n\n.focus-indicator:focus-within,\n.focus-indicator-enabled {\n box-shadow: var(--ic-border-focus);\n}\n\n.focus-indicator.dark:focus-within {\n box-shadow: var(--ic-border-focus);\n}\n\n@media (forced-colors: active) {\n / Styles here only apply to Forced Colors Mode /\n ic-input-component-container,\n .focus-indicator {\n transition: none;\n }\n\n ic-input-component-container:focus-within {\n border: var(--ic-border-width) solid Highlight;\n outline: 0.125rem solid Highlight;\n }\n\n ic-input-component-container.disabled,\n ic-input-component-container.disabled:hover {\n border: var(--ic-border-width) dashed GrayText;\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport { isSlotUsed } from \"../../utils/helpers\";\n/\n @slot left-icon - Content will be placed to the left of the input.\n */\nexport class InputComponentContainer {\n constructor() {\n this.appearance = \"default\";\n this.dark = false;\n this.disabled = false;\n this.fullWidth = false;\n this.multiLine = false;\n this.readonly = false;\n this.size = \"default\";\n this.small = false;\n this.validationInline = false;\n this.validationStatus = \"\";\n }\n render() {\n const { size, small, validationStatus, disabled, readonly, multiLine, fullWidth, dark, appearance, validationInline, } = this;\n const hasValidationStatus = this.validationStatus !== \"\" && !this.disabled && !this.readonly\n ? true\n : false;\n return (h(Host, { class: {\n small: small,\n [`${size}`]: true,\n [validationStatus]: hasValidationStatus,\n disabled: disabled,\n readonly: readonly,\n [\"multiline\"]: multiLine,\n [\"fullwidth\"]: fullWidth,\n [\"dark\"]: dark \|\| appearance === \"dark\",\n } }, h(\"div\", { class: {\n \"focus-indicator\": true,\n dark: dark \|\| appearance === \"dark\",\n } }, isSlotUsed(this.el, \"left-icon\") && (h(\"div\", { class: {\n [\"icon-container\"]: true,\n } }, h(\"slot\", { name: \"left-icon\" }))), h(\"slot\", null), validationInline &&\n validationStatus === IcInformationStatus.Success && (h(\"span\", { class: {\n [\"inline-success\"]: true,\n }, innerHTML: successIcon })))));\n }\n static get is() { return \"ic-input-component-container\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-input-component-container.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-input-component-container.css\"]\n };\n }\n static get properties() {\n return {\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"dark\\\" \| \\\"default\\\"\",\n \"resolved\": \"\\\"dark\\\" \| \\\"default\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The appearance of the input component container.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"dark\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"This prop should not be used anymore. Set prop `appearance` to \\\"dark\\\" instead.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"dark\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the disabled state will be set.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the input component container will fill the width of the container it is in.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"multiLine\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the input component container will allow for multiple lines.\"\n },\n \"attribute\": \"multi-line\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"readonly\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the readonly state will be set.\"\n },\n \"attribute\": \"readonly\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"default\\\" \| \\\"large\\\" \| \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the input component container component.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"small\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"deprecated\",\n \"text\": \"This prop should not be used anymore. Set prop `size` to \\\"small\\\" instead.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"small\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"validationInline\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the validation will display inline.\"\n },\n \"attribute\": \"validation-inline\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"validationStatus\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcInformationStatusOrEmpty\",\n \"resolved\": \"\\\"\\\" \| \\\"error\\\" \| \\\"success\\\" \| \\\"warning\\\"\",\n \"references\": {\n \"IcInformationStatusOrEmpty\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The validation status of the input component container - e.g. 'error' \| 'warning' \| 'success'.\"\n },\n \"attribute\": \"validation-status\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-input-component-container.js.map\n"],"version":3}

package/dist/components/ic-link2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { O as OpenInNew } from './OpenInNew.js';
-import { b as inheritAttributes, g as getThemeFromContext, I as IC_INHERITED_ARIA } from './helpers.js';
+import { a as inheritAttributes, g as getThemeFromContext, I as IC_INHERITED_ARIA } from './helpers.js';
 import { I as IcThemeForegroundEnum } from './types.js';
 const icLinkCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.link) .ic-link,:host(.link) ::slotted(a){color:var(--ic-hyperlink);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.link.dark) .ic-link.dark,:host(.link.dark) ::slotted(a){color:var(--ic-color-primary-text)}:host(.link.light) .ic-link.light,:host(.link.light) ::slotted(a){color:var(--ic-color-white-text)}:host(.link) .ic-link:visited,:host(.link) ::slotted(a:visited){color:var(--ic-hyperlink-visited)}:host(.link) .ic-link:hover,:host(.link) .ic-link:focus,:host(.link) ::slotted(a:hover),:host(.link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-decoration-thickness: 25%){:host(.link) .ic-link:hover,:host(.link) .ic-link:focus,:host(.link) ::slotted(a:hover),:host(.link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.link) .ic-link:active,:host(.link) .ic-link:focus:active,:host(.link) .ic-link:visited:active,:host(.link) ::slotted(a:active),:host(.link) ::slotted(a:focus:active),:host(.link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink)}.ic-link.dark>.ic-link-open-in-new-icon{fill:var(--ic-color-primary-text)}.ic-link.light>.ic-link-open-in-new-icon{fill:var(--ic-color-white-text)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:currentcolor}.ic-link:visited>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink-visited)}.ic-link.light:visited>.ic-link-open-in-new-icon{fill:var(--ic-hyperlink-contrast-visited)}:host(.breadcrumb-link) .ic-link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .ic-link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .ic-link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .ic-link:visited{color:var(--ic-color-primary-text)}";

package/dist/components/ic-menu-item2.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as isPropDefined, a as removeDisabledFalse, o as onComponentRequiredPropUndefined, i as isSlotUsed, k as getParentElement } from './helpers.js';
+import { d as isPropDefined, b as removeDisabledFalse, o as onComponentRequiredPropUndefined, i as isSlotUsed, k as getParentElement } from './helpers.js';
 import { c as checkIcon } from './check-icon.js';
 import { c as chevronIcon } from './chevron-icon.js';
 import { d as defineCustomElement$4 } from './ic-button2.js';

package/dist/components/ic-menu2.js CHANGED Viewed

@@ -382,7 +382,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
         this.scrollToSelected = (menu) => {
             const selectedOption = this.selectOnEnter
                 ? this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`)
-                : menu.querySelector(".option[aria-selected]");
+                : menu.querySelector(".option[aria-selected='true']");
             if (selectedOption) {
                 const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;
                 if (elTop > menu.scrollTop + menu.offsetHeight ||
@@ -444,7 +444,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
                         option[this.valueField] === optionHighlighted) &&
                     keyboardNav
                     ? "0"
-                    : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": option[this.valueField] === value, "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (h(Fragment, null, h("div", { class: "loading-error-info" }, h("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, h("title", { id: "error-title" }, "Error"), h("g", { id: "close-octagon" }, h("path", { id: "Vector", d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), h("ic-typography", { variant: "label" }, option[this.labelField])), h("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option))));
+                    : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": `${option[this.valueField] === value}`, "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (h(Fragment, null, h("div", { class: "loading-error-info" }, h("svg", { class: "error-icon-svg", "aria-labelledby": "error-title", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, h("title", { id: "error-title" }, "Error"), h("g", { id: "close-octagon" }, h("path", { id: "Vector", d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), h("ic-typography", { variant: "label" }, option[this.labelField])), h("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option))));
         };
         this.focusFromSearchKeypress = false;
         this.initialOptionsListRender = false;