@ukic/canary-web-components 3.0.0-canary.34 → 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.
- package/dist/cjs/{OpenInNew-7bac24f7.js → OpenInNew-add95b7b.js} +1 -1
- package/dist/cjs/OpenInNew-add95b7b.js.map +1 -0
- package/dist/{esm/purify-6eaa9893.js → cjs/common-helpers-577fc5b0.js} +22 -2
- package/dist/cjs/common-helpers-577fc5b0.js.map +1 -0
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-2cc5f6db.js → helpers-cb472df9.js} +1 -128
- package/dist/cjs/helpers-cb472df9.js.map +1 -0
- package/dist/cjs/ic-badge-27f26087.js +184 -0
- package/dist/cjs/ic-badge-27f26087.js.map +1 -0
- package/dist/cjs/ic-badge.cjs.entry.js +4 -177
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button-4c329a7d.js +435 -0
- package/dist/cjs/ic-button-4c329a7d.js.map +1 -0
- package/dist/cjs/ic-button_3.cjs.entry.js +9 -887
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-calendar_2.cjs.entry.js +22 -13
- package/dist/cjs/ic-calendar_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +10 -5
- package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-ac44e0a2.js +204 -0
- package/dist/cjs/ic-checkbox-ac44e0a2.js.map +1 -0
- package/dist/cjs/ic-checkbox_3.cjs.entry.js +22 -208
- package/dist/cjs/ic-checkbox_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip-1ff0950a.js +133 -0
- package/dist/cjs/ic-chip-1ff0950a.js.map +1 -0
- package/dist/cjs/ic-chip.cjs.entry.js +4 -119
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +19 -4
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-table.cjs.entry.js +18 -10
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js +7 -228
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-validation-bf7afa43.js +259 -0
- package/dist/cjs/ic-input-validation-bf7afa43.js.map +1 -0
- package/dist/cjs/ic-link-c77848ab.js +111 -0
- package/dist/cjs/ic-link-c77848ab.js.map +1 -0
- package/dist/cjs/ic-link.cjs.entry.js +5 -104
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-loading-indicator-bbd1572c.js +233 -0
- package/dist/cjs/ic-loading-indicator-bbd1572c.js.map +1 -0
- package/dist/cjs/ic-menu-e9a1a0d3.js +987 -0
- package/dist/cjs/ic-menu-e9a1a0d3.js.map +1 -0
- package/dist/cjs/ic-menu.cjs.entry.js +6 -991
- package/dist/cjs/ic-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item-59bd8957.js +243 -0
- package/dist/cjs/ic-navigation-item-59bd8957.js.map +1 -0
- package/dist/cjs/ic-navigation-item.cjs.entry.js +5 -232
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-page-header-3d8b3a59.js +131 -0
- package/dist/cjs/ic-page-header-3d8b3a59.js.map +1 -0
- package/dist/cjs/ic-page-header.cjs.entry.js +4 -124
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination_3.cjs.entry.js +16 -0
- package/dist/cjs/ic-pagination_3.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-section-container-128e2db0.js +34 -0
- package/dist/cjs/ic-section-container-128e2db0.js.map +1 -0
- package/dist/cjs/ic-section-container.cjs.entry.js +3 -27
- package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select-bc8ca251.js +876 -0
- package/dist/cjs/ic-select-bc8ca251.js.map +1 -0
- package/dist/cjs/ic-skip-link-43203eea.js +60 -0
- package/dist/cjs/ic-skip-link-43203eea.js.map +1 -0
- package/dist/cjs/ic-skip-link.cjs.entry.js +3 -53
- package/dist/cjs/ic-skip-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag-a4377a6b.js +55 -0
- package/dist/cjs/ic-status-tag-a4377a6b.js.map +1 -0
- package/dist/cjs/ic-status-tag.cjs.entry.js +4 -48
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-table-of-contents.cjs.entry.js +14 -3
- package/dist/cjs/ic-table-of-contents.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-text-field-5d7ae957.js +732 -0
- package/dist/cjs/ic-text-field-5d7ae957.js.map +1 -0
- package/dist/cjs/ic-theme.cjs.entry.js +2 -2
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-time-input.cjs.entry.js +16 -6
- package/dist/cjs/ic-time-input.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-time-selector.cjs.entry.js +11 -8
- package/dist/cjs/ic-time-selector.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-ce67a1ec.js +452 -0
- package/dist/cjs/ic-toggle-button-ce67a1ec.js.map +1 -0
- package/dist/cjs/ic-toggle-button_2.cjs.entry.js +5 -445
- package/dist/cjs/ic-toggle-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tooltip-3cc80832.js +239 -0
- package/dist/cjs/ic-tooltip-3cc80832.js.map +1 -0
- package/dist/cjs/ic-top-navigation-a6c4be7b.js +237 -0
- package/dist/cjs/ic-top-navigation-a6c4be7b.js.map +1 -0
- package/dist/cjs/ic-top-navigation.cjs.entry.js +4 -227
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-item.cjs.entry.js +5 -4
- package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-view.cjs.entry.js +7 -5
- package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography-a199c128.js +198 -0
- package/dist/cjs/ic-typography-a199c128.js.map +1 -0
- package/dist/cjs/ic-typography.cjs.entry.js +4 -191
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-d337cd8a.js +6 -170
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +28 -76
- package/dist/collection/components/ic-calendar/ic-calendar.js +12 -10
- package/dist/collection/components/ic-calendar/ic-calendar.js.map +1 -1
- package/dist/collection/components/ic-calendar/ic-day-button.js +1 -0
- package/dist/collection/components/ic-calendar/ic-day-button.js.map +1 -1
- package/dist/collection/components/ic-calendar/ic-month-picker.js +1 -0
- package/dist/collection/components/ic-calendar/ic-month-picker.js.map +1 -1
- package/dist/collection/components/ic-calendar/ic-year-picker.js +1 -0
- package/dist/collection/components/ic-calendar/ic-year-picker.js.map +1 -1
- package/dist/collection/components/ic-calendar/test/a11y/ic-calendar.test.a11y.js +1 -1
- package/dist/collection/components/ic-calendar/test/a11y/ic-calendar.test.a11y.js.map +1 -1
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +9 -5
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.js +15 -8
- package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +18 -4
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -1
- package/dist/collection/components/ic-date-input/ic-date-input.js +13 -3
- package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -1
- package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js +1 -1
- package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js.map +1 -1
- package/dist/collection/components/ic-date-picker/ic-date-picker.js +2 -2
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +19 -12
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
- package/dist/collection/components/ic-table-of-contents/ic-table-of-contents-item.js +1 -0
- package/dist/collection/components/ic-table-of-contents/ic-table-of-contents-item.js.map +1 -1
- package/dist/collection/components/ic-table-of-contents/ic-table-of-contents.js +12 -3
- package/dist/collection/components/ic-table-of-contents/ic-table-of-contents.js.map +1 -1
- package/dist/collection/components/ic-time-input/ic-time-input.js +18 -6
- package/dist/collection/components/ic-time-input/ic-time-input.js.map +1 -1
- package/dist/collection/components/ic-time-input/test/helpers/ic-time-input.js +1 -1
- package/dist/collection/components/ic-time-input/test/helpers/ic-time-input.js.map +1 -1
- package/dist/collection/components/ic-time-selector/ic-time-selector.js +10 -8
- package/dist/collection/components/ic-time-selector/ic-time-selector.js.map +1 -1
- package/dist/collection/components/ic-tree-item/ic-tree-item.js +4 -4
- package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -1
- package/dist/collection/components/ic-tree-view/ic-tree-view.js +5 -3
- package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -1
- package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js +32 -2
- package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js.map +1 -1
- package/dist/components/common-helpers.js +1364 -3
- package/dist/components/common-helpers.js.map +1 -1
- package/dist/components/helpers.js +1 -116
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-badge.d.ts +11 -0
- package/dist/components/ic-badge.js +3 -3
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-button.d.ts +11 -0
- package/dist/components/ic-button2.js +3 -3
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-calendar2.js +12 -11
- package/dist/components/ic-calendar2.js.map +1 -1
- package/dist/components/ic-card-horizontal.js +6 -5
- package/dist/components/ic-card-horizontal.js.map +1 -1
- package/dist/components/ic-checkbox.d.ts +11 -0
- package/dist/components/ic-checkbox2.js +5 -5
- package/dist/components/ic-checkbox2.js.map +1 -1
- package/dist/components/ic-chip.d.ts +11 -0
- package/dist/components/ic-chip.js +14 -6
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-data-table-title-bar.js +18 -7
- package/dist/components/ic-data-table-title-bar.js.map +1 -1
- package/dist/components/ic-data-table.js +34 -40
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-date-input2.js +10 -6
- package/dist/components/ic-date-input2.js.map +1 -1
- package/dist/components/ic-date-picker.js +2 -2
- package/dist/components/ic-empty-state.d.ts +11 -0
- package/dist/components/ic-empty-state2.js +3 -3
- package/dist/components/ic-empty-state2.js.map +1 -1
- package/dist/components/ic-input-component-container.d.ts +11 -0
- package/dist/components/ic-input-component-container2.js +5 -4
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-container.d.ts +11 -0
- package/dist/components/ic-input-container2.js +2 -2
- package/dist/components/ic-input-container2.js.map +1 -1
- package/dist/components/ic-input-label.d.ts +11 -0
- package/dist/components/ic-input-label2.js +3 -3
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation.d.ts +11 -0
- package/dist/components/ic-input-validation2.js +21 -4
- package/dist/components/ic-input-validation2.js.map +1 -1
- package/dist/components/ic-link.d.ts +11 -0
- package/dist/components/ic-link2.js +2 -2
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator.d.ts +11 -0
- package/dist/components/ic-loading-indicator2.js +5 -5
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu.d.ts +11 -0
- package/dist/components/ic-menu2.js +10 -21
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-navigation-item.d.ts +11 -0
- package/dist/components/ic-navigation-item.js +8 -4
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-page-header.d.ts +11 -0
- package/dist/components/ic-page-header.js +9 -33
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-bar2.js +23 -29
- package/dist/components/ic-pagination-bar2.js.map +1 -1
- package/dist/components/ic-pagination.d.ts +11 -0
- package/dist/components/ic-pagination2.js +34 -15
- package/dist/components/ic-pagination2.js.map +1 -1
- package/dist/components/ic-section-container.d.ts +11 -0
- package/dist/components/ic-section-container2.js +2 -2
- package/dist/components/ic-section-container2.js.map +1 -1
- package/dist/components/ic-select.d.ts +11 -0
- package/dist/components/ic-select2.js +7 -7
- package/dist/components/ic-select2.js.map +1 -1
- package/dist/components/ic-skip-link.d.ts +11 -0
- package/dist/components/ic-skip-link.js +2 -2
- package/dist/components/ic-skip-link.js.map +1 -1
- package/dist/components/ic-status-tag.d.ts +11 -0
- package/dist/components/ic-status-tag.js +2 -2
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-table-of-contents.js +5 -4
- package/dist/components/ic-table-of-contents.js.map +1 -1
- package/dist/components/ic-text-field.d.ts +11 -0
- package/dist/components/ic-text-field2.js +6 -6
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.d.ts +11 -0
- package/dist/components/ic-theme.js +2 -2
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-time-input.js +15 -11
- package/dist/components/ic-time-input.js.map +1 -1
- package/dist/components/ic-time-selector.js +9 -9
- package/dist/components/ic-time-selector.js.map +1 -1
- package/dist/components/ic-toggle-button-group.d.ts +11 -0
- package/dist/components/ic-toggle-button-group2.js +2 -2
- package/dist/components/ic-toggle-button-group2.js.map +1 -1
- package/dist/components/ic-toggle-button.d.ts +11 -0
- package/dist/components/ic-toggle-button2.js +3 -3
- package/dist/components/ic-toggle-button2.js.map +1 -1
- package/dist/components/ic-tooltip.d.ts +11 -0
- package/dist/components/ic-tooltip2.js +3 -3
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.d.ts +11 -0
- package/dist/components/ic-top-navigation.js +12 -21
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-tree-item.js +4 -5
- package/dist/components/ic-tree-item.js.map +1 -1
- package/dist/components/ic-tree-view.js +5 -4
- package/dist/components/ic-tree-view.js.map +1 -1
- package/dist/components/ic-typography.d.ts +11 -0
- package/dist/components/ic-typography2.js +3 -3
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/components/success-icon.js +11 -0
- package/dist/components/success-icon.js.map +1 -0
- package/dist/core/core.css +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-01b04775.js +2 -0
- package/dist/core/p-01b04775.js.map +1 -0
- package/dist/core/p-02d0a238.entry.js +2 -0
- package/dist/core/{p-c4b2774d.entry.js → p-0592277b.js} +2 -2
- package/dist/core/p-0592277b.js.map +1 -0
- package/dist/core/p-0664935b.js +2 -0
- package/dist/core/p-0664935b.js.map +1 -0
- package/dist/core/p-0aa06309.entry.js +2 -0
- package/dist/core/p-0aa06309.entry.js.map +1 -0
- package/dist/core/p-0c02b16c.entry.js +2 -0
- package/dist/core/p-1836fef6.entry.js +2 -0
- package/dist/core/p-1836fef6.entry.js.map +1 -0
- package/dist/core/{p-79ead0e7.entry.js → p-18d5e467.js} +2 -2
- package/dist/core/p-18d5e467.js.map +1 -0
- package/dist/core/p-1ddc08d0.js +2 -0
- package/dist/core/p-1ddc08d0.js.map +1 -0
- package/dist/core/{p-201b41c7.entry.js → p-22267c01.entry.js} +2 -2
- package/dist/core/p-27962d4d.entry.js +2 -0
- package/dist/core/p-384a7f60.entry.js +2 -0
- package/dist/core/p-3ed17bfc.entry.js +2 -0
- package/dist/core/p-3ed17bfc.entry.js.map +1 -0
- package/dist/core/p-42bacb0d.entry.js +2 -0
- package/dist/core/p-42bacb0d.entry.js.map +1 -0
- package/dist/core/p-4385552a.entry.js +2 -0
- package/dist/core/p-4385552a.entry.js.map +1 -0
- package/dist/core/{p-551a0fc1.entry.js → p-510f8257.entry.js} +2 -2
- package/dist/core/p-510f8257.entry.js.map +1 -0
- package/dist/core/{p-939025af.entry.js → p-5585895d.js} +2 -2
- package/dist/core/p-5585895d.js.map +1 -0
- package/dist/core/p-56ef5c79.js +2 -0
- package/dist/core/p-56ef5c79.js.map +1 -0
- package/dist/core/{p-7efdbab8.entry.js → p-5d5b1aa8.js} +2 -2
- package/dist/core/p-5d5b1aa8.js.map +1 -0
- package/dist/core/p-5e14ec1e.entry.js +2 -0
- package/dist/core/p-5e14ec1e.entry.js.map +1 -0
- package/dist/core/p-67a25154.entry.js +2 -0
- package/dist/core/p-67a25154.entry.js.map +1 -0
- package/dist/core/{p-ea1ea1b9.js → p-67a4f674.js} +1 -1
- package/dist/core/p-67a4f674.js.map +1 -0
- package/dist/core/p-6f45df7a.entry.js +2 -0
- package/dist/core/p-6f45df7a.entry.js.map +1 -0
- package/dist/core/{p-33509a89.entry.js → p-7843f9be.js} +2 -2
- package/dist/core/p-7843f9be.js.map +1 -0
- package/dist/core/p-7bbd1881.js +2 -0
- package/dist/core/p-7bbd1881.js.map +1 -0
- package/dist/core/{p-349d91dc.js → p-7d378ee6.js} +3 -3
- package/dist/core/p-7d378ee6.js.map +1 -0
- package/dist/core/p-7e4404fc.entry.js +2 -0
- package/dist/core/p-7e4404fc.entry.js.map +1 -0
- package/dist/core/p-84129c7e.entry.js +2 -0
- package/dist/core/p-84129c7e.entry.js.map +1 -0
- package/dist/core/p-857362bd.entry.js +2 -0
- package/dist/core/p-857362bd.entry.js.map +1 -0
- package/dist/core/p-883e677d.entry.js +2 -0
- package/dist/core/p-883e677d.entry.js.map +1 -0
- package/dist/core/p-9148bd35.js +2 -0
- package/dist/core/p-9148bd35.js.map +1 -0
- package/dist/core/p-92e447e1.entry.js +2 -0
- package/dist/core/p-92e447e1.entry.js.map +1 -0
- package/dist/core/p-964d0e32.js +2 -0
- package/dist/core/p-964d0e32.js.map +1 -0
- package/dist/core/{p-9ca147f3.entry.js → p-9b218099.js} +2 -2
- package/dist/core/p-9b218099.js.map +1 -0
- package/dist/core/p-a4cb3520.js +2 -0
- package/dist/core/p-a4cb3520.js.map +1 -0
- package/dist/core/p-a50e4bdf.entry.js +2 -0
- package/dist/core/p-a50e4bdf.entry.js.map +1 -0
- package/dist/core/p-b8325ec4.js +2 -0
- package/dist/core/p-b8325ec4.js.map +1 -0
- package/dist/core/p-c1337dbc.entry.js +2 -0
- package/dist/core/p-c1337dbc.entry.js.map +1 -0
- package/dist/core/p-c2669ec9.js +2 -0
- package/dist/core/p-c2669ec9.js.map +1 -0
- package/dist/core/p-c5ac4fcc.entry.js +2 -0
- package/dist/core/p-c5ac4fcc.entry.js.map +1 -0
- package/dist/core/{p-879c180d.entry.js → p-c5d680be.js} +2 -2
- package/dist/core/p-c5d680be.js.map +1 -0
- package/dist/core/p-cd454ff0.entry.js +2 -0
- package/dist/core/p-cd454ff0.entry.js.map +1 -0
- package/dist/core/{p-319e3d5b.entry.js → p-d107dfa8.js} +2 -2
- package/dist/core/p-d107dfa8.js.map +1 -0
- package/dist/core/p-da2a9ddc.js +2 -0
- package/dist/core/p-da2a9ddc.js.map +1 -0
- package/dist/core/p-dc3a13d5.entry.js +2 -0
- package/dist/core/p-dc3a13d5.entry.js.map +1 -0
- package/dist/core/p-f3267773.entry.js +2 -0
- package/dist/core/p-f3267773.entry.js.map +1 -0
- package/dist/core/p-f65f0065.js +2 -0
- package/dist/core/p-f65f0065.js.map +1 -0
- package/dist/core/p-fc239961.entry.js +2 -0
- package/dist/core/p-fc239961.entry.js.map +1 -0
- package/dist/core/p-fd4fd86a.entry.js +2 -0
- package/dist/core/p-fd4fd86a.entry.js.map +1 -0
- package/dist/esm/{OpenInNew-52210a9d.js → OpenInNew-6f820c13.js} +1 -1
- package/dist/esm/OpenInNew-6f820c13.js.map +1 -0
- package/dist/{cjs/purify-039f565a.js → esm/common-helpers-f2174548.js} +18 -3
- package/dist/esm/common-helpers-f2174548.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-063369f4.js → helpers-15fb9b13.js} +2 -117
- package/dist/esm/helpers-15fb9b13.js.map +1 -0
- package/dist/esm/ic-badge-5c2b4bc7.js +182 -0
- package/dist/esm/ic-badge-5c2b4bc7.js.map +1 -0
- package/dist/esm/ic-badge.entry.js +3 -180
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-button-2f9b4e8a.js +433 -0
- package/dist/esm/ic-button-2f9b4e8a.js.map +1 -0
- package/dist/esm/ic-button_3.entry.js +6 -888
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-calendar_2.entry.js +22 -13
- package/dist/esm/ic-calendar_2.entry.js.map +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +10 -5
- package/dist/esm/ic-card-horizontal.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-f21a3f00.js +201 -0
- package/dist/esm/ic-checkbox-f21a3f00.js.map +1 -0
- package/dist/esm/ic-checkbox_3.entry.js +17 -203
- package/dist/esm/ic-checkbox_3.entry.js.map +1 -1
- package/dist/esm/ic-chip-b44cea5b.js +131 -0
- package/dist/esm/ic-chip-b44cea5b.js.map +1 -0
- package/dist/esm/ic-chip.entry.js +3 -122
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-data-table-title-bar.entry.js +19 -4
- package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -1
- package/dist/esm/ic-data-table.entry.js +18 -10
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-picker.entry.js +2 -2
- package/dist/esm/ic-input-component-container_4.entry.js +3 -228
- package/dist/esm/ic-input-component-container_4.entry.js.map +1 -1
- package/dist/esm/ic-input-validation-cce3bb05.js +254 -0
- package/dist/esm/ic-input-validation-cce3bb05.js.map +1 -0
- package/dist/esm/ic-link-0f6ba1b0.js +109 -0
- package/dist/esm/ic-link-0f6ba1b0.js.map +1 -0
- package/dist/esm/ic-link.entry.js +4 -107
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-loading-indicator-7ec7c6c9.js +231 -0
- package/dist/esm/ic-loading-indicator-7ec7c6c9.js.map +1 -0
- package/dist/esm/ic-menu-c29dda8d.js +985 -0
- package/dist/esm/ic-menu-c29dda8d.js.map +1 -0
- package/dist/esm/ic-menu.entry.js +5 -994
- package/dist/esm/ic-menu.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item-e775ce8c.js +241 -0
- package/dist/esm/ic-navigation-item-e775ce8c.js.map +1 -0
- package/dist/esm/ic-navigation-item.entry.js +4 -235
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-page-header-a4a552fe.js +129 -0
- package/dist/esm/ic-page-header-a4a552fe.js.map +1 -0
- package/dist/esm/ic-page-header.entry.js +3 -127
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination_3.entry.js +6 -0
- package/dist/esm/ic-pagination_3.entry.js.map +1 -0
- package/dist/esm/ic-section-container-3b887eb7.js +32 -0
- package/dist/esm/ic-section-container-3b887eb7.js.map +1 -0
- package/dist/esm/ic-section-container.entry.js +2 -30
- package/dist/esm/ic-section-container.entry.js.map +1 -1
- package/dist/esm/ic-select-cb04ab16.js +874 -0
- package/dist/esm/ic-select-cb04ab16.js.map +1 -0
- package/dist/esm/ic-skip-link-7c9b8269.js +58 -0
- package/dist/esm/ic-skip-link-7c9b8269.js.map +1 -0
- package/dist/esm/ic-skip-link.entry.js +2 -56
- package/dist/esm/ic-skip-link.entry.js.map +1 -1
- package/dist/esm/ic-status-tag-7395532c.js +53 -0
- package/dist/esm/ic-status-tag-7395532c.js.map +1 -0
- package/dist/esm/ic-status-tag.entry.js +3 -51
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-table-of-contents.entry.js +14 -3
- package/dist/esm/ic-table-of-contents.entry.js.map +1 -1
- package/dist/esm/ic-text-field-73754fc7.js +729 -0
- package/dist/esm/ic-text-field-73754fc7.js.map +1 -0
- package/dist/esm/ic-theme.entry.js +2 -2
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-time-input.entry.js +16 -6
- package/dist/esm/ic-time-input.entry.js.map +1 -1
- package/dist/esm/ic-time-selector.entry.js +11 -8
- package/dist/esm/ic-time-selector.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-c58aaaec.js +449 -0
- package/dist/esm/ic-toggle-button-c58aaaec.js.map +1 -0
- package/dist/esm/ic-toggle-button_2.entry.js +3 -447
- package/dist/esm/ic-toggle-button_2.entry.js.map +1 -1
- package/dist/esm/ic-tooltip-3c856fa7.js +237 -0
- package/dist/esm/ic-tooltip-3c856fa7.js.map +1 -0
- package/dist/esm/ic-top-navigation-ba78648a.js +235 -0
- package/dist/esm/ic-top-navigation-ba78648a.js.map +1 -0
- package/dist/esm/ic-top-navigation.entry.js +3 -230
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-tree-item.entry.js +5 -4
- package/dist/esm/ic-tree-item.entry.js.map +1 -1
- package/dist/esm/ic-tree-view.entry.js +7 -5
- package/dist/esm/ic-tree-view.entry.js.map +1 -1
- package/dist/esm/ic-typography-9e3efc99.js +196 -0
- package/dist/esm/ic-typography-9e3efc99.js.map +1 -0
- package/dist/esm/ic-typography.entry.js +3 -194
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-a7a720e7.js +6 -170
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-calendar/ic-calendar.d.ts +2 -0
- package/dist/types/components/ic-calendar/ic-day-button.d.ts +1 -0
- package/dist/types/components/ic-calendar/ic-month-picker.d.ts +1 -0
- package/dist/types/components/ic-calendar/ic-year-picker.d.ts +1 -0
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +4 -0
- package/dist/types/components/ic-data-table/ic-data-table.d.ts +7 -0
- package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.d.ts +4 -0
- package/dist/types/components/ic-date-input/ic-date-input.d.ts +7 -0
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +8 -1
- package/dist/types/components/ic-table-of-contents/ic-table-of-contents-item.d.ts +1 -0
- package/dist/types/components/ic-table-of-contents/ic-table-of-contents.d.ts +9 -0
- package/dist/types/components/ic-time-input/ic-time-input.d.ts +9 -0
- package/dist/types/components/ic-time-selector/ic-time-selector.d.ts +2 -0
- package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +1 -0
- package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +2 -0
- package/dist/types/components/ic-tree-view/ic-tree-view.stories.d.ts +27 -21
- package/dist/types/components.d.ts +3968 -826
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-badge/ic-badge.d.ts +74 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-badge/ic-badge.types.d.ts +4 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-button/ic-button.d.ts +210 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-button/ic-button.types.d.ts +2 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-checkbox/ic-checkbox.d.ts +90 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-chip/ic-chip.d.ts +75 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-empty-state/ic-empty-state.d.ts +44 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-empty-state/ic-empty-state.types.d.ts +1 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-input-component-container/ic-input-component-container.d.ts +40 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-input-container/ic-input-container.d.ts +11 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-input-label/ic-input-label.d.ts +42 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-input-validation/ic-input-validation.d.ts +32 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-link/ic-link.d.ts +55 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-loading-indicator/ic-loading-indicator.d.ts +83 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-loading-indicator/ic-loading-indicator.types.d.ts +9 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-menu/ic-menu.d.ts +235 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-menu/ic-menu.types.d.ts +12 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-navigation-item/ic-navigation-item.d.ts +102 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-page-header/ic-page-header.d.ts +61 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-pagination/ic-pagination.d.ts +102 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-pagination/ic-pagination.types.d.ts +6 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-search-bar/ic-search-bar.types.d.ts +5 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-section-container/ic-section-container.d.ts +12 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-select/ic-select.d.ts +282 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-side-navigation/ic-side-navigation.types.d.ts +13 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-skip-link/ic-skip-link.d.ts +38 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-status-tag/ic-status-tag.d.ts +35 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-status-tag/ic-status-tag.types.d.ts +1 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-text-field/ic-text-field.d.ts +262 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-text-field/ic-text-field.types.d.ts +8 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-theme/ic-theme.d.ts +28 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-toggle-button/ic-toggle-button.d.ts +75 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-toggle-button-group/ic-toggle-button-group.d.ts +92 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-toggle-button-group/ic-toggle-button-group.types.d.ts +7 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-tooltip/ic-tooltip.d.ts +82 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-tooltip/ic-tooltip.types.d.ts +1 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-top-navigation/ic-top-navigation.d.ts +102 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/components/ic-typography/ic-typography.d.ts +83 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/utils/helpers.d.ts +167 -0
- package/dist/types/home/runner/work/ic-ui-kit/ic-ui-kit/packages/canary-web-components/.stencil/web-components/src/utils/types.d.ts +98 -0
- package/hydrate/index.js +10692 -18156
- package/hydrate/index.mjs +10692 -18156
- package/package.json +14 -20
- package/dist/cjs/OpenInNew-7bac24f7.js.map +0 -1
- package/dist/cjs/check-icon-dd563898.js +0 -10
- package/dist/cjs/check-icon-dd563898.js.map +0 -1
- package/dist/cjs/chevron-icon-3dedd973.js +0 -10
- package/dist/cjs/chevron-icon-3dedd973.js.map +0 -1
- package/dist/cjs/close-icon-d62b369d.js +0 -12
- package/dist/cjs/close-icon-d62b369d.js.map +0 -1
- package/dist/cjs/common-helpers-944cb54d.js +0 -21
- package/dist/cjs/common-helpers-944cb54d.js.map +0 -1
- package/dist/cjs/helpers-2cc5f6db.js.map +0 -1
- package/dist/cjs/ic-accordion-group.cjs.entry.js +0 -137
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +0 -150
- package/dist/cjs/ic-accordion.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-action-chip.cjs.entry.js +0 -116
- package/dist/cjs/ic-action-chip.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-alert.cjs.entry.js +0 -140
- package/dist/cjs/ic-alert.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +0 -168
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +0 -241
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +0 -118
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-card-vertical.cjs.entry.js +0 -171
- package/dist/cjs/ic-card-vertical.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +0 -148
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +0 -67
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-data-list.cjs.entry.js +0 -38
- package/dist/cjs/ic-data-list.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +0 -88
- package/dist/cjs/ic-data-row.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +0 -388
- package/dist/cjs/ic-dialog.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-divider.cjs.entry.js +0 -114
- package/dist/cjs/ic-divider.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +0 -69
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +0 -65
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-footer.cjs.entry.js +0 -119
- package/dist/cjs/ic-footer.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-hero.cjs.entry.js +0 -104
- package/dist/cjs/ic-hero.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +0 -196
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-layout-grid-item.cjs.entry.js +0 -70
- package/dist/cjs/ic-layout-grid-item.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-layout-grid.cjs.entry.js +0 -156
- package/dist/cjs/ic-layout-grid.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +0 -25
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +0 -121
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +0 -124
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +0 -293
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +0 -149
- package/dist/cjs/ic-navigation-menu.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-pagination_4.cjs.entry.js +0 -1647
- package/dist/cjs/ic-pagination_4.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +0 -308
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +0 -264
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +0 -173
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +0 -606
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +0 -488
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +0 -62
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-step.cjs.entry.js +0 -157
- package/dist/cjs/ic-step.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +0 -308
- package/dist/cjs/ic-stepper.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-switch.cjs.entry.js +0 -124
- package/dist/cjs/ic-switch.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +0 -250
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +0 -40
- package/dist/cjs/ic-tab-group.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +0 -42
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-tab.cjs.entry.js +0 -112
- package/dist/cjs/ic-tab.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js +0 -59
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-toast.cjs.entry.js +0 -239
- package/dist/cjs/ic-toast.cjs.entry.js.map +0 -1
- package/dist/cjs/purify-039f565a.js.map +0 -1
- package/dist/components/check-icon.js +0 -8
- package/dist/components/check-icon.js.map +0 -1
- package/dist/components/chevron-icon.js +0 -8
- package/dist/components/chevron-icon.js.map +0 -1
- package/dist/components/close-icon.js +0 -10
- package/dist/components/close-icon.js.map +0 -1
- package/dist/components/ic-accordion-group.js +0 -188
- package/dist/components/ic-accordion-group.js.map +0 -1
- package/dist/components/ic-accordion.js +0 -181
- package/dist/components/ic-accordion.js.map +0 -1
- package/dist/components/ic-action-chip.js +0 -160
- package/dist/components/ic-action-chip.js.map +0 -1
- package/dist/components/ic-alert.js +0 -192
- package/dist/components/ic-alert.js.map +0 -1
- package/dist/components/ic-back-to-top.js +0 -216
- package/dist/components/ic-back-to-top.js.map +0 -1
- package/dist/components/ic-breadcrumb-group.js +0 -278
- package/dist/components/ic-breadcrumb-group.js.map +0 -1
- package/dist/components/ic-breadcrumb.js +0 -8
- package/dist/components/ic-breadcrumb.js.map +0 -1
- package/dist/components/ic-breadcrumb2.js +0 -145
- package/dist/components/ic-breadcrumb2.js.map +0 -1
- package/dist/components/ic-card-vertical.js +0 -219
- package/dist/components/ic-card-vertical.js.map +0 -1
- package/dist/components/ic-checkbox-group.js +0 -198
- package/dist/components/ic-checkbox-group.js.map +0 -1
- package/dist/components/ic-classification-banner.js +0 -93
- package/dist/components/ic-classification-banner.js.map +0 -1
- package/dist/components/ic-data-list.js +0 -62
- package/dist/components/ic-data-list.js.map +0 -1
- package/dist/components/ic-data-row.js +0 -115
- package/dist/components/ic-data-row.js.map +0 -1
- package/dist/components/ic-dialog.js +0 -445
- package/dist/components/ic-dialog.js.map +0 -1
- package/dist/components/ic-divider.js +0 -8
- package/dist/components/ic-divider.js.map +0 -1
- package/dist/components/ic-divider2.js +0 -139
- package/dist/components/ic-divider2.js.map +0 -1
- package/dist/components/ic-footer-link-group.js +0 -101
- package/dist/components/ic-footer-link-group.js.map +0 -1
- package/dist/components/ic-footer-link.js +0 -95
- package/dist/components/ic-footer-link.js.map +0 -1
- package/dist/components/ic-footer.js +0 -155
- package/dist/components/ic-footer.js.map +0 -1
- package/dist/components/ic-hero.js +0 -145
- package/dist/components/ic-hero.js.map +0 -1
- package/dist/components/ic-horizontal-scroll.js +0 -8
- package/dist/components/ic-horizontal-scroll.js.map +0 -1
- package/dist/components/ic-horizontal-scroll2.js +0 -240
- package/dist/components/ic-horizontal-scroll2.js.map +0 -1
- package/dist/components/ic-layout-grid-item.js +0 -95
- package/dist/components/ic-layout-grid-item.js.map +0 -1
- package/dist/components/ic-layout-grid.js +0 -188
- package/dist/components/ic-layout-grid.js.map +0 -1
- package/dist/components/ic-menu-group.js +0 -47
- package/dist/components/ic-menu-group.js.map +0 -1
- package/dist/components/ic-menu-item.js +0 -8
- package/dist/components/ic-menu-item.js.map +0 -1
- package/dist/components/ic-menu-item2.js +0 -171
- package/dist/components/ic-menu-item2.js.map +0 -1
- package/dist/components/ic-navigation-button.js +0 -174
- package/dist/components/ic-navigation-button.js.map +0 -1
- package/dist/components/ic-navigation-group.js +0 -326
- package/dist/components/ic-navigation-group.js.map +0 -1
- package/dist/components/ic-navigation-menu.js +0 -8
- package/dist/components/ic-navigation-menu.js.map +0 -1
- package/dist/components/ic-navigation-menu2.js +0 -188
- package/dist/components/ic-navigation-menu2.js.map +0 -1
- package/dist/components/ic-pagination-item.js +0 -8
- package/dist/components/ic-pagination-item.js.map +0 -1
- package/dist/components/ic-pagination-item2.js +0 -107
- package/dist/components/ic-pagination-item2.js.map +0 -1
- package/dist/components/ic-popover-menu.js +0 -369
- package/dist/components/ic-popover-menu.js.map +0 -1
- package/dist/components/ic-radio-group.js +0 -317
- package/dist/components/ic-radio-group.js.map +0 -1
- package/dist/components/ic-radio-option.js +0 -209
- package/dist/components/ic-radio-option.js.map +0 -1
- package/dist/components/ic-search-bar.js +0 -719
- package/dist/components/ic-search-bar.js.map +0 -1
- package/dist/components/ic-side-navigation.js +0 -553
- package/dist/components/ic-side-navigation.js.map +0 -1
- package/dist/components/ic-skeleton.js +0 -81
- package/dist/components/ic-skeleton.js.map +0 -1
- package/dist/components/ic-step.js +0 -200
- package/dist/components/ic-step.js.map +0 -1
- package/dist/components/ic-stepper.js +0 -340
- package/dist/components/ic-stepper.js.map +0 -1
- package/dist/components/ic-switch.js +0 -166
- package/dist/components/ic-switch.js.map +0 -1
- package/dist/components/ic-tab-context.js +0 -276
- package/dist/components/ic-tab-context.js.map +0 -1
- package/dist/components/ic-tab-group.js +0 -89
- package/dist/components/ic-tab-group.js.map +0 -1
- package/dist/components/ic-tab-panel.js +0 -63
- package/dist/components/ic-tab-panel.js.map +0 -1
- package/dist/components/ic-tab.js +0 -143
- package/dist/components/ic-tab.js.map +0 -1
- package/dist/components/ic-toast-region.js +0 -76
- package/dist/components/ic-toast-region.js.map +0 -1
- package/dist/components/ic-toast.js +0 -293
- package/dist/components/ic-toast.js.map +0 -1
- package/dist/components/purify.js +0 -1363
- package/dist/components/purify.js.map +0 -1
- package/dist/core/p-08f24329.entry.js +0 -2
- package/dist/core/p-08f24329.entry.js.map +0 -1
- package/dist/core/p-0aa9ce8b.js +0 -2
- package/dist/core/p-0bca234b.entry.js +0 -2
- package/dist/core/p-0bca234b.entry.js.map +0 -1
- package/dist/core/p-14b8bf37.entry.js +0 -2
- package/dist/core/p-14b8bf37.entry.js.map +0 -1
- package/dist/core/p-169ad948.entry.js +0 -2
- package/dist/core/p-169ad948.entry.js.map +0 -1
- package/dist/core/p-170ddfc2.js +0 -2
- package/dist/core/p-1be17f22.entry.js +0 -2
- package/dist/core/p-1be17f22.entry.js.map +0 -1
- package/dist/core/p-1cc402b8.entry.js +0 -2
- package/dist/core/p-1cc402b8.entry.js.map +0 -1
- package/dist/core/p-1d166343.entry.js +0 -2
- package/dist/core/p-1d166343.entry.js.map +0 -1
- package/dist/core/p-1dbefb37.entry.js +0 -2
- package/dist/core/p-1dbefb37.entry.js.map +0 -1
- package/dist/core/p-319e3d5b.entry.js.map +0 -1
- package/dist/core/p-33509a89.entry.js.map +0 -1
- package/dist/core/p-3389625c.entry.js +0 -2
- package/dist/core/p-3389625c.entry.js.map +0 -1
- package/dist/core/p-344752cb.entry.js +0 -2
- package/dist/core/p-344752cb.entry.js.map +0 -1
- package/dist/core/p-348d7080.entry.js +0 -2
- package/dist/core/p-348d7080.entry.js.map +0 -1
- package/dist/core/p-349d91dc.js.map +0 -1
- package/dist/core/p-39cdf5db.entry.js +0 -2
- package/dist/core/p-39cdf5db.entry.js.map +0 -1
- package/dist/core/p-409d03b2.entry.js +0 -2
- package/dist/core/p-409d03b2.entry.js.map +0 -1
- package/dist/core/p-492991ad.entry.js +0 -2
- package/dist/core/p-492991ad.entry.js.map +0 -1
- package/dist/core/p-496b314f.entry.js +0 -2
- package/dist/core/p-496b314f.entry.js.map +0 -1
- package/dist/core/p-508b6da3.entry.js +0 -2
- package/dist/core/p-508b6da3.entry.js.map +0 -1
- package/dist/core/p-53dad961.entry.js +0 -2
- package/dist/core/p-53dad961.entry.js.map +0 -1
- package/dist/core/p-551a0fc1.entry.js.map +0 -1
- package/dist/core/p-5e6687a8.entry.js +0 -2
- package/dist/core/p-5e6687a8.entry.js.map +0 -1
- package/dist/core/p-60f4fe3a.entry.js +0 -2
- package/dist/core/p-60f4fe3a.entry.js.map +0 -1
- package/dist/core/p-61c92598.entry.js +0 -2
- package/dist/core/p-61c92598.entry.js.map +0 -1
- package/dist/core/p-67c3985d.entry.js +0 -2
- package/dist/core/p-67c3985d.entry.js.map +0 -1
- package/dist/core/p-691dd972.entry.js +0 -2
- package/dist/core/p-691dd972.entry.js.map +0 -1
- package/dist/core/p-6dfe0922.entry.js +0 -2
- package/dist/core/p-6dfe0922.entry.js.map +0 -1
- package/dist/core/p-770e92cd.entry.js +0 -2
- package/dist/core/p-770e92cd.entry.js.map +0 -1
- package/dist/core/p-79ead0e7.entry.js.map +0 -1
- package/dist/core/p-7b4b45cf.entry.js +0 -2
- package/dist/core/p-7b4b45cf.entry.js.map +0 -1
- package/dist/core/p-7c4d6b13.entry.js +0 -2
- package/dist/core/p-7c4d6b13.entry.js.map +0 -1
- package/dist/core/p-7d878ad7.entry.js +0 -2
- package/dist/core/p-7d878ad7.entry.js.map +0 -1
- package/dist/core/p-7efdbab8.entry.js.map +0 -1
- package/dist/core/p-879c180d.entry.js.map +0 -1
- package/dist/core/p-8ab37b4d.entry.js +0 -2
- package/dist/core/p-8ab37b4d.entry.js.map +0 -1
- package/dist/core/p-8d42a6e5.entry.js +0 -2
- package/dist/core/p-8d42a6e5.entry.js.map +0 -1
- package/dist/core/p-939025af.entry.js.map +0 -1
- package/dist/core/p-9674b63f.entry.js +0 -2
- package/dist/core/p-9674b63f.entry.js.map +0 -1
- package/dist/core/p-9ca147f3.entry.js.map +0 -1
- package/dist/core/p-9dea5764.entry.js +0 -2
- package/dist/core/p-9dea5764.entry.js.map +0 -1
- package/dist/core/p-a422b778.js +0 -2
- package/dist/core/p-a422b778.js.map +0 -1
- package/dist/core/p-a58cf6fd.entry.js +0 -2
- package/dist/core/p-a58cf6fd.entry.js.map +0 -1
- package/dist/core/p-a8310dfd.entry.js +0 -2
- package/dist/core/p-a8310dfd.entry.js.map +0 -1
- package/dist/core/p-a8a92e54.entry.js +0 -2
- package/dist/core/p-a8a92e54.entry.js.map +0 -1
- package/dist/core/p-b4a2f6fa.entry.js +0 -2
- package/dist/core/p-b4a2f6fa.entry.js.map +0 -1
- package/dist/core/p-b76fdade.entry.js +0 -2
- package/dist/core/p-b76fdade.entry.js.map +0 -1
- package/dist/core/p-b9459ba2.entry.js +0 -2
- package/dist/core/p-b9459ba2.entry.js.map +0 -1
- package/dist/core/p-bb3db366.entry.js +0 -2
- package/dist/core/p-bb3db366.entry.js.map +0 -1
- package/dist/core/p-bc6e5d64.entry.js +0 -2
- package/dist/core/p-bc6e5d64.entry.js.map +0 -1
- package/dist/core/p-c0a7eed7.entry.js +0 -2
- package/dist/core/p-c0a7eed7.entry.js.map +0 -1
- package/dist/core/p-c0b227d2.entry.js +0 -2
- package/dist/core/p-c0b227d2.entry.js.map +0 -1
- package/dist/core/p-c4b2774d.entry.js.map +0 -1
- package/dist/core/p-ca05573a.entry.js +0 -2
- package/dist/core/p-ca05573a.entry.js.map +0 -1
- package/dist/core/p-d0607a70.entry.js +0 -2
- package/dist/core/p-d0607a70.entry.js.map +0 -1
- package/dist/core/p-d376858f.entry.js +0 -2
- package/dist/core/p-d376858f.entry.js.map +0 -1
- package/dist/core/p-dbd9a403.entry.js +0 -2
- package/dist/core/p-dbd9a403.entry.js.map +0 -1
- package/dist/core/p-df064c8b.entry.js +0 -2
- package/dist/core/p-df064c8b.entry.js.map +0 -1
- package/dist/core/p-e081702e.js +0 -2
- package/dist/core/p-e519f607.js +0 -2
- package/dist/core/p-e519f607.js.map +0 -1
- package/dist/core/p-e5c6d01a.entry.js +0 -2
- package/dist/core/p-e5c6d01a.entry.js.map +0 -1
- package/dist/core/p-e8db8772.entry.js +0 -2
- package/dist/core/p-e8db8772.entry.js.map +0 -1
- package/dist/core/p-ea04103e.entry.js +0 -2
- package/dist/core/p-ea04103e.entry.js.map +0 -1
- package/dist/core/p-eac60693.entry.js +0 -2
- package/dist/core/p-eac60693.entry.js.map +0 -1
- package/dist/core/p-ecc7fd71.entry.js +0 -2
- package/dist/core/p-ecc7fd71.entry.js.map +0 -1
- package/dist/core/p-efe260f0.entry.js +0 -2
- package/dist/core/p-efe260f0.entry.js.map +0 -1
- package/dist/core/p-f1b57f91.entry.js +0 -2
- package/dist/core/p-f1b57f91.entry.js.map +0 -1
- package/dist/core/p-f5dc04f7.entry.js +0 -2
- package/dist/core/p-f5dc04f7.entry.js.map +0 -1
- package/dist/core/p-fb07921b.entry.js +0 -2
- package/dist/core/p-fb07921b.entry.js.map +0 -1
- package/dist/core/p-fd08156a.entry.js +0 -2
- package/dist/core/p-fd08156a.entry.js.map +0 -1
- package/dist/core/p-fe5b51bb.entry.js +0 -2
- package/dist/core/p-fe5b51bb.entry.js.map +0 -1
- package/dist/core/p-ff618439.entry.js +0 -2
- package/dist/core/p-ff618439.entry.js.map +0 -1
- package/dist/esm/OpenInNew-52210a9d.js.map +0 -1
- package/dist/esm/check-icon-f2346e76.js +0 -8
- package/dist/esm/check-icon-f2346e76.js.map +0 -1
- package/dist/esm/chevron-icon-875b7af2.js +0 -8
- package/dist/esm/chevron-icon-875b7af2.js.map +0 -1
- package/dist/esm/close-icon-c9e09475.js +0 -10
- package/dist/esm/close-icon-c9e09475.js.map +0 -1
- package/dist/esm/common-helpers-86c07ff1.js +0 -19
- package/dist/esm/common-helpers-86c07ff1.js.map +0 -1
- package/dist/esm/helpers-063369f4.js.map +0 -1
- package/dist/esm/ic-accordion-group.entry.js +0 -133
- package/dist/esm/ic-accordion-group.entry.js.map +0 -1
- package/dist/esm/ic-accordion.entry.js +0 -146
- package/dist/esm/ic-accordion.entry.js.map +0 -1
- package/dist/esm/ic-action-chip.entry.js +0 -112
- package/dist/esm/ic-action-chip.entry.js.map +0 -1
- package/dist/esm/ic-alert.entry.js +0 -136
- package/dist/esm/ic-alert.entry.js.map +0 -1
- package/dist/esm/ic-back-to-top.entry.js +0 -164
- package/dist/esm/ic-back-to-top.entry.js.map +0 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +0 -237
- package/dist/esm/ic-breadcrumb-group.entry.js.map +0 -1
- package/dist/esm/ic-breadcrumb.entry.js +0 -114
- package/dist/esm/ic-breadcrumb.entry.js.map +0 -1
- package/dist/esm/ic-card-vertical.entry.js +0 -167
- package/dist/esm/ic-card-vertical.entry.js.map +0 -1
- package/dist/esm/ic-checkbox-group.entry.js +0 -144
- package/dist/esm/ic-checkbox-group.entry.js.map +0 -1
- package/dist/esm/ic-classification-banner.entry.js +0 -63
- package/dist/esm/ic-classification-banner.entry.js.map +0 -1
- package/dist/esm/ic-data-list.entry.js +0 -34
- package/dist/esm/ic-data-list.entry.js.map +0 -1
- package/dist/esm/ic-data-row.entry.js +0 -84
- package/dist/esm/ic-data-row.entry.js.map +0 -1
- package/dist/esm/ic-dialog.entry.js +0 -384
- package/dist/esm/ic-dialog.entry.js.map +0 -1
- package/dist/esm/ic-divider.entry.js +0 -110
- package/dist/esm/ic-divider.entry.js.map +0 -1
- package/dist/esm/ic-footer-link-group.entry.js +0 -65
- package/dist/esm/ic-footer-link-group.entry.js.map +0 -1
- package/dist/esm/ic-footer-link.entry.js +0 -61
- package/dist/esm/ic-footer-link.entry.js.map +0 -1
- package/dist/esm/ic-footer.entry.js +0 -115
- package/dist/esm/ic-footer.entry.js.map +0 -1
- package/dist/esm/ic-hero.entry.js +0 -100
- package/dist/esm/ic-hero.entry.js.map +0 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +0 -192
- package/dist/esm/ic-horizontal-scroll.entry.js.map +0 -1
- package/dist/esm/ic-layout-grid-item.entry.js +0 -66
- package/dist/esm/ic-layout-grid-item.entry.js.map +0 -1
- package/dist/esm/ic-layout-grid.entry.js +0 -152
- package/dist/esm/ic-layout-grid.entry.js.map +0 -1
- package/dist/esm/ic-menu-group.entry.js +0 -21
- package/dist/esm/ic-menu-group.entry.js.map +0 -1
- package/dist/esm/ic-menu-item.entry.js +0 -117
- package/dist/esm/ic-menu-item.entry.js.map +0 -1
- package/dist/esm/ic-navigation-button.entry.js +0 -120
- package/dist/esm/ic-navigation-button.entry.js.map +0 -1
- package/dist/esm/ic-navigation-group.entry.js +0 -289
- package/dist/esm/ic-navigation-group.entry.js.map +0 -1
- package/dist/esm/ic-navigation-menu.entry.js +0 -145
- package/dist/esm/ic-navigation-menu.entry.js.map +0 -1
- package/dist/esm/ic-pagination_4.entry.js +0 -1640
- package/dist/esm/ic-pagination_4.entry.js.map +0 -1
- package/dist/esm/ic-popover-menu.entry.js +0 -304
- package/dist/esm/ic-popover-menu.entry.js.map +0 -1
- package/dist/esm/ic-radio-group.entry.js +0 -260
- package/dist/esm/ic-radio-group.entry.js.map +0 -1
- package/dist/esm/ic-radio-option.entry.js +0 -169
- package/dist/esm/ic-radio-option.entry.js.map +0 -1
- package/dist/esm/ic-search-bar.entry.js +0 -602
- package/dist/esm/ic-search-bar.entry.js.map +0 -1
- package/dist/esm/ic-side-navigation.entry.js +0 -484
- package/dist/esm/ic-side-navigation.entry.js.map +0 -1
- package/dist/esm/ic-skeleton.entry.js +0 -58
- package/dist/esm/ic-skeleton.entry.js.map +0 -1
- package/dist/esm/ic-step.entry.js +0 -153
- package/dist/esm/ic-step.entry.js.map +0 -1
- package/dist/esm/ic-stepper.entry.js +0 -304
- package/dist/esm/ic-stepper.entry.js.map +0 -1
- package/dist/esm/ic-switch.entry.js +0 -120
- package/dist/esm/ic-switch.entry.js.map +0 -1
- package/dist/esm/ic-tab-context.entry.js +0 -246
- package/dist/esm/ic-tab-context.entry.js.map +0 -1
- package/dist/esm/ic-tab-group.entry.js +0 -36
- package/dist/esm/ic-tab-group.entry.js.map +0 -1
- package/dist/esm/ic-tab-panel.entry.js +0 -38
- package/dist/esm/ic-tab-panel.entry.js.map +0 -1
- package/dist/esm/ic-tab.entry.js +0 -108
- package/dist/esm/ic-tab.entry.js.map +0 -1
- package/dist/esm/ic-toast-region.entry.js +0 -55
- package/dist/esm/ic-toast-region.entry.js.map +0 -1
- package/dist/esm/ic-toast.entry.js +0 -235
- package/dist/esm/ic-toast.entry.js.map +0 -1
- package/dist/esm/purify-6eaa9893.js.map +0 -1
- /package/dist/core/{p-0aa9ce8b.js.map → p-02d0a238.entry.js.map} +0 -0
- /package/dist/core/{p-170ddfc2.js.map → p-0c02b16c.entry.js.map} +0 -0
- /package/dist/core/{p-201b41c7.entry.js.map → p-22267c01.entry.js.map} +0 -0
- /package/dist/core/{p-e081702e.js.map → p-27962d4d.entry.js.map} +0 -0
- /package/dist/core/{p-ea1ea1b9.js.map → p-384a7f60.entry.js.map} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["icTabGroupCss","IcTabGroupStyle0","TabGroup","constructor","hostRef","this","inline","monochrome","theme","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","render","h","Host","key","role","class","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-tab-group/ic-tab-group.css?tag=ic-tab-group&encapsulation=shadow","../web-components/dist/collection/components/ic-tab-group/ic-tab-group.js"],"sourcesContent":[":host {\n display: block;\n margin-bottom: var(--ic-space-md);\n border-bottom: var(--ic-space-1px) solid var(--ic-tab-bottom-border);\n}\n\n:host(.ic-tab-group-monochrome) {\n border-bottom: var(--ic-space-1px) solid\n var(--ic-tab-bottom-border-monochrome);\n}\n\n:host(.ic-tab-group-inline) {\n margin-bottom: 0;\n border-bottom: none;\n}\n\n.tabs-container {\n display: flex;\n flex-direction: row;\n}\n\n.tabs-container::-webkit-scrollbar {\n display: none;\n}\n\n:host ic-horizontal-scroll {\n --splitter-color: var(--ic-tab-divider);\n}\n\n:host(.ic-tab-group-monochrome) ic-horizontal-scroll {\n --splitter-color: var(--ic-tab-divider-monochrome);\n}\n","import { Host, h } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class TabGroup {\n constructor() {\n /**\n * If `true`, the tabs and tab panels will be positioned separately.\n */\n this.inline = false;\n /** @internal Determines whether black variant of the tabs should be displayed. */\n this.monochrome = false;\n /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n this.theme = \"inherit\";\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Tab Group\");\n }\n render() {\n const { inline, theme, label, monochrome } = this;\n return (h(Host, { key: 'd4354a73edcfe5ed044e2acf6d04256eddcb7f40', role: \"tablist\", \"aria-label\": label, class: {\n [\"ic-tab-group-inline\"]: !!inline,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n [\"ic-tab-group-monochrome\"]: !!monochrome,\n } }, h(\"ic-horizontal-scroll\", { key: '42cf7391e17b38a3489e77bc3d882aa31902c14a', theme: theme, \"focus-trigger\": \"tabFocus\", monochrome: monochrome }, h(\"div\", { key: '81270d7ad5567b23ab8098679705c3818b3bfd35', class: \"tabs-container\" }, h(\"slot\", { key: 'ee7b2ece3edc06146170b759f2c08e22bca9fc7f' })))));\n }\n static get is() { return \"ic-tab-group\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-tab-group.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-tab-group.css\"]\n };\n }\n static get properties() {\n return {\n \"inline\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the tabs and tab panels will be positioned separately.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"inline\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": true,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label to describe the purpose of the set of tabs to screen reader users.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"monochrome\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Determines whether black variant of the tabs should be displayed.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"monochrome\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Determines whether the light or dark variant of the tabs should be displayed.\"\n }],\n \"text\": \"\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n }\n };\n }\n}\n//# sourceMappingURL=ic-tab-group.js.map\n"],"mappings":"sFAAA,MAAMA,EAAgB,wjBACtB,MAAAC,EAAeD,E,MCCFE,EAAQ,MACjB,WAAAC,CAAAC,G,UAIIC,KAAKC,OAAS,MAEdD,KAAKE,WAAa,MAElBF,KAAKG,MAAQ,S,CAEjB,gBAAAC,GACIC,EAAiC,CAAC,CAAEC,KAAMN,KAAKO,MAAOC,SAAU,UAAY,Y,CAEhF,MAAAC,GACI,MAAMR,OAAEA,EAAME,MAAEA,EAAKI,MAAEA,EAAKL,WAAEA,GAAeF,KAC7C,OAAQU,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,KAAM,UAAW,aAAcN,EAAOO,MAAO,CACxG,CAAC,yBAA0Bb,EAC3B,CAAC,YAAYE,KAAUA,IAAU,UACjC,CAAC,6BAA8BD,IAC9BQ,EAAE,uBAAwB,CAAEE,IAAK,2CAA4CT,MAAOA,EAAO,gBAAiB,WAAYD,WAAYA,GAAcQ,EAAE,MAAO,CAAEE,IAAK,2CAA4CE,MAAO,kBAAoBJ,EAAE,OAAQ,CAAEE,IAAK,+C,CAIvQ,yBAAWG,GAAmB,OAAO,IAAK,G","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["icBadgeCss","IcBadgeStyle0","TOP_NAVIGATION","SIDE_NAVIGATION","Badge","constructor","hostRef","_a","this","ariaLabel","initialPosition","position","size","theme","type","variant","visible","setBadgeColour","colorRGBA","customColor","convertToRGBA","r","g","b","a","el","style","backgroundColor","foregroundColour","getBrandForegroundAppearance","getLabel","maxNumber","Number","label","setAccessibleLabel","parentEl","parentElement","defaultAriaLabel","isAccessibleLabelDefined","accessibleLabel","tagName","parentAriaLabel","ariaLabelPrefix","setPositionInTopNavigation","isInMobileMode","isInNavigationItem","setPositionInSideNavigation","isInTopNav","grandparentEl","greatGrandparentEl","isInSideNav","classList","contains","isPropDefined","accessibleLabelHandler","customColorHandler","variantHandler","visibleHandler","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","navBarMenuOpenHandler","navBarMenuCloseHandler","render","h","Host","key","class","id","role","name","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-badge/ic-badge.css?tag=ic-badge&encapsulation=shadow","../web-components/dist/collection/components/ic-badge/ic-badge.js"],"sourcesContent":["@media (prefers-reduced-motion: no-preference) {\n :host(.ic-badge-show) {\n animation: expand var(--ic-transition-duration-slow);\n }\n\n :host(.ic-badge-hide) {\n animation: shrink var(--ic-transition-duration-slow);\n }\n}\n\n:host {\n display: flex;\n height: var(--ic-space-md);\n min-width: var(--ic-space-md);\n width: -moz-fit-content;\n width: fit-content;\n border-radius: calc(2 * var(--ic-space-xxl));\n position: absolute;\n}\n\n:host ic-typography {\n --ic-typography-color: var(--ic-badge-text);\n}\n\n:host(.ic-badge-neutral) {\n background-color: var(--ic-badge-dark) !important;\n}\n\n:host(.ic-badge-light) ic-typography {\n --ic-typography-color: var(--ic-badge-text-monochrome);\n}\n\n:host(.ic-badge-light) ::slotted(*) {\n fill: var(--ic-badge-icon-monochrome);\n}\n\n:host(.ic-badge-info) {\n background-color: var(--ic-badge-info) !important;\n}\n\n:host(.ic-badge-light) {\n background-color: var(--ic-badge-light) !important;\n}\n\n:host(.ic-badge-warning) {\n background-color: var(--ic-badge-warning) !important;\n}\n\n:host(.ic-badge-warning) ic-typography {\n --ic-typography-color: var(--ic-badge-warning-text);\n}\n\n:host(.ic-badge-warning) ::slotted(*) {\n fill: var(--ic-badge-warning-icon);\n}\n\n:host(.ic-badge-error) {\n background-color: var(--ic-badge-error) !important;\n}\n\n:host(.ic-badge-success) {\n background-color: var(--ic-badge-success) !important;\n}\n\n:host(.ic-badge-ai) {\n background-color: var(--ic-badge-ai) !important;\n}\n\n:host(.ic-badge-small) {\n height: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host(.ic-badge-large) {\n height: calc(var(--ic-space-md) + var(--ic-space-xxs));\n min-width: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-medium) {\n height: var(--ic-space-xs);\n width: var(--ic-space-xs);\n min-width: var(--ic-space-xs);\n}\n\n:host(.ic-badge-dot.ic-badge-small) {\n height: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n min-width: calc(var(--ic-space-xxs) + var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-dot.ic-badge-large) {\n height: var(--ic-space-sm);\n width: var(--ic-space-sm);\n min-width: var(--ic-space-sm);\n}\n\n:host ::slotted(*) {\n fill: var(--ic-badge-icon);\n}\n\n:host(.ic-badge-foreground-dark) ::slotted(*) {\n fill: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ::slotted(*) {\n fill: white;\n}\n\n:host(.ic-badge-foreground-dark) ic-typography {\n --ic-typography-color: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-badge-foreground-light) ic-typography {\n --ic-typography-color: var(--ic-color-text-primary-dark);\n}\n\n:host(.ic-badge-text) ic-typography {\n align-self: center;\n padding: 0 calc((var(--ic-space-xs) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-text.ic-badge-small) ic-typography {\n padding: 0 0.2132rem;\n}\n\n:host(.ic-badge-text.ic-badge-large) ic-typography {\n padding: 0 calc((var(--ic-space-sm) + var(--ic-space-1px)) / 2)\n var(--ic-space-1px);\n}\n\n:host(.ic-badge-icon) ::slotted(svg) {\n width: var(--ic-space-sm);\n height: var(--ic-space-sm);\n padding: var(--ic-space-xxxs);\n}\n\n:host(.ic-badge-icon.ic-badge-small) ::slotted(svg) {\n width: var(--ic-space-xs);\n height: var(--ic-space-xs);\n}\n\n:host(.ic-badge-icon.ic-badge-large) ::slotted(svg) {\n width: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n height: calc(var(--ic-space-sm) + var(--ic-space-xxxs));\n padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px));\n}\n\n:host(.ic-badge-far) {\n top: calc(-1 * var(--ic-space-xs));\n right: calc(-1 * var(--ic-space-xs));\n}\n\n:host(.ic-badge-far.ic-badge-small),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-large) {\n top: calc(-1 * var(--ic-space-xxs));\n right: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-badge-dot.ic-badge-far),\n:host(.ic-badge-dot.ic-badge-far.ic-badge-small) {\n top: calc(-1 * var(--ic-space-xxxs));\n right: calc(-1 * var(--ic-space-xxxs));\n}\n\n:host(.ic-badge-near) {\n top: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n right: calc(-1 * calc(var(--ic-space-xxs) + var(--ic-space-1px)));\n}\n\n:host(.ic-badge-dot.ic-badge-near) {\n top: calc(-1 * var(--ic-space-1px));\n right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-badge-inline) {\n position: static;\n}\n\n:host(.ic-badge-hide) {\n visibility: hidden !important;\n transition: visibility var(--ic-transition-duration-slow);\n}\n\n.sr-only {\n position: absolute;\n left: -9999px;\n}\n\n.sr-only:dir(rtl) {\n right: -9999px;\n}\n\n@keyframes expand {\n from {\n opacity: 0;\n transform: scale(0);\n }\n\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes shrink {\n from {\n opacity: 1;\n transform: scale(1);\n }\n\n to {\n opacity: 0;\n transform: scale(0);\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { convertToRGBA, getBrandForegroundAppearance, isPropDefined, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst TOP_NAVIGATION = \"IC-TOP-NAVIGATION\";\nconst SIDE_NAVIGATION = \"IC-SIDE-NAVIGATION\";\n/**\n * @slot badge-icon - Icon will be rendered inside the badge if type is set to icon.\n */\nexport class Badge {\n constructor() {\n var _a;\n this.ariaLabel = null;\n this.initialPosition = (_a = this.position) !== null && _a !== void 0 ? _a : \"far\";\n /**\n * The positioning of the badge in reference to the parent element.\n */\n this.position = \"far\";\n /**\n * The size of the badge to be displayed.\n */\n this.size = \"medium\";\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 this.theme = \"inherit\";\n /**\n * The type of badge to be displayed.\n */\n this.type = \"text\";\n /**\n * The variant of the badge to be displayed.\n */\n this.variant = \"neutral\";\n /**\n * If `true`, the badge will be displayed.\n */\n this.visible = true;\n this.setBadgeColour = () => {\n const colorRGBA = this.customColor ? convertToRGBA(this.customColor) : null;\n if (colorRGBA) {\n const { r, g, b, a } = colorRGBA;\n this.el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n this.foregroundColour = getBrandForegroundAppearance((r * 299 + g * 587 + b * 114) / 1000);\n }\n };\n this.getLabel = () => this.maxNumber && Number(this.label) > this.maxNumber\n ? `${this.maxNumber}+`\n : this.label;\n // Set aria-label on badge and / or parent element\n // Aria-describedby seems to not work, probably due to shadow DOM\n this.setAccessibleLabel = () => {\n const parentEl = this.el.parentElement;\n const defaultAriaLabel = this.isAccessibleLabelDefined()\n ? this.accessibleLabel\n : this.label || \"with badge being displayed\";\n if (parentEl) {\n const { tagName } = parentEl;\n if (tagName !== \"IC-CARD\" &&\n (tagName !== \"IC-TAB\" || (tagName === \"IC-TAB\" && this.parentAriaLabel))) {\n const ariaLabelPrefix = this.parentAriaLabel\n ? `${this.parentAriaLabel} ,`\n : \"\";\n parentEl.ariaLabel = this.visible\n ? `${ariaLabelPrefix} ${defaultAriaLabel}`\n : null;\n }\n else {\n this.ariaLabel = `, ${defaultAriaLabel}`;\n }\n }\n };\n this.setPositionInTopNavigation = () => {\n this.position =\n this.isInMobileMode() || this.isInNavigationItem()\n ? \"inline\"\n : this.initialPosition;\n };\n this.setPositionInSideNavigation = () => {\n this.position = \"near\";\n };\n this.isInTopNav = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n const grandparentEl = parentEl.parentElement;\n const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;\n return ((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION ||\n (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === TOP_NAVIGATION);\n };\n this.isInSideNav = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n const grandparentEl = parentEl.parentElement;\n const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;\n return ((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === SIDE_NAVIGATION ||\n (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === SIDE_NAVIGATION);\n };\n this.isInMobileMode = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n const grandparentEl = parentEl.parentElement;\n const greatGrandparentEl = grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.parentElement;\n return ((((grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === TOP_NAVIGATION ||\n (grandparentEl === null || grandparentEl === void 0 ? void 0 : grandparentEl.tagName) === SIDE_NAVIGATION) &&\n grandparentEl.classList.contains(\"mobile-mode\")) ||\n (((greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === TOP_NAVIGATION ||\n (greatGrandparentEl === null || greatGrandparentEl === void 0 ? void 0 : greatGrandparentEl.tagName) === SIDE_NAVIGATION) &&\n greatGrandparentEl.classList.contains(\"mobile-mode\")));\n };\n this.isInNavigationItem = () => {\n const parentEl = this.el.parentElement;\n if (!parentEl)\n return false;\n return parentEl.tagName === \"IC-NAVIGATION-ITEM\";\n };\n this.isAccessibleLabelDefined = () => isPropDefined(this.accessibleLabel) && this.accessibleLabel !== null;\n }\n accessibleLabelHandler() {\n this.setAccessibleLabel();\n }\n customColorHandler() {\n this.variant === \"custom\" && this.setBadgeColour();\n }\n variantHandler() {\n if (this.variant === \"custom\") {\n this.setBadgeColour();\n }\n }\n visibleHandler() {\n this.setAccessibleLabel();\n }\n componentWillLoad() {\n var _a;\n this.variant === \"custom\" && this.setBadgeColour();\n const ariaLabel = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.ariaLabel;\n if (ariaLabel)\n this.parentAriaLabel = ariaLabel;\n this.setAccessibleLabel();\n }\n componentDidLoad() {\n this.type === \"text\" &&\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Badge\");\n }\n componentWillRender() {\n this.isInTopNav() && this.setPositionInTopNavigation();\n this.isInSideNav() && this.setPositionInSideNavigation();\n }\n navBarMenuOpenHandler() {\n this.isInTopNav() && (this.position = \"inline\");\n }\n navBarMenuCloseHandler() {\n this.isInTopNav() && (this.position = this.initialPosition);\n }\n render() {\n const { ariaLabel, el, foregroundColour, getLabel, position, size, label, type, variant, visible, theme, } = this;\n return (h(Host, { key: '0a7aab65643b79886f4134e59c195e33d8340e43', class: {\n [`ic-badge-${position}`]: true,\n [`ic-badge-${size}`]: true,\n [`ic-badge-${variant}`]: true,\n [`ic-badge-${type}`]: true,\n [`ic-badge-foreground-${foregroundColour}`]: foregroundColour !== null && variant === \"custom\",\n [`${visible ? \"ic-badge-show\" : \"ic-badge-hide\"}`]: true,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, id: el.id || null, \"aria-label\": ariaLabel, role: \"status\" }, type === \"icon\" && h(\"slot\", { key: 'e9684e9e92784e628f984a4980b512268565de0f', name: \"badge-icon\" }), type === \"text\" && label && (h(\"ic-typography\", { key: 'f02681caadcec768afe078a9fe94aa1fe8314895', variant: size === \"small\" ? \"badge-small\" : \"badge\" }, getLabel())), type === \"dot\" && h(\"span\", { key: '5065cf6a359ef976dac4c914bca25e8999f54ae1', class: \"sr-only\" }, \"badge\")));\n }\n static get is() { return \"ic-badge\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-badge.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-badge.css\"]\n };\n }\n static get properties() {\n return {\n \"accessibleLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The accessible label of the badge component to provide context for screen reader users.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"accessible-label\",\n \"reflect\": false\n },\n \"customColor\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcColor\",\n \"resolved\": \"`#${string}` | `rgb(${string})` | `rgba(${string})` | undefined\",\n \"references\": {\n \"IcColor\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcColor\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The custom badge colour. This will only style the badge component if variant=\\\"custom\\\".\\nCan be a hex value e.g. \\\"#ff0000\\\", RGB e.g. \\\"rgb(255, 0, 0)\\\", or RGBA e.g. \\\"rgba(255, 0, 0, 1)\\\".\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"custom-color\",\n \"reflect\": false\n },\n \"maxNumber\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The maximum number shown on the badge appended with a +.\\nThis will only be displayed if type=\\\"text\\\" and label is not empty.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"max-number\",\n \"reflect\": false\n },\n \"position\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcBadgePositions\",\n \"resolved\": \"\\\"far\\\" | \\\"inline\\\" | \\\"near\\\" | undefined\",\n \"references\": {\n \"IcBadgePositions\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgePositions\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The positioning of the badge in reference to the parent element.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"position\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"far\\\"\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\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 badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The text displayed in the badge. This will only be displayed if type=\\\"text\\\".\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBadgeTypes\",\n \"resolved\": \"\\\"dot\\\" | \\\"icon\\\" | \\\"text\\\" | undefined\",\n \"references\": {\n \"IcBadgeTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"text\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcBadgeVariants\",\n \"resolved\": \"\\\"ai\\\" | \\\"custom\\\" | \\\"error\\\" | \\\"info\\\" | \\\"light\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n \"references\": {\n \"IcBadgeVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-badge.types\",\n \"id\": \"src/components/ic-badge/ic-badge.types.ts::IcBadgeVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the badge to be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"neutral\\\"\"\n },\n \"visible\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the badge will be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"visible\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"accessibleLabel\",\n \"methodName\": \"accessibleLabelHandler\"\n }, {\n \"propName\": \"customColor\",\n \"methodName\": \"customColorHandler\"\n }, {\n \"propName\": \"variant\",\n \"methodName\": \"variantHandler\"\n }, {\n \"propName\": \"visible\",\n \"methodName\": \"visibleHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icNavigationMenuOpened\",\n \"method\": \"navBarMenuOpenHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"icNavigationMenuClosed\",\n \"method\": \"navBarMenuCloseHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-badge.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as a,g as e}from"./p-8e4e97b4.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:grid;width:-moz-fit-content;width:fit-content;grid-template-columns:repeat(\n var(--ic-layout-grid-columns),\n var(--ic-layout-grid-col-width, 1fr)\n );grid-template-rows:repeat(var(--ic-layout-grid-rows), 1fr);gap:var(--ic-layout-grid-spacing);padding-top:var(--ic-layout-grid-margin);padding-bottom:var(--ic-layout-grid-margin)}:host ::slotted(*){grid-column:span var(--ic-layout-grid-col-span, 1);grid-row:span var(--ic-layout-grid-row-span, 1)}:host(.ic-layout-grid-aligned-center){margin-left:auto;margin-right:auto;padding-left:var(--ic-layout-grid-margin);padding-right:var(--ic-layout-grid-margin)}:host(.ic-layout-grid-aligned-left){margin-left:var(--ic-layout-grid-margin);margin-right:auto;padding-right:var(--ic-layout-grid-margin)}:host(.ic-layout-grid-aligned-full-width){margin-left:var(--ic-layout-grid-margin);margin-right:var(--ic-layout-grid-margin);width:calc(100% - (var(--ic-layout-grid-margin) * 2))}:host(.ic-layout-grid-no-vertical-padding){padding-top:0;padding-bottom:0}@media only screen and (max-width: 576px){:host{--ic-layout-grid-margin:var(--ic-space-xs);--ic-layout-grid-columns:var(--ic-layout-grid-columns-xs)}:host ::slotted(*){--ic-layout-grid-col-span:var(--ic-layout-grid-col-span-xs)}}@media only screen and (min-width: 577px){:host{--ic-layout-grid-margin:var(--ic-space-md);--ic-layout-grid-columns:var(--ic-layout-grid-columns-sm)}:host ::slotted(*){--ic-layout-grid-col-span:var(--ic-layout-grid-col-span-sm)}}@media only screen and (min-width: 769px){:host{--ic-layout-grid-margin:var(--ic-space-md);--ic-layout-grid-columns:var(--ic-layout-grid-columns-md)}:host ::slotted(*){--ic-layout-grid-col-span:var(--ic-layout-grid-col-span-md)}}@media only screen and (min-width: 993px){:host{--ic-layout-grid-margin:var(--ic-space-md);--ic-layout-grid-columns:var(--ic-layout-grid-columns-lg)}:host ::slotted(*){--ic-layout-grid-col-span:var(--ic-layout-grid-col-span-lg)}}@media only screen and (min-width: 1201px){:host{--ic-layout-grid-margin:var(--ic-space-lg);--ic-layout-grid-columns:var(--ic-layout-grid-columns-xl)}:host ::slotted(*){--ic-layout-grid-col-span:var(--ic-layout-grid-col-span-xl)}}';const n=o;const s=class{constructor(i){t(this,i);this.COL_WIDTH_CSS_PROP="--ic-layout-grid-col-width";this.aligned="left";this.defaultColSpan=1;this.defaultColWidth="64px";this.defaultRowSpan=1;this.fullHeight=false;this.gridSpacing=2;this.rows=1;this.type="fixed";this.getColumns=()=>{if(typeof this.columns==="number"){this.el.style.setProperty("--ic-layout-grid-columns",this.columns.toString())}else if(typeof this.columns==="object"){Object.entries(this.columns).forEach((([t,i])=>{if(i!==undefined){this.el.style.setProperty(`--ic-layout-grid-columns-${t}`,i.toString())}}))}};this.getColSpan=()=>{if(this.defaultColSpan!==undefined){if(typeof this.defaultColSpan==="number"){Array.from(this.el.children).forEach((t=>{t.style.setProperty("--ic-layout-grid-col-span",`${this.defaultColSpan}`)}))}else if(typeof this.defaultColSpan==="object"){Object.entries(this.defaultColSpan).forEach((([t,i])=>{if(i!==undefined){this.el.style.setProperty(`--ic-layout-grid-col-span-${t}`,i.toString())}}))}}};this.getGridSpacing=()=>{this.el.style.setProperty("--ic-layout-grid-spacing",`calc(var(--ic-space-xs) * ${this.gridSpacing})`)}}watchColumns(){this.getColumns()}watchDefaultColSpan(){this.getColSpan()}watchDefaultColWidth(t){if(this.type==="fixed"){this.el.style.setProperty(this.COL_WIDTH_CSS_PROP,t)}}watchDefaultRowSpan(t){this.el.style.setProperty("--ic-layout-grid-row-span",`${t}`)}watchGridSpacing(){this.getGridSpacing()}watchRows(t){this.el.style.setProperty("--ic-layout-grid-rows",`${t}`)}watchType(t){this.getColumns();if(t==="fixed"&&this.defaultColWidth){this.el.style.setProperty(this.COL_WIDTH_CSS_PROP,this.defaultColWidth)}else{this.el.style.removeProperty(this.COL_WIDTH_CSS_PROP)}}componentWillLoad(){if(this.columns===undefined){if(this.type==="fixed"){this.columns=12}else if(this.type==="fluid"){this.columns={xs:2,sm:4,md:8,lg:12,xl:12}}}this.getColumns();this.getColSpan();this.getGridSpacing();if(this.type==="fixed"&&this.defaultColWidth){this.el.style.setProperty(this.COL_WIDTH_CSS_PROP,this.defaultColWidth)}if(this.rows){this.el.style.setProperty("--ic-layout-grid-rows",`${this.rows}`);this.el.style.setProperty("--ic-layout-grid-row-span",`${this.defaultRowSpan}`)}}render(){const{aligned:t,fullHeight:e}=this;return i(a,{key:"fa862e7110426cb032982c8743b7ad3024f06f9a",class:{[`ic-layout-grid-aligned-${t}`]:true,["ic-layout-grid-no-vertical-padding"]:!!e}},i("slot",{key:"716c4137c338797b4ce17c9dd946f8902064606f"}))}get el(){return e(this)}static get watchers(){return{columns:["watchColumns"],defaultColSpan:["watchDefaultColSpan"],defaultColWidth:["watchDefaultColWidth"],defaultRowSpan:["watchDefaultRowSpan"],gridSpacing:["watchGridSpacing"],rows:["watchRows"],type:["watchType"]}}};s.style=n;export{s as ic_layout_grid};
|
|
2
|
-
//# sourceMappingURL=p-9674b63f.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["icLayoutGridCss","IcLayoutGridStyle0","LayoutGrid","constructor","hostRef","this","COL_WIDTH_CSS_PROP","aligned","defaultColSpan","defaultColWidth","defaultRowSpan","fullHeight","gridSpacing","rows","type","getColumns","columns","el","style","setProperty","toString","Object","entries","forEach","breakpoint","value","undefined","getColSpan","Array","from","children","child","getGridSpacing","watchColumns","watchDefaultColSpan","watchDefaultColWidth","newValue","watchDefaultRowSpan","watchGridSpacing","watchRows","watchType","removeProperty","componentWillLoad","xs","sm","md","lg","xl","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-layout-grid/ic-layout-grid.css?tag=ic-layout-grid&encapsulation=shadow","../web-components/dist/collection/components/ic-layout-grid/ic-layout-grid.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: grid;\n width: -moz-fit-content;\n width: fit-content;\n grid-template-columns: repeat(\n var(--ic-layout-grid-columns),\n var(--ic-layout-grid-col-width, 1fr)\n );\n grid-template-rows: repeat(var(--ic-layout-grid-rows), 1fr);\n gap: var(--ic-layout-grid-spacing);\n padding-top: var(--ic-layout-grid-margin);\n padding-bottom: var(--ic-layout-grid-margin);\n}\n\n:host ::slotted(*) {\n grid-column: span var(--ic-layout-grid-col-span, 1);\n grid-row: span var(--ic-layout-grid-row-span, 1);\n}\n\n:host(.ic-layout-grid-aligned-center) {\n margin-left: auto;\n margin-right: auto;\n padding-left: var(--ic-layout-grid-margin);\n padding-right: var(--ic-layout-grid-margin);\n}\n\n:host(.ic-layout-grid-aligned-left) {\n margin-left: var(--ic-layout-grid-margin);\n margin-right: auto;\n padding-right: var(--ic-layout-grid-margin);\n}\n\n:host(.ic-layout-grid-aligned-full-width) {\n margin-left: var(--ic-layout-grid-margin);\n margin-right: var(--ic-layout-grid-margin);\n width: calc(100% - (var(--ic-layout-grid-margin) * 2));\n}\n\n:host(.ic-layout-grid-no-vertical-padding) {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n@media only screen and (max-width: 576px) {\n :host {\n --ic-layout-grid-margin: var(--ic-space-xs);\n --ic-layout-grid-columns: var(--ic-layout-grid-columns-xs);\n }\n\n :host ::slotted(*) {\n --ic-layout-grid-col-span: var(--ic-layout-grid-col-span-xs);\n }\n}\n\n@media only screen and (min-width: 577px) {\n :host {\n --ic-layout-grid-margin: var(--ic-space-md);\n --ic-layout-grid-columns: var(--ic-layout-grid-columns-sm);\n }\n\n :host ::slotted(*) {\n --ic-layout-grid-col-span: var(--ic-layout-grid-col-span-sm);\n }\n}\n\n@media only screen and (min-width: 769px) {\n :host {\n --ic-layout-grid-margin: var(--ic-space-md);\n --ic-layout-grid-columns: var(--ic-layout-grid-columns-md);\n }\n\n :host ::slotted(*) {\n --ic-layout-grid-col-span: var(--ic-layout-grid-col-span-md);\n }\n}\n\n@media only screen and (min-width: 993px) {\n :host {\n --ic-layout-grid-margin: var(--ic-space-md);\n --ic-layout-grid-columns: var(--ic-layout-grid-columns-lg);\n }\n\n :host ::slotted(*) {\n --ic-layout-grid-col-span: var(--ic-layout-grid-col-span-lg);\n }\n}\n\n@media only screen and (min-width: 1201px) {\n :host {\n --ic-layout-grid-margin: var(--ic-space-lg);\n --ic-layout-grid-columns: var(--ic-layout-grid-columns-xl);\n }\n\n :host ::slotted(*) {\n --ic-layout-grid-col-span: var(--ic-layout-grid-col-span-xl);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nexport class LayoutGrid {\n constructor() {\n this.COL_WIDTH_CSS_PROP = \"--ic-layout-grid-col-width\";\n /**\n * The alignment of the grid.\n */\n this.aligned = \"left\";\n /**\n * The default column span for grid items.\n */\n this.defaultColSpan = 1;\n /**\n * The default column width for grid items.\n * This is used when the grid type is set to \"fixed\".\n */\n this.defaultColWidth = \"64px\";\n /**\n * The default row span for grid items.\n */\n this.defaultRowSpan = 1;\n /**\n * If `true`, the standard vertical padding from the grid will be removed.\n */\n this.fullHeight = false;\n /**\n * The space between grid items, in multiples of the base spacing unit (`var(--ic-space-xs)`).\n */\n this.gridSpacing = 2;\n /**\n * The number of rows in the grid.\n */\n this.rows = 1;\n /**\n * The layout type of the grid.\n */\n this.type = \"fixed\";\n this.getColumns = () => {\n if (typeof this.columns === \"number\") {\n this.el.style.setProperty(\"--ic-layout-grid-columns\", this.columns.toString());\n }\n else if (typeof this.columns === \"object\") {\n Object.entries(this.columns).forEach(([breakpoint, value]) => {\n if (value !== undefined) {\n this.el.style.setProperty(`--ic-layout-grid-columns-${breakpoint}`, value.toString());\n }\n });\n }\n };\n this.getColSpan = () => {\n if (this.defaultColSpan !== undefined) {\n if (typeof this.defaultColSpan === \"number\") {\n Array.from(this.el.children).forEach((child) => {\n child.style.setProperty(\"--ic-layout-grid-col-span\", `${this.defaultColSpan}`);\n });\n }\n else if (typeof this.defaultColSpan === \"object\") {\n Object.entries(this.defaultColSpan).forEach(([breakpoint, value]) => {\n if (value !== undefined) {\n this.el.style.setProperty(`--ic-layout-grid-col-span-${breakpoint}`, value.toString());\n }\n });\n }\n }\n };\n this.getGridSpacing = () => {\n this.el.style.setProperty(\"--ic-layout-grid-spacing\", `calc(var(--ic-space-xs) * ${this.gridSpacing})`);\n };\n }\n watchColumns() {\n this.getColumns();\n }\n watchDefaultColSpan() {\n this.getColSpan();\n }\n watchDefaultColWidth(newValue) {\n if (this.type === \"fixed\") {\n this.el.style.setProperty(this.COL_WIDTH_CSS_PROP, newValue);\n }\n }\n watchDefaultRowSpan(newValue) {\n this.el.style.setProperty(\"--ic-layout-grid-row-span\", `${newValue}`);\n }\n watchGridSpacing() {\n this.getGridSpacing();\n }\n watchRows(newValue) {\n this.el.style.setProperty(\"--ic-layout-grid-rows\", `${newValue}`);\n }\n watchType(newValue) {\n this.getColumns();\n if (newValue === \"fixed\" && this.defaultColWidth) {\n this.el.style.setProperty(this.COL_WIDTH_CSS_PROP, this.defaultColWidth);\n }\n else {\n this.el.style.removeProperty(this.COL_WIDTH_CSS_PROP);\n }\n }\n componentWillLoad() {\n if (this.columns === undefined) {\n if (this.type === \"fixed\") {\n this.columns = 12;\n }\n else if (this.type === \"fluid\") {\n this.columns = {\n xs: 2,\n sm: 4,\n md: 8,\n lg: 12,\n xl: 12,\n };\n }\n }\n this.getColumns();\n this.getColSpan();\n this.getGridSpacing();\n if (this.type === \"fixed\" && this.defaultColWidth) {\n this.el.style.setProperty(this.COL_WIDTH_CSS_PROP, this.defaultColWidth);\n }\n if (this.rows) {\n this.el.style.setProperty(\"--ic-layout-grid-rows\", `${this.rows}`);\n this.el.style.setProperty(\"--ic-layout-grid-row-span\", `${this.defaultRowSpan}`);\n }\n }\n render() {\n const { aligned, fullHeight } = this;\n return (h(Host, { key: 'fa862e7110426cb032982c8743b7ad3024f06f9a', class: {\n [`ic-layout-grid-aligned-${aligned}`]: true,\n [\"ic-layout-grid-no-vertical-padding\"]: !!fullHeight,\n } }, h(\"slot\", { key: '716c4137c338797b4ce17c9dd946f8902064606f' })));\n }\n static get is() { return \"ic-layout-grid\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-layout-grid.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-layout-grid.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAlignment\",\n \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\" | undefined\",\n \"references\": {\n \"IcAlignment\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the grid.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"left\\\"\"\n },\n \"columns\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcGridBreakpoints\",\n \"resolved\": \"number | undefined | { xs?: number | undefined; sm?: number | undefined; md?: number | undefined; lg?: number | undefined; xl?: number | undefined; }\",\n \"references\": {\n \"IcGridBreakpoints\": {\n \"location\": \"import\",\n \"path\": \"./ic-layout-grid.types\",\n \"id\": \"src/components/ic-layout-grid/ic-layout-grid.types.ts::IcGridBreakpoints\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of columns in the grid.\\nThis can be a number or an object specifying different values for each breakpoint.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"columns\",\n \"reflect\": false\n },\n \"defaultColSpan\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcGridBreakpoints\",\n \"resolved\": \"number | undefined | { xs?: number | undefined; sm?: number | undefined; md?: number | undefined; lg?: number | undefined; xl?: number | undefined; }\",\n \"references\": {\n \"IcGridBreakpoints\": {\n \"location\": \"import\",\n \"path\": \"./ic-layout-grid.types\",\n \"id\": \"src/components/ic-layout-grid/ic-layout-grid.types.ts::IcGridBreakpoints\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The default column span for grid items.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"default-col-span\",\n \"reflect\": false,\n \"defaultValue\": \"1\"\n },\n \"defaultColWidth\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The default column width for grid items.\\nThis is used when the grid type is set to \\\"fixed\\\".\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"default-col-width\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"64px\\\"\"\n },\n \"defaultRowSpan\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The default row span for grid items.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"default-row-span\",\n \"reflect\": false,\n \"defaultValue\": \"1\"\n },\n \"fullHeight\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the standard vertical padding from the grid will be removed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"full-height\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"gridSpacing\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The space between grid items, in multiples of the base spacing unit (`var(--ic-space-xs)`).\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"grid-spacing\",\n \"reflect\": false,\n \"defaultValue\": \"2\"\n },\n \"rows\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of rows in the grid.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"rows\",\n \"reflect\": false,\n \"defaultValue\": \"1\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcGridType\",\n \"resolved\": \"\\\"fixed\\\" | \\\"fluid\\\"\",\n \"references\": {\n \"IcGridType\": {\n \"location\": \"import\",\n \"path\": \"./ic-layout-grid.types\",\n \"id\": \"src/components/ic-layout-grid/ic-layout-grid.types.ts::IcGridType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The layout type of the grid.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"fixed\\\"\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"columns\",\n \"methodName\": \"watchColumns\"\n }, {\n \"propName\": \"defaultColSpan\",\n \"methodName\": \"watchDefaultColSpan\"\n }, {\n \"propName\": \"defaultColWidth\",\n \"methodName\": \"watchDefaultColWidth\"\n }, {\n \"propName\": \"defaultRowSpan\",\n \"methodName\": \"watchDefaultRowSpan\"\n }, {\n \"propName\": \"gridSpacing\",\n \"methodName\": \"watchGridSpacing\"\n }, {\n \"propName\": \"rows\",\n \"methodName\": \"watchRows\"\n }, {\n \"propName\": \"type\",\n \"methodName\": \"watchType\"\n }];\n }\n}\n//# sourceMappingURL=ic-layout-grid.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["icSectionContainerCss","IcSectionContainerStyle0","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","../web-components/dist/collection/components/ic-section-container/ic-section-container.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n@media only screen and (max-width: 576px) {\n :host {\n --section-container-margin: var(--ic-space-xs);\n --section-container-max-width: var(--ic-breakpoint-sm);\n }\n}\n\n@media only screen and (min-width: 577px) {\n :host {\n --section-container-margin: var(--ic-space-md);\n --section-container-max-width: var(--ic-breakpoint-md);\n }\n}\n\n@media only screen and (min-width: 769px) {\n :host {\n --section-container-margin: var(--ic-space-md);\n --section-container-max-width: var(--ic-breakpoint-lg);\n }\n}\n\n@media only screen and (min-width: 993px) {\n :host {\n --section-container-margin: var(--ic-space-md);\n --section-container-max-width: var(--ic-breakpoint-xl);\n }\n}\n\n@media only screen and (min-width: 1201px) {\n :host {\n --section-container-margin: var(--ic-space-lg);\n --section-container-max-width: var(--ic-breakpoint-xl);\n }\n}\n\n:host {\n display: block;\n padding-top: var(--ic-space-md);\n padding-bottom: var(--ic-space-md);\n box-sizing: border-box;\n}\n\n:host(.aligned-center) {\n max-width: var(--section-container-max-width);\n margin-left: auto;\n margin-right: auto;\n padding-left: var(--section-container-margin);\n padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-left) {\n max-width: var(--section-container-max-width);\n margin-left: var(--section-container-margin);\n margin-right: auto;\n padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-full-width) {\n margin-left: var(--section-container-margin);\n margin-right: var(--section-container-margin);\n}\n\n:host(.vertical-padding) {\n padding-top: var(--ic-space-md);\n padding-bottom: var(--ic-space-md);\n}\n\n:host(.no-vertical-padding) {\n padding-top: 0;\n padding-bottom: 0;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class SectionContainer {\n constructor() {\n /**\n * The alignment of the container.\n */\n this.aligned = \"left\";\n /**\n * If `true`, the standard vertical padding from the container will be removed.\n */\n this.fullHeight = false;\n }\n render() {\n const { aligned, fullHeight } = this;\n return (h(Host, { key: '67c1b4b2afe62fc53812421ee49c01bf689e05b4', class: {\n [\"aligned-left\"]: aligned === \"left\" || aligned === null,\n [\"aligned-center\"]: aligned === \"center\",\n [\"aligned-full-width\"]: aligned === \"full-width\",\n [\"no-vertical-padding\"]: !!fullHeight,\n } }, h(\"slot\", { key: 'cb21cb372b6131cfb990ac0a016f6c64641749f9' })));\n }\n static get is() { return \"ic-section-container\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-section-container.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-section-container.css\"]\n };\n }\n static get properties() {\n return {\n \"aligned\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcAlignment\",\n \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\" | undefined\",\n \"references\": {\n \"IcAlignment\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcAlignment\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The alignment of the container.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"aligned\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"left\\\"\"\n },\n \"fullHeight\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the standard vertical padding from the container will be removed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"full-height\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n}\n//# sourceMappingURL=ic-section-container.js.map\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzHAC9B,MAAAC,EAAeD,E,MCAFE,EAAgB,MACzB,WAAAC,CAAAC,G,UAIIC,KAAKC,QAAU,OAIfD,KAAKE,WAAa,K,CAEtB,MAAAC,GACI,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OAAQI,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAAC,gBAAiBN,IAAY,QAAUA,IAAY,KACpD,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,yBAA0BC,IAC1BE,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,F as s,H as a,g as o}from"./p-8e4e97b4.js";import{c as n}from"./p-e081702e.js";import{h as r,m as l,i as h,o as d}from"./p-e519f607.js";const c='/*! 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{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0}:host(.ic-dialog-fade-in){opacity:1}:host(.disable-height-constraint){background:none;justify-content:unset;align-items:unset}.dialog.disable-height-constraint{max-height:none;position:relative}.dialog.disable-height-constraint .content-area{overflow-y:visible}@media (prefers-reduced-motion: no-preference){:host{transition:opacity var(--ic-easing-transition-slow)}.dialog{transform:translateY(-3rem);transition:transform 1000s}:host(.ic-dialog-fade-in) .dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}:host(.ic-dialog-hidden){display:none}.dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}.small{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}.medium{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}.large{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}.heading-area{display:flex;margin-bottom:var(--ic-space-xs);padding:0 var(--ic-space-md)}.heading{overflow-wrap:break-word}.close-icon{margin-left:auto}.close-icon>svg{color:var(--ic-dialog-clear-button)}.content-area{padding:0 var(--ic-space-md);margin:0;overflow-y:auto}#dialog-content{margin-bottom:var(--ic-space-sm)}#dialog-content ::slotted(ic-typography){overflow-wrap:break-word}#dialog-content ::slotted(*){position:relative}.dialog-controls{margin-top:auto;padding:var(--ic-space-xs) var(--ic-space-md) 0;display:flex;justify-content:flex-end;gap:var(--ic-space-md)}.dialog-control-button{width:-moz-fit-content;width:fit-content}.backdrop{overflow-y:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);padding-top:16px;padding-bottom:16px}.heading ic-typography{--ic-typography-color:var(--ic-dialog-text-primary)}.label ic-typography{--ic-typography-color:var(--ic-dialog-label)}@media (min-width: 800px){.large:not(.disable-width-constraint)>.content-area{width:75%}}@media (max-width: 576px){.dialog{width:100vw;height:100vh;max-width:none;max-height:none;box-sizing:border-box}.backdrop{padding:0}.dialog.disable-height-constraint{height:auto;min-height:100vh}}@media (max-width: 364px){.dialog-control-button{width:unset}}';const g=c;const u=class{constructor(a){i(this,a);this.icDialogCancelled=t(this,"icDialogCancelled",7);this.icDialogClosed=t(this,"icDialogClosed",7);this.icDialogConfirmed=t(this,"icDialogConfirmed",7);this.icDialogOpened=t(this,"icDialogOpened",7);this.contentAreaMutationObserver=null;this.DATA_GETS_FOCUS="data-gets-focus";this.DIALOG_CONTROLS="dialog-controls";this.dialogHeight=0;this.focusedElementIndex=0;this.IC_TEXT_FIELD="IC-TEXT-FIELD";this.IC_ACCORDION="IC-ACCORDION";this.IC_ACCORDION_GROUP="IC-ACCORDION-GROUP";this.IC_CHECKBOX="IC-CHECKBOX";this.IC_SEARCH_BAR="IC-SEARCH-BAR";this.IC_TAB_CONTEXT="IC-TAB-CONTEXT";this.interactiveElementList=[];this.resizeObserver=null;this.focusAttemptCount=0;this.dialogRendered=false;this.fadeIn=false;this.closeOnBackdropClick=true;this.destructive=false;this.dismissLabel="Dismiss";this.disableHeightConstraint=false;this.disableWidthConstraint=false;this.hideCloseButton=false;this.hideDefaultControls=false;this.open=false;this.size="small";this.theme="inherit";this.dialogOpened=()=>{var i,t;this.dialogRendered=true;if(this.disableHeightConstraint){(i=this.dialogEl)===null||i===void 0?void 0:i.show()}else{(t=this.dialogEl)===null||t===void 0?void 0:t.showModal()}setTimeout((()=>{this.fadeIn=true;if(this.backdropEl&&this.disableHeightConstraint&&this.backdropEl.scrollTop!==0){this.backdropEl.scrollTop=0}}),10);setTimeout((()=>{this.getInteractiveElements();this.setInitialFocus();r(this.runResizeObserver)}),75);setTimeout((()=>{this.icDialogOpened.emit()}),80)};this.runResizeObserver=()=>{if(this.dialogEl){this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout(this.resizeObserverCallback,80)}));this.resizeObserver.observe(this.dialogEl)}};this.resizeObserverCallback=()=>{if(this.dialogEl&&this.dialogEl.clientHeight!==this.dialogHeight){this.dialogHeight=this.dialogEl.clientHeight}};this.refreshInteractiveElementsOnSlotChange=()=>{var i,t,e;const s=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#dialog-content");if(s){this.contentArea=s.querySelector("slot");(t=this.contentArea)===null||t===void 0?void 0:t.addEventListener("slotchange",this.getInteractiveElements);this.contentAreaMutationObserver=new MutationObserver((()=>{this.getInteractiveElements()}));(e=l(s))===null||e===void 0?void 0:e.forEach((i=>{var t;(t=this.contentAreaMutationObserver)===null||t===void 0?void 0:t.observe(i,{childList:true,subtree:true})}))}};this.removeSlotChangeListener=()=>{var i;if(this.contentArea){this.contentArea.removeEventListener("slotchange",this.getInteractiveElements);(i=this.contentAreaMutationObserver)===null||i===void 0?void 0:i.disconnect()}};this.setInitialFocus=()=>{this.sourceElement=document.activeElement;if(!this.interactiveElementList.length){setTimeout((()=>{this.getInteractiveElements();if(this.interactiveElementList.length){this.setInitialFocus()}}),10);return}this.focusedElementIndex=this.interactiveElementList.findIndex((i=>i.hasAttribute(this.DATA_GETS_FOCUS)));if(this.focusedElementIndex===-1){this.focusedElementIndex=0}const i=this.interactiveElementList[this.focusedElementIndex];if(i){this.focusElement(i)}};this.getFocusedElementIndex=()=>{var i;for(let t=0;t<this.interactiveElementList.length;t++){if(this.interactiveElementList[t]===(((i=this.el.shadowRoot)===null||i===void 0?void 0:i.activeElement)||document.activeElement)){this.focusedElementIndex=t}}};this.closeIconClick=()=>{this.open=false};this.getInteractiveElements=()=>{var i;this.interactiveElementList=Array.from(((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll("ic-button"))||[]);const t=Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex="-1"]),\n ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-context,\n ic-back-to-top, ic-breadcrumb, ic-chip[dismissible="true"], ic-footer-link, ic-link, ic-navigation-button,\n ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));if(t.length>0){if(t[0].slot!==this.DIALOG_CONTROLS){t[0].setAttribute(this.DATA_GETS_FOCUS,"")}else if(!this.destructive){t[t.length-1].setAttribute(this.DATA_GETS_FOCUS,"")}}for(let i=0;i<t.length;i++){this.interactiveElementList.splice(1+i,0,t[i])}};this.getNextFocusEl=i=>this.interactiveElementList[i];this.onTabKeyPress=i=>{var t;this.getFocusedElementIndex();if(((t=this.interactiveElementList[this.focusedElementIndex])===null||t===void 0?void 0:t.tagName)===this.IC_SEARCH_BAR){return false}this.setFocusIndexBasedOnShiftKey(i);this.loopNextFocusIndexIfLastElement();this.focusAttemptCount=0;this.focusElement(this.getNextFocusEl(this.focusedElementIndex),i);return true};this.shouldSkipElement=i=>{if(!i){return true}const t=getComputedStyle(i).visibility==="hidden"||i.offsetHeight===0||i.hasAttribute("disabled")||i.tagName===this.IC_ACCORDION_GROUP&&i.hasAttribute("single-expansion");const e=i.closest("ic-radio-option");return t||i.getAttribute("type")==="radio"&&!!e&&!(e.hasAttribute("selected")||i.tabIndex===0)};this.focusElement=(i,t=false)=>{if(!i){return}if(this.focusAttemptCount++>this.interactiveElementList.length){return}if(this.shouldSkipElement(i)){this.setFocusIndexBasedOnShiftKey(t);this.loopNextFocusIndexIfLastElement();this.focusElement(this.getNextFocusEl(this.focusedElementIndex),t)}else{switch(i.tagName){case this.IC_ACCORDION_GROUP:case this.IC_ACCORDION:case this.IC_SEARCH_BAR:case this.IC_TEXT_FIELD:case this.IC_CHECKBOX:case this.IC_TAB_CONTEXT:i.setFocus();break;default:i.focus()}}};this.renderDialog=()=>{const{hideDefaultControls:i,size:t,heading:a,label:o,destructive:r,dismissLabel:l,hideCloseButton:d,disableHeightConstraint:c,disableWidthConstraint:g,closeIconClick:u,DIALOG_CONTROLS:p}=this;const b=h(this.el,p);return e("dialog",{class:{dialog:true,[`${t}`]:true,"disable-height-constraint":!!c,"disable-width-constraint":!!g},"aria-labelledby":"dialog-label dialog-heading","aria-describedby":"dialog-alert dialog-content",ref:i=>this.dialogEl=i},e("div",{class:"heading-area"},e("div",{class:"heading-content"},e("div",{class:"label"},e("slot",{name:"label"},e("ic-typography",{variant:"label",id:"dialog-label"},o))),e("div",{class:"heading"},e("slot",{name:"heading"},e("ic-typography",{variant:"h4",id:"dialog-heading"},a)))),!d&&e("ic-button",{class:"close-icon",variant:"icon-tertiary",innerHTML:n,"aria-label":l,onClick:u,"data-gets-focus":r||i&&!b?"":null})),e("div",{class:"content-area"},h(this.el,"alert")&&e("slot",{name:"alert"}),e("div",{id:"dialog-content"},e("slot",null))),(b||!i)&&e("div",{class:{[p]:true}},b?e("slot",{name:p}):e(s,null,e("ic-button",{variant:"tertiary",onClick:()=>this.cancelDialog(),class:"dialog-control-button","data-gets-focus":null},"Cancel"),e("ic-button",{variant:r?"destructive":"primary",onClick:()=>this.confirmDialog(),class:"dialog-control-button","data-gets-focus":""},"Confirm"))))}}watchOpenHandler(){if(this.open){this.dialogOpened()}else{this.fadeIn=false;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}setTimeout((()=>{var i,t;this.dialogRendered=false;(i=this.dialogEl)===null||i===void 0?void 0:i.close();(t=this.sourceElement)===null||t===void 0?void 0:t.focus();this.dialogHeight=0;this.icDialogClosed.emit()}),80)}}disconnectedCallback(){this.removeSlotChangeListener()}componentDidLoad(){this.refreshInteractiveElementsOnSlotChange();if(this.open){this.dialogOpened()}!h(this.el,"heading")&&d([{prop:this.heading,propName:"heading"}],"Dialog")}componentDidRender(){document.body.style.overflow=getComputedStyle(this.el).display!=="none"&&this.disableHeightConstraint?"hidden":"auto"}handleKeyboard(i){if(this.dialogRendered){switch(i.key){case"Tab":if(this.onTabKeyPress(i.shiftKey)){i.preventDefault()}break;case"Escape":if(!i.repeat){this.open=false}i.stopImmediatePropagation();break}}}handleClick(i){if(this.dialogEl&&this.closeOnBackdropClick&&i.composedPath().indexOf(this.dialogEl)<=0){const{top:t,height:e,left:s,width:a}=this.dialogEl.getBoundingClientRect();const o=t<=i.clientY&&i.clientY<=t+e&&s<=i.clientX&&i.clientX<=s+a;if(!o){this.open=false}}}async cancelDialog(){this.icDialogCancelled.emit();this.open=false}async confirmDialog(){this.icDialogConfirmed.emit()}loopNextFocusIndexIfLastElement(){if(this.focusedElementIndex>this.interactiveElementList.length-1)this.focusedElementIndex=0;else if(this.focusedElementIndex<0){this.focusedElementIndex=this.interactiveElementList.length-1}}setFocusIndexBasedOnShiftKey(i){if(i){this.focusedElementIndex-=1}else{this.focusedElementIndex+=1}}render(){const{dialogRendered:i,disableHeightConstraint:t,fadeIn:s,theme:o,size:n}=this;return e(a,{key:"b7042e156db6ea72797e7e83ce6af29747c40d6a",class:{"ic-dialog-hidden":!i,"ic-dialog-fade-in":s,"disable-height-constraint":!!t,[`ic-theme-${o}`]:o!=="inherit",[`ic-dialog-size-${n}`]:n!=undefined}},t?e("div",{class:"backdrop",ref:i=>this.backdropEl=i},this.renderDialog()):this.renderDialog())}get el(){return o(this)}static get watchers(){return{open:["watchOpenHandler"]}}};u.style=g;export{u as ic_dialog};
|
|
2
|
-
//# sourceMappingURL=p-9dea5764.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["icDialogCss","IcDialogStyle0","Dialog","constructor","hostRef","this","contentAreaMutationObserver","DATA_GETS_FOCUS","DIALOG_CONTROLS","dialogHeight","focusedElementIndex","IC_TEXT_FIELD","IC_ACCORDION","IC_ACCORDION_GROUP","IC_CHECKBOX","IC_SEARCH_BAR","IC_TAB_CONTEXT","interactiveElementList","resizeObserver","focusAttemptCount","dialogRendered","fadeIn","closeOnBackdropClick","destructive","dismissLabel","disableHeightConstraint","disableWidthConstraint","hideCloseButton","hideDefaultControls","open","size","theme","dialogOpened","_a","_b","dialogEl","show","showModal","setTimeout","backdropEl","scrollTop","getInteractiveElements","setInitialFocus","checkResizeObserver","runResizeObserver","icDialogOpened","emit","ResizeObserver","clearTimeout","resizeTimeout","window","resizeObserverCallback","observe","clientHeight","refreshInteractiveElementsOnSlotChange","_c","contentWrapper","el","shadowRoot","querySelector","contentArea","addEventListener","MutationObserver","getSlotElements","forEach","childList","subtree","removeSlotChangeListener","removeEventListener","disconnect","sourceElement","document","activeElement","length","findIndex","element","hasAttribute","elToFocus","focusElement","getFocusedElementIndex","i","closeIconClick","Array","from","querySelectorAll","slottedInteractiveElements","slot","setAttribute","splice","getNextFocusEl","onTabKeyPress","shiftKey","tagName","setFocusIndexBasedOnShiftKey","loopNextFocusIndexIfLastElement","shouldSkipElement","isHidden","getComputedStyle","visibility","offsetHeight","radioEl","closest","getAttribute","tabIndex","setFocus","focus","renderDialog","heading","label","controlsSlotUsed","isSlotUsed","h","class","dialog","ref","name","variant","id","innerHTML","closeIcon","onClick","Fragment","cancelDialog","confirmDialog","watchOpenHandler","close","icDialogClosed","disconnectedCallback","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidRender","body","style","overflow","display","handleKeyboard","ev","key","preventDefault","repeat","stopImmediatePropagation","handleClick","composedPath","indexOf","top","height","left","width","getBoundingClientRect","isInDialog","clientY","clientX","icDialogCancelled","icDialogConfirmed","render","Host","undefined"],"sources":["../web-components/dist/collection/components/ic-dialog/ic-dialog.css?tag=ic-dialog&encapsulation=shadow","../web-components/dist/collection/components/ic-dialog/ic-dialog.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-dialog: z-index of dialog \n */\n\n:host {\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100% !important;\n background: rgb(0 0 0 / 60%);\n z-index: var(--ic-z-index-dialog);\n opacity: 0;\n}\n\n:host(.ic-dialog-fade-in) {\n opacity: 1;\n}\n\n:host(.disable-height-constraint) {\n background: none;\n justify-content: unset;\n align-items: unset;\n}\n\n.dialog.disable-height-constraint {\n max-height: none;\n position: relative;\n}\n\n.dialog.disable-height-constraint .content-area {\n overflow-y: visible;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n :host {\n transition: opacity var(--ic-easing-transition-slow);\n }\n\n .dialog {\n transform: translateY(-3rem);\n transition: transform 1000s;\n }\n\n :host(.ic-dialog-fade-in) .dialog {\n transform: translateY(0);\n transition: transform var(--ic-easing-transition-slow);\n }\n}\n\n:host(.ic-dialog-hidden) {\n display: none;\n}\n\n.dialog {\n background-color: var(--ic-dialog-background);\n color: var(--ic-dialog-text-primary);\n\n --ic-typography-color: var(--ic-dialog-text-primary);\n\n border: var(--ic-space-1px) solid var(--ic-dialog-border);\n border-radius: var(--ic-border-radius);\n padding: var(--ic-space-xs) 0 var(--ic-space-md);\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow-x: visible;\n}\n\n.small {\n width: 50%;\n max-width: 25rem;\n min-height: 11rem;\n max-height: 70vh;\n}\n\n.medium {\n width: 70vw;\n max-width: 44rem;\n min-height: 12.5rem;\n max-height: 70vh;\n}\n\n.large {\n width: 90vw;\n max-width: 62.5rem;\n min-height: 12.5rem;\n max-height: 90vh;\n}\n\n.heading-area {\n display: flex;\n margin-bottom: var(--ic-space-xs);\n padding: 0 var(--ic-space-md);\n}\n\n.heading {\n overflow-wrap: break-word;\n}\n\n.close-icon {\n margin-left: auto;\n}\n\n.close-icon > svg {\n color: var(--ic-dialog-clear-button);\n}\n\n.content-area {\n padding: 0 var(--ic-space-md);\n margin: 0;\n overflow-y: auto;\n}\n\n#dialog-content {\n margin-bottom: var(--ic-space-sm);\n}\n\n#dialog-content ::slotted(ic-typography) {\n overflow-wrap: break-word;\n}\n\n#dialog-content ::slotted(*) {\n position: relative;\n}\n\n.dialog-controls {\n margin-top: auto;\n padding: var(--ic-space-xs) var(--ic-space-md) 0;\n display: flex;\n justify-content: flex-end;\n gap: var(--ic-space-md);\n}\n\n.dialog-control-button {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.backdrop {\n overflow-y: auto;\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgb(0 0 0 / 60%);\n z-index: var(--ic-z-index-dialog);\n padding-top: 16px;\n padding-bottom: 16px;\n}\n\n.heading ic-typography {\n --ic-typography-color: var(--ic-dialog-text-primary);\n}\n\n.label ic-typography {\n --ic-typography-color: var(--ic-dialog-label);\n}\n\n@media (min-width: 800px) {\n .large:not(.disable-width-constraint) > .content-area {\n width: 75%;\n }\n}\n\n@media (max-width: 576px) {\n .dialog {\n width: 100vw;\n height: 100vh;\n max-width: none;\n max-height: none;\n box-sizing: border-box;\n }\n\n .backdrop {\n padding: 0;\n }\n\n .dialog.disable-height-constraint {\n height: auto;\n min-height: 100vh;\n }\n}\n\n@media (max-width: 364px) {\n .dialog-control-button {\n width: unset;\n }\n}\n","import { Host, h, Fragment, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, checkResizeObserver, onComponentRequiredPropUndefined, getSlotElements, } from \"../../utils/helpers\";\n/**\n * @slot dialog-controls - Content will be place at the bottom of the dialog.\n * @slot heading - Content will be placed at the top of the dialog.\n * @slot label - Content will be placed above the dialog heading.\n * @slot alert - Content will be placed at the top of the content area of the dialog.\n */\nexport class Dialog {\n constructor() {\n this.contentAreaMutationObserver = null;\n this.DATA_GETS_FOCUS = \"data-gets-focus\";\n this.DIALOG_CONTROLS = \"dialog-controls\";\n this.dialogHeight = 0;\n this.focusedElementIndex = 0;\n this.IC_TEXT_FIELD = \"IC-TEXT-FIELD\";\n this.IC_ACCORDION = \"IC-ACCORDION\";\n this.IC_ACCORDION_GROUP = \"IC-ACCORDION-GROUP\";\n this.IC_CHECKBOX = \"IC-CHECKBOX\";\n this.IC_SEARCH_BAR = \"IC-SEARCH-BAR\";\n this.IC_TAB_CONTEXT = \"IC-TAB-CONTEXT\";\n this.interactiveElementList = [];\n this.resizeObserver = null;\n this.focusAttemptCount = 0;\n this.dialogRendered = false;\n this.fadeIn = false;\n /**\n * If set to `false`, the dialog will not close when the backdrop is clicked.\n */\n this.closeOnBackdropClick = true;\n /**\n * If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\n */\n this.destructive = false;\n /**\n * Sets the dismiss label tooltip and aria label.\n */\n this.dismissLabel = \"Dismiss\";\n /**\n * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\n * This prop also prevents popover elements from being cut off within the content area.\n */\n this.disableHeightConstraint = false;\n /**\n * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\n */\n this.disableWidthConstraint = false;\n /**\n * If `true`, the close button will not be displayed.\n */\n this.hideCloseButton = false;\n /**\n * If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.\n */\n this.hideDefaultControls = false;\n /**\n * If `true`, the dialog will be displayed.\n */\n this.open = false;\n /**\n * Sets the maximum and minimum height and width for the dialog.\n */\n this.size = \"small\";\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 this.theme = \"inherit\";\n this.dialogOpened = () => {\n var _a, _b;\n this.dialogRendered = true;\n if (this.disableHeightConstraint) {\n (_a = this.dialogEl) === null || _a === void 0 ? void 0 : _a.show();\n }\n else {\n (_b = this.dialogEl) === null || _b === void 0 ? void 0 : _b.showModal();\n }\n setTimeout(() => {\n this.fadeIn = true;\n /**\n * This is required to set scroll back to top if:\n * - dialog content goes below the fold\n * - is closed using cancel or confirm and reopened.\n *\n * Without this, the scroll bar will start from the dialog's last scroll-x coordinate.\n */\n if (this.backdropEl &&\n this.disableHeightConstraint &&\n this.backdropEl.scrollTop !== 0) {\n this.backdropEl.scrollTop = 0;\n }\n }, 10);\n setTimeout(() => {\n this.getInteractiveElements();\n this.setInitialFocus();\n checkResizeObserver(this.runResizeObserver);\n }, 75);\n setTimeout(() => {\n this.icDialogOpened.emit();\n }, 80);\n };\n this.runResizeObserver = () => {\n if (this.dialogEl) {\n this.resizeObserver = new ResizeObserver(() => {\n clearTimeout(this.resizeTimeout);\n this.resizeTimeout = window.setTimeout(this.resizeObserverCallback, 80);\n });\n this.resizeObserver.observe(this.dialogEl);\n }\n };\n this.resizeObserverCallback = () => {\n if (this.dialogEl && this.dialogEl.clientHeight !== this.dialogHeight) {\n this.dialogHeight = this.dialogEl.clientHeight;\n }\n };\n this.refreshInteractiveElementsOnSlotChange = () => {\n var _a, _b, _c;\n const contentWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"#dialog-content\");\n if (contentWrapper) {\n this.contentArea = contentWrapper.querySelector(\"slot\");\n // Detect changes to slotted elements\n (_b = this.contentArea) === null || _b === void 0 ? void 0 : _b.addEventListener(\"slotchange\", this.getInteractiveElements);\n this.contentAreaMutationObserver = new MutationObserver(() => {\n this.getInteractiveElements();\n });\n // Detect changes to children of slotted elements\n (_c = getSlotElements(contentWrapper)) === null || _c === void 0 ? void 0 : _c.forEach((el) => {\n var _a;\n (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, {\n childList: true,\n subtree: true,\n });\n });\n }\n };\n this.removeSlotChangeListener = () => {\n var _a;\n if (this.contentArea) {\n this.contentArea.removeEventListener(\"slotchange\", this.getInteractiveElements);\n (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n }\n };\n this.setInitialFocus = () => {\n this.sourceElement = document.activeElement;\n if (!this.interactiveElementList.length) {\n // No interactive elements yet, retry shortly\n setTimeout(() => {\n this.getInteractiveElements();\n if (this.interactiveElementList.length) {\n this.setInitialFocus();\n }\n }, 10);\n return;\n }\n this.focusedElementIndex = this.interactiveElementList.findIndex((element) => element.hasAttribute(this.DATA_GETS_FOCUS));\n if (this.focusedElementIndex === -1) {\n this.focusedElementIndex = 0;\n }\n const elToFocus = this.interactiveElementList[this.focusedElementIndex];\n if (elToFocus) {\n this.focusElement(elToFocus);\n }\n };\n this.getFocusedElementIndex = () => {\n var _a;\n for (let i = 0; i < this.interactiveElementList.length; i++) {\n if (this.interactiveElementList[i] ===\n (((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) || document.activeElement)) {\n this.focusedElementIndex = i;\n }\n }\n };\n this.closeIconClick = () => {\n this.open = false;\n };\n this.getInteractiveElements = () => {\n var _a;\n this.interactiveElementList = Array.from(((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(\"ic-button\")) || []);\n const slottedInteractiveElements = Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex=\"-1\"]),\n ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-context,\n ic-back-to-top, ic-breadcrumb, ic-chip[dismissible=\"true\"], ic-footer-link, ic-link, ic-navigation-button,\n ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));\n if (slottedInteractiveElements.length > 0) {\n if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {\n slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, \"\");\n }\n else if (!this.destructive) {\n slottedInteractiveElements[slottedInteractiveElements.length - 1].setAttribute(this.DATA_GETS_FOCUS, \"\");\n }\n }\n for (let i = 0; i < slottedInteractiveElements.length; i++) {\n this.interactiveElementList.splice(1 + i, 0, slottedInteractiveElements[i]);\n }\n };\n this.getNextFocusEl = (focusedElementIndex) => this.interactiveElementList[focusedElementIndex];\n this.onTabKeyPress = (shiftKey) => {\n var _a;\n this.getFocusedElementIndex();\n if (((_a = this.interactiveElementList[this.focusedElementIndex]) === null || _a === void 0 ? void 0 : _a.tagName) ===\n this.IC_SEARCH_BAR) {\n return false;\n }\n this.setFocusIndexBasedOnShiftKey(shiftKey);\n this.loopNextFocusIndexIfLastElement();\n this.focusAttemptCount = 0;\n this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);\n return true;\n };\n this.shouldSkipElement = (element) => {\n if (!element) {\n return true;\n }\n const isHidden = getComputedStyle(element).visibility === \"hidden\" ||\n element.offsetHeight === 0 ||\n element.hasAttribute(\"disabled\") ||\n (element.tagName === this.IC_ACCORDION_GROUP &&\n element.hasAttribute(\"single-expansion\"));\n const radioEl = element.closest(\"ic-radio-option\");\n return (isHidden ||\n (element.getAttribute(\"type\") === \"radio\" &&\n !!radioEl &&\n !(radioEl.hasAttribute(\"selected\") || element.tabIndex === 0)));\n };\n this.focusElement = (element, shiftKey = false) => {\n if (!element) {\n return;\n }\n if (this.focusAttemptCount++ > this.interactiveElementList.length) {\n return;\n }\n if (this.shouldSkipElement(element)) {\n this.setFocusIndexBasedOnShiftKey(shiftKey);\n this.loopNextFocusIndexIfLastElement();\n this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);\n }\n else {\n switch (element.tagName) {\n case this.IC_ACCORDION_GROUP:\n case this.IC_ACCORDION:\n case this.IC_SEARCH_BAR:\n case this.IC_TEXT_FIELD:\n case this.IC_CHECKBOX:\n case this.IC_TAB_CONTEXT:\n element.setFocus();\n break;\n default:\n element.focus();\n }\n }\n };\n this.renderDialog = () => {\n const { hideDefaultControls, size, heading, label, destructive, dismissLabel, hideCloseButton, disableHeightConstraint, disableWidthConstraint, closeIconClick, DIALOG_CONTROLS, } = this;\n const controlsSlotUsed = isSlotUsed(this.el, DIALOG_CONTROLS);\n return (h(\"dialog\", { class: {\n dialog: true,\n [`${size}`]: true,\n \"disable-height-constraint\": !!disableHeightConstraint,\n \"disable-width-constraint\": !!disableWidthConstraint,\n }, \"aria-labelledby\": \"dialog-label dialog-heading\", \"aria-describedby\": \"dialog-alert dialog-content\", ref: (el) => (this.dialogEl = el) }, h(\"div\", { class: \"heading-area\" }, h(\"div\", { class: \"heading-content\" }, h(\"div\", { class: \"label\" }, h(\"slot\", { name: \"label\" }, h(\"ic-typography\", { variant: \"label\", id: \"dialog-label\" }, label))), h(\"div\", { class: \"heading\" }, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: \"h4\", id: \"dialog-heading\" }, heading)))), !hideCloseButton && (h(\"ic-button\", { class: \"close-icon\", variant: \"icon-tertiary\", innerHTML: closeIcon, \"aria-label\": dismissLabel, onClick: closeIconClick, \"data-gets-focus\": destructive || (hideDefaultControls && !controlsSlotUsed)\n ? \"\"\n : null }))), h(\"div\", { class: \"content-area\" }, isSlotUsed(this.el, \"alert\") && h(\"slot\", { name: \"alert\" }), h(\"div\", { id: \"dialog-content\" }, h(\"slot\", null))), (controlsSlotUsed || !hideDefaultControls) && (h(\"div\", { class: {\n [DIALOG_CONTROLS]: true,\n } }, controlsSlotUsed ? (h(\"slot\", { name: DIALOG_CONTROLS })) : (h(Fragment, null, h(\"ic-button\", { variant: \"tertiary\", onClick: () => this.cancelDialog(), class: \"dialog-control-button\", \"data-gets-focus\": null }, \"Cancel\"), h(\"ic-button\", { variant: destructive ? \"destructive\" : \"primary\", onClick: () => this.confirmDialog(), class: \"dialog-control-button\", \"data-gets-focus\": \"\" }, \"Confirm\")))))));\n };\n }\n watchOpenHandler() {\n if (this.open) {\n this.dialogOpened();\n }\n else {\n this.fadeIn = false;\n if (this.resizeObserver !== null) {\n this.resizeObserver.disconnect();\n }\n setTimeout(() => {\n var _a, _b;\n this.dialogRendered = false;\n (_a = this.dialogEl) === null || _a === void 0 ? void 0 : _a.close();\n (_b = this.sourceElement) === null || _b === void 0 ? void 0 : _b.focus();\n this.dialogHeight = 0;\n this.icDialogClosed.emit();\n }, 80);\n }\n }\n disconnectedCallback() {\n this.removeSlotChangeListener();\n }\n componentDidLoad() {\n this.refreshInteractiveElementsOnSlotChange();\n if (this.open) {\n this.dialogOpened();\n }\n !isSlotUsed(this.el, \"heading\") &&\n onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Dialog\");\n }\n componentDidRender() {\n document.body.style.overflow =\n getComputedStyle(this.el).display !== \"none\" &&\n this.disableHeightConstraint\n ? \"hidden\"\n : \"auto\";\n }\n handleKeyboard(ev) {\n if (this.dialogRendered) {\n switch (ev.key) {\n case \"Tab\":\n if (this.onTabKeyPress(ev.shiftKey)) {\n ev.preventDefault();\n }\n break;\n case \"Escape\":\n if (!ev.repeat) {\n this.open = false;\n }\n ev.stopImmediatePropagation();\n break;\n }\n }\n }\n handleClick(ev) {\n if (this.dialogEl &&\n this.closeOnBackdropClick &&\n ev.composedPath().indexOf(this.dialogEl) <= 0) {\n const { top, height, left, width } = this.dialogEl.getBoundingClientRect();\n const isInDialog = top <= ev.clientY &&\n ev.clientY <= top + height &&\n left <= ev.clientX &&\n ev.clientX <= left + width;\n if (!isInDialog) {\n this.open = false;\n }\n }\n }\n /**\n * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\n */\n async cancelDialog() {\n this.icDialogCancelled.emit();\n this.open = false;\n }\n /**\n * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\n */\n async confirmDialog() {\n this.icDialogConfirmed.emit();\n }\n loopNextFocusIndexIfLastElement() {\n if (this.focusedElementIndex > this.interactiveElementList.length - 1)\n this.focusedElementIndex = 0;\n else if (this.focusedElementIndex < 0) {\n this.focusedElementIndex = this.interactiveElementList.length - 1;\n }\n }\n setFocusIndexBasedOnShiftKey(shiftKey) {\n if (shiftKey) {\n this.focusedElementIndex -= 1;\n }\n else {\n this.focusedElementIndex += 1;\n }\n }\n render() {\n const { dialogRendered, disableHeightConstraint, fadeIn, theme, size } = this;\n return (h(Host, { key: 'b7042e156db6ea72797e7e83ce6af29747c40d6a', class: {\n \"ic-dialog-hidden\": !dialogRendered,\n \"ic-dialog-fade-in\": fadeIn,\n \"disable-height-constraint\": !!disableHeightConstraint,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n [`ic-dialog-size-${size}`]: size != undefined,\n } }, disableHeightConstraint ? (h(\"div\", { class: \"backdrop\", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));\n }\n static get is() { return \"ic-dialog\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-dialog.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-dialog.css\"]\n };\n }\n static get properties() {\n return {\n \"closeOnBackdropClick\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If set to `false`, the dialog will not close when the backdrop is clicked.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"close-on-backdrop-click\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"destructive\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"destructive\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"dismissLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the dismiss label tooltip and aria label.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"dismiss-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Dismiss\\\"\"\n },\n \"disableHeightConstraint\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\\nThis prop also prevents popover elements from being cut off within the content area.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"disable-height-constraint\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disableWidthConstraint\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"disable-width-constraint\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"hideCloseButton\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the close button will not be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"hide-close-button\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"hideDefaultControls\": {\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 set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"hide-default-controls\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"heading\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the heading for the dialog.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"heading\",\n \"reflect\": false\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the optional label for the dialog which appears above the heading.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"open\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the dialog will be displayed.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"open\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"small\\\" | \\\"medium\\\" | \\\"large\\\"\",\n \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the maximum and minimum height and width for the dialog.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"small\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"dialogRendered\": {},\n \"fadeIn\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icDialogCancelled\",\n \"name\": \"icDialogCancelled\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Cancellation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icDialogClosed\",\n \"name\": \"icDialogClosed\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when dialog has closed.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icDialogConfirmed\",\n \"name\": \"icDialogConfirmed\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icDialogOpened\",\n \"name\": \"icDialogOpened\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when dialog has opened.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"cancelDialog\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\",\n \"tags\": []\n }\n },\n \"confirmDialog\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"open\",\n \"methodName\": \"watchOpenHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"keydown\",\n \"method\": \"handleKeyboard\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"click\",\n \"method\": \"handleClick\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-dialog.js.map\n"],"mappings":"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","ignoreList":[]}
|
package/dist/core/p-a422b778.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["IC_CUSTOM_ALLOWED_COMPONENTS","getCustomElementHandling","allowICPrefix","CUSTOM_ELEMENT_HANDLING","tagNameCheck","tagName","startsWith","includes","attributeNameCheck","sanitizeHTMLIconString","html","purifier","sanitize"],"sources":["../web-components/src/utils/constants.ts","../web-components/src/utils/common-helpers.ts"],"sourcesContent":["import errorIcon from \"../assets/error-icon.svg\";\nimport infoIcon from \"../assets/info-icon.svg\";\nimport neutralIcon from \"../assets/neutral-icon.svg\";\nimport successIcon from \"../assets/success-icon.svg\";\nimport warningIcon from \"../assets/warning-icon.svg\";\nimport aiIcon from \"../assets/ai-icon.svg\";\n\n// Global status icons\nexport const VARIANT_ICONS = {\n neutral: {\n icon: neutralIcon,\n ariaLabel: \"Neutral\",\n },\n info: {\n icon: infoIcon,\n ariaLabel: \"For your information\",\n },\n warning: {\n icon: warningIcon,\n ariaLabel: \"Warning\",\n },\n error: {\n icon: errorIcon,\n ariaLabel: \"Error\",\n },\n success: {\n icon: successIcon,\n ariaLabel: \"Success\",\n },\n ai: {\n icon: aiIcon,\n ariaLabel: \"AI\",\n },\n};\n\n// Global ARIA attributes\nexport const IC_INHERITED_ARIA = [\n \"aria-atomic\",\n \"aria-autocomplete\",\n \"aria-busy\",\n \"aria-controls\",\n \"aria-current\",\n \"aria-describedby\",\n \"aria-description\",\n \"aria-details\",\n \"aria-disabled\",\n \"aria-dropeffect\",\n \"aria-errormessage\",\n \"aria-expanded\",\n \"aria-flowto\",\n \"aria-grabbed\",\n \"aria-haspopup\",\n \"aria-hidden\",\n \"aria-invalid\",\n \"aria-keyshortcuts\",\n \"aria-label\",\n \"aria-labelledby\",\n \"aria-live\",\n \"aria-owns\",\n \"aria-relevant\",\n \"aria-roledescription\",\n];\n\nexport const IC_DEVICE_SIZES = {\n XS: 576,\n S: 768,\n M: 992,\n L: 1200,\n XL: 99999,\n};\n\nexport const IC_BLOCK_COLOR_COMPONENTS = [\n \"ic-hero\",\n \"ic-top-navigation\",\n \"ic-footer\",\n \"ic-side-navigation\",\n \"ic-alert\",\n].join(\",\");\n\nexport const IC_FIXED_COLOR_COMPONENTS = [\"ic-alert\"];\n\nexport interface IcColorExceptions {\n [details: string]: string[];\n}\n\nexport const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions = {\n \"ic-alert\": [\"ic-link\", \"ic-button\"],\n};\n\n/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours\n * The brightness difference must be greater than 125 to provide good colour visibility\n * Calculated by:\n * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)\n * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)\n */\nexport const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;\nexport const WHITE_MAX_COLOR_BRIGHTNESS = 130;\n\n// Keyboard characters that do not affect the content of an input control when pressed\nexport const IGNORED_KEYBOARD_CHARACTERS = [\n \"Alt\",\n \"AltGraph\",\n \"ArrowDown\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"ArrowUp\",\n \"AudioVolumeDown\",\n \"AudioVolumeMute\",\n \"AudioVolumeUp\",\n \"CapsLock\",\n \"ContextMenu\",\n \"Control\",\n \"Delete\",\n \"End\",\n \"Enter\",\n \"Escape\",\n \"F1\",\n \"F10\",\n \"F11\",\n \"F12\",\n \"F2\",\n \"F3\",\n \"F4\",\n \"F5\",\n \"F6\",\n \"F7\",\n \"F8\",\n \"F9\",\n \"Home\",\n \"Insert\",\n \"Meta\",\n \"NumLock\",\n \"PageDown\",\n \"PageUp\",\n \"Shift\",\n \"Tab\",\n];\n\nexport const IC_CUSTOM_ALLOWED_COMPONENTS: string[] = [];\n","import purifier from \"dompurify\";\nimport { IC_CUSTOM_ALLOWED_COMPONENTS } from \"./constants\";\n\n/* istanbul ignore next */\nconst getCustomElementHandling = (allowICPrefix: boolean) => ({\n CUSTOM_ELEMENT_HANDLING: {\n tagNameCheck: (tagName: string) =>\n (allowICPrefix && tagName.startsWith(\"ic-\")) ||\n IC_CUSTOM_ALLOWED_COMPONENTS.includes(tagName),\n attributeNameCheck: /.*/,\n },\n});\n\nexport const sanitizeHTMLString = (html: string): string => {\n return purifier.sanitize(html, getCustomElementHandling(true));\n};\n\nexport const sanitizeHTMLIconString = (html: string): string => {\n return purifier.sanitize(html, getCustomElementHandling(false));\n};\n"],"mappings":"oCA2IO,MAAMA,EAAyC,GCvItD,MAAMC,EAA4BC,IAAsB,CACtDC,wBAAyB,CACvBC,aAAeC,GACZH,GAAiBG,EAAQC,WAAW,QACrCN,EAA6BO,SAASF,GACxCG,mBAAoB,Q,MAQXC,EAA0BC,GAC9BC,EAASC,SAASF,EAAMT,EAAyB,e","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as r,g as a}from"./p-8e4e97b4.js";import{c as s}from"./p-e081702e.js";import{a as o,i as n,p as c,V as l}from"./p-e519f607.js";const d='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}:host ::slotted(ic-typography){--ic-typography-color:var(--ic-alert-description)}.container{min-height:var(--ic-alert-min-height);border-radius:var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n var(--ic-space-xxs);position:relative;display:flex;align-items:center}.container-neutral{background-color:var(--ic-alert-background-neutral);border:var(--ic-space-xxxs) solid var(--ic-alert-border-neutral)}.container-info{background-color:var(--ic-alert-background-info);border:var(--ic-space-xxxs) solid var(--ic-alert-border-info)}.container-warning{background-color:var(--ic-alert-background-warning);border:var(--ic-space-xxxs) solid var(--ic-alert-border-warning)}.container-error{background-color:var(--ic-alert-background-error);border:var(--ic-space-xxxs) solid var(--ic-alert-border-error)}.container-success{background-color:var(--ic-alert-background-success);border:var(--ic-space-xxxs) solid var(--ic-alert-border-success)}.container-ai{background-color:var(--ic-alert-background-ai);border:var(--ic-space-xxxs) solid var(--ic-alert-border-ai)}.divider{height:100%;width:var(--ic-space-xs);border-radius:var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);position:absolute}.divider-neutral{background-color:var(--ic-alert-status-type-neutral)}.divider-info{background-color:var(--ic-alert-status-type-info)}.divider-warning{background-color:var(--ic-alert-status-type-warning)}.divider-error{background-color:var(--ic-alert-status-type-error)}.divider-success{background-color:var(--ic-alert-status-type-success)}.divider-ai{background-color:var(--ic-alert-status-type-ai)}.alert-icon{align-self:flex-start;margin-top:var(--ic-space-xs);margin-right:var(--ic-space-xs)}.alert-icon>svg{height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block}:host(.ic-alert-no-default-icon) .icon-neutral{visibility:hidden;width:0;margin-left:0.625rem}.icon-neutral>svg,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);display:inline-block;fill:var(--ic-alert-icon-neutral)}:host(.ic-alert-variant-info) .alert-icon svg{fill:var(--ic-alert-icon-info)}:host(.ic-alert-variant-warning) .alert-icon svg{fill:var(--ic-alert-icon-warning)}:host(.ic-alert-variant-error) .alert-icon svg{fill:var(--ic-alert-icon-error)}:host(.ic-alert-variant-success) .alert-icon svg{fill:var(--ic-alert-icon-success)}:host(.ic-alert-variant-ai) .alert-icon svg{fill:var(--ic-alert-icon-ai)}.alert-content{display:flex;align-items:center;margin-left:1.125rem;width:100%;flex-wrap:wrap}.alert-message{display:flex;align-items:center;padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;flex:1;--ic-typography-color:var(--ic-alert-description)}.alert-message-title-above{display:inline}.alert-title{margin-right:var(--ic-space-xs);margin-top:0;margin-bottom:auto;--ic-typography-color:var(--ic-alert-title)}.alert-title-above{white-space:normal}.alert-action-container{margin-right:var(--ic-space-xs);display:flex;align-items:center}.dismiss-icon{margin-right:var(--ic-space-xxxs);margin-left:-0.375rem;padding:0.375rem;border:none;border-radius:50%;background-color:inherit;display:flex;align-items:center;justify-content:center}.dismiss-icon>svg{color:var(--ic-alert-icon-dismissible)}.dismiss-icon:hover{cursor:pointer}@media (max-width: 628px){.alert-message{display:inline}.alert-title{white-space:normal}.alert-action-container{margin-bottom:var(--ic-space-xs);flex-basis:100%}.alert-icon~.alert-action-container{margin-left:2rem}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}.dismiss-icon>svg{color:var(--ic-architectural-white)}}';const h=d;const u=class{constructor(t){e(this,t);this.icDismiss=i(this,"icDismiss",7);this.hostMutationObserver=null;this.systemThemeObserver=null;this.darkMode=false;this.alertTitleWrap=false;this.visible=true;this.announced=true;this.dismissible=false;this.dismissLabel="Dismiss";this.heading="";this.showDefaultIcon=true;this.theme="inherit";this.titleAbove=false;this.variant="neutral";this.dismissAction=()=>{this.icDismiss.emit()}}themeChangeHandler(){if(this.theme!=="inherit")this.darkMode=this.theme==="dark"}disconnectedCallback(){var e,i;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect();(i=this.systemThemeObserver)===null||i===void 0?void 0:i.removeEventListener("change",this.darkModeChangeHandler)}componentWillLoad(){if(!this.el.closest("ic-theme")){this.systemThemeObserver=window.matchMedia("(prefers-color-scheme: dark)");this.systemThemeObserver.addEventListener("change",this.darkModeChangeHandler);this.darkMode=this.systemThemeObserver.matches}this.themeChangeHandler()}componentDidLoad(){var e;if(Number((e=this.titleEl)===null||e===void 0?void 0:e.clientHeight)>24)this.alertTitleWrap=true;this.hostMutationObserver=new MutationObserver((e=>o(e,"action",this)));this.hostMutationObserver.observe(this.el,{childList:true});this.calculateMinHeight()}componentDidUpdate(){this.calculateMinHeight()}handleClick(){this.visible=!this.visible}darkModeChangeHandler(e){this.darkMode="detail"in e?e.detail==="dark":e.matches;this.calculateMinHeight()}calculateMinHeight(){var e;const i=Number((e=this.messageEl)===null||e===void 0?void 0:e.clientHeight);const t=c(`${(i>40?i:52)+(this.darkMode?0:4)}`);if(this.el.style.getPropertyValue("--ic-alert-min-height")!==t)this.el.style.setProperty("--ic-alert-min-height",t)}render(){const{variant:e,heading:i,message:a,titleAbove:o,dismissible:c,announced:d,visible:h,showDefaultIcon:u,theme:p,alertTitleWrap:b,dismissAction:m,dismissLabel:g}=this;const v=()=>{const i={"alert-icon":true,"svg-container":true,[`icon-${e}`]:true};if(e==="neutral"){if(n(this.el,"neutral-icon")){return t("div",{class:i},t("slot",{name:"neutral-icon"}))}else if(!u){return t("div",null)}}return t("span",{class:i,innerHTML:l[e].icon})};return h&&t(r,{role:d?"alert":null,class:{[`ic-theme-${p}`]:p!=="inherit",[`ic-alert-variant-${e}`]:true,[`ic-alert-no-default-icon`]:!u}},t("div",{class:{container:true,[`container-${e}`]:true}},t("div",{class:{divider:true,[`divider-${e}`]:true}}),t("div",{class:"alert-content"},t(v,null),t("div",{class:{"alert-message":true,"alert-message-title-above":o||b},ref:e=>this.messageEl=e},i&&t("ic-typography",{class:{"alert-title":true,"alert-title-above":o||b},variant:"subtitle-large",ref:e=>this.titleEl=e},t("p",null,i)),t("slot",{name:"message"},t("ic-typography",{variant:"body"},a))),n(this.el,"action")&&t("div",{class:"alert-action-container"},t("slot",{name:"action"}))),t("div",{class:"dismiss-icon-container"},c&&t("ic-button",{class:{"svg-container":true,"dismiss-icon":true},innerHTML:s,onClick:m,variant:"icon-tertiary",theme:"dark",title:g}))))}get el(){return a(this)}static get watchers(){return{theme:["themeChangeHandler"]}}};u.style=h;export{u as ic_alert};
|
|
2
|
-
//# sourceMappingURL=p-a58cf6fd.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["icAlertCss","IcAlertStyle0","Alert","constructor","hostRef","this","hostMutationObserver","systemThemeObserver","darkMode","alertTitleWrap","visible","announced","dismissible","dismissLabel","heading","showDefaultIcon","theme","titleAbove","variant","dismissAction","icDismiss","emit","themeChangeHandler","disconnectedCallback","_a","_b","disconnect","removeEventListener","darkModeChangeHandler","componentWillLoad","el","closest","window","matchMedia","addEventListener","matches","componentDidLoad","Number","titleEl","clientHeight","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","calculateMinHeight","componentDidUpdate","handleClick","ev","detail","contentHeight","messageEl","minHeight","pxToRem","style","getPropertyValue","setProperty","render","message","Icon","iconClass","isSlotUsed","h","class","name","innerHTML","VARIANT_ICONS","icon","Host","role","container","divider","ref","closeIcon","onClick","title"],"sources":["../web-components/dist/collection/components/ic-alert/ic-alert.css?tag=ic-alert&encapsulation=shadow","../web-components/dist/collection/components/ic-alert/ic-alert.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n:host {\n display: block;\n}\n\n:host ::slotted(ic-typography) {\n --ic-typography-color: var(--ic-alert-description);\n}\n\n.container {\n min-height: var(--ic-alert-min-height);\n border-radius: var(--ic-space-xxs) var(--ic-space-xxxs) var(--ic-space-xxxs)\n var(--ic-space-xxs);\n position: relative;\n display: flex;\n align-items: center;\n}\n\n.container-neutral {\n background-color: var(--ic-alert-background-neutral);\n border: var(--ic-space-xxxs) solid var(--ic-alert-border-neutral);\n}\n\n.container-info {\n background-color: var(--ic-alert-background-info);\n border: var(--ic-space-xxxs) solid var(--ic-alert-border-info);\n}\n\n.container-warning {\n background-color: var(--ic-alert-background-warning);\n border: var(--ic-space-xxxs) solid var(--ic-alert-border-warning);\n}\n\n.container-error {\n background-color: var(--ic-alert-background-error);\n border: var(--ic-space-xxxs) solid var(--ic-alert-border-error);\n}\n\n.container-success {\n background-color: var(--ic-alert-background-success);\n border: var(--ic-space-xxxs) solid var(--ic-alert-border-success);\n}\n\n.container-ai {\n background-color: var(--ic-alert-background-ai);\n border: var(--ic-space-xxxs) solid var(--ic-alert-border-ai);\n}\n\n.divider {\n height: 100%;\n width: var(--ic-space-xs);\n border-radius: var(--ic-space-xxxs) 0 0 var(--ic-space-xxxs);\n position: absolute;\n}\n\n.divider-neutral {\n background-color: var(--ic-alert-status-type-neutral);\n}\n\n.divider-info {\n background-color: var(--ic-alert-status-type-info);\n}\n\n.divider-warning {\n background-color: var(--ic-alert-status-type-warning);\n}\n\n.divider-error {\n background-color: var(--ic-alert-status-type-error);\n}\n\n.divider-success {\n background-color: var(--ic-alert-status-type-success);\n}\n\n.divider-ai {\n background-color: var(--ic-alert-status-type-ai);\n}\n\n.alert-icon {\n align-self: flex-start;\n margin-top: var(--ic-space-xs);\n margin-right: var(--ic-space-xs);\n}\n\n.alert-icon > svg {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n display: inline-block;\n}\n\n/* required for Gatsby as prop does not seem to work when set to false */\n:host(.ic-alert-no-default-icon) .icon-neutral {\n visibility: hidden;\n width: 0;\n margin-left: 0.625rem;\n}\n\n.icon-neutral > svg,\n::slotted(svg) {\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n display: inline-block;\n fill: var(--ic-alert-icon-neutral);\n}\n\n:host(.ic-alert-variant-info) .alert-icon svg {\n fill: var(--ic-alert-icon-info);\n}\n\n:host(.ic-alert-variant-warning) .alert-icon svg {\n fill: var(--ic-alert-icon-warning);\n}\n\n:host(.ic-alert-variant-error) .alert-icon svg {\n fill: var(--ic-alert-icon-error);\n}\n\n:host(.ic-alert-variant-success) .alert-icon svg {\n fill: var(--ic-alert-icon-success);\n}\n\n:host(.ic-alert-variant-ai) .alert-icon svg {\n fill: var(--ic-alert-icon-ai);\n}\n\n.alert-content {\n display: flex;\n align-items: center;\n margin-left: 1.125rem;\n width: 100%;\n flex-wrap: wrap;\n}\n\n.alert-message {\n display: flex;\n align-items: center;\n padding: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n flex: 1;\n\n --ic-typography-color: var(--ic-alert-description);\n}\n\n.alert-message-title-above {\n display: inline;\n}\n\n.alert-title {\n margin-right: var(--ic-space-xs);\n margin-top: 0;\n margin-bottom: auto;\n\n --ic-typography-color: var(--ic-alert-title);\n}\n\n.alert-title-above {\n white-space: normal;\n}\n\n.alert-action-container {\n margin-right: var(--ic-space-xs);\n display: flex;\n align-items: center;\n}\n\n.dismiss-icon {\n margin-right: var(--ic-space-xxxs);\n margin-left: -0.375rem;\n padding: 0.375rem;\n border: none;\n border-radius: 50%;\n background-color: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dismiss-icon > svg {\n color: var(--ic-alert-icon-dismissible);\n}\n\n.dismiss-icon:hover {\n cursor: pointer;\n}\n\n@media (max-width: 628px) {\n .alert-message {\n display: inline;\n }\n\n .alert-title {\n white-space: normal;\n }\n\n .alert-action-container {\n margin-bottom: var(--ic-space-xs);\n flex-basis: 100%;\n }\n\n .alert-icon ~ .alert-action-container {\n margin-left: 2rem;\n }\n}\n\n@media (forced-colors: active) {\n .container {\n border: var(--ic-border-hc);\n }\n\n .dismiss-icon > svg {\n color: var(--ic-architectural-white);\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, pxToRem, renderDynamicChildSlots, } from \"../../utils/helpers\";\nimport { VARIANT_ICONS } from \"../../utils/constants\";\n/**\n * @slot message - Content is placed to the right of the title.\n * @slot action - Content is placed to the right of the message.\n * @slot neutral-icon - A custom neutral icon is placed to the left of the title. This will override the default icon if used.\n */\nexport class Alert {\n constructor() {\n this.hostMutationObserver = null;\n this.systemThemeObserver = null;\n this.darkMode = false;\n this.alertTitleWrap = false;\n this.visible = true;\n /**\n * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers.\n */\n this.announced = true;\n /**\n * If `true`, the alert will have a close icon at the end to dismiss it.\n */\n this.dismissible = false;\n /**\n * The text in the dismiss button tooltip. Makes the user aware of the action resulting from clicking the 'Dismiss' button.\n */\n this.dismissLabel = \"Dismiss\";\n /**\n * The optional title to display at the start of the alert.\n */\n this.heading = \"\";\n /**\n * If `true`, the default icon for the neutral variant will appear on the left of the alert.\n */\n this.showDefaultIcon = true;\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 this.theme = \"inherit\";\n /**\n * If `true`, the title and message will appear above and below instead of inline.\n */\n this.titleAbove = false;\n /**\n * The variant of the alert which will be rendered.\n */\n this.variant = \"neutral\";\n this.dismissAction = () => {\n this.icDismiss.emit();\n };\n }\n themeChangeHandler() {\n if (this.theme !== \"inherit\")\n this.darkMode = this.theme === \"dark\";\n }\n disconnectedCallback() {\n var _a, _b;\n (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n (_b = this.systemThemeObserver) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"change\", this.darkModeChangeHandler);\n }\n componentWillLoad() {\n if (!this.el.closest(\"ic-theme\")) {\n this.systemThemeObserver = window.matchMedia(\"(prefers-color-scheme: dark)\");\n this.systemThemeObserver.addEventListener(\"change\", this.darkModeChangeHandler);\n this.darkMode = this.systemThemeObserver.matches;\n }\n this.themeChangeHandler();\n }\n componentDidLoad() {\n var _a;\n if (Number((_a = this.titleEl) === null || _a === void 0 ? void 0 : _a.clientHeight) > 24)\n this.alertTitleWrap = true;\n this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, \"action\", this));\n this.hostMutationObserver.observe(this.el, {\n childList: true,\n });\n this.calculateMinHeight();\n }\n componentDidUpdate() {\n this.calculateMinHeight();\n }\n handleClick() {\n this.visible = !this.visible;\n }\n darkModeChangeHandler(ev) {\n this.darkMode = \"detail\" in ev ? ev.detail === \"dark\" : ev.matches;\n this.calculateMinHeight();\n }\n calculateMinHeight() {\n var _a;\n const contentHeight = Number((_a = this.messageEl) === null || _a === void 0 ? void 0 : _a.clientHeight);\n const minHeight = pxToRem(`${(contentHeight > 40 ? contentHeight : 52) + (this.darkMode ? 0 : 4)}`);\n if (this.el.style.getPropertyValue(\"--ic-alert-min-height\") !== minHeight)\n this.el.style.setProperty(\"--ic-alert-min-height\", minHeight);\n }\n render() {\n const { variant, heading, message, titleAbove, dismissible, announced, visible, showDefaultIcon, theme, alertTitleWrap, dismissAction, dismissLabel, } = this;\n const Icon = () => {\n const iconClass = {\n \"alert-icon\": true,\n \"svg-container\": true,\n [`icon-${variant}`]: true,\n };\n if (variant === \"neutral\") {\n if (isSlotUsed(this.el, \"neutral-icon\")) {\n return (h(\"div\", { class: iconClass }, h(\"slot\", { name: \"neutral-icon\" })));\n }\n else if (!showDefaultIcon) {\n return h(\"div\", null);\n }\n }\n return (h(\"span\", { class: iconClass, innerHTML: VARIANT_ICONS[variant].icon }));\n };\n return (visible && (h(Host, { role: announced ? \"alert\" : null, class: {\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n [`ic-alert-variant-${variant}`]: true,\n [`ic-alert-no-default-icon`]: !showDefaultIcon,\n } }, h(\"div\", { class: { container: true, [`container-${variant}`]: true } }, h(\"div\", { class: { divider: true, [`divider-${variant}`]: true } }), h(\"div\", { class: \"alert-content\" }, h(Icon, null), h(\"div\", { class: {\n \"alert-message\": true,\n \"alert-message-title-above\": titleAbove || alertTitleWrap,\n }, ref: (el) => (this.messageEl = el) }, heading && (h(\"ic-typography\", { class: {\n \"alert-title\": true,\n \"alert-title-above\": titleAbove || alertTitleWrap,\n }, variant: \"subtitle-large\", ref: (el) => (this.titleEl = el) }, h(\"p\", null, heading))), h(\"slot\", { name: \"message\" }, h(\"ic-typography\", { variant: \"body\" }, message))), isSlotUsed(this.el, \"action\") && (h(\"div\", { class: \"alert-action-container\" }, h(\"slot\", { name: \"action\" })))), h(\"div\", { class: \"dismiss-icon-container\" }, dismissible && (h(\"ic-button\", { class: { \"svg-container\": true, \"dismiss-icon\": true }, innerHTML: closeIcon, onClick: dismissAction, variant: \"icon-tertiary\", theme: \"dark\", title: dismissLabel })))))));\n }\n static get is() { return \"ic-alert\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-alert.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-alert.css\"]\n };\n }\n static get properties() {\n return {\n \"announced\": {\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 alert will have the 'alert' ARIA role and will be announced to screen readers.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"announced\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"dismissible\": {\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 alert will have a close icon at the end to dismiss it.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"dismissible\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"dismissLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | undefined\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The text in the dismiss button tooltip. Makes the user aware of the action resulting from clicking the 'Dismiss' button.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"dismiss-label\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Dismiss\\\"\"\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\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The optional title to display at the start of the alert.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"heading\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"\\\"\"\n },\n \"message\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The main body message of the alert.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"message\",\n \"reflect\": false\n },\n \"showDefaultIcon\": {\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 default icon for the neutral variant will appear on the left of the alert.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"show-default-icon\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeMode\",\n \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeMode\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeMode\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"theme\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"inherit\\\"\"\n },\n \"titleAbove\": {\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 title and message will appear above and below instead of inline.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"title-above\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStatusVariants\",\n \"resolved\": \"\\\"ai\\\" | \\\"error\\\" | \\\"info\\\" | \\\"neutral\\\" | \\\"success\\\" | \\\"warning\\\"\",\n \"references\": {\n \"IcStatusVariants\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcStatusVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the alert which will be rendered.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"neutral\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"alertTitleWrap\": {},\n \"visible\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icDismiss\",\n \"name\": \"icDismiss\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Is emitted when the user dismisses the alert.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"theme\",\n \"methodName\": \"themeChangeHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"icDismiss\",\n \"method\": \"handleClick\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"icThemeChange\",\n \"method\": \"darkModeChangeHandler\",\n \"target\": \"document\",\n \"capture\": true,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-alert.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,H as o,g as i}from"./p-8e4e97b4.js";const n='/*! 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}@keyframes loading{0%{background-color:var(--ic-skeleton-background)}50%{background-color:var(--ic-skeleton-background-secondary)}100%{background-color:var(--ic-skeleton-background)}}:host(.skeleton){background-color:var(--ic-skeleton-background);border-radius:var(--ic-border-radius);animation:loading 1200ms infinite;display:inline-block}:host(.skeleton)>*{opacity:0;visibility:hidden}:host(.ic-skeleton-circle){border-radius:50%}@media (forced-colors: active){:host(.skeleton){-ms-high-contrast-adjust:none;forced-color-adjust:none;background:currentcolor}}';const r=n;const a={text:"1em",circle:"25px",rectangle:"93px"};const s={text:"260px",circle:"25px",rectangle:"260px"};const l=class{constructor(t){e(this,t);this.theme="inherit";this.variant="rectangle"}render(){const{variant:e="rectangle",theme:i,el:n}=this;let r=this.height;let l=this.width;if(e==="circle"){if(r&&!l){l=r}else if(l&&!r){r=l}}const c=!n.firstElementChild?{height:n.style.height||r||a[e],width:n.style.width||l||s[e]}:undefined;return t(o,{key:"3cb324b15256dfa0f641621061b5c9a0a102da61",class:{skeleton:true,"ic-skeleton-circle":e==="circle",[`ic-theme-${i}`]:i!=="inherit"},style:c,"aria-disabled":"true"},t("slot",{key:"93a1efa371acaf2aaff6674198e4083a4cf21862"}))}get el(){return i(this)}};l.style=r;export{l as ic_skeleton};
|
|
2
|
-
//# sourceMappingURL=p-a8310dfd.entry.js.map
|