npm - @ukic/canary-web-components - Versions diffs - 3.0.0-canary.33 → 3.0.0-canary.35 - Mend

@ukic/canary-web-components 3.0.0-canary.33 → 3.0.0-canary.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (946) hide show

package/dist/collection/components/ic-calendar/ic-day-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ic-day-button.js","sourceRoot":"","sources":["../../../../../src/components/ic-calendar/ic-day-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;~~AAiBlE~~,MAAM,CAAC,MAAM,SAAS,GAAwC,CAAC,EAC7D,QAAQ,EACR,KAAK,EACL,GAAG,EACH,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,QAAQ,EACR,cAAc,EACd,OAAO,EACP,oBAAoB,EACpB,UAAU,GACX,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,GAAS,EAAE;QAChC,WAAW,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAS,EAAE;QAChC,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,CAAC,OAAO,IAAI,UAAU,CAAC;IAC5C,MAAM,YAAY,GAAG,WAAW,KAAK,GAAG,CAAC,QAAQ,EAAE,CAAC;IACpD,MAAM,QAAQ,GAAG,YAAY,IAAI,CAAC,YAAY,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAEzE,OAAO,CACL,WAAK,KAAK,EAAC,sBAAsB;QAC/B,cACE,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,YAAY;gBAC7B,eAAe,EAAE,CAAC,CAAC,YAAY;gBAC/B,MAAM,EAAE,YAAY,IAAI,CAAC,oBAAoB;gBAC7C,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ;aACnB,EACD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBACd,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC7B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,kBAC5B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAEtC,QAAQ,IAAI,YAAY,IAAI,YAAY;gBACtC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,UAAU,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,EAAE,IAChD,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,CACvB,IAAI,GAAG,CAAC,WAAW,EAAE,EAAE,EAE7B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,IAAI,QAAQ,IAAI,EAAE,IAAI,cAAc,EAAE,CAAC;oBACrC,cAAc,CAAC,EAAE,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC,IAEA,CAAC,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,oBAAoB,CAAC,CAAC,IAAI,CAC5D,qBAAe,OAAO,EAAC,gBAAgB,EAAC,MAAM,EAAE,YAAY,IACzD,GAAG,CAAC,OAAO,EAAE,CACA,CACjB,CACM,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\nimport { stringEnumToArray } from \"../../utils/helpers\";\nimport { IcDayNames, IcDateInputMonths } from \"../../utils/types\";\n\nexport type DayButtonProps = {\n focussed: boolean;\n today: boolean;\n day: Date;\n monthInView: number;\n onFocusDay: () => void;\n onBlurDay: () => void;\n onSelectDay: (day: Date) => void;\n selected: boolean;\n focussedDayRef?: (element: HTMLButtonElement) => void;\n inRange: boolean;\n showDaysOutsideMonth?: boolean;\n disableDay?: boolean;\n};\n\nexport const DayButton: FunctionalComponent<DayButtonProps> = ({\n focussed,\n today,\n day,\n monthInView,\n onFocusDay,\n onBlurDay,\n onSelectDay,\n selected,\n focussedDayRef,\n inRange,\n showDaysOutsideMonth,\n disableDay,\n}) => {\n const handleDayClick = (): void => {\n onSelectDay(day);\n };\n\n const handleDayFocus = (): void => {\n onFocusDay();\n };\n\n const handleDayBlur = (): void => {\n onBlurDay();\n };\n\n const dayNames = stringEnumToArray(IcDayNames);\n const months = stringEnumToArray(IcDateInputMonths);\n const outsideRange = !inRange \|\| disableDay;\n const outsideMonth = monthInView !== day.getMonth();\n const disabled = outsideRange \|\| (outsideMonth && !showDaysOutsideMonth);\n\n return (\n <div class=\"day-button-container\">\n <button\n class={{\n \"day-button\": true,\n \"outside-month\": outsideMonth,\n \"outside-range\": !!outsideRange,\n hidden: outsideMonth && !showDaysOutsideMonth,\n disabled: disabled,\n today: today,\n selected: selected,\n focussed: focussed,\n }}\n tabIndex={focussed ? 0 : -1}\n aria-hidden={outsideMonth ? \"true\" : \"false\"}\n aria-disabled={disabled ? \"true\" : \"false\"}\n aria-current={today ? \"date\" : undefined}\n aria-label={\n disabled \|\| outsideMonth \|\| outsideRange\n ? undefined\n : `Choose ${dayNames[day.getDay()]}, ${day.getDate()} ${\n months[day.getMonth()]\n } ${day.getFullYear()}`\n }\n disabled={disabled}\n onClick={handleDayClick}\n onBlur={handleDayBlur}\n onFocus={handleDayFocus}\n ref={(el) => {\n if (focussed && el && focussedDayRef) {\n focussedDayRef(el);\n }\n }}\n >\n {(!outsideMonth \|\| (outsideMonth && showDaysOutsideMonth)) && (\n <ic-typography variant=\"subtitle-small\" italic={outsideMonth}>\n {day.getDate()}\n </ic-typography>\n )}\n </button>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"ic-day-button.js","sourceRoot":"","sources":["../../../../../src/components/ic-calendar/ic-day-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,uEAAuE,CAAC;AAiB/E,MAAM,CAAC,MAAM,SAAS,GAAwC,CAAC,EAC7D,QAAQ,EACR,KAAK,EACL,GAAG,EACH,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,QAAQ,EACR,cAAc,EACd,OAAO,EACP,oBAAoB,EACpB,UAAU,GACX,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,GAAS,EAAE;QAChC,WAAW,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAS,EAAE;QAChC,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,CAAC,OAAO,IAAI,UAAU,CAAC;IAC5C,MAAM,YAAY,GAAG,WAAW,KAAK,GAAG,CAAC,QAAQ,EAAE,CAAC;IACpD,MAAM,QAAQ,GAAG,YAAY,IAAI,CAAC,YAAY,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAEzE,OAAO,CACL,WAAK,KAAK,EAAC,sBAAsB;QAC/B,cACE,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,YAAY;gBAC7B,eAAe,EAAE,CAAC,CAAC,YAAY;gBAC/B,MAAM,EAAE,YAAY,IAAI,CAAC,oBAAoB;gBAC7C,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,QAAQ;aACnB,EACD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBACd,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBAC7B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,kBAC5B,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAEtC,QAAQ,IAAI,YAAY,IAAI,YAAY;gBACtC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,UAAU,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,EAAE,IAChD,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,CACvB,IAAI,GAAG,CAAC,WAAW,EAAE,EAAE,EAE7B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,IAAI,QAAQ,IAAI,EAAE,IAAI,cAAc,EAAE,CAAC;oBACrC,cAAc,CAAC,EAAE,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC,IAEA,CAAC,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,oBAAoB,CAAC,CAAC,IAAI,CAC5D,qBAAe,OAAO,EAAC,gBAAgB,EAAC,MAAM,EAAE,YAAY,IACzD,GAAG,CAAC,OAAO,EAAE,CACA,CACjB,CACM,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\nimport { stringEnumToArray } from \"../../utils/helpers\";\nimport { IcDayNames, IcDateInputMonths } from \"../../utils/types\";\n\nimport \"../../../../web-components/src/components/ic-typography/ic-typography\";\n\nexport type DayButtonProps = {\n focussed: boolean;\n today: boolean;\n day: Date;\n monthInView: number;\n onFocusDay: () => void;\n onBlurDay: () => void;\n onSelectDay: (day: Date) => void;\n selected: boolean;\n focussedDayRef?: (element: HTMLButtonElement) => void;\n inRange: boolean;\n showDaysOutsideMonth?: boolean;\n disableDay?: boolean;\n};\n\nexport const DayButton: FunctionalComponent<DayButtonProps> = ({\n focussed,\n today,\n day,\n monthInView,\n onFocusDay,\n onBlurDay,\n onSelectDay,\n selected,\n focussedDayRef,\n inRange,\n showDaysOutsideMonth,\n disableDay,\n}) => {\n const handleDayClick = (): void => {\n onSelectDay(day);\n };\n\n const handleDayFocus = (): void => {\n onFocusDay();\n };\n\n const handleDayBlur = (): void => {\n onBlurDay();\n };\n\n const dayNames = stringEnumToArray(IcDayNames);\n const months = stringEnumToArray(IcDateInputMonths);\n const outsideRange = !inRange \|\| disableDay;\n const outsideMonth = monthInView !== day.getMonth();\n const disabled = outsideRange \|\| (outsideMonth && !showDaysOutsideMonth);\n\n return (\n <div class=\"day-button-container\">\n <button\n class={{\n \"day-button\": true,\n \"outside-month\": outsideMonth,\n \"outside-range\": !!outsideRange,\n hidden: outsideMonth && !showDaysOutsideMonth,\n disabled: disabled,\n today: today,\n selected: selected,\n focussed: focussed,\n }}\n tabIndex={focussed ? 0 : -1}\n aria-hidden={outsideMonth ? \"true\" : \"false\"}\n aria-disabled={disabled ? \"true\" : \"false\"}\n aria-current={today ? \"date\" : undefined}\n aria-label={\n disabled \|\| outsideMonth \|\| outsideRange\n ? undefined\n : `Choose ${dayNames[day.getDay()]}, ${day.getDate()} ${\n months[day.getMonth()]\n } ${day.getFullYear()}`\n }\n disabled={disabled}\n onClick={handleDayClick}\n onBlur={handleDayBlur}\n onFocus={handleDayFocus}\n ref={(el) => {\n if (focussed && el && focussedDayRef) {\n focussedDayRef(el);\n }\n }}\n >\n {(!outsideMonth \|\| (outsideMonth && showDaysOutsideMonth)) && (\n <ic-typography variant=\"subtitle-small\" italic={outsideMonth}>\n {day.getDate()}\n </ic-typography>\n )}\n </button>\n </div>\n );\n};\n"]}

package/dist/collection/components/ic-calendar/ic-month-picker.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 import { dateInRange, getMonthStart, getMonthEnd, } from "../../utils/date-helpers";
 import { stringEnumToArray } from "../../utils/helpers";
 import { IcDateInputMonths } from "../../utils/types";
+import "../../../../web-components/src/components/ic-button/ic-button";
 export const MonthPicker = ({ size, focussedMonth, monthInView, onSelectMonth, onKeyDown, focussedMonthRef, minDate, maxDate, yearInView, }) => {
     const handleMonthClick = (ev) => {
         const button = ev.target;

package/dist/collection/components/ic-calendar/ic-month-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ic-month-picker.js","sourceRoot":"","sources":["../../../../../src/components/ic-calendar/ic-month-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AACvD,OAAO,EACL,WAAW,EACX,aAAa,EACb,WAAW,GACZ,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAW,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;~~AAc~~/D,MAAM,CAAC,MAAM,WAAW,GAA0C,CAAC,EACjE,IAAI,EACJ,aAAa,EACb,WAAW,EACX,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,UAAU,GACX,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,CAAC,EAAc,EAAQ,EAAE;QAChD,MAAM,MAAM,GAAG,EAAE,CAAC,MAAqB,CAAC;QACxC,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAExD,MAAM,IAAI,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,MAAM,GAAe,EAAE,CAAC;IAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;QACjD,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC7C,CAAC;IAED,OAAO,CACL,WACE,KAAK,EAAE;YACL,cAAc,EAAE,IAAI;SACrB,EACD,IAAI,EAAC,MAAM,IAEV,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAC/B,WAAK,KAAK,EAAC,kBAAkB,EAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,KAAK,IACpD,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACxB,MAAM,cAAc,GAAG,QAAQ,GAAG,IAAI,GAAG,KAAK,CAAC;QAC/C,MAAM,OAAO,GAAG,WAAW,KAAK,cAAc,CAAC;QAC/C,MAAM,QAAQ,GAAG,aAAa,KAAK,cAAc,CAAC;QAClD,MAAM,YAAY,GAAG,CAAC,WAAW,CAC/B,IAAI,IAAI,CAAC,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC,EACvC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EACvC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CACtC,CAAC;QACF,OAAO,CACL,iBACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAE;gBACL,cAAc,EAAE,IAAI;gBACpB,QAAQ,EAAE,OAAO;gBACjB,QAAQ,EAAE,QAAQ;gBAClB,QAAQ,EAAE,YAAY;aACvB,sBAED,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,gBAC7B,cAAc,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBACb,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,gBAC5B,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,GAAG,EAAE,EAC1C,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,CAAC,EAAwB,EAAE,EAAE;gBAChC,IAAI,QAAQ,IAAI,EAAE,EAAE,CAAC;oBACnB,gBAAgB,CAAC,EAAE,CAAC,CAAC;gBACvB,CAAC;YACH,CAAC,IAEA,GAAG,CACM,CACb,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\nimport {\n dateInRange,\n getMonthStart,\n getMonthEnd,\n} from \"../../utils/date-helpers\";\nimport { stringEnumToArray } from \"../../utils/helpers\";\nimport { IcSizes, IcDateInputMonths } from \"../../utils/types\";\n\nexport type MonthPickerProps = {\n focussedMonth: number;\n monthInView: number;\n yearInView: number;\n onSelectMonth: (month: number) => void;\n onKeyDown: (ev: KeyboardEvent) => void;\n focussedMonthRef: (element: HTMLIcButtonElement) => void;\n minDate: Date \| null;\n maxDate: Date \| null;\n size?: IcSizes;\n};\n\nexport const MonthPicker: FunctionalComponent<MonthPickerProps> = ({\n size,\n focussedMonth,\n monthInView,\n onSelectMonth,\n onKeyDown,\n focussedMonthRef,\n minDate,\n maxDate,\n yearInView,\n}) => {\n const handleMonthClick = (ev: MouseEvent): void => {\n const button = ev.target as HTMLElement;\n onSelectMonth(Number(button.getAttribute(\"data-month\")));\n };\n\n const monthNames = stringEnumToArray(IcDateInputMonths);\n\n const cols = size === \"small\" ? 2 : 3;\n const months: string[][] = [];\n for (let i = 0; i < monthNames.length; i += cols) {\n months.push(monthNames.slice(i, i + cols));\n }\n\n return (\n <div\n class={{\n \"month-picker\": true,\n }}\n role=\"grid\"\n >\n {months.map((month, monthIdx) => (\n <div class=\"month-picker-row\" key={monthIdx} role=\"row\">\n {month.map((mon, index) => {\n const correctedIndex = monthIdx * cols + index;\n const current = monthInView === correctedIndex;\n const focussed = focussedMonth === correctedIndex;\n const outsideRange = !dateInRange(\n new Date(yearInView, correctedIndex, 1),\n minDate ? getMonthStart(minDate) : null,\n maxDate ? getMonthEnd(maxDate) : null\n );\n return (\n <ic-button\n role=\"gridcell\"\n class={{\n \"month-button\": true,\n selected: current,\n focussed: focussed,\n disabled: outsideRange,\n }}\n full-width\n disabled={outsideRange}\n variant={current ? \"primary\" : \"tertiary\"}\n data-month={correctedIndex}\n size={size}\n tabIndex={focussed ? 0 : -1}\n aria-current={current ? \"true\" : \"false\"}\n aria-label={current ? \"\" : `select ${mon}`}\n onClick={handleMonthClick}\n onKeyDown={onKeyDown}\n ref={(el?: HTMLIcButtonElement) => {\n if (focussed && el) {\n focussedMonthRef(el);\n }\n }}\n >\n {mon}\n </ic-button>\n );\n })}\n </div>\n ))}\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"ic-month-picker.js","sourceRoot":"","sources":["../../../../../src/components/ic-calendar/ic-month-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\nimport {\n dateInRange,\n getMonthStart,\n getMonthEnd,\n} from \"../../utils/date-helpers\";\nimport { stringEnumToArray } from \"../../utils/helpers\";\nimport { IcSizes, IcDateInputMonths } from \"../../utils/types\";\nimport \"../../../../web-components/src/components/ic-button/ic-button\";\n\nexport type MonthPickerProps = {\n focussedMonth: number;\n monthInView: number;\n yearInView: number;\n onSelectMonth: (month: number) => void;\n onKeyDown: (ev: KeyboardEvent) => void;\n focussedMonthRef: (element: HTMLIcButtonElement) => void;\n minDate: Date \| null;\n maxDate: Date \| null;\n size?: IcSizes;\n};\n\nexport const MonthPicker: FunctionalComponent<MonthPickerProps> = ({\n size,\n focussedMonth,\n monthInView,\n onSelectMonth,\n onKeyDown,\n focussedMonthRef,\n minDate,\n maxDate,\n yearInView,\n}) => {\n const handleMonthClick = (ev: MouseEvent): void => {\n const button = ev.target as HTMLElement;\n onSelectMonth(Number(button.getAttribute(\"data-month\")));\n };\n\n const monthNames = stringEnumToArray(IcDateInputMonths);\n\n const cols = size === \"small\" ? 2 : 3;\n const months: string[][] = [];\n for (let i = 0; i < monthNames.length; i += cols) {\n months.push(monthNames.slice(i, i + cols));\n }\n\n return (\n <div\n class={{\n \"month-picker\": true,\n }}\n role=\"grid\"\n >\n {months.map((month, monthIdx) => (\n <div class=\"month-picker-row\" key={monthIdx} role=\"row\">\n {month.map((mon, index) => {\n const correctedIndex = monthIdx * cols + index;\n const current = monthInView === correctedIndex;\n const focussed = focussedMonth === correctedIndex;\n const outsideRange = !dateInRange(\n new Date(yearInView, correctedIndex, 1),\n minDate ? getMonthStart(minDate) : null,\n maxDate ? getMonthEnd(maxDate) : null\n );\n return (\n <ic-button\n role=\"gridcell\"\n class={{\n \"month-button\": true,\n selected: current,\n focussed: focussed,\n disabled: outsideRange,\n }}\n full-width\n disabled={outsideRange}\n variant={current ? \"primary\" : \"tertiary\"}\n data-month={correctedIndex}\n size={size}\n tabIndex={focussed ? 0 : -1}\n aria-current={current ? \"true\" : \"false\"}\n aria-label={current ? \"\" : `select ${mon}`}\n onClick={handleMonthClick}\n onKeyDown={onKeyDown}\n ref={(el?: HTMLIcButtonElement) => {\n if (focussed && el) {\n focussedMonthRef(el);\n }\n }}\n >\n {mon}\n </ic-button>\n );\n })}\n </div>\n ))}\n </div>\n );\n};\n"]}

package/dist/collection/components/ic-calendar/ic-year-picker.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { yearInRange } from "../../utils/date-helpers";
+import "../../../../web-components/src/components/ic-button/ic-button";
 export const YearPicker = ({ decadeView, size, focussedYear, yearInView, onSelectYear, onFocusYear, onBlurYear, onKeyDown, minDate, maxDate, focussedYearRef, }) => {
     const handleYearClick = (ev) => {
         const button = ev.target;

package/dist/collection/components/ic-calendar/ic-year-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ic-year-picker.js","sourceRoot":"","sources":["../../../../../src/components/ic-calendar/ic-year-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAuB,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;~~AAiBvD~~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","sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\nimport { yearInRange } from \"../../utils/date-helpers\";\nimport { IcSizes } from \"../../utils/types\";\n\nexport type YearPickerProps = {\n decadeView: number[];\n focussedYear: number;\n yearInView: number;\n onSelectYear: (year: number) => void;\n onKeyDown: (ev: KeyboardEvent) => void;\n onFocusYear: () => void;\n onBlurYear: () => void;\n minDate: Date \| null;\n maxDate: Date \| null;\n focussedYearRef: (element: HTMLIcButtonElement) => void;\n size?: IcSizes;\n};\n\nexport const YearPicker: FunctionalComponent<YearPickerProps> = ({\n decadeView,\n size,\n focussedYear,\n yearInView,\n onSelectYear,\n onFocusYear,\n onBlurYear,\n onKeyDown,\n minDate,\n maxDate,\n focussedYearRef,\n}) => {\n const handleYearClick = (ev: MouseEvent): void => {\n const button = ev.target as HTMLElement;\n onSelectYear(Number(button.getAttribute(\"data-year\")));\n };\n\n const handleYearFocus = (): void => {\n onFocusYear();\n };\n\n const handleYearBlur = (): void => {\n onBlurYear();\n };\n\n const navButtonMouseDownHandler = (ev: MouseEvent): void => {\n ev.preventDefault();\n };\n\n const cols = size === \"small\" ? 2 : 3;\n const rows = size === \"small\" ? 6 : 4;\n\n const thisDecade: number[][] = [];\n for (let i = 0; i < decadeView.length; i += cols) {\n thisDecade.push(decadeView.slice(i, i + cols));\n }\n\n const renderYearButton = (yr: number, yearIdx: number, idx: number) => {\n const isPrevDecade = yearIdx === 0 && idx === 0;\n const isNextDecade = yearIdx === rows - 1 && idx === cols - 1;\n const isCurrent = yearInView === yr;\n const isFocussed = focussedYear === yr;\n\n return (\n <ic-button\n key={yr}\n role=\"gridcell\"\n id={\n isPrevDecade\n ? \"prev-decade-button\"\n : isNextDecade\n ? \"next-decade-button\"\n : undefined\n }\n class={{\n \"prev-decade\": isPrevDecade,\n \"next-decade\": isNextDecade,\n \"year-button\": true,\n selected: !isPrevDecade && !isNextDecade ? isCurrent : false,\n focussed: !isPrevDecade && !isNextDecade ? isFocussed : false,\n flip: isNextDecade,\n }}\n full-width\n disabled={!yearInRange(yr, minDate, maxDate)}\n data-year={yr}\n tabIndex={isPrevDecade \|\| isNextDecade ? -1 : isFocussed ? 0 : -1}\n variant={\n isPrevDecade \|\| isNextDecade\n ? \"tertiary\"\n : isCurrent\n ? \"primary\"\n : \"tertiary\"\n }\n onClick={handleYearClick}\n onMouseDown={\n isPrevDecade \|\| isNextDecade ? navButtonMouseDownHandler : undefined\n }\n size={size}\n aria-label={\n !isPrevDecade && !isNextDecade\n ? isCurrent\n ? \"\"\n : `select ${yr}`\n : undefined\n }\n aria-current={\n !isPrevDecade && !isNextDecade\n ? isCurrent\n ? \"true\"\n : \"false\"\n : undefined\n }\n onKeyDown={!isPrevDecade && !isNextDecade ? onKeyDown : undefined}\n onFocus={!isPrevDecade && !isNextDecade ? handleYearFocus : undefined}\n onBlur={!isPrevDecade && !isNextDecade ? handleYearBlur : undefined}\n ref={\n !isPrevDecade && !isNextDecade && isFocussed\n ? (el: HTMLIcButtonElement \| undefined) => el && focussedYearRef(el)\n : undefined\n }\n >\n {isPrevDecade ? `${yr - 9}s` : isNextDecade ? `${yr}s` : yr}\n {(isPrevDecade \|\| isNextDecade) && (\n <svg\n slot={isPrevDecade ? \"left-icon\" : \"right-icon\"}\n width=\"12\"\n height=\"12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z\"\n fill=\"currentColor\"\n />\n </svg>\n )}\n </ic-button>\n );\n };\n\n return (\n <div class=\"year-picker\" role=\"grid\">\n {thisDecade.map((years, yearIdx) => (\n <div class=\"year-picker-row\" role=\"row\" key={yearIdx}>\n {years.map((yr, idx) => renderYearButton(yr, yearIdx, idx))}\n </div>\n ))}\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"ic-year-picker.js","sourceRoot":"","sources":["../../../../../src/components/ic-calendar/ic-year-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\nimport { yearInRange } from \"../../utils/date-helpers\";\nimport { IcSizes } from \"../../utils/types\";\nimport \"../../../../web-components/src/components/ic-button/ic-button\";\n\nexport type YearPickerProps = {\n decadeView: number[];\n focussedYear: number;\n yearInView: number;\n onSelectYear: (year: number) => void;\n onKeyDown: (ev: KeyboardEvent) => void;\n onFocusYear: () => void;\n onBlurYear: () => void;\n minDate: Date \| null;\n maxDate: Date \| null;\n focussedYearRef: (element: HTMLIcButtonElement) => void;\n size?: IcSizes;\n};\n\nexport const YearPicker: FunctionalComponent<YearPickerProps> = ({\n decadeView,\n size,\n focussedYear,\n yearInView,\n onSelectYear,\n onFocusYear,\n onBlurYear,\n onKeyDown,\n minDate,\n maxDate,\n focussedYearRef,\n}) => {\n const handleYearClick = (ev: MouseEvent): void => {\n const button = ev.target as HTMLElement;\n onSelectYear(Number(button.getAttribute(\"data-year\")));\n };\n\n const handleYearFocus = (): void => {\n onFocusYear();\n };\n\n const handleYearBlur = (): void => {\n onBlurYear();\n };\n\n const navButtonMouseDownHandler = (ev: MouseEvent): void => {\n ev.preventDefault();\n };\n\n const cols = size === \"small\" ? 2 : 3;\n const rows = size === \"small\" ? 6 : 4;\n\n const thisDecade: number[][] = [];\n for (let i = 0; i < decadeView.length; i += cols) {\n thisDecade.push(decadeView.slice(i, i + cols));\n }\n\n const renderYearButton = (yr: number, yearIdx: number, idx: number) => {\n const isPrevDecade = yearIdx === 0 && idx === 0;\n const isNextDecade = yearIdx === rows - 1 && idx === cols - 1;\n const isCurrent = yearInView === yr;\n const isFocussed = focussedYear === yr;\n\n return (\n <ic-button\n key={yr}\n role=\"gridcell\"\n id={\n isPrevDecade\n ? \"prev-decade-button\"\n : isNextDecade\n ? \"next-decade-button\"\n : undefined\n }\n class={{\n \"prev-decade\": isPrevDecade,\n \"next-decade\": isNextDecade,\n \"year-button\": true,\n selected: !isPrevDecade && !isNextDecade ? isCurrent : false,\n focussed: !isPrevDecade && !isNextDecade ? isFocussed : false,\n flip: isNextDecade,\n }}\n full-width\n disabled={!yearInRange(yr, minDate, maxDate)}\n data-year={yr}\n tabIndex={isPrevDecade \|\| isNextDecade ? -1 : isFocussed ? 0 : -1}\n variant={\n isPrevDecade \|\| isNextDecade\n ? \"tertiary\"\n : isCurrent\n ? \"primary\"\n : \"tertiary\"\n }\n onClick={handleYearClick}\n onMouseDown={\n isPrevDecade \|\| isNextDecade ? navButtonMouseDownHandler : undefined\n }\n size={size}\n aria-label={\n !isPrevDecade && !isNextDecade\n ? isCurrent\n ? \"\"\n : `select ${yr}`\n : undefined\n }\n aria-current={\n !isPrevDecade && !isNextDecade\n ? isCurrent\n ? \"true\"\n : \"false\"\n : undefined\n }\n onKeyDown={!isPrevDecade && !isNextDecade ? onKeyDown : undefined}\n onFocus={!isPrevDecade && !isNextDecade ? handleYearFocus : undefined}\n onBlur={!isPrevDecade && !isNextDecade ? handleYearBlur : undefined}\n ref={\n !isPrevDecade && !isNextDecade && isFocussed\n ? (el: HTMLIcButtonElement \| undefined) => el && focussedYearRef(el)\n : undefined\n }\n >\n {isPrevDecade ? `${yr - 9}s` : isNextDecade ? `${yr}s` : yr}\n {(isPrevDecade \|\| isNextDecade) && (\n <svg\n slot={isPrevDecade ? \"left-icon\" : \"right-icon\"}\n width=\"12\"\n height=\"12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n >\n <path\n d=\"M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z\"\n fill=\"currentColor\"\n />\n </svg>\n )}\n </ic-button>\n );\n };\n\n return (\n <div class=\"year-picker\" role=\"grid\">\n {thisDecade.map((years, yearIdx) => (\n <div class=\"year-picker-row\" role=\"row\" key={yearIdx}>\n {years.map((yr, idx) => renderYearButton(yr, yearIdx, idx))}\n </div>\n ))}\n </div>\n );\n};\n"]}

package/dist/collection/components/ic-calendar/test/a11y/ic-calendar.test.a11y.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { fixture } from "@open-wc/testing-helpers";
 import { axe } from "jest-axe";
-import { checkShadowElementRendersCorrectly } from "@ukic/web-components/src/utils/testa11y.helpers";
+import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
 describe("ic-calendar", () => {
     it("passes accessibility", async () => {
         const el = await fixture(`

package/dist/collection/components/ic-calendar/test/a11y/ic-calendar.test.a11y.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ic-calendar.test.a11y.js","sourceRoot":"","sources":["../../../../../../../src/components/ic-calendar/test/a11y/ic-calendar.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,~~iDAAiD~~,CAAC;~~AAErG~~,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;KAExB,CAAC,CAAC;QACH,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"~~@ukic/web-components/src/~~utils/testa11y.helpers\";\n\ndescribe(\"ic-calendar\", () => {\n it(\"passes accessibility\", async () => {\n const el = await fixture(`\n <ic-calendar></ic-calendar>\n `);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n});\n"]}
1	+ {"version":3,"file":"ic-calendar.test.a11y.js","sourceRoot":"","sources":["../../../../../../../src/components/ic-calendar/test/a11y/ic-calendar.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;KAExB,CAAC,CAAC;QACH,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-calendar\", () => {\n it(\"passes accessibility\", async () => {\n const el = await fixture(`\n <ic-calendar></ic-calendar>\n `);\n checkShadowElementRendersCorrectly(el);\n expect(await axe(el)).toHaveNoViolations();\n });\n});\n"]}

package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js CHANGED Viewed

@@ -1,6 +1,10 @@
 import { h, Host, } from "@stencil/core";
 import { IcBrandForegroundEnum, } from "../../utils/types";
 import { getBrandFromContext, isSlotUsed, onComponentRequiredPropUndefined, removeDisabledFalse, renderDynamicChildSlots, } from "../../utils/helpers";
+import "../../../../web-components/src/components/ic-typography/ic-typography";
+import "../../../../web-components/src/components/ic-button/ic-button";
+import "../../../../web-components/src/components/ic-status-tag/ic-status-tag";
+import "../../../../web-components/src/components/ic-badge/ic-badge";
 /**
  * @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.
  * @slot message - Content will be placed in the main body of the horizontal card.
@@ -144,7 +148,7 @@ export class Card {
         };
         const hasLeftImage = isSlotUsed(this.el, this.IMAGE_LEFT);
         const hasRightImage = isSlotUsed(this.el, this.IMAGE_RIGHT);
-        return (h(Host, { key: '6ead2d291cd0679234061acfff7d972e287d422a', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h(Component, Object.assign({ key: 'b19808bcd15c3e354bd60de589f49a4c3b022ef2', class: {
+        return (h(Host, { key: '771202b26bc564410ac2c2dc03e71bdd560e29aa', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, h(Component, Object.assign({ key: '4186c340de73d790abc5a894b8eaefe56e83218c', class: {
                 card: true,
                 clickable: clickable && !disabled,
                 disabled,
@@ -154,15 +158,15 @@ export class Card {
                 "with-icon": isSlotUsed(this.el, "icon"),
                 "with-image": hasLeftImage || hasRightImage,
                 spacious: density === "spacious",
-            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : undefined, disabled: disabled ? true : undefined }, attrs), hasLeftImage && (h("div", { key: '37d59a742f88f8a5f365611a11ed1e5c0918b7bd', class: "image" }, h("slot", { key: 'b8b49ff2f2061379f29bec9dd493fe85aab52bf0', name: "image-left" }))), h("div", { key: '150d0ce31ad800d54fbee1d384fcd9048117c7d5', class: {
+            }, tabindex: clickable && !parentIsAnchorTag ? 0 : undefined, "aria-disabled": disabled ? "true" : undefined, disabled: disabled ? true : undefined }, attrs), hasLeftImage && (h("div", { key: '1826dc9ba13fd40c2dd4f8846d68c0e17d17b649', class: "image" }, h("slot", { key: 'e41c4d1b906dd0f503dd5bde8db6ac0e3605ff0c', name: "image-left" }))), h("div", { key: 'f5614df11353bb7e3508a833b1b286427ea0ca8d', class: {
                 "card-content": true,
                 "left-image": hasLeftImage,
                 "right-image": hasRightImage,
-            } }, h("div", { key: '890b37e7f3e0f36e9594d4dfb351ef28f50c367a', class: "card-header" }, isSlotUsed(this.el, "icon") && (h("div", { key: '162f83733f6a59536789607e134b335a45e535dc', class: "icon" }, h("slot", { key: 'e2307f93da5af4e55c622d03ca743604dab7d52c', name: "icon" }))), h("div", { key: 'ae5803e20f33c9d8af038a7e3d96ed54b3dad55c', class: {
+            } }, h("div", { key: '4d1f8f0bca98684d4b7cf006dedf0d8d60d44d7a', class: "card-header" }, isSlotUsed(this.el, "icon") && (h("div", { key: '3c7123189dd853ecf33a3620dc766c96cb83b8ad', class: "icon" }, h("slot", { key: '31983db9c29c04e550b95d820c1fec395bdb1c1a', name: "icon" }))), h("div", { key: '25641190a46a1be51cc4e760263c188e4691b4bf', class: {
                 "card-title": true,
                 "with-interaction-button": isSlotUsed(this.el, this.INTERACTION_BUTTON),
-            } }, h("slot", { key: '813dffbe5feb5bd2ea6512e7f4b8771c9cd42423', name: "heading" }, h("ic-typography", { key: '23c3c176af04d0518bdce0f5768d506341504909', variant: "h4" }, h("p", { key: 'cd1436f1ed8befaa0071a027040d9ef9da36cd79' }, heading)))), isSlotUsed(this.el, this.INTERACTION_BUTTON) && (h("div", { key: '3e14759cbdadf5e6c3217f691c4bcb30001b1b57', class: "interaction-button" }, h("slot", { key: 'c5894ff645923096041f8ee84d59c81767cc4f31', name: "interaction-button" })))), density === "spacious" &&
-            (subheading || isSlotUsed(this.el, "subheading")) && (h("div", { key: '92b922ebfa767238dc66d1a61f2f69ac0ce28ff5', class: "subheading" }, h("slot", { key: '3e3c6db9639a762a264998e7b9031031ea8ffc26', name: "subheading" }, h("ic-typography", { key: '1d6a15cb8e3e78b482ae496c185e7aab0748445e', variant: "subtitle-small" }, subheading)))), density === "spacious" && isSlotUsed(this.el, "adornment") && (h("div", { key: '261e04fc16724ad08d92848cce2ef633e99f8514', class: "adornment" }, h("slot", { key: '513cf2ce9800ac00ab4d88b0a832fd0267060a62', name: "adornment" }))), (message || isSlotUsed(this.el, "message")) && (h("div", { key: '6a5516f1fa127a04bc8aaf6bd29a94d7b5e538ed', class: "card-message" }, message && (h("ic-typography", { key: 'e6b4f524f97a5b8dff5e9c66a90243455a9bb99b', variant: "body" }, message)), isSlotUsed(this.el, "message") && h("slot", { key: 'be5b20d2cea7ec3b7eb1bdd829d0afe444087bee', name: "message" })))), isSlotUsed(this.el, "badge") && h("slot", { key: '99734067ee2c03832d4129280da508bb8be7c816', name: "badge" }), hasRightImage && (h("div", { key: '6e2610a79d2216ef23b51e7695d0dbec40e65184', class: "image" }, h("slot", { key: 'a1b7be2ee79695fc535f73e140b1c23101a40e6f', name: "image-right" }))))));
+            } }, h("slot", { key: '1203d21e18a658c9b85d71e2521b11bb4a562f1e', name: "heading" }, h("ic-typography", { key: 'ecd640d222e45f347ba8e63da1aa115b656eab81', variant: "h4" }, h("p", { key: 'ac58a52deaa6b91625aa7c4894af7e7691113efd' }, heading)))), isSlotUsed(this.el, this.INTERACTION_BUTTON) && (h("div", { key: '970ff939e851db9063a703b7068ff9d7877ec674', class: "interaction-button" }, h("slot", { key: 'a8484bfb6fdb01e07ba13394f0aff4a3a9968115', name: "interaction-button" })))), density === "spacious" &&
+            (subheading || isSlotUsed(this.el, "subheading")) && (h("div", { key: 'fb3a3e63b16c33ebee9777000b01f182f49e3539', class: "subheading" }, h("slot", { key: '03357628e63bf5142bbbf77a1bf58fb9b58f9bf4', name: "subheading" }, h("ic-typography", { key: 'f0b685a0d32a3be3bcb8ee2ccd751f282379747e', variant: "subtitle-small" }, subheading)))), density === "spacious" && isSlotUsed(this.el, "adornment") && (h("div", { key: 'a818fe6df8548a7da581512a14ba385371e3a3ad', class: "adornment" }, h("slot", { key: '8537af899cb4f1f9e1cd32a5151b2b2cfe575f3f', name: "adornment" }))), (message || isSlotUsed(this.el, "message")) && (h("div", { key: '93e427dcd802870b6bc070908a6cd612d11bac33', class: "card-message" }, message && (h("ic-typography", { key: 'e49ad324e61a7e94ce73bca66e1221bed552ef43', variant: "body" }, message)), isSlotUsed(this.el, "message") && h("slot", { key: 'b6e8ad05a126c6d05353a95527ce405c21956319', name: "message" })))), isSlotUsed(this.el, "badge") && h("slot", { key: '2cc13968bbd403b7909ab5e63b266adc38ea54b1', name: "badge" }), hasRightImage && (h("div", { key: '6090322ee1233e6c5c317c4771cd717e7ff79119', class: "image" }, h("slot", { key: '7a594ff72309084d428fcc386bf428f8c0f35966', name: "image-right" }))))));
     }
     static get is() { return "ic-card-horizontal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ic-card-horizontal.js","sourceRoot":"","sources":["../../../../../src/components/ic-card-horizontal/ic-card-horizontal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from \"@stencil/core\";\nimport {\n IcBrand,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcCardDensity,\n IcSizes,\n IcThemeMode,\n} from \"../../utils/types\";\nimport {\n getBrandFromContext,\n isSlotUsed,\n onComponentRequiredPropUndefined,\n removeDisabledFalse,\n renderDynamicChildSlots,\n} from \"../../utils/helpers\";\n\n/*\n @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.\n * @slot message - Content will be placed in the main body of the horizontal card.\n * @slot subheading - Content will be placed below the card heading. Only for `density=\"spacious\"`.\n * @slot adornment - Content will be placed below the card subheading. Only for `density=\"spacious\"`.\n * @slot image-left - Content will be placed to the left of all other content.\n * @slot image-right - Content will be placed to the right of all other content.\n * @slot icon - Content will be placed to the left of the horizontal card heading.\n * @slot interaction-button - Content will be placed in the top right corner of the heading section.\n * @slot badge - Badge component overlaying the top right of the horizontal card.\n /\n@Component({\n tag: \"ic-card-horizontal\",\n styleUrl: \"ic-card-horizontal.css\",\n shadow: true,\n})\nexport class Card {\n private hostMutationObserver: MutationObserver \| null = null;\n private IMAGE_LEFT = \"image-left\";\n private IMAGE_RIGHT = \"image-right\";\n private INTERACTION_BUTTON = \"interaction-button\";\n\n @Element() el: HTMLIcCardHorizontalElement;\n\n @State() appearance?: IcBrandForeground = \"default\";\n @State() isFocussed: boolean = false;\n @State() parentEl: HTMLElement \| null = null;\n @State() parentIsAnchorTag: boolean = false;\n\n /\n If `true`, the horizontal card will be a clickable variant, instead of static.\n /\n @Prop({ mutable: true }) clickable: boolean = false;\n\n /\n The padding of the horizontal card.\n /\n @Prop() density: IcCardDensity = \"default\";\n\n /\n If `true`, the horizontal card will be disabled if it is clickable.\n /\n @Prop() disabled: boolean = false;\n @Watch(\"disabled\")\n watchDisabledHandler(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /\n The heading for the horizontal card. This is required, unless a slotted heading is used.\n /\n @Prop() heading?: string;\n\n /\n The URL that the clickable horizontal card link points to. If set, the clickable horizontal card will render as an \"a\" tag, otherwise it will render as a button.\n /\n @Prop() href?: string \| undefined;\n\n /\n The human language of the linked URL.\n /\n @Prop() hreflang?: string = \"\";\n\n /\n The main body message of the horizontal card.\n /\n @Prop() message?: string = \"\";\n\n /\n How much of the referrer to send when following the link.\n /\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /\n The relationship of the linked URL as space-separated link types.\n /\n @Prop() rel?: string;\n\n /\n The size of the horizontal card.\n /\n @Prop() size: IcSizes = \"medium\";\n\n /\n The subheading for the card.\n /\n @Prop() subheading?: string;\n\n /\n The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n /\n @Prop() target?: string;\n\n /\n Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n /\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n disconnectedCallback(): void {\n if (this.parentEl && this.parentIsAnchorTag) {\n this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n }\n this.hostMutationObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.parentEl = this.el.parentElement;\n\n if (this.parentEl?.tagName === \"A\") {\n this.clickable = true;\n this.parentIsAnchorTag = true;\n this.parentEl.classList.add(\"ic-card-wrapper-link\");\n this.parentEl.addEventListener(\"focus\", this.parentFocussed);\n this.parentEl.addEventListener(\"blur\", this.parentBlurred);\n }\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined(\n [{ prop: this.heading, propName: \"heading\" }],\n \"Card\"\n );\n this.updateTheme();\n\n this.hostMutationObserver = new MutationObserver((mutationList) =>\n renderDynamicChildSlots(\n mutationList,\n [\n \"message\",\n \"adornment\",\n this.IMAGE_LEFT,\n this.IMAGE_RIGHT,\n \"icon\",\n this.INTERACTION_BUTTON,\n \"badge\",\n ],\n this\n )\n );\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n\n @Listen(\"click\", { capture: true })\n handleHostClick(event: Event): void {\n if (this.disabled) {\n event.stopImmediatePropagation();\n }\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n this.updateTheme(ev.detail.mode);\n }\n\n /\n Sets focus on the card.\n */\n @Method()\n async setFocus(): Promise<void> {\n const linkElement = this.el.shadowRoot?.querySelector(\"a\");\n const buttonElement = this.el.shadowRoot?.querySelector(\"button\");\n if (linkElement) {\n linkElement.focus();\n } else if (buttonElement) {\n buttonElement.focus();\n }\n }\n\n private parentFocussed = (): void => {\n this.isFocussed = true;\n };\n\n private parentBlurred = (): void => {\n this.isFocussed = false;\n };\n\n private updateTheme(mode?: IcBrandForeground): void {\n const foregroundColor = getBrandFromContext(this.el, mode);\n\n if (foregroundColor !== IcBrandForegroundEnum.Default) {\n this.theme =\n foregroundColor === IcBrandForegroundEnum.Light\n ? IcBrandForegroundEnum.Dark\n : IcBrandForegroundEnum.Light;\n }\n }\n\n render() {\n const {\n appearance,\n clickable,\n density,\n disabled,\n heading,\n message,\n href,\n hreflang,\n referrerpolicy,\n rel,\n target,\n parentIsAnchorTag,\n isFocussed,\n size,\n subheading,\n theme,\n } = this;\n\n const Component =\n parentIsAnchorTag \|\| !clickable\n ? \"div\"\n : href === undefined\n ? \"button\"\n : \"a\";\n\n const attrs = Component == \"a\" && {\n href: href,\n hrefLang: hreflang,\n referrerPolicy: referrerpolicy,\n rel: rel,\n target: target,\n };\n\n const hasLeftImage = isSlotUsed(this.el, this.IMAGE_LEFT);\n const hasRightImage = isSlotUsed(this.el, this.IMAGE_RIGHT);\n\n return (\n <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n <Component\n class={{\n card: true,\n clickable: clickable && !disabled,\n disabled,\n focussed: isFocussed,\n dark: appearance === IcBrandForegroundEnum.Dark,\n [`${size}`]: true,\n \"with-icon\": isSlotUsed(this.el, \"icon\"),\n \"with-image\": hasLeftImage \|\| hasRightImage,\n spacious: density === \"spacious\",\n }}\n tabindex={clickable && !parentIsAnchorTag ? 0 : undefined}\n aria-disabled={disabled ? \"true\" : undefined}\n disabled={disabled ? true : undefined}\n {...attrs}\n >\n {hasLeftImage && (\n <div class=\"image\">\n <slot name=\"image-left\"></slot>\n </div>\n )}\n <div\n class={{\n \"card-content\": true,\n \"left-image\": hasLeftImage,\n \"right-image\": hasRightImage,\n }}\n >\n <div class=\"card-header\">\n {isSlotUsed(this.el, \"icon\") && (\n <div class=\"icon\">\n <slot name=\"icon\" />\n </div>\n )}\n <div\n class={{\n \"card-title\": true,\n \"with-interaction-button\": isSlotUsed(\n this.el,\n this.INTERACTION_BUTTON\n ),\n }}\n >\n <slot name=\"heading\">\n <ic-typography variant=\"h4\">\n <p>{heading}</p>\n </ic-typography>\n </slot>\n </div>\n {isSlotUsed(this.el, this.INTERACTION_BUTTON) && (\n <div class=\"interaction-button\">\n <slot name=\"interaction-button\"></slot>\n </div>\n )}\n </div>\n {density === \"spacious\" &&\n (subheading \|\| isSlotUsed(this.el, \"subheading\")) && (\n <div class=\"subheading\">\n <slot name=\"subheading\">\n <ic-typography variant=\"subtitle-small\">\n {subheading}\n </ic-typography>\n </slot>\n </div>\n )}\n {density === \"spacious\" && isSlotUsed(this.el, \"adornment\") && (\n <div class=\"adornment\">\n <slot name=\"adornment\"></slot>\n </div>\n )}\n {(message \|\| isSlotUsed(this.el, \"message\")) && (\n <div class=\"card-message\">\n {message && (\n <ic-typography variant=\"body\">{message}</ic-typography>\n )}\n {isSlotUsed(this.el, \"message\") && <slot name=\"message\"></slot>}\n </div>\n )}\n </div>\n {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n {hasRightImage && (\n <div class=\"image\">\n <slot name=\"image-right\"></slot>\n </div>\n )}\n </Component>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ic-card-horizontal.js","sourceRoot":"","sources":["../../../../../src/components/ic-card-horizontal/ic-card-horizontal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n Watch,\n} from \"@stencil/core\";\nimport {\n IcBrand,\n IcBrandForeground,\n IcBrandForegroundEnum,\n IcCardDensity,\n IcSizes,\n IcThemeMode,\n} from \"../../utils/types\";\nimport {\n getBrandFromContext,\n isSlotUsed,\n onComponentRequiredPropUndefined,\n removeDisabledFalse,\n renderDynamicChildSlots,\n} from \"../../utils/helpers\";\n\nimport \"../../../../web-components/src/components/ic-typography/ic-typography\";\nimport \"../../../../web-components/src/components/ic-button/ic-button\";\nimport \"../../../../web-components/src/components/ic-status-tag/ic-status-tag\";\nimport \"../../../../web-components/src/components/ic-badge/ic-badge\";\n\n/*\n @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.\n * @slot message - Content will be placed in the main body of the horizontal card.\n * @slot subheading - Content will be placed below the card heading. Only for `density=\"spacious\"`.\n * @slot adornment - Content will be placed below the card subheading. Only for `density=\"spacious\"`.\n * @slot image-left - Content will be placed to the left of all other content.\n * @slot image-right - Content will be placed to the right of all other content.\n * @slot icon - Content will be placed to the left of the horizontal card heading.\n * @slot interaction-button - Content will be placed in the top right corner of the heading section.\n * @slot badge - Badge component overlaying the top right of the horizontal card.\n /\n@Component({\n tag: \"ic-card-horizontal\",\n styleUrl: \"ic-card-horizontal.css\",\n shadow: true,\n})\nexport class Card {\n private hostMutationObserver: MutationObserver \| null = null;\n private IMAGE_LEFT = \"image-left\";\n private IMAGE_RIGHT = \"image-right\";\n private INTERACTION_BUTTON = \"interaction-button\";\n\n @Element() el: HTMLIcCardHorizontalElement;\n\n @State() appearance?: IcBrandForeground = \"default\";\n @State() isFocussed: boolean = false;\n @State() parentEl: HTMLElement \| null = null;\n @State() parentIsAnchorTag: boolean = false;\n\n /\n If `true`, the horizontal card will be a clickable variant, instead of static.\n /\n @Prop({ mutable: true }) clickable: boolean = false;\n\n /\n The padding of the horizontal card.\n /\n @Prop() density: IcCardDensity = \"default\";\n\n /\n If `true`, the horizontal card will be disabled if it is clickable.\n /\n @Prop() disabled: boolean = false;\n @Watch(\"disabled\")\n watchDisabledHandler(): void {\n removeDisabledFalse(this.disabled, this.el);\n }\n\n /\n The heading for the horizontal card. This is required, unless a slotted heading is used.\n /\n @Prop() heading?: string;\n\n /\n The URL that the clickable horizontal card link points to. If set, the clickable horizontal card will render as an \"a\" tag, otherwise it will render as a button.\n /\n @Prop() href?: string \| undefined;\n\n /\n The human language of the linked URL.\n /\n @Prop() hreflang?: string = \"\";\n\n /\n The main body message of the horizontal card.\n /\n @Prop() message?: string = \"\";\n\n /\n How much of the referrer to send when following the link.\n /\n @Prop() referrerpolicy?: ReferrerPolicy;\n\n /\n The relationship of the linked URL as space-separated link types.\n /\n @Prop() rel?: string;\n\n /\n The size of the horizontal card.\n /\n @Prop() size: IcSizes = \"medium\";\n\n /\n The subheading for the card.\n /\n @Prop() subheading?: string;\n\n /\n The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n /\n @Prop() target?: string;\n\n /\n Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n /\n @Prop() theme?: IcThemeMode = \"inherit\";\n\n disconnectedCallback(): void {\n if (this.parentEl && this.parentIsAnchorTag) {\n this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n }\n this.hostMutationObserver?.disconnect();\n }\n\n componentWillLoad(): void {\n this.parentEl = this.el.parentElement;\n\n if (this.parentEl?.tagName === \"A\") {\n this.clickable = true;\n this.parentIsAnchorTag = true;\n this.parentEl.classList.add(\"ic-card-wrapper-link\");\n this.parentEl.addEventListener(\"focus\", this.parentFocussed);\n this.parentEl.addEventListener(\"blur\", this.parentBlurred);\n }\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined(\n [{ prop: this.heading, propName: \"heading\" }],\n \"Card\"\n );\n this.updateTheme();\n\n this.hostMutationObserver = new MutationObserver((mutationList) =>\n renderDynamicChildSlots(\n mutationList,\n [\n \"message\",\n \"adornment\",\n this.IMAGE_LEFT,\n this.IMAGE_RIGHT,\n \"icon\",\n this.INTERACTION_BUTTON,\n \"badge\",\n ],\n this\n )\n );\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n }\n\n @Listen(\"click\", { capture: true })\n handleHostClick(event: Event): void {\n if (this.disabled) {\n event.stopImmediatePropagation();\n }\n }\n\n @Listen(\"brandChange\", { target: \"document\" })\n brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n this.updateTheme(ev.detail.mode);\n }\n\n /\n Sets focus on the card.\n */\n @Method()\n async setFocus(): Promise<void> {\n const linkElement = this.el.shadowRoot?.querySelector(\"a\");\n const buttonElement = this.el.shadowRoot?.querySelector(\"button\");\n if (linkElement) {\n linkElement.focus();\n } else if (buttonElement) {\n buttonElement.focus();\n }\n }\n\n private parentFocussed = (): void => {\n this.isFocussed = true;\n };\n\n private parentBlurred = (): void => {\n this.isFocussed = false;\n };\n\n private updateTheme(mode?: IcBrandForeground): void {\n const foregroundColor = getBrandFromContext(this.el, mode);\n\n if (foregroundColor !== IcBrandForegroundEnum.Default) {\n this.theme =\n foregroundColor === IcBrandForegroundEnum.Light\n ? IcBrandForegroundEnum.Dark\n : IcBrandForegroundEnum.Light;\n }\n }\n\n render() {\n const {\n appearance,\n clickable,\n density,\n disabled,\n heading,\n message,\n href,\n hreflang,\n referrerpolicy,\n rel,\n target,\n parentIsAnchorTag,\n isFocussed,\n size,\n subheading,\n theme,\n } = this;\n\n const Component =\n parentIsAnchorTag \|\| !clickable\n ? \"div\"\n : href === undefined\n ? \"button\"\n : \"a\";\n\n const attrs = Component == \"a\" && {\n href: href,\n hrefLang: hreflang,\n referrerPolicy: referrerpolicy,\n rel: rel,\n target: target,\n };\n\n const hasLeftImage = isSlotUsed(this.el, this.IMAGE_LEFT);\n const hasRightImage = isSlotUsed(this.el, this.IMAGE_RIGHT);\n\n return (\n <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n <Component\n class={{\n card: true,\n clickable: clickable && !disabled,\n disabled,\n focussed: isFocussed,\n dark: appearance === IcBrandForegroundEnum.Dark,\n [`${size}`]: true,\n \"with-icon\": isSlotUsed(this.el, \"icon\"),\n \"with-image\": hasLeftImage \|\| hasRightImage,\n spacious: density === \"spacious\",\n }}\n tabindex={clickable && !parentIsAnchorTag ? 0 : undefined}\n aria-disabled={disabled ? \"true\" : undefined}\n disabled={disabled ? true : undefined}\n {...attrs}\n >\n {hasLeftImage && (\n <div class=\"image\">\n <slot name=\"image-left\"></slot>\n </div>\n )}\n <div\n class={{\n \"card-content\": true,\n \"left-image\": hasLeftImage,\n \"right-image\": hasRightImage,\n }}\n >\n <div class=\"card-header\">\n {isSlotUsed(this.el, \"icon\") && (\n <div class=\"icon\">\n <slot name=\"icon\" />\n </div>\n )}\n <div\n class={{\n \"card-title\": true,\n \"with-interaction-button\": isSlotUsed(\n this.el,\n this.INTERACTION_BUTTON\n ),\n }}\n >\n <slot name=\"heading\">\n <ic-typography variant=\"h4\">\n <p>{heading}</p>\n </ic-typography>\n </slot>\n </div>\n {isSlotUsed(this.el, this.INTERACTION_BUTTON) && (\n <div class=\"interaction-button\">\n <slot name=\"interaction-button\"></slot>\n </div>\n )}\n </div>\n {density === \"spacious\" &&\n (subheading \|\| isSlotUsed(this.el, \"subheading\")) && (\n <div class=\"subheading\">\n <slot name=\"subheading\">\n <ic-typography variant=\"subtitle-small\">\n {subheading}\n </ic-typography>\n </slot>\n </div>\n )}\n {density === \"spacious\" && isSlotUsed(this.el, \"adornment\") && (\n <div class=\"adornment\">\n <slot name=\"adornment\"></slot>\n </div>\n )}\n {(message \|\| isSlotUsed(this.el, \"message\")) && (\n <div class=\"card-message\">\n {message && (\n <ic-typography variant=\"body\">{message}</ic-typography>\n )}\n {isSlotUsed(this.el, \"message\") && <slot name=\"message\"></slot>}\n </div>\n )}\n </div>\n {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n {hasRightImage && (\n <div class=\"image\">\n <slot name=\"image-right\"></slot>\n </div>\n )}\n </Component>\n </Host>\n );\n }\n}\n"]}

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

@@ -7,6 +7,13 @@ import descendingIcon from "./assets/descending-icon.svg";
 import { isEmptyString, isSlotUsed, pxToRem, addDataToPosition, dynamicDebounce, getSlotElements, checkResizeObserver, deviceSizeMatches, } from "../../utils/helpers";
 import { sanitizeHTMLIconString } from "../../../../web-components/src/utils/common-helpers";
 import { IC_DEVICE_SIZES } from "../../utils/constants";
+import "../../../../web-components/src/components/ic-typography/ic-typography";
+import "../../../../web-components/src/components/ic-loading-indicator/ic-loading-indicator";
+import "../../../../web-components/src/components/ic-button/ic-button";
+import "../../../../web-components/src/components/ic-link/ic-link";
+import "../../../../web-components/src/components/ic-empty-state/ic-empty-state";
+import "../../../../web-components/src/components/ic-checkbox/ic-checkbox";
+import "../../../../web-components/src/components/ic-tooltip/ic-tooltip";
 /**
  * @slot empty-state - Content is slotted below the table header when there is no data and the table is not loading.
  * @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.
@@ -753,7 +760,7 @@ export class DataTable {
                         "table-cell": true,
                         "checkbox-cell": true,
                         [`table-density-${this.density}`]: this.notDefaultDensity(),
-                    } }, h("div", { class: "checkbox-wrapper" }, h("ic-checkbox", { class: "ic-data-table-checkbox", checked: isRowSelected, disabled: this.updating || this.loading, hideLabel: true, label: `${isRowSelected ? "Deselect" : "Select"} row ${cellIndex}`, onIcCheck: () => this.onRowClick(row), size: this.density === "dense" ? "small" : "medium", value: cellIndex })))), this.createCells(row, cellIndex)));
+                    } }, h("div", { class: "checkbox-wrapper" }, h("ic-checkbox", { class: "ic-data-table-checkbox", checked: isRowSelected, disabled: this.updating || this.loading, hideLabel: true, label: `${isRowSelected ? "Deselect" : "Select"} row ${cellIndex}`, onIcCheck: () => this.onRowClick(row), size: this.density === "dense" ? "small" : "medium", value: cellIndex.toString() })))), this.createCells(row, cellIndex)));
             });
         };
         this.getObjectValue = (cell, key) => Object.values(cell)[Object.keys(cell).indexOf(key)];
@@ -1355,26 +1362,26 @@ export class DataTable {
                 ? "deselect all"
                 : "select all remaining"
             : "select all";
-        return (h(Host, { key: '5a54a8292fc31e31e968c76b21f957d6ed4665bb', style: Object.assign({}, this.setTableDimensions()), class: {
+        return (h(Host, { key: '5e348df04d8763b2ef4430d75712892932a33a5a', style: Object.assign({}, this.setTableDimensions()), class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`ic-data-table-show-pagination`]: !!showPagination,
                 [`ic-data-table-embedded`]: !!embedded,
-            } }, h("div", { key: '664f9b13c5c5f9b2a0323a870b7c96cfc8e2c45d', class: "table-container" }, isSlotUsed(this.el, "title-bar") && h("slot", { key: '997ec993032c647aea11da288c2f2b19c5f69f8b', name: "title-bar" }), h("div", { key: '35823b8f7cfeeaeab64dc248ef65c6c52762cf03', class: {
+            } }, h("div", { key: '25efcd5aee9d2c771bdf11e94e35c0f5b2a1b5b0', class: "table-container" }, isSlotUsed(this.el, "title-bar") && h("slot", { key: '2bac336f9c1eb9952d50d365a301de96ad9df811', name: "title-bar" }), h("div", { key: '7f15277d1c142db27f10e7f4ba058bc0fcc2f954', class: {
                 ["table-row-container"]: true,
                 scrollable,
-            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, h("table", { key: '9b9c1bbf6ebcc08ca235f2637c95dc74bd49c3a1', style: {
+            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, h("table", { key: '82ac644d852daedbe3f11dc4cdcdb1c249691be3', style: {
                 "--table-layout": tableLayout,
-            } }, h("caption", { key: 'f5acadc8976d3b474dab6d17c957553a384c348a', class: "table-caption" }, caption), !hideColumnHeaders && (h("thead", { key: '4131acaa910add9c3f596f34c879b539e69e4c69', class: {
+            } }, h("caption", { key: 'd2f8a9a90d69eaeac149847475a6ad4a88272ab8', class: "table-caption" }, caption), !hideColumnHeaders && (h("thead", { key: '8ba3b64738f173d81d6b64703f9818654ac542b5', class: {
                 ["column-header-sticky"]: stickyColumnHeaders,
                 ["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
-            } }, h("tr", { key: 'ddf0b02e09b404800f07b86709812a8c719da333' }, rowSelection && data && (h("th", { key: '3aa7cb15d490ea90a1c33959ff83987b244951f4', class: {
+            } }, h("tr", { key: '44db873360294f71dda8c3be415236d9c723e15b' }, rowSelection && data && (h("th", { key: '2e46eed13aab238d3ff76eea95c81c8cbbdb7e82', class: {
                 "column-header": true,
                 "checkbox-cell": true,
                 "updating-state-headers": updating && !loading,
                 [`table-density-${density}`]: this.notDefaultDensity(),
-            } }, h("div", { key: '0b42136651692a5b69131dc40eb80636e0cb5ff1', class: "checkbox-wrapper" }, h("ic-checkbox", { key: 'be47f6ce2b9c6450b4fff5bba46686396fbf7bab', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
+            } }, h("div", { key: '3a1de5311e79df9207c94c6e5ea8a85babb6272a', class: "checkbox-wrapper" }, h("ic-checkbox", { key: '7b4084ab45f93093fc4e61670b6cc0acd6184c5e', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
             !loading &&
-            (hideColumnHeaders ? (h("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), h("div", { key: '23b30f12641186e93d7c20cee3b302d002f799cc', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (h("div", { key: '639f16bbcb3ee28acd812e753ad242bdfc9fda24', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (h("slot", { name: "pagination-bar" })) : (h("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideCurrentPage: paginationBarOptions.hideCurrentPage, hideFirstAndLastPageButton: paginationBarOptions.hideFirstAndLastPageButton, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, selectItemsPerPageOnEnter: paginationBarOptions.selectItemsPerPageOnEnter, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (h("div", { key: 'fdd6bfc99732ce13c66e322f91630bb02e23fd1b', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
+            (hideColumnHeaders ? (h("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), h("div", { key: '41457b9e327363eaf70e2ae852d356d47697f283', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || isSlotUsed(this.el, "pagination-bar")) && (h("div", { key: '5268adc73bec4a25a759ce364399ef64a01cfdef', class: "pagination-container" }, isSlotUsed(this.el, "pagination-bar") ? (h("slot", { name: "pagination-bar" })) : (h("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideCurrentPage: paginationBarOptions.hideCurrentPage, hideFirstAndLastPageButton: paginationBarOptions.hideFirstAndLastPageButton, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, selectItemsPerPageOnEnter: paginationBarOptions.selectItemsPerPageOnEnter, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (h("div", { key: '05ce08d46c1c3b0b0daa63936933c36871742dd1', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
             ? `${((_b = columns.find((col) => col.key === sortedColumn)) === null || _b === void 0 ? void 0 : _b.title) ||
                 sortedColumn} sorted ${sortedColumnOrder}`
             : "table unsorted")))));