@ukic/canary-web-components 2.0.0-canary.4 → 2.0.0-canary.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/{helpers-bbe55215.js → helpers-86375e76.js} +6 -6
- package/dist/cjs/{helpers-bbe55215.js.map → helpers-86375e76.js.map} +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +2 -2
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +4 -8
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +61 -32
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card.cjs.entry.js +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +1 -1
- package/dist/cjs/ic-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +1 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +2 -2
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +1 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js +1 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +1 -1
- package/dist/cjs/ic-link.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-button.cjs.entry.js +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +5 -8
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +2 -2
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination_4.cjs.entry.js +48 -11
- package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +10 -4
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +1 -1
- package/dist/cjs/ic-side-navigation.cjs.entry.js +38 -61
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +3 -2
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +12 -15
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button.cjs.entry.js +69 -0
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-top-navigation.cjs.entry.js +3 -2
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-typography.cjs.entry.js +1 -1
- package/dist/cjs/index-4cf27b16.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js +8 -1
- package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js.map +1 -1
- package/dist/components/helpers.js +5 -5
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/ic-alert2.js +1 -1
- package/dist/components/ic-alert2.js.map +1 -1
- package/dist/components/ic-back-to-top.js +3 -7
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-button2.js +28 -4
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-footer-link.js +1 -1
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +1 -1
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-menu-item2.js +1 -1
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-navigation-group.js +4 -7
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-page-header.js +1 -1
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-popover-menu.js +9 -3
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-side-navigation.js +40 -61
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-status-tag.js +2 -1
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-text-field2.js +52 -10
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-toast.js +11 -14
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button.js +117 -0
- package/dist/components/ic-toggle-button.js.map +1 -0
- package/dist/components/ic-tooltip2.js +32 -27
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +2 -1
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/{p-39e20b87.entry.js → p-010053ab.entry.js} +2 -2
- package/dist/core/{p-5157cfab.entry.js → p-03fdee20.entry.js} +2 -2
- package/dist/core/p-03fdee20.entry.js.map +1 -0
- package/dist/core/{p-4ee59448.entry.js → p-043e4073.entry.js} +2 -2
- package/dist/core/{p-4314aa0e.entry.js → p-0aa1fe4e.entry.js} +2 -2
- package/dist/core/{p-be980606.entry.js → p-1e9f689b.entry.js} +2 -2
- package/dist/core/{p-1bc034aa.entry.js → p-217db3af.entry.js} +2 -2
- package/dist/core/p-217db3af.entry.js.map +1 -0
- package/dist/core/p-234edce6.entry.js +2 -0
- package/dist/core/p-234edce6.entry.js.map +1 -0
- package/dist/core/{p-b5cf6d65.entry.js → p-26ca8030.entry.js} +2 -2
- package/dist/core/p-26ca8030.entry.js.map +1 -0
- package/dist/core/p-2addb040.entry.js +2 -0
- package/dist/core/{p-a51e5c7c.entry.js.map → p-2addb040.entry.js.map} +1 -1
- package/dist/core/{p-75bf6162.entry.js → p-3294eba4.entry.js} +2 -2
- package/dist/core/{p-75bf6162.entry.js.map → p-3294eba4.entry.js.map} +1 -1
- package/dist/core/{p-939baa93.entry.js → p-3e36c9e4.entry.js} +2 -2
- package/dist/core/{p-939baa93.entry.js.map → p-3e36c9e4.entry.js.map} +1 -1
- package/dist/core/{p-bd9cecce.entry.js → p-4119a26b.entry.js} +2 -2
- package/dist/core/{p-3d618bc2.entry.js → p-452be32a.entry.js} +2 -2
- package/dist/core/{p-85508347.entry.js → p-5332a426.entry.js} +2 -2
- package/dist/core/{p-d77960f6.entry.js → p-56645c00.entry.js} +2 -2
- package/dist/core/{p-c1256810.entry.js → p-5f8c4c83.entry.js} +2 -2
- package/dist/core/p-5f8c4c83.entry.js.map +1 -0
- package/dist/core/{p-67eea079.entry.js → p-78ad0c34.entry.js} +2 -2
- package/dist/core/p-78ad0c34.entry.js.map +1 -0
- package/dist/core/{p-55d5541f.entry.js → p-79b39c8a.entry.js} +2 -2
- package/dist/core/{p-53083575.entry.js → p-7a0790e4.entry.js} +2 -2
- package/dist/core/p-7a0790e4.entry.js.map +1 -0
- package/dist/core/{p-2dc35696.entry.js → p-7b17f3ce.entry.js} +2 -2
- package/dist/core/{p-2e9e8e7c.entry.js → p-7e0197a4.entry.js} +2 -2
- package/dist/core/p-8cde58bf.entry.js +2 -0
- package/dist/core/p-8cde58bf.entry.js.map +1 -0
- package/dist/core/{p-f0e9a83f.entry.js → p-8eaed5b7.entry.js} +2 -2
- package/dist/core/{p-ab9f8a3f.entry.js → p-93828f0e.entry.js} +2 -2
- package/dist/core/{p-3ee25a6d.entry.js → p-99a9ce86.entry.js} +2 -2
- package/dist/core/{p-20a76d1d.entry.js → p-9c6e48fb.entry.js} +2 -2
- package/dist/core/{p-485823b6.entry.js → p-a048beab.entry.js} +2 -2
- package/dist/core/{p-bc187bb5.entry.js → p-a561980f.entry.js} +2 -2
- package/dist/core/{p-7eae5f70.entry.js → p-a6a90c56.entry.js} +2 -2
- package/dist/core/{p-f23d2102.entry.js → p-ae337896.entry.js} +2 -2
- package/dist/core/{p-4409f656.entry.js → p-b4591bfe.entry.js} +2 -2
- package/dist/core/{p-9fa6844f.entry.js → p-b7d5ced3.entry.js} +2 -2
- package/dist/core/{p-03f8fa1a.entry.js → p-c2884fcd.entry.js} +2 -2
- package/dist/core/{p-6bd0e984.entry.js → p-cae71c32.entry.js} +2 -2
- package/dist/core/{p-47abbd06.entry.js → p-cedabab7.entry.js} +2 -2
- package/dist/core/{p-76959313.entry.js → p-da1f0a53.entry.js} +2 -2
- package/dist/core/{p-f87e8411.entry.js → p-dd0a5ef0.entry.js} +2 -2
- package/dist/core/p-dd0a5ef0.entry.js.map +1 -0
- package/dist/core/{p-8fd4ca0a.js → p-e0102744.js} +1 -1
- package/dist/core/{p-8fd4ca0a.js.map → p-e0102744.js.map} +1 -1
- package/dist/core/p-e0d8d7a5.entry.js +2 -0
- package/dist/core/p-e0d8d7a5.entry.js.map +1 -0
- package/dist/core/p-e2ccb52b.entry.js +2 -0
- package/dist/core/p-e2ccb52b.entry.js.map +1 -0
- package/dist/core/{p-b97dc365.entry.js → p-e31125df.entry.js} +2 -2
- package/dist/core/{p-a7481232.entry.js → p-e9bc9ee2.entry.js} +2 -2
- package/dist/core/p-e9bc9ee2.entry.js.map +1 -0
- package/dist/core/{p-0c18b6a0.entry.js → p-eb922333.entry.js} +2 -2
- package/dist/core/{p-0c18b6a0.entry.js.map → p-eb922333.entry.js.map} +1 -1
- package/dist/core/p-f2318ddc.entry.js +2 -0
- package/dist/core/p-f2318ddc.entry.js.map +1 -0
- package/dist/core/{p-e9e145aa.entry.js → p-f4c11be0.entry.js} +2 -2
- package/dist/core/{p-41aa0ed3.entry.js → p-faaa06d7.entry.js} +2 -2
- package/dist/core/{p-5bb32ee6.entry.js → p-fc406db5.entry.js} +2 -2
- package/dist/core/{p-03487f12.entry.js → p-fddc7254.entry.js} +2 -2
- package/dist/core/{p-7de813a3.entry.js → p-fff91bd9.entry.js} +2 -2
- package/dist/esm/core.js +1 -1
- package/dist/esm/{helpers-268c2b7f.js → helpers-229a5574.js} +6 -6
- package/dist/esm/{helpers-268c2b7f.js.map → helpers-229a5574.js.map} +1 -1
- package/dist/esm/ic-accordion.entry.js +1 -1
- package/dist/esm/ic-alert.entry.js +2 -2
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +4 -8
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +1 -1
- package/dist/esm/ic-button_3.entry.js +61 -32
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card.entry.js +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +1 -1
- package/dist/esm/ic-checkbox.entry.js +1 -1
- package/dist/esm/ic-chip.entry.js +1 -1
- package/dist/esm/ic-data-row.entry.js +1 -1
- package/dist/esm/ic-dialog.entry.js +1 -1
- package/dist/esm/ic-divider.entry.js +1 -1
- package/dist/esm/ic-empty-state.entry.js +1 -1
- package/dist/esm/ic-footer-link-group.entry.js +1 -1
- package/dist/esm/ic-footer-link.entry.js +2 -2
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +2 -2
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +1 -1
- package/dist/esm/ic-input-component-container_3.entry.js +1 -1
- package/dist/esm/ic-input-label_2.entry.js +1 -1
- package/dist/esm/ic-link.entry.js +1 -1
- package/dist/esm/ic-menu-group.entry.js +1 -1
- package/dist/esm/ic-menu-item.entry.js +2 -2
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-button.entry.js +1 -1
- package/dist/esm/ic-navigation-group.entry.js +5 -8
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +1 -1
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +1 -1
- package/dist/esm/ic-page-header.entry.js +2 -2
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination_4.entry.js +48 -11
- package/dist/esm/ic-pagination_4.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +10 -4
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +1 -1
- package/dist/esm/ic-radio-option.entry.js +1 -1
- package/dist/esm/ic-search-bar.entry.js +1 -1
- package/dist/esm/ic-side-navigation.entry.js +38 -61
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +3 -2
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +1 -1
- package/dist/esm/ic-stepper.entry.js +1 -1
- package/dist/esm/ic-switch.entry.js +1 -1
- package/dist/esm/ic-tab-group.entry.js +1 -1
- package/dist/esm/ic-tab-panel.entry.js +1 -1
- package/dist/esm/ic-tab.entry.js +1 -1
- package/dist/esm/ic-theme.entry.js +1 -1
- package/dist/esm/ic-toast.entry.js +12 -15
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button.entry.js +65 -0
- package/dist/esm/ic-toggle-button.entry.js.map +1 -0
- package/dist/esm/ic-top-navigation.entry.js +3 -2
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-typography.entry.js +1 -1
- package/dist/esm/index-93509377.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/hydrate/index.js +274 -145
- package/package.json +25 -17
- package/dist/core/p-0083465b.entry.js +0 -2
- package/dist/core/p-0083465b.entry.js.map +0 -1
- package/dist/core/p-1bc034aa.entry.js.map +0 -1
- package/dist/core/p-5157cfab.entry.js.map +0 -1
- package/dist/core/p-53083575.entry.js.map +0 -1
- package/dist/core/p-67eea079.entry.js.map +0 -1
- package/dist/core/p-8da152c4.entry.js +0 -2
- package/dist/core/p-8da152c4.entry.js.map +0 -1
- package/dist/core/p-9c27b73e.entry.js +0 -2
- package/dist/core/p-9c27b73e.entry.js.map +0 -1
- package/dist/core/p-a51e5c7c.entry.js +0 -2
- package/dist/core/p-a7481232.entry.js.map +0 -1
- package/dist/core/p-b5cf6d65.entry.js.map +0 -1
- package/dist/core/p-c1256810.entry.js.map +0 -1
- package/dist/core/p-d76cfa5a.entry.js +0 -2
- package/dist/core/p-d76cfa5a.entry.js.map +0 -1
- package/dist/core/p-f87e8411.entry.js.map +0 -1
- /package/dist/core/{p-39e20b87.entry.js.map → p-010053ab.entry.js.map} +0 -0
- /package/dist/core/{p-4ee59448.entry.js.map → p-043e4073.entry.js.map} +0 -0
- /package/dist/core/{p-4314aa0e.entry.js.map → p-0aa1fe4e.entry.js.map} +0 -0
- /package/dist/core/{p-be980606.entry.js.map → p-1e9f689b.entry.js.map} +0 -0
- /package/dist/core/{p-bd9cecce.entry.js.map → p-4119a26b.entry.js.map} +0 -0
- /package/dist/core/{p-3d618bc2.entry.js.map → p-452be32a.entry.js.map} +0 -0
- /package/dist/core/{p-85508347.entry.js.map → p-5332a426.entry.js.map} +0 -0
- /package/dist/core/{p-d77960f6.entry.js.map → p-56645c00.entry.js.map} +0 -0
- /package/dist/core/{p-55d5541f.entry.js.map → p-79b39c8a.entry.js.map} +0 -0
- /package/dist/core/{p-2dc35696.entry.js.map → p-7b17f3ce.entry.js.map} +0 -0
- /package/dist/core/{p-2e9e8e7c.entry.js.map → p-7e0197a4.entry.js.map} +0 -0
- /package/dist/core/{p-f0e9a83f.entry.js.map → p-8eaed5b7.entry.js.map} +0 -0
- /package/dist/core/{p-ab9f8a3f.entry.js.map → p-93828f0e.entry.js.map} +0 -0
- /package/dist/core/{p-3ee25a6d.entry.js.map → p-99a9ce86.entry.js.map} +0 -0
- /package/dist/core/{p-20a76d1d.entry.js.map → p-9c6e48fb.entry.js.map} +0 -0
- /package/dist/core/{p-485823b6.entry.js.map → p-a048beab.entry.js.map} +0 -0
- /package/dist/core/{p-bc187bb5.entry.js.map → p-a561980f.entry.js.map} +0 -0
- /package/dist/core/{p-7eae5f70.entry.js.map → p-a6a90c56.entry.js.map} +0 -0
- /package/dist/core/{p-f23d2102.entry.js.map → p-ae337896.entry.js.map} +0 -0
- /package/dist/core/{p-4409f656.entry.js.map → p-b4591bfe.entry.js.map} +0 -0
- /package/dist/core/{p-9fa6844f.entry.js.map → p-b7d5ced3.entry.js.map} +0 -0
- /package/dist/core/{p-03f8fa1a.entry.js.map → p-c2884fcd.entry.js.map} +0 -0
- /package/dist/core/{p-6bd0e984.entry.js.map → p-cae71c32.entry.js.map} +0 -0
- /package/dist/core/{p-47abbd06.entry.js.map → p-cedabab7.entry.js.map} +0 -0
- /package/dist/core/{p-76959313.entry.js.map → p-da1f0a53.entry.js.map} +0 -0
- /package/dist/core/{p-b97dc365.entry.js.map → p-e31125df.entry.js.map} +0 -0
- /package/dist/core/{p-e9e145aa.entry.js.map → p-f4c11be0.entry.js.map} +0 -0
- /package/dist/core/{p-41aa0ed3.entry.js.map → p-faaa06d7.entry.js.map} +0 -0
- /package/dist/core/{p-5bb32ee6.entry.js.map → p-fc406db5.entry.js.map} +0 -0
- /package/dist/core/{p-03487f12.entry.js.map → p-fddc7254.entry.js.map} +0 -0
- /package/dist/core/{p-7de813a3.entry.js.map → p-fff91bd9.entry.js.map} +0 -0
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["icButtonCss","__rest","this","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","buttonIds","Button","constructor","hostRef","buttonIdNum","hasTooltip","inheritedAttributes","describedByEl","describedById","mutationObserver","hostMutationObserver","setViewBox","iconEl","hasLeftIconSlot","el","querySelector","hasRightIconSlot","handleClick","type","closest","handleHiddenFormButtonClick","onFocus","icFocus","emit","onBlur","icBlur","loadingWidth","loading","style","setProperty","getBoundingClientRect","width","mutationCallback","describedByContent","innerText","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","getAttribute","title","ariaLabel","IC_INHERITED_ARIA","includes","forceUpdate","setHasTooltip","disableTooltip","variant","isTooltipSilent","appearance","ariaControlsId","undefined","ariaOwnsId","disabled","download","dropdown","dropdownExpanded","form","formaction","formenctype","formmethod","formnovalidate","formtarget","fullWidth","href","hreflang","referrerpolicy","rel","size","target","tooltipPlacement","transparentBackground","disconnectedCallback","disconnect","componentWillUpdate","componentWillLoad","allInheritedAttributes","inheritAttributes","restInheritedAttributes","removeDisabledFalse","setAttribute","id","parentElement","componentDidLoad","updateTheme","MutationObserver","observe","characterData","childList","subtree","attributes","componentWillRender","_a","handleHostClick","event","stopImmediatePropagation","themeChangeHandler","ev","theme","detail","mode","setFocus","buttonEl","focus","hasIconSlot","hasTopIconSlot","hiddenFormButton","document","createElement","display","appendChild","click","remove","newTheme","foregroundColor","getThemeFromContext","IcThemeForegroundEnum","Default","render","TagType","buttonAttrs","describedBy","buttonId","ButtonContent","h","assign","class","ref","part","name","Dark","Light","innerHTML","arrowDropdown","Host","isSlotUsed","onClick","label","placement","silent","delegatesFocus","icLoadingIndicatorCss","LoadingIndicator","updateCircularProgressMeter","indeterminate","circularMeter","String","progress","getLabel","labelIndex","setLabel","Promise","interval","setInterval","labelList","labelDuration","getLabelVariant","outerElement","offsetWidth","setCircleLineWidth","compactStepCircularLineWidth","classList","contains","toastDismissTimerCircularLineWidth","circularLineWidth","circularDiameter","setLinearDeterminateWidth","innerElement","Math","min","max","proportion","showSecond","add","calcOuterClass","cls","updateLabel","isPropDefined","split","indicatorLabel","setCircleXY","r","x","y","nextRadius","setDashSteps","radius","dashArray","PI","description","innerLabel","watchPropHandler","watchProgressHandler","clearInterval","shadowRoot","Number","componentDidUpdate","role","viewBox","cx","cy","icTooltipCss","Tooltip","delayedHideEvents","dialogOverflow","instantHideEvents","mouseOverTool","persistTooltip","onDialog","showEvents","disableHover","disableClick","getTooltipTranslate","dialogEl","child","children","tooltipX","tooltipY","left","bottom","top","right","height","toolTip","show","icDialogEl","popperInstance","createPopper","modifiers","options","offset","element","arrow","scroll","resize","console","warn","hide","removeAttribute","checkCloseTooltip","setTimeout","mouseEnterTooltip","mouseLeaveTooltip","handleKeyDown","key","manageEventListeners","action","method","maxLines","destroy","onComponentRequiredPropUndefined","prop","propName","componentDidRender","typographyEl","displayTooltip"],"sources":["../web-components/dist/collection/components/ic-button/ic-button.css?tag=ic-button&encapsulation=shadow","../web-components/dist/collection/components/ic-button/ic-button.js","../web-components/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css?tag=ic-loading-indicator&encapsulation=shadow","../web-components/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js","../web-components/dist/collection/components/ic-tooltip/ic-tooltip.css?tag=ic-tooltip&encapsulation=shadow","../web-components/dist/collection/components/ic-tooltip/ic-tooltip.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 --min-width: Minimum width of the button.\n* @prop --height: The height of the button.\n*/\n\n:host {\n display: inline-block;\n position: relative;\n\n --button-default: var(--ic-action-default);\n --button-default-hover: var(--ic-action-default-hover);\n --button-default-active: var(--ic-action-default-active);\n --button-default-background-hover: var(--ic-action-default-bg-hover);\n --button-default-background-active: var(--ic-action-default-bg-active);\n --icon-width: 100%;\n --icon-height: 100%;\n}\n\n.button {\n font-family: var(--ic-font-body-family);\n text-decoration: none;\n font-weight: 600;\n font-size: 0.875rem;\n transition: var(--ic-easing-transition-fast);\n border-radius: var(--ic-border-radius);\n min-width: var(--min-width, 6.25rem);\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n white-space: nowrap;\n vertical-align: middle;\n}\n\n:host(.with-badge) .button {\n border-radius: 0.2188rem;\n}\n\n.button:hover {\n cursor: pointer;\n}\n\n.button:focus,\n:host .button:focus,\n:host(.light) .button:focus {\n box-shadow: var(--ic-border-focus);\n}\n\n.button:focus-visible {\n outline: var(--ic-hc-focus-outline);\n}\n\n:host(.dark) .button {\n --button-default: var(--ic-action-dark);\n --button-default-hover: var(--ic-action-dark);\n --button-default-active: var(--ic-action-dark);\n --button-default-background-hover: var(--ic-action-dark-bg-hover);\n --button-default-background-active: var(--ic-action-dark-bg-active);\n}\n\n:host(.light) .button {\n --button-default: var(--ic-action-light);\n --button-default-hover: var(--ic-action-light);\n --button-default-active: var(--ic-action-light);\n --button-default-background-hover: var(--ic-action-light-bg-hover);\n --button-default-background-active: var(--ic-action-light-bg-active);\n}\n\n:host(.white-background) .button {\n --button-default-background-hover: var(--ic-action-default-bg-hover-no-alpha);\n --button-default-background-active: var(\n --ic-action-default-bg-active-no-alpha\n );\n\n background-color: var(--ic-architectural-white);\n}\n\n:host(.white-background.dark) .button {\n --button-default-background-hover: var(--ic-action-dark-bg-hover-no-alpha);\n --button-default-background-active: var(--ic-action-dark-bg-active-no-alpha);\n}\n\n:host(.button-variant-primary.light) .button {\n color: var(--ic-color-primary-text);\n\n --button-default-hover: var(--ic-action-light-hover);\n --button-default-active: var(--ic-action-light-active);\n}\n\n:host(.button-variant-primary.dark) .button {\n --button-default-hover: var(--ic-action-dark-hover);\n --button-default-active: var(--ic-action-dark-active);\n}\n\n:host(.disabled),\n:host(.disabled) .button,\n:host(.loading),\n:host(.loading) .button {\n pointer-events: none;\n}\n\n:host(.top-icon) .button {\n flex-direction: column;\n --height: fit-content;\n}\n\n:host(.top-icon) .button .icon-container {\n margin-right: 0;\n}\n\n/* Variants */\n\n/* Primary */\n\n:host(.button-variant-primary) .button {\n color: var(--ic-architectural-white);\n background-color: var(--button-default);\n}\n\n:host(.button-variant-primary) .button:hover:not(:focus) {\n background-color: var(--button-default-hover);\n}\n\n:host(.button-variant-primary) .button:hover:focus {\n background-color: var(--button-default-hover);\n border-color: var(--button-default-hover);\n}\n\n:host(.button-variant-primary:not(.light)) .button:hover:focus {\n color: var(--ic-architectural-white);\n}\n\n:host(.button-variant-primary) .button:active:not(:focus),\n:host(.button-variant-primary.loading) .button {\n background-color: var(--button-default-active);\n}\n\n:host(.button-variant-primary) .button:active:focus {\n background-color: var(--button-default-active);\n}\n\n:host(.button-variant-primary) .button:active {\n background-color: var(--button-default-active);\n}\n\n:host(.button-variant-primary:not(.light)) .button:active {\n color: var(--ic-architectural-white);\n}\n\n:host(.button-variant-primary.disabled) .button {\n background: var(--ic-architectural-200);\n color: var(--ic-architectural-300);\n}\n\n:host(.button-variant-primary.light.disabled) .button {\n background: var(--ic-architectural-600);\n color: var(--ic-architectural-500);\n}\n\n/* Secondary */\n\n:host(.button-variant-secondary) .button {\n border: var(--ic-border-width) solid var(--button-default);\n color: var(--button-default);\n}\n\n:host(.button-variant-secondary) .button:hover:not(:focus),\n:host(.button-variant-secondary) .button:hover:focus {\n background-color: var(--button-default-background-hover);\n border-color: var(--button-default-hover);\n color: var(--button-default-hover);\n}\n\n:host(.button-variant-secondary) .button:active:not(:focus),\n:host(.button-variant-secondary) .button:active:focus,\n:host(.button-variant-secondary) .button:active {\n border-color: var(--button-default-active);\n background-color: var(--button-default-background-active);\n color: var(--button-default-active);\n}\n\n:host(.button-variant-secondary.loading) .button {\n border-color: var(--button-default-active);\n background-color: var(--button-default-background-active);\n color: var(--button-default-active);\n}\n\n:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) .button:hover,\n:host(.button-variant-secondary.disabled) .button:active {\n border-color: var(--ic-architectural-300);\n color: var(--ic-architectural-300);\n background: none;\n}\n\n:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) .button:hover,\n:host(.button-variant-secondary.light.disabled) .button:active {\n border-color: var(--ic-architectural-500);\n color: var(--ic-architectural-500);\n background: none;\n}\n\n/* Tertiary */\n\n:host(.button-variant-tertiary) .button {\n color: var(--button-default);\n}\n\n:host(.button-variant-tertiary) .button:hover:not(:focus),\n:host(.button-variant-tertiary) .button:hover:focus {\n background-color: var(--button-default-background-hover);\n color: var(--button-default-hover);\n}\n\n:host(.button-variant-tertiary) .button:active:not(:focus),\n:host(.button-variant-tertiary) .button:active:focus,\n:host(.button-variant-tertiary) .button:active,\n:host(.button-variant-tertiary.loading) .button {\n background-color: var(--button-default-background-active);\n color: var(--button-default-active);\n}\n\n:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) .button:hover,\n:host(.button-variant-tertiary.disabled) .button:active {\n border-color: var(--ic-architectural-300);\n color: var(--ic-architectural-300);\n background: none;\n}\n\n:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) .button:hover,\n:host(.button-variant-tertiary.light.disabled) .button:active {\n border-color: var(--ic-architectural-500);\n color: var(--ic-architectural-500);\n background: none;\n}\n\n/* Icon */\n\n:host(.button-variant-icon) .button {\n color: var(--button-default);\n min-width: 0;\n gap: var(--ic-space-xs);\n margin: var(--ic-space-1px) 0;\n}\n\n:host(.button-variant-icon) .icon-container {\n width: var(--ic-space-lg) !important;\n height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon) .button:hover:not(:focus),\n:host(.button-variant-icon) .button:hover:focus {\n background-color: var(--button-default-background-hover);\n color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon.loading) .button {\n background-color: var(--button-default-background-active);\n color: var(--button-default-active);\n}\n\n:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) .button:hover,\n:host(.button-variant-icon.disabled) .button:active {\n color: var(--ic-architectural-300);\n background: none;\n}\n\n/* Destructive */\n\n:host(.button-variant-destructive) .button {\n color: var(--ic-architectural-white);\n background-color: var(--ic-action-destructive);\n text-transform: uppercase;\n}\n\n:host(.button-variant-destructive) .button:hover:not(:focus),\n:host(.button-variant-destructive) .button:hover:focus {\n background-color: var(--ic-action-destructive-hover);\n}\n\n:host(.button-variant-destructive) .button:active:not(:focus),\n:host(.button-variant-destructive) .button:active:focus,\n:host(.button-variant-destructive.loading) .button {\n background-color: var(--ic-action-destructive-active);\n}\n\n:host(.button-variant-destructive.disabled) .button {\n background: var(--ic-architectural-200);\n color: var(--ic-architectural-300);\n}\n\n/* Sizing */\n\n:host(.button-size-default) .button {\n height: var(--height, 2.5rem);\n padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.button-size-small) .button {\n height: var(--height, var(--ic-space-xl));\n padding: var(--ic-space-xxs) var(--ic-space-md);\n}\n\n:host(.button-size-large) .button {\n height: var(--height, var(--ic-space-xxl));\n padding: var(--ic-space-sm) var(--ic-space-md);\n}\n\n:host(.button-size-default.button-variant-icon) .button {\n height: var(--height, var(--ic-space-xl));\n width: var(--ic-space-xl);\n padding: 0.375rem;\n}\n\n:host(.button-size-small.button-variant-icon) .button {\n height: var(--height, var(--ic-space-lg));\n width: var(--ic-space-lg);\n padding: var(--ic-space-xxs);\n}\n\n:host(.button-size-large.button-variant-icon) .button {\n height: var(--height, 2.5rem);\n width: 2.5rem;\n padding: var(--ic-space-xs);\n}\n\n/* Width */\n:host(.full-width),\n:host(.full-width) .button {\n width: 100%;\n}\n\n/* Loading */\n\ndiv.loading-container {\n position: relative;\n align-items: center;\n width: 100%;\n}\n\nic-loading-indicator {\n --outer-color: transparent;\n}\n\n@keyframes loading-animation {\n 0% {\n width: 0%;\n left: 0%;\n }\n\n 25% {\n width: 0%;\n left: 0%;\n opacity: 0;\n }\n\n 50% {\n width: 100%;\n left: 0%;\n opacity: 1;\n }\n\n 75% {\n width: 0%;\n left: 100%;\n }\n\n 100% {\n width: 0%;\n left: 100%;\n opacity: 0;\n }\n}\n\n/* Icons */\n\ndiv.icon-container {\n box-sizing: border-box;\n width: var(--ic-space-lg);\n height: var(--ic-space-lg);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: var(--ic-space-xs);\n}\n\ndiv.right-icon {\n margin-right: auto;\n margin-left: var(--ic-space-xs);\n}\n\n::slotted(:not(ic-badge)) {\n width: var(--icon-width) !important;\n height: var(--icon-height) !important;\n fill: currentcolor !important;\n pointer-events: none;\n}\n\n:host(.button-variant-icon) .button .icon-container {\n margin: 0;\n pointer-events: none;\n}\n\n/** SEARCH **/\n\n:host(.search-submit-button) ::slotted(svg) {\n --icon-height: 1.25rem;\n --icon-width: 1.25rem;\n}\n\n:host(.search-submit-button-small) ::slotted(svg) {\n --icon-height: 1rem;\n --icon-width: 1rem;\n}\n\n:host(.clear-button) {\n margin: 0 var(--ic-space-xxs);\n}\n\n:host(.clear-button) .button:focus {\n box-shadow: none;\n}\n\n:host(.search-submit-button) .button:focus {\n box-shadow: none;\n}\n\n:host(.search-submit-button) .button:not(:active):focus {\n box-shadow: none;\n background-color: var(--ic-action-default-bg-hover);\n}\n\n:host(.search-submit-button) {\n display: flex;\n align-items: center;\n margin: 0 var(--ic-space-xxs);\n}\n\n:host(.menu-close-button) ::slotted(svg) {\n --icon-height: 0.875rem;\n --icon-width: 0.875rem;\n}\n\n:host(.popout-menu-button) .button {\n height: var(--height);\n justify-content: left;\n border-radius: 0;\n white-space: pre-line;\n text-align: start;\n}\n\n:host(.popout-menu-button) div.icon-container {\n flex: none;\n}\n\n:host(.popout-menu-button) .button:focus {\n box-shadow: var(--ic-border-focus-inset);\n border-radius: var(--ic-border-radius-inset);\n}\n\n.ic-button-describedby {\n display: none;\n}\n\n:host .ic-tooltip {\n display: block;\n}\n\n/** Dropdown **/\n:host .arrow-dropdown {\n margin-top: auto;\n}\n\n:host .dropdown-expanded {\n transform: rotate(180deg);\n margin-bottom: var(--ic-space-xxxs);\n}\n\n:host(.dropdown-no-icon) .button {\n padding-right: var(--ic-space-xs);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .button {\n border: 0.125rem solid transparent;\n }\n}\n\n/** Pagination **/\n\n:host(.flip) ::slotted(svg) {\n transform: scaleX(-1);\n}\n","var __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s)\n if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nimport { Host, forceUpdate, h, } from \"@stencil/core\";\nimport { getThemeFromContext, inheritAttributes, isSlotUsed, removeDisabledFalse, } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nimport arrowDropdown from \"../../assets/arrow-dropdown.svg\";\nlet buttonIds = 0;\n/**\n * @slot icon - Deprecated. This slot should not be used anymore. Use left-icon or right-icon slot instead.\n * @slot left-icon - Content will be placed to the left of the button label.\n * @slot right-icon - Content will be placed to the right of the button label.\n * @slot top-icon - Content will be placed above the button label.\n * @slot badge - Badge component overlaying the top right of the button.\n */\nexport class Button {\n constructor() {\n this.buttonIdNum = buttonIds++;\n this.hasTooltip = false;\n this.inheritedAttributes = {};\n this.describedByEl = null;\n this.describedById = null;\n this.mutationObserver = null;\n this.hostMutationObserver = null;\n this.setViewBox = () => {\n let iconEl;\n if (this.hasLeftIconSlot()) {\n iconEl = this.el.querySelector(`[slot=\"left-icon\"]`);\n }\n else if (this.hasRightIconSlot()) {\n iconEl = this.el.querySelector(`[slot=\"right-icon\"]`);\n }\n else {\n iconEl = null;\n }\n return iconEl;\n };\n this.handleClick = () => {\n if ((this.el.type === \"submit\" || this.el.type === \"reset\") &&\n !!this.el.closest(\"FORM\")) {\n this.handleHiddenFormButtonClick(this.el.closest(\"FORM\"));\n }\n };\n this.onFocus = () => {\n this.icFocus.emit();\n };\n this.onBlur = () => {\n this.icBlur.emit();\n };\n this.loadingWidth = () => {\n if (this.loading) {\n this.el.style.setProperty(\"--min-width\", `${this.el.getBoundingClientRect().width}px`);\n }\n };\n // triggered when text content of sibling element in light DOM changes\n this.mutationCallback = () => {\n this.describedByContent = this.describedByEl.innerText;\n };\n // triggered when attributes of host element change\n this.hostMutationCallback = (mutationList) => {\n let forceComponentUpdate = false;\n mutationList.forEach(({ attributeName }) => {\n const attribute = this.el.getAttribute(attributeName);\n if (attributeName === \"title\")\n this.title = attribute;\n else if (attributeName === \"aria-label\")\n this.ariaLabel = attribute;\n if (IC_INHERITED_ARIA.includes(attributeName)) {\n this.inheritedAttributes[attributeName] = attribute;\n forceComponentUpdate = true;\n }\n });\n if (forceComponentUpdate) {\n forceUpdate(this);\n }\n };\n this.setHasTooltip = () => {\n this.hasTooltip =\n !this.disableTooltip && (!!this.title || this.variant === \"icon\");\n };\n this.isTooltipSilent = () => {\n if (this.variant === \"icon\") {\n if (this.title)\n return true;\n else if (this.ariaLabel)\n return true;\n else\n return false;\n }\n else {\n return false;\n }\n };\n this.ariaLabel = null;\n this.describedByContent = null;\n this.title = null;\n this.appearance = \"default\";\n this.ariaControlsId = undefined;\n this.ariaOwnsId = undefined;\n this.disabled = false;\n this.disableTooltip = false;\n this.download = false;\n this.dropdown = false;\n this.dropdownExpanded = false;\n this.form = undefined;\n this.formaction = undefined;\n this.formenctype = undefined;\n this.formmethod = undefined;\n this.formnovalidate = undefined;\n this.formtarget = undefined;\n this.fullWidth = false;\n this.href = undefined;\n this.hreflang = undefined;\n this.loading = false;\n this.referrerpolicy = undefined;\n this.rel = undefined;\n this.size = \"default\";\n this.target = undefined;\n this.tooltipPlacement = \"bottom\";\n this.transparentBackground = true;\n this.type = \"button\";\n this.variant = \"primary\";\n }\n disconnectedCallback() {\n if (this.mutationObserver !== null && this.mutationObserver !== undefined) {\n this.mutationObserver.disconnect();\n }\n if (this.hostMutationObserver !== null &&\n this.hostMutationObserver !== undefined) {\n this.hostMutationObserver.disconnect();\n }\n }\n componentWillUpdate() {\n this.loadingWidth();\n this.setHasTooltip();\n }\n componentWillLoad() {\n const allInheritedAttributes = inheritAttributes(this.el, [\n ...IC_INHERITED_ARIA,\n \"title\",\n ]);\n const { title, \"aria-label\": ariaLabel } = allInheritedAttributes, restInheritedAttributes = __rest(allInheritedAttributes, [\"title\", \"aria-label\"]);\n this.title = title;\n this.ariaLabel = ariaLabel;\n this.inheritedAttributes = restInheritedAttributes;\n removeDisabledFalse(this.disabled, this.el);\n this.el.setAttribute(\"exportparts\", \"button\");\n const id = this.el.id;\n this.id = id !== undefined ? id : null;\n this.setHasTooltip();\n if (!this.hasTooltip) {\n const describedById = this.inheritedAttributes[\"aria-describedby\"];\n if (describedById !== undefined) {\n this.describedById = describedById;\n const el = this.el.parentElement.querySelector(`#${describedById}`);\n if (el !== undefined && el !== null) {\n this.describedByContent = el.innerText;\n this.describedByEl = el;\n }\n }\n }\n }\n componentDidLoad() {\n this.updateTheme();\n if (typeof MutationObserver !== \"undefined\") {\n if (this.describedById) {\n this.mutationObserver = new MutationObserver(this.mutationCallback);\n this.mutationObserver.observe(this.describedByEl, {\n characterData: true,\n childList: true,\n subtree: true,\n });\n }\n this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n this.hostMutationObserver.observe(this.el, {\n attributes: true,\n });\n }\n }\n componentWillRender() {\n var _a;\n (_a = this.setViewBox()) === null || _a === void 0 ? void 0 : _a.setAttribute(\"viewBox\", \"0 0 24 24\");\n }\n handleHostClick(event) {\n if (this.disabled || this.loading) {\n event.stopImmediatePropagation();\n }\n if (this.dropdown) {\n this.dropdownExpanded = !this.dropdownExpanded;\n }\n }\n themeChangeHandler(ev) {\n const theme = ev.detail;\n this.updateTheme(theme.mode);\n }\n /**\n * Sets focus on the native `button`.\n */\n async setFocus() {\n if (this.buttonEl) {\n this.buttonEl.focus();\n }\n }\n hasIconSlot() {\n const iconEl = this.el.querySelector(`[slot=\"icon\"]`);\n return iconEl !== null;\n }\n hasLeftIconSlot() {\n const iconEl = this.el.querySelector(`[slot=\"left-icon\"]`);\n return iconEl !== null;\n }\n hasTopIconSlot() {\n const iconEl = this.el.querySelector(`[slot=\"top-icon\"]`);\n return iconEl !== null;\n }\n hasRightIconSlot() {\n const iconEl = this.el.querySelector(`[slot=\"right-icon\"]`);\n return iconEl !== null;\n }\n handleHiddenFormButtonClick(form) {\n const hiddenFormButton = document.createElement(\"button\");\n hiddenFormButton.setAttribute(\"type\", this.el.type);\n hiddenFormButton.style.display = \"none\";\n form.appendChild(hiddenFormButton);\n hiddenFormButton.click();\n hiddenFormButton.remove();\n }\n updateTheme(newTheme = null) {\n const foregroundColor = getThemeFromContext(this.el, newTheme || null);\n if (foregroundColor !== IcThemeForegroundEnum.Default) {\n this.appearance = foregroundColor;\n }\n }\n render() {\n const TagType = (this.href && \"a\") || \"button\";\n const { title, ariaLabel, inheritedAttributes } = this;\n const buttonAttrs = TagType === \"button\"\n ? {\n type: this.type,\n disabled: this.disabled,\n form: this.form,\n formaction: this.formaction,\n formenctype: this.formenctype,\n formmethod: this.formmethod,\n formnovalidate: this.formnovalidate,\n formtarget: this.formtarget,\n }\n : {\n download: this.download !== false ? this.download : null,\n href: this.href,\n rel: this.rel,\n target: this.target,\n referrerpolicy: this.referrerpolicy,\n hreflang: this.hreflang,\n };\n let describedBy = null;\n let buttonId = null;\n if (this.hasTooltip) {\n buttonId =\n this.id !== null\n ? `ic-button-with-tooltip-${this.id}`\n : `ic-button-with-tooltip-${this.buttonIdNum}`;\n describedBy =\n this.variant === \"icon\" && !!ariaLabel\n ? null\n : `ic-tooltip-${buttonId}`;\n }\n else {\n describedBy = this.describedById;\n }\n const ButtonContent = () => {\n return (h(TagType, Object.assign({ class: \"button\", \"aria-disabled\": this.loading || this.disabled ? \"true\" : null, \"aria-label\": this.loading ? \"Loading\" : ariaLabel }, buttonAttrs, inheritedAttributes, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), \"aria-describedby\": describedBy, part: \"button\" }), this.hasIconSlot() && !this.loading && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"icon\" }))), this.hasLeftIconSlot() && !this.loading && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"left-icon\" }))), this.hasTopIconSlot() &&\n !this.hasLeftIconSlot() &&\n !this.hasRightIconSlot() &&\n !this.loading && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"top-icon\" }))), this.loading ? (h(\"div\", { class: \"loading-container\" }, h(\"ic-loading-indicator\", { type: \"linear\", appearance: this.variant === \"primary\" ||\n this.variant === \"destructive\" ||\n this.appearance === IcThemeForegroundEnum.Dark ||\n this.appearance === IcThemeForegroundEnum.Light\n ? \"light\"\n : \"dark\" }))) : (h(\"slot\", null)), this.hasRightIconSlot() && !this.loading && !this.dropdown && (h(\"div\", { class: { \"icon-container\": true, \"right-icon\": true } }, h(\"slot\", { name: \"right-icon\" }))), this.dropdown &&\n !this.loading &&\n this.variant !== \"icon\" &&\n this.variant !== \"destructive\" && (h(\"span\", { class: {\n [\"arrow-dropdown\"]: !this.dropdownExpanded,\n [\"dropdown-expanded\"]: this.dropdownExpanded,\n }, innerHTML: arrowDropdown }))));\n };\n return (h(Host, { class: {\n [\"disabled\"]: this.disabled && !this.loading,\n [`button-variant-${this.variant}`]: true,\n [`button-size-${this.size}`]: true,\n [\"loading\"]: this.loading,\n [\"dark\"]: this.appearance === IcThemeForegroundEnum.Dark,\n [\"light\"]: this.appearance === IcThemeForegroundEnum.Light,\n [\"full-width\"]: this.fullWidth,\n [\"with-badge\"]: isSlotUsed(this.el, \"badge\"),\n [\"dropdown-no-icon\"]: this.dropdown &&\n !isSlotUsed(this.el, \"icon\") &&\n !isSlotUsed(this.el, \"left-icon\"),\n [\"top-icon\"]: isSlotUsed(this.el, \"top-icon\"),\n [\"white-background\"]: this.variant === \"secondary\" &&\n !this.transparentBackground &&\n this.appearance !== \"light\",\n }, onClick: this.handleClick, \"aria-owns\": this.ariaOwnsId, \"aria-controls\": this.ariaControlsId, \"aria-expanded\": this.dropdown && `${this.dropdownExpanded}` }, this.hasTooltip && (h(\"ic-tooltip\", { id: describedBy, label: title || ariaLabel, target: buttonId, placement: this.tooltipPlacement, silent: this.isTooltipSilent() }, h(ButtonContent, null))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { name: \"badge\" }), !this.hasTooltip && h(ButtonContent, null), this.describedByContent && (h(\"span\", { id: describedBy, class: \"ic-button-describedby\" }, this.describedByContent))));\n }\n static get is() { return \"ic-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-button.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-button.css\"]\n };\n }\n static get properties() {\n return {\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcThemeForeground\",\n \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeForeground\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeForeground\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The appearance of the button, e.g. dark, light, or the default.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"ariaControlsId\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Used to identify any related child component\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"aria-controls-id\",\n \"reflect\": false\n },\n \"ariaOwnsId\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Used to identify any related child component\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"aria-owns-id\",\n \"reflect\": false\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the button will be in disabled state.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disableTooltip\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied.\"\n },\n \"attribute\": \"disable-tooltip\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"download\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | boolean\",\n \"resolved\": \"boolean | string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the user can save the linked URL instead of navigating to it.\"\n },\n \"attribute\": \"download\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"dropdown\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the button will show a dropdown icon.\"\n },\n \"attribute\": \"dropdown\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"dropdownExpanded\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true.\"\n },\n \"attribute\": \"dropdown-expanded\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"form\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The <form> element to associate the button with.\"\n },\n \"attribute\": \"form\",\n \"reflect\": false\n },\n \"formaction\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The URL that processes the information submitted by the button. It overrides the action attribute of the button's form owner. Does nothing if there is no form owner.\"\n },\n \"attribute\": \"formaction\",\n \"reflect\": false\n },\n \"formenctype\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The way the submitted form data is encoded.\"\n },\n \"attribute\": \"formenctype\",\n \"reflect\": false\n },\n \"formmethod\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The HTTP method used to submit the form.\"\n },\n \"attribute\": \"formmethod\",\n \"reflect\": false\n },\n \"formnovalidate\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the form will not be validated when submitted.\"\n },\n \"attribute\": \"formnovalidate\",\n \"reflect\": false\n },\n \"formtarget\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The place to display the response from submitting the form. It overrides the target attribute of the button's form owner.\"\n },\n \"attribute\": \"formtarget\",\n \"reflect\": false\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the button will fill the width of the container.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"href\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The URL that the link points to. This will render the button as an \\\"a\\\" tag.\"\n },\n \"attribute\": \"href\",\n \"reflect\": false\n },\n \"hreflang\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The human language of the linked URL.\"\n },\n \"attribute\": \"hreflang\",\n \"reflect\": false\n },\n \"loading\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the button will be in loading state.\"\n },\n \"attribute\": \"loading\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"referrerpolicy\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ReferrerPolicy\",\n \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\"\",\n \"references\": {\n \"ReferrerPolicy\": {\n \"location\": \"global\",\n \"id\": \"global::ReferrerPolicy\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"How much of the referrer to send when following the link.\"\n },\n \"attribute\": \"referrerpolicy\",\n \"reflect\": false\n },\n \"rel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The relationship of the linked URL as space-separated link types.\"\n },\n \"attribute\": \"rel\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the button to be displayed.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n },\n \"attribute\": \"target\",\n \"reflect\": false\n },\n \"tooltipPlacement\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcButtonTooltipPlacement\",\n \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n \"references\": {\n \"IcButtonTooltipPlacement\": {\n \"location\": \"import\",\n \"path\": \"./ic-button.types\",\n \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonTooltipPlacement\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The position of the tooltip in relation to the button.\"\n },\n \"attribute\": \"tooltip-placement\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"bottom\\\"\"\n },\n \"transparentBackground\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the secondary variant of button will have a transparent background rather than white.\"\n },\n \"attribute\": \"transparent-background\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcButtonTypes\",\n \"resolved\": \"\\\"button\\\" | \\\"reset\\\" | \\\"submit\\\"\",\n \"references\": {\n \"IcButtonTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-button.types\",\n \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of the button.\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"button\\\"\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcButtonVariants\",\n \"resolved\": \"\\\"destructive\\\" | \\\"icon\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"tertiary\\\"\",\n \"references\": {\n \"IcButtonVariants\": {\n \"location\": \"import\",\n \"path\": \"./ic-button.types\",\n \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonVariants\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The variant of the button to be displayed.\"\n },\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"primary\\\"\"\n }\n };\n }\n static get states() {\n return {\n \"ariaLabel\": {},\n \"describedByContent\": {},\n \"title\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icBlur\",\n \"name\": \"icBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when button has blur\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"icFocus\",\n \"name\": \"icFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when button has focus\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"setFocus\": {\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\": \"Sets focus on the native `button`.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"click\",\n \"method\": \"handleHostClick\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"themeChange\",\n \"method\": \"themeChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-button.js.map\n","/*! 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 /**\n * @prop --circular-diameter: Diameter of the circular-indicator\n */\n\n display: block;\n\n --linear-border-radius: 0.25rem;\n --inner-color: var(--ic-action-default);\n --outer-color: var(--ic-architectural-100);\n --label-color: var(--ic-color-primary-text);\n --margin: none;\n --linear-line-height: var(--ic-space-xs);\n}\n\n:host(.light) {\n --inner-color: var(--ic-architectural-white);\n --outer-color: var(--ic-architectural-800);\n --label-color: var(--ic-architectural-white);\n}\n\n.ic-loading-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n\n:host([size=\"small\"]) {\n --circular-diameter: 2.5rem;\n --linear-line-height: var(--ic-space-xxs);\n}\n\n:host([size=\"default\"]) {\n --circular-diameter: 5rem;\n}\n\n:host([size=\"large\"]) {\n --circular-diameter: 7.5rem;\n}\n\n:host([size=\"icon\"]) {\n display: inline-block;\n\n --margin: var(--ic-space-xxxs);\n --circular-diameter: 1.25rem;\n}\n\n:host(.label) {\n --margin: 0 0 var(--ic-space-xs) 0;\n}\n\n.ic-loading-label {\n white-space: nowrap;\n color: var(--label-color);\n margin-left: var(--label-margin-left);\n}\n\n.ic-loading-circular-outer {\n height: var(--circular-diameter);\n width: var(--circular-diameter);\n}\n\n.ic-loading-circular-outer.indeterminate {\n animation: circular-animation 1s linear;\n animation-iteration-count: infinite;\n}\n\n@keyframes circular-animation {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.ic-loading-circular-outer,\n.ic-loading-linear-outer {\n margin: var(--margin);\n}\n\n.ic-loading-linear-outer {\n background-color: var(--outer-color);\n height: var(--linear-line-height);\n width: 100%;\n border-radius: var(--linear-border-radius);\n overflow: hidden;\n}\n\n.ic-loading-linear-inner {\n position: relative;\n height: 100%;\n background-color: var(--inner-color);\n border-radius: var(--linear-border-radius);\n}\n\n.indeterminate > .ic-loading-linear-inner {\n animation: linear-animation 2s infinite;\n}\n\n.determinate > .ic-loading-linear-inner {\n transition: width 0.5s;\n width: var(--linear-width);\n}\n\n:host(.full-width) {\n --linear-border-radius: none;\n}\n\n@keyframes linear-animation {\n 0% {\n width: 0%;\n left: -1%;\n }\n\n 25% {\n width: 0%;\n left: -1%;\n }\n\n 50% {\n width: 101%;\n left: -1%;\n }\n\n 75% {\n width: 0%;\n left: 101%;\n }\n\n 100% {\n width: 0%;\n left: 101%;\n }\n}\n\n.ic-loading-circular-svg {\n position: relative;\n width: 100%;\n height: 100%;\n transform: rotate(-90deg);\n}\n\n.ic-loading-circular-svg circle {\n width: 100%;\n height: 100%;\n fill: none;\n stroke: var(--outer-color);\n stroke-width: var(--circular-line-width);\n stroke-linecap: round;\n}\n\n/* --stroke-dash-array calculated via dashArray method */\n.ic-loading-circular-svg circle:nth-child(2) {\n --circular-indeterminate: calc(\n (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n );\n\n stroke-dasharray: var(--stroke-dasharray), var(--stroke-dasharray);\n stroke-dashoffset: var(--stroke-dashoffset, var(--circular-indeterminate));\n stroke: var(--compact-step-inner-color, var(--inner-color));\n}\n\n:host(.inner-label) .ic-loading-circular-inner {\n display: grid;\n}\n\n:host(.inner-label) .ic-loading-circular-svg,\n.inner-text {\n grid-column: 1;\n grid-row: 1;\n}\n\n:host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2) {\n stroke: var(--ic-architectural-300);\n}\n\n.inner-text {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--ic-space-lg);\n height: inherit;\n overflow: hidden;\n margin: auto;\n color: var(--ic-status-info);\n}\n\n:host(.not-required.compact-step-progress-indicator) .inner-text {\n color: var(--ic-color-tertiary-text);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n .indeterminate > .ic-loading-circular-inner {\n forced-color-adjust: none;\n }\n\n .ic-loading-linear-outer {\n border: var(--ic-hc-border);\n }\n\n .ic-loading-linear-inner {\n background-color: canvastext;\n }\n\n .ic-loading-circular-svg circle {\n stroke: Background;\n }\n\n .ic-loading-circular-svg circle:nth-child(2) {\n stroke: canvastext;\n }\n\n :host(.not-required.compact-step-progress-indicator)\n .ic-loading-circular-svg\n circle:nth-child(2) {\n stroke: GrayText;\n }\n}\n","import { h, Host } from \"@stencil/core\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class LoadingIndicator {\n constructor() {\n this.updateCircularProgressMeter = () => {\n if (!this.indeterminate) {\n this.circularMeter.style.setProperty(\"--progress-value\", String(this.progress));\n }\n };\n this.getLabel = (labelIndex, setLabel) => {\n return new Promise(() => {\n this.interval = setInterval(() => {\n if (labelIndex < this.labelList.length - 1) {\n labelIndex++;\n }\n else {\n labelIndex = 0;\n }\n setLabel(this.labelList[labelIndex]);\n }, this.labelDuration);\n });\n };\n this.getLabelVariant = () => {\n var _a;\n let variant = \"h4\";\n const width = (_a = this.outerElement) === null || _a === void 0 ? void 0 : _a.offsetWidth;\n if (this.size === \"small\" || (this.type === \"circular\" && width < 60)) {\n variant = \"label\";\n }\n else if (this.size === \"large\" ||\n (this.type === \"circular\" && width >= 120)) {\n variant = \"h2\";\n }\n return variant;\n };\n // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property\n this.setCircleLineWidth = () => {\n const { offsetWidth: width } = this.outerElement;\n const compactStepCircularLineWidth = this.el.classList.contains(\"compact-step-progress-indicator\")\n ? 40\n : 0;\n const toastDismissTimerCircularLineWidth = this.el.classList.contains(\"toast-dismiss-timer\")\n ? 20\n : 0;\n if (width ||\n compactStepCircularLineWidth ||\n toastDismissTimerCircularLineWidth) {\n this.circularLineWidth =\n (compactStepCircularLineWidth ||\n toastDismissTimerCircularLineWidth ||\n width) * 0.1;\n this.circularDiameter =\n compactStepCircularLineWidth ||\n toastDismissTimerCircularLineWidth ||\n width;\n this.outerElement.style.setProperty(\"--circular-line-width\", `${this.circularLineWidth}px`);\n }\n };\n this.setLinearDeterminateWidth = () => {\n if (!this.innerElement)\n return;\n // Ensure progress cannot be out of bounds\n const progress = Math.min(this.max, Math.max(this.min, this.progress));\n const proportion = (progress - this.min) / (this.max - this.min);\n this.showSecond = proportion > 0.5;\n if (this.showSecond) {\n this.innerElement.classList.remove(\"clip\");\n }\n else {\n this.innerElement.classList.add(\"clip\");\n }\n this.innerElement.style.setProperty(\"--linear-width\", `${proportion * 100}%`);\n };\n this.calcOuterClass = () => {\n let cls = `ic-loading-${this.type}-outer`;\n cls += this.indeterminate ? \" indeterminate\" : \" determinate\";\n return cls;\n };\n this.updateLabel = () => {\n if (isPropDefined(this.label)) {\n this.labelList = this.label.split(\"/\");\n const labelIndex = 0;\n this.indicatorLabel = this.labelList[labelIndex];\n if (this.labelList.length > 1) {\n this.getLabel(labelIndex, (label) => {\n this.indicatorLabel = label;\n });\n }\n }\n };\n this.setCircleXY = () => {\n if (this.circularDiameter > 0) {\n const r = this.circularDiameter / 2;\n const x = r;\n const y = r;\n const nextRadius = r - this.circularLineWidth / 2;\n this.setDashSteps(nextRadius);\n return { x, y, r: nextRadius };\n }\n return { x: 0, y: 0, r: 0 };\n };\n this.setDashSteps = (radius) => {\n const dashArray = 2 * Math.PI * radius;\n const progress = Math.min(Math.max(this.progress, this.min), this.max);\n const proportion = -1 - (progress - this.min) / (this.max - this.min);\n this.circularMeter.style.setProperty(\"--stroke-dasharray\", `${dashArray}px`);\n if (!this.indeterminate) {\n this.circularMeter.style.setProperty(\"--circular-steps-max\", String(this.max));\n this.circularMeter.style.setProperty(\"--stroke-dashoffset\", `${proportion * dashArray}px`);\n }\n };\n this.circularDiameter = undefined;\n this.circularLineWidth = undefined;\n this.indeterminate = undefined;\n this.indicatorLabel = undefined;\n this.showSecond = false;\n this.appearance = \"dark\";\n this.description = \"Loading\";\n this.fullWidth = false;\n this.innerLabel = undefined;\n this.labelDuration = 8000;\n this.max = 100;\n this.min = 0;\n this.size = \"default\";\n this.type = \"circular\";\n this.label = undefined;\n this.progress = undefined;\n }\n watchPropHandler() {\n this.updateLabel();\n }\n watchProgressHandler() {\n if (this.type === \"circular\") {\n this.updateCircularProgressMeter();\n }\n }\n disconnectedCallback() {\n clearInterval(this.interval);\n }\n componentWillLoad() {\n this.indeterminate = this.progress === undefined;\n this.updateLabel();\n this.el.setAttribute(\"exportparts\", \"ic-loading-container\");\n }\n componentDidLoad() {\n if (this.type === \"circular\") {\n this.setCircleLineWidth();\n this.circularMeter = this.el.shadowRoot.querySelector(\".ic-loading-circular-svg circle:nth-child(2)\");\n this.updateCircularProgressMeter();\n }\n if (Number(this.progress) >= 0 && this.type === \"linear\") {\n this.setLinearDeterminateWidth();\n }\n }\n componentWillUpdate() {\n this.indeterminate = this.progress === undefined;\n }\n componentDidUpdate() {\n if (Number(this.progress) >= 0 && this.type === \"linear\") {\n this.setLinearDeterminateWidth();\n }\n }\n render() {\n const { appearance, label, description, size, fullWidth, innerLabel } = this;\n const { x, y, r } = this.setCircleXY();\n return (h(Host, { class: {\n [\"light\"]: appearance === IcThemeForegroundEnum.Light,\n [\"label\"]: !!label,\n [\"full-width\"]: fullWidth,\n [\"inner-label\"]: !!innerLabel,\n } }, h(\"div\", { class: \"ic-loading-container\", part: \"ic-loading-container\" }, h(\"div\", { ref: (el) => (this.outerElement = el), class: this.calcOuterClass(), role: \"progressbar\", \"aria-labelledby\": this.label && this.size !== \"icon\" && \"ic-loading-label\", \"aria-label\": description, \"aria-valuenow\": this.progress, \"aria-valuemin\": this.min, \"aria-valuemax\": this.max }, h(\"div\", { ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&\n this.innerLabel !== undefined &&\n this.size === \"small\" && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"inner-text\" }, this.innerLabel)), this.type === \"circular\" && (h(\"svg\", { class: \"ic-loading-circular-svg\", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, h(\"circle\", { cx: `${x}`, cy: `${y}`, r: `${r}` }), h(\"circle\", { cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== \"icon\" && (h(\"ic-typography\", { id: \"ic-loading-label\", class: \"ic-loading-label\", role: \"status\", variant: this.getLabelVariant() }, h(\"p\", null, this.indicatorLabel))))));\n }\n static get is() { return \"ic-loading-indicator\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-loading-indicator.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-loading-indicator.css\"]\n };\n }\n static get properties() {\n return {\n \"appearance\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcThemeForegroundNoDefault\",\n \"resolved\": \"\\\"dark\\\" | \\\"light\\\"\",\n \"references\": {\n \"IcThemeForegroundNoDefault\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcThemeForegroundNoDefault\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The appearance of the loading indicator, e.g. dark or light.\"\n },\n \"attribute\": \"appearance\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"dark\\\"\"\n },\n \"description\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The description that will be set as the aria-label of the loading indicator when not using a visible label.\"\n },\n \"attribute\": \"description\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"Loading\\\"\"\n },\n \"fullWidth\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"innerLabel\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The step number of a compact step, managed by ic-step.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"inner-label\",\n \"reflect\": false\n },\n \"labelDuration\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The time in milliseconds before the label changes.\"\n },\n \"attribute\": \"label-duration\",\n \"reflect\": false,\n \"defaultValue\": \"8000\"\n },\n \"max\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The maximum value that the progress value can take.\\nUsed to calculate the proportional width of the progress bar.\"\n },\n \"attribute\": \"max\",\n \"reflect\": false,\n \"defaultValue\": \"100\"\n },\n \"min\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The minimum value that the progress value can take.\\nUsed to calculate the proportional width of the progress bar.\"\n },\n \"attribute\": \"min\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcLoadingSizes\",\n \"resolved\": \"\\\"default\\\" | \\\"icon\\\" | \\\"large\\\" | \\\"small\\\"\",\n \"references\": {\n \"IcLoadingSizes\": {\n \"location\": \"import\",\n \"path\": \"./ic-loading-indicator.types\",\n \"id\": \"src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the loading indicator.\"\n },\n \"attribute\": \"size\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"default\\\"\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcLoadingTypes\",\n \"resolved\": \"\\\"circular\\\" | \\\"linear\\\"\",\n \"references\": {\n \"IcLoadingTypes\": {\n \"location\": \"import\",\n \"path\": \"./ic-loading-indicator.types\",\n \"id\": \"src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingTypes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of indicator, either linear or circular.\"\n },\n \"attribute\": \"type\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"circular\\\"\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The label to be displayed beneath the loading indicator.\\nDisplay a changing label by separating multiple messages with forward slashes.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"progress\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The current amount of progress made.\\nIf not provided, component acts as an indeterminate loading indicator.\"\n },\n \"attribute\": \"progress\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"circularDiameter\": {},\n \"circularLineWidth\": {},\n \"indeterminate\": {},\n \"indicatorLabel\": {},\n \"showSecond\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"label\",\n \"methodName\": \"watchPropHandler\"\n }, {\n \"propName\": \"progress\",\n \"methodName\": \"watchProgressHandler\"\n }];\n }\n}\n//# sourceMappingURL=ic-loading-indicator.js.map\n","/*! 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-tooltip: z-index of tooltip\n */\n\n:host(.ic-tooltip) .ic-tooltip-container {\n background-color: var(--ic-architectural-800);\n color: #ffff;\n text-align: center;\n padding: var(--ic-space-xxxs) var(--ic-space-xs);\n border-radius: var(--ic-border-radius);\n border: var(--ic-border-width) solid var(--ic-architectural-40);\n position: absolute;\n max-width: 20rem;\n display: none;\n z-index: var(--ic-z-index-tooltip);\n box-shadow: var(--ic-elevation-overlay);\n}\n\n:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container {\n display: none !important;\n}\n\n:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n .ic-tooltip-container[data-show] {\n display: block !important;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n position: absolute;\n background: inherit;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow {\n visibility: hidden;\n width: var(--ic-space-md);\n height: var(--ic-space-md);\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n visibility: visible;\n content: \"\";\n border: var(--ic-border-width) solid var(--ic-architectural-40);\n width: 100%;\n height: 100%;\n}\n\n:host(.ic-tooltip) .ic-tooltip-container[data-show] {\n display: block;\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow {\n height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"top\"]\n > .ic-tooltip-arrow::before {\n border-radius: 0 0 var(--ic-border-radius) var(--ic-border-radius);\n left: 0;\n top: var(--ic-space-xxxs);\n border-top: 0;\n transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow {\n top: calc(-1 * var(--ic-space-xxs));\n height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n > .ic-tooltip-arrow::before {\n border-radius: var(--ic-border-radius) var(--ic-border-radius) 0 0;\n left: 0;\n top: var(--ic-space-1px);\n border-bottom: 0;\n transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow {\n width: var(--ic-space-xxxs);\n right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"left\"]\n > .ic-tooltip-arrow::before {\n border-radius: 0 var(--ic-border-radius) var(--ic-border-radius) 0;\n border-left: 0;\n top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow {\n width: var(--ic-space-xxxs);\n left: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-tooltip)\n .ic-tooltip-container[data-popper-placement^=\"right\"]\n > .ic-tooltip-arrow::before {\n border-radius: var(--ic-border-radius) 0 0 var(--ic-border-radius);\n border-right: 0;\n top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.on-dialog) .ic-tooltip-container {\n transform: translate(\n var(--tooltip-translate-x),\n var(--tooltip-translate-y)\n ) !important;\n}\n\n@media screen and (max-width: 576px) {\n :host(.ic-tooltip) .ic-tooltip-container {\n max-width: 18.875rem;\n }\n}\n\n@media (forced-colors: active) {\n :host(.ic-tooltip) .ic-tooltip-container,\n :host(.ic-tooltip) .ic-tooltip-arrow::before {\n border: var(--ic-hc-border);\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { createPopper } from \"@popperjs/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class Tooltip {\n constructor() {\n this.delayedHideEvents = [\"mouseleave\"];\n this.dialogOverflow = false;\n this.instantHideEvents = [\"focusout\"];\n this.mouseOverTool = false;\n this.persistTooltip = false;\n this.onDialog = false;\n this.showEvents = [\n !this.disableHover && \"mouseenter\",\n !this.disableHover && \"focusin\",\n !this.disableClick && \"click\",\n ];\n this.getTooltipTranslate = (dialogEl) => {\n const child = this.el.children[0].getBoundingClientRect();\n let tooltipX;\n let tooltipY;\n switch (this.placement) {\n case \"bottom\":\n tooltipX = child.left - dialogEl.left - 0.5 * child.width;\n tooltipY = child.bottom - dialogEl.top;\n break;\n case \"bottom-start\":\n tooltipX = child.left - dialogEl.left;\n tooltipY = child.bottom - dialogEl.top;\n break;\n case \"bottom-end\":\n tooltipX = child.right - dialogEl.right;\n tooltipY = child.bottom - dialogEl.top;\n break;\n case \"top\":\n tooltipX = child.left - dialogEl.left - 0.5 * child.width;\n tooltipY = child.top - dialogEl.bottom;\n break;\n case \"top-start\":\n tooltipX = child.left - dialogEl.left;\n tooltipY = child.top - dialogEl.bottom;\n break;\n case \"top-end\":\n tooltipX = child.right - dialogEl.right;\n tooltipY = child.top - dialogEl.bottom;\n break;\n case \"left\":\n case \"left-start\":\n tooltipX = child.right - dialogEl.right - child.width;\n tooltipY = child.bottom - dialogEl.top - child.height;\n break;\n case \"left-end\":\n tooltipX = child.right - dialogEl.right - child.width;\n tooltipY = child.top - dialogEl.bottom + child.height;\n break;\n case \"right\":\n case \"right-start\":\n tooltipX = child.left - dialogEl.left + child.width;\n tooltipY = child.bottom - dialogEl.top - child.height;\n break;\n case \"right-end\":\n tooltipX = child.left - dialogEl.left + child.width;\n tooltipY = child.top - dialogEl.bottom + child.height;\n break;\n }\n if (this.dialogOverflow && tooltipX < 0) {\n if (this.placement.includes(\"top\") || this.placement.includes(\"bottom\")) {\n this.toolTip.style.setProperty(\"--tooltip-arrow-translate\", `${tooltipX}px`);\n tooltipX = child.left - dialogEl.left;\n }\n if (this.placement.includes(\"left\")) {\n this.placement = \"right\";\n tooltipX = child.left - dialogEl.left + child.width;\n }\n }\n this.toolTip.style.setProperty(\"--tooltip-translate-x\", `${tooltipX}px`);\n this.toolTip.style.setProperty(\"--tooltip-translate-y\", `${tooltipY}px`);\n };\n this.show = () => {\n if (this.label) {\n this.toolTip.setAttribute(\"data-show\", \"\");\n if (this.onDialog) {\n this.el.classList.add(\"on-dialog\");\n const dialogEl = this.icDialogEl.shadowRoot\n .querySelector(\"dialog\")\n .getBoundingClientRect();\n this.getTooltipTranslate(dialogEl);\n }\n this.popperInstance = createPopper(this.el, this.toolTip, {\n placement: this.placement,\n modifiers: [\n {\n name: \"offset\",\n options: {\n offset: [0, 10],\n },\n },\n {\n name: \"arrow\",\n options: {\n element: this.arrow,\n },\n },\n {\n name: \"eventListeners\",\n options: { scroll: false, resize: false },\n },\n ],\n });\n }\n else {\n console.warn(`Tooltip can't display without prop 'label' set`);\n }\n };\n this.hide = () => {\n this.toolTip.removeAttribute(\"data-show\");\n this.persistTooltip = false;\n };\n this.checkCloseTooltip = () => {\n setTimeout(() => {\n if (!this.mouseOverTool && !this.persistTooltip) {\n this.hide();\n }\n }, 100);\n };\n this.mouseEnterTooltip = () => {\n this.mouseOverTool = true;\n };\n this.mouseLeaveTooltip = () => {\n this.mouseOverTool = false;\n this.checkCloseTooltip();\n };\n this.handleKeyDown = (event) => {\n if (event.key === \"Escape\" && !this.persistTooltip) {\n this.hide();\n }\n };\n this.manageEventListeners = (action) => {\n const method = action === \"add\" ? \"addEventListener\" : \"removeEventListener\";\n this.showEvents.forEach((event) => {\n this.el[method](event, this.show);\n if (this.toolTip !== undefined) {\n this.toolTip[method](event, this.mouseEnterTooltip);\n }\n });\n if (!this.persistTooltip) {\n this.instantHideEvents.forEach((event) => {\n this.el[method](event, this.hide);\n });\n }\n this.delayedHideEvents.forEach((event) => {\n this.el[method](event, this.checkCloseTooltip);\n if (this.toolTip !== undefined) {\n this.toolTip[method](event, this.mouseLeaveTooltip);\n }\n });\n document[method](\"keydown\", this.handleKeyDown);\n };\n this.disableClick = false;\n this.disableHover = false;\n this.maxLines = undefined;\n this.placement = \"bottom\";\n this.silent = false;\n this.target = undefined;\n this.label = undefined;\n }\n disconnectedCallback() {\n this.manageEventListeners(\"remove\");\n if (this.popperInstance !== undefined) {\n this.popperInstance.destroy();\n }\n }\n componentDidLoad() {\n var _a;\n this.manageEventListeners(\"add\");\n this.icDialogEl = this.el.closest(\"ic-dialog\");\n this.dialogOverflow =\n ((_a = this.icDialogEl) === null || _a === void 0 ? void 0 : _a.getAttribute(\"data-overflow\")) === \"true\";\n this.onDialog = this.icDialogEl !== null;\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Tooltip\");\n }\n componentDidRender() {\n const typographyEl = this.el.shadowRoot.querySelector(\".ic-tooltip-container > ic-typography\");\n this.maxLines > 0 &&\n typographyEl.setAttribute(\"style\", `--truncation-max-lines: ${this.maxLines}`);\n }\n /**\n * Method to programmatically show/hide the tooltip without needing to interact with an anchor element\n * @param show Whether to show or hide the tooltip\n * @param persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover\n */\n async displayTooltip(show, persistTooltip) {\n this.persistTooltip = persistTooltip;\n show ? this.show() : this.hide();\n }\n render() {\n const { label, maxLines, silent } = this;\n return (h(Host, { class: { \"ic-tooltip\": true } }, h(\"div\", { ref: (el) => (this.toolTip = el), role: \"tooltip\", class: \"ic-tooltip-container\", \"aria-hidden\": silent }, h(\"ic-typography\", { maxLines: maxLines, variant: \"caption\" }, label), h(\"div\", { ref: (el) => (this.arrow = el), class: \"ic-tooltip-arrow\" })), h(\"slot\", null)));\n }\n static get is() { return \"ic-tooltip\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-tooltip.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-tooltip.css\"]\n };\n }\n static get properties() {\n return {\n \"disableClick\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"disable-click\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disableHover\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the tooltip will not be displayed on hover, it will require a click.\"\n },\n \"attribute\": \"disable-hover\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"maxLines\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The number of lines to display before truncating the text.\"\n },\n \"attribute\": \"max-lines\",\n \"reflect\": false\n },\n \"placement\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"IcTooltipPlacements\",\n \"resolved\": \"\\\"bottom\\\" | \\\"bottom-end\\\" | \\\"bottom-start\\\" | \\\"left\\\" | \\\"left-end\\\" | \\\"left-start\\\" | \\\"right\\\" | \\\"right-end\\\" | \\\"right-start\\\" | \\\"top\\\" | \\\"top-end\\\" | \\\"top-start\\\"\",\n \"references\": {\n \"IcTooltipPlacements\": {\n \"location\": \"import\",\n \"path\": \"./ic-tooltip.types\",\n \"id\": \"src/components/ic-tooltip/ic-tooltip.types.ts::IcTooltipPlacements\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The position of the tooltip in relation to the parent element.\"\n },\n \"attribute\": \"placement\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"bottom\\\"\"\n },\n \"silent\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Sets the tooltip to aria-hidden, when used as part of components that are already announced.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"silent\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.\"\n },\n \"attribute\": \"target\",\n \"reflect\": true\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 text to display on the tooltip.\"\n },\n \"attribute\": \"label\",\n \"reflect\": false\n }\n };\n }\n static get methods() {\n return {\n \"displayTooltip\": {\n \"complexType\": {\n \"signature\": \"(show: boolean, persistTooltip?: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"show\",\n \"type\": \"boolean\",\n \"docs\": \"Whether to show or hide the tooltip\"\n }, {\n \"name\": \"persistTooltip\",\n \"type\": \"boolean\",\n \"docs\": \"Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Method to programmatically show/hide the tooltip without needing to interact with an anchor element\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"show Whether to show or hide the tooltip\"\n }, {\n \"name\": \"param\",\n \"text\": \"persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-tooltip.js.map\n"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as t,h as r,H as o}from"./p-8455d1bb.js";import{a}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as t,h as r,H as o}from"./p-8455d1bb.js";import{a}from"./p-e0102744.js";import{I as e}from"./p-fd186591.js";const i=":host{--border-bottom-color:var(--ic-architectural-300);display:block;margin-bottom:var(--ic-space-md);border-bottom:var(--ic-border-default)}:host(.inline){margin-bottom:0;border-bottom:none}.light{border-bottom:var(--ic-border-width) solid var(--ic-architectural-white)}.tabs-container{display:flex;flex-direction:row}.tabs-container::-webkit-scrollbar{display:none}";const s=class{constructor(r){t(this,r);this.appearance="dark";this.contextId="default";this.inline=false;this.label=undefined}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Tab Group")}render(){const{appearance:t,label:a}=this;return r(o,{role:"tablist","aria-label":a,class:{["light"]:t===e.Light,["inline"]:this.inline}},r("ic-horizontal-scroll",{appearance:t===e.Dark?e.Default:t,"focus-trigger":"tabFocus"},r("div",{class:"tabs-container"},r("slot",null))))}static get delegatesFocus(){return true}};s.style=i;export{s as ic_tab_group};
|
2
|
+
//# sourceMappingURL=p-e31125df.entry.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as t,c as e,h as i,H as o,g as s}from"./p-8455d1bb.js";import{z as n,d as a}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as t,c as e,h as i,H as o,g as s}from"./p-8455d1bb.js";import{z as n,d as a}from"./p-e0102744.js";import{c as r}from"./p-aae38bee.js";import"./p-fd186591.js";const l='/*! 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}@media (prefers-reduced-motion: no-preference){:host .opening-from-parent{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}:host .opening-from-child{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}:host{border-radius:var(--ic-border-radius);color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}:host(.on-dialog){inset:auto !important}:host(.on-dialog-fix-translate){transform:translate(0, var(--ic-space-xs)) !important}:host(.on-dialog-translate-y){transform:translate(0, calc(-1 * var(--translate-y))) !important}.menu{border:var(--ic-border-default);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;height:0}.button{text-decoration:none;list-style-type:none}:host(:focus-within){box-shadow:var(--ic-border-focus)}.menu:focus-visible{outline:none}:host(.open){display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}:host(.open) .menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}.parent-label{color:var(--ic-color-tertiary-text);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}';const h=class{constructor(i){t(this,i);this.icPopoverClosed=e(this,"icPopoverClosed",7);this.ARIA_LABEL="aria-label";this.popoverMenuEls=[];this.setButtonFocus=()=>{var t;(t=this.popoverMenuEls[this.currentFocus])===null||t===void 0?void 0:t.focus()};this.findAnchorEl=t=>{let e=null;if(t===null||t===undefined){this.submenuId===undefined&&console.error("No anchor specified for popover component")}else{e=document.querySelector(t.indexOf("#")===0?t:"#"+t);if(e===null){console.error(`Popover anchor element '${t}' not found`)}}return e};this.isNotPopoverMenuEl=t=>{const e=t.target;return e.id!==this.anchor&&e.tagName!=="IC-MENU-ITEM"&&e.tagName!=="IC-MENU-GROUP"&&e.tagName!=="IC-POPOVER-MENU"};this.closeMenu=(t=false)=>{var e;this.open=false;if(t){(e=this.anchorEl)===null||e===void 0?void 0:e.focus()}this.icPopoverClosed.emit()};this.getNextItemToSelect=(t,e)=>{const i=this.popoverMenuEls.length-1;if(t<1){t=0}let o=e?t+1:t-1;if(o<0){o=i}else if(o>i){o=0}return o};this.addMenuItems=t=>{for(let e=0;e<t.length;e++){const i=t[e];if(i.tagName==="IC-MENU-ITEM"){this.popoverMenuEls.push(i)}else if(i.tagName==="IC-MENU-GROUP"){const t=i.shadowRoot.querySelector("ul");const e=n(t);this.addMenuItems(e)}}};this.getMenuAriaLabel=()=>{const t=this.el.getAttribute(this.ARIA_LABEL);if(a(this.submenuId)){return`${t}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`}else{return t}};this.handleBackButtonClick=()=>{this.parentPopover.openFromChild();this.open=false};this.initPopperJS=()=>{this.popperInstance=r(this.anchorEl,this.el,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start","top-end","bottom-end"],rootBoundary:"viewport"}}]})};this.openingFromChild=false;this.openingFromParent=false;this.anchor=undefined;this.parentLabel=undefined;this.parentPopover=undefined;this.submenuId=undefined;this.submenuLevel=1;this.open=undefined}watchOpenHandler(){if(this.open){if(this.parentPopover!==undefined&&!this.popoverMenuEls.some((t=>t.id))){this.popoverMenuEls.unshift(this.backButton)}this.currentFocus=a(this.submenuId)?1:0;setTimeout(this.setButtonFocus,50)}else{if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}}disconnectedCallback(){if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){const t=this.el.shadowRoot.querySelector("ul.button");const e=n(t);if(e!==null){this.addMenuItems(e)}if(this.submenuId===undefined&&this.el.getAttribute(this.ARIA_LABEL)===null){console.error(`No aria-label specified for popover menu component - aria-label required`)}}componentWillRender(){this.anchorEl=this.findAnchorEl(this.anchor)}componentDidRender(){if(this.open&&!this.popperInstance){this.initPopperJS()}}handleMenuItemClick(t){if(!t.detail.hasSubMenu&&t.detail.label!=="Back"){this.closeMenu()}}handleSubmenuChange(t){const e=t.target;this.open=false;const i=document.querySelector(`ic-popover-menu[submenu-id=${e.submenuTriggerFor}]`);i.parentPopover=this.el;i.anchor=this.anchor;i.ariaLabel=this.el.getAttribute(this.ARIA_LABEL);i.openFromParent();i.submenuLevel=this.submenuLevel+1;i.parentLabel=e.label}handleClick(t){if(this.open&&this.isNotPopoverMenuEl(t)){this.closeMenu()}}handleKeyDown(t){switch(t.key){case"ArrowDown":t.preventDefault();this.currentFocus=this.getNextItemToSelect(this.currentFocus,true);this.setButtonFocus();break;case"ArrowUp":t.preventDefault();this.currentFocus=this.getNextItemToSelect(this.currentFocus,false);this.setButtonFocus();break;case"Home":this.currentFocus=0;this.setButtonFocus();break;case"End":this.currentFocus=this.popoverMenuEls.length-1;this.setButtonFocus();break;case"Escape":case"Tab":if(this.open){this.closeMenu(true);this.el.blur()}break}}async openFromChild(){this.open=true;this.openingFromChild=true;setTimeout((()=>this.openingFromChild=false),1e3)}async openFromParent(){this.open=true;this.openingFromParent=true;setTimeout((()=>this.openingFromParent=false),1e3)}render(){return i(o,{class:{open:this.open}},i("div",{id:this.parentPopover===undefined?`ic-popover-submenu-${this.submenuId}`:"",class:{menu:true},tabindex:open?"0":"-1"},i("div",{class:{"opening-from-parent":this.openingFromParent,"opening-from-child":this.openingFromChild}},a(this.submenuId)&&i("div",null,i("ic-menu-item",{class:"ic-popover-submenu-back-button",ref:t=>this.backButton=t,label:"Back",onClick:this.handleBackButtonClick,id:`ic-popover-submenu-back-button-${this.submenuLevel}`},i("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"submenu-back-icon"},i("path",{d:"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z",fill:"currentColor"}))),i("ic-typography",{variant:"subtitle-small",class:"parent-label"},this.parentLabel)),i("ul",{class:"button","aria-label":this.getMenuAriaLabel(),role:"menu","aria-owns":a(this.submenuId)?`ic-popover-submenu-back-button-${this.submenuLevel}`:false,"aria-controls":a(this.submenuId)?`ic-popover-submenu-back-button-${this.submenuLevel}`:false},i("slot",null)))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{open:["watchOpenHandler"]}}};h.style=l;export{h as ic_popover_menu};
|
2
|
+
//# sourceMappingURL=p-e9bc9ee2.entry.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["icPopoverMenuCss","PopoverMenu","constructor","hostRef","this","ARIA_LABEL","popoverMenuEls","setButtonFocus","_a","currentFocus","focus","findAnchorEl","anchor","anchorElement","undefined","submenuId","console","error","document","querySelector","indexOf","isNotPopoverMenuEl","ev","target","id","tagName","closeMenu","setFocusToAnchor","open","anchorEl","icPopoverClosed","emit","getNextItemToSelect","currentItem","movingDown","numButtons","length","nextItem","addMenuItems","elements","i","el","push","groupSlotWrapper","shadowRoot","menuGroupElements","getSlotElements","getMenuAriaLabel","ariaLabel","getAttribute","isPropDefined","submenuLevel","parentLabel","handleBackButtonClick","parentPopover","openFromChild","initPopperJS","popperInstance","createPopper","placement","modifiers","name","options","offset","fallbackPlacements","rootBoundary","openingFromChild","openingFromParent","watchOpenHandler","some","menuItem","unshift","backButton","setTimeout","destroy","disconnectedCallback","componentDidLoad","slotWrapper","popoverMenuElements","componentWillRender","componentDidRender","handleMenuItemClick","detail","hasSubMenu","label","handleSubmenuChange","childEl","submenuTriggerFor","openFromParent","handleClick","handleKeyDown","key","preventDefault","blur","render","h","Host","class","menu","tabindex","ref","onClick","slot","viewBox","fill","xmlns","d","variant","role","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-popover-menu/ic-popover-menu.css?tag=ic-popover-menu&encapsulation=shadow","../web-components/dist/collection/components/ic-popover-menu/ic-popover-menu.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-popover: z-index of popover menu. \n* @prop --max-height: Maximum height of the popover menu.\n* @prop --popover-width: Default width of the popover menu.\n*/\n\n@media (prefers-reduced-motion: no-preference) {\n :host .opening-from-parent {\n animation: slide-in var(--ic-transition-duration-slow) ease-in-out;\n }\n\n :host .opening-from-child {\n animation: slide-out var(--ic-transition-duration-slow) ease-in-out;\n }\n}\n\n:host {\n border-radius: var(--ic-border-radius);\n color: var(--ic-color-primary-text);\n background-color: var(--ic-architectural-white);\n position: relative;\n z-index: var(--ic-z-index-popover);\n box-sizing: border-box;\n box-shadow: var(--ic-elevation-overlay);\n display: none;\n}\n\n:host(.on-dialog) {\n inset: auto !important;\n}\n\n:host(.on-dialog-fix-translate) {\n transform: translate(0, var(--ic-space-xs)) !important;\n}\n\n:host(.on-dialog-translate-y) {\n transform: translate(0, calc(-1 * var(--translate-y))) !important;\n}\n\n.menu {\n border: var(--ic-border-default);\n border-radius: var(--ic-border-radius);\n background-color: var(--ic-architectural-white);\n visibility: hidden;\n height: 0;\n}\n\n.button {\n text-decoration: none;\n list-style-type: none;\n}\n\n:host(:focus-within) {\n box-shadow: var(--ic-border-focus);\n}\n\n.menu:focus-visible {\n outline: none;\n}\n\n:host(.open) {\n display: block;\n min-width: calc(20rem - var(--ic-space-xl));\n width: var(--popover-width, 20rem);\n max-width: calc(100vw - var(--ic-space-xl));\n}\n\n:host(.open) .menu {\n visibility: visible;\n height: -moz-fit-content;\n height: fit-content;\n max-height: var(--max-height, -moz-fit-content);\n max-height: var(--max-height, fit-content);\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.parent-label {\n color: var(--ic-color-tertiary-text);\n margin: var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n@keyframes slide-in {\n from {\n opacity: 0;\n transform: translateX(10rem);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes slide-out {\n from {\n opacity: 0;\n transform: translateX(-10rem);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getSlotElements, isPropDefined } from \"../../utils/helpers\";\nimport { createPopper } from \"@popperjs/core\";\nexport class PopoverMenu {\n constructor() {\n this.ARIA_LABEL = \"aria-label\";\n this.popoverMenuEls = [];\n this.setButtonFocus = () => {\n var _a;\n (_a = this.popoverMenuEls[this.currentFocus]) === null || _a === void 0 ? void 0 : _a.focus();\n };\n // Checks that the popover menu has an anchor\n this.findAnchorEl = (anchor) => {\n let anchorElement = null;\n if (anchor === null || anchor === undefined) {\n this.submenuId === undefined &&\n console.error(\"No anchor specified for popover component\");\n }\n else {\n anchorElement = document.querySelector(anchor.indexOf(\"#\") === 0 ? anchor : \"#\" + anchor);\n if (anchorElement === null) {\n console.error(`Popover anchor element '${anchor}' not found`);\n }\n }\n return anchorElement;\n };\n this.isNotPopoverMenuEl = (ev) => {\n const target = ev.target;\n return (target.id !== this.anchor &&\n target.tagName !== \"IC-MENU-ITEM\" &&\n target.tagName !== \"IC-MENU-GROUP\" &&\n target.tagName !== \"IC-POPOVER-MENU\");\n };\n /**\n * Close the popover menu, emit isPopoverClosed event\n * @param setFocusToAnchor when true return focus to anchor element when menu is closed\n */\n this.closeMenu = (setFocusToAnchor = false) => {\n var _a;\n this.open = false;\n if (setFocusToAnchor) {\n (_a = this.anchorEl) === null || _a === void 0 ? void 0 : _a.focus();\n }\n this.icPopoverClosed.emit();\n };\n this.getNextItemToSelect = (currentItem, movingDown) => {\n const numButtons = this.popoverMenuEls.length - 1;\n if (currentItem < 1) {\n currentItem = 0;\n }\n let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n // Check if wrap around necessary\n if (nextItem < 0) {\n nextItem = numButtons;\n }\n else if (nextItem > numButtons) {\n nextItem = 0;\n }\n return nextItem;\n };\n this.addMenuItems = (elements) => {\n for (let i = 0; i < elements.length; i++) {\n const el = elements[i];\n if (el.tagName === \"IC-MENU-ITEM\") {\n this.popoverMenuEls.push(el);\n }\n else if (el.tagName === \"IC-MENU-GROUP\") {\n const groupSlotWrapper = el.shadowRoot.querySelector(\"ul\");\n const menuGroupElements = getSlotElements(groupSlotWrapper);\n this.addMenuItems(menuGroupElements);\n }\n }\n };\n this.getMenuAriaLabel = () => {\n const ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n if (isPropDefined(this.submenuId)) {\n return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;\n }\n else {\n return ariaLabel;\n }\n };\n this.handleBackButtonClick = () => {\n this.parentPopover.openFromChild();\n this.open = false;\n };\n this.initPopperJS = () => {\n this.popperInstance = createPopper(this.anchorEl, this.el, {\n placement: \"bottom-start\",\n modifiers: [\n {\n name: \"offset\",\n options: {\n offset: [0, 4],\n },\n },\n {\n name: \"flip\",\n options: {\n fallbackPlacements: [\"top-start\", \"top-end\", \"bottom-end\"],\n rootBoundary: \"viewport\",\n },\n },\n ],\n });\n };\n this.openingFromChild = false;\n this.openingFromParent = false;\n this.anchor = undefined;\n this.parentLabel = undefined;\n this.parentPopover = undefined;\n this.submenuId = undefined;\n this.submenuLevel = 1;\n this.open = undefined;\n }\n watchOpenHandler() {\n if (this.open) {\n if (this.parentPopover !== undefined &&\n !this.popoverMenuEls.some((menuItem) => menuItem.id)) {\n this.popoverMenuEls.unshift(this.backButton);\n }\n this.currentFocus = isPropDefined(this.submenuId) ? 1 : 0;\n // Needed so that anchorEl isn't always focused\n setTimeout(this.setButtonFocus, 50);\n }\n else {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n }\n disconnectedCallback() {\n if (this.popperInstance !== undefined) {\n this.popperInstance.destroy();\n }\n }\n componentDidLoad() {\n const slotWrapper = this.el.shadowRoot.querySelector(\"ul.button\");\n const popoverMenuElements = getSlotElements(slotWrapper);\n if (popoverMenuElements !== null) {\n this.addMenuItems(popoverMenuElements);\n }\n if (this.submenuId === undefined &&\n this.el.getAttribute(this.ARIA_LABEL) === null) {\n console.error(`No aria-label specified for popover menu component - aria-label required`);\n }\n }\n componentWillRender() {\n this.anchorEl = this.findAnchorEl(this.anchor);\n }\n componentDidRender() {\n if (this.open && !this.popperInstance) {\n this.initPopperJS();\n }\n }\n handleMenuItemClick(ev) {\n if (!ev.detail.hasSubMenu && ev.detail.label !== \"Back\") {\n this.closeMenu();\n }\n }\n // This is listening for the event emitted when a menu item is acting as a trigger button\n handleSubmenuChange(ev) {\n // Finds the trigger menu item that has emitted the event\n const target = ev.target;\n this.open = false;\n // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).\n const childEl = document.querySelector(`ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`);\n // Set the parent popover menu of the submenu and open the submenu\n childEl.parentPopover = this.el;\n childEl.anchor = this.anchor;\n childEl.ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n childEl.openFromParent();\n childEl.submenuLevel = this.submenuLevel + 1;\n // Set the label in the submenu using the label of the menu item that has emitted the event\n childEl.parentLabel = target.label;\n }\n handleClick(ev) {\n if (this.open && this.isNotPopoverMenuEl(ev)) {\n // If menu is open and the next click on the document is not a popover El, close the popover\n this.closeMenu();\n }\n }\n // Manages the keyboard navigation in the popover menu\n handleKeyDown(ev) {\n switch (ev.key) {\n case \"ArrowDown\":\n ev.preventDefault();\n this.currentFocus = this.getNextItemToSelect(this.currentFocus, true);\n this.setButtonFocus();\n break;\n case \"ArrowUp\":\n ev.preventDefault();\n this.currentFocus = this.getNextItemToSelect(this.currentFocus, false);\n this.setButtonFocus();\n break;\n case \"Home\":\n //Sets home focus as first element, or back button\n this.currentFocus = 0;\n this.setButtonFocus();\n break;\n case \"End\":\n //Sets end focus as last element\n this.currentFocus = this.popoverMenuEls.length - 1;\n this.setButtonFocus();\n break;\n case \"Escape\":\n case \"Tab\":\n if (this.open) {\n this.closeMenu(true);\n this.el.blur();\n }\n break;\n }\n }\n /**\n * @internal Opens the menu from the child menu.\n */\n async openFromChild() {\n this.open = true;\n this.openingFromChild = true;\n setTimeout(() => (this.openingFromChild = false), 1000);\n }\n /**\n * @internal Opens the menu from the parent menu.\n */\n async openFromParent() {\n this.open = true;\n this.openingFromParent = true;\n setTimeout(() => (this.openingFromParent = false), 1000);\n }\n render() {\n return (h(Host, { class: { open: this.open } }, h(\"div\", { id: this.parentPopover === undefined\n ? `ic-popover-submenu-${this.submenuId}`\n : \"\", class: {\n menu: true,\n }, tabindex: open ? \"0\" : \"-1\" }, h(\"div\", { class: {\n \"opening-from-parent\": this.openingFromParent,\n \"opening-from-child\": this.openingFromChild,\n } }, isPropDefined(this.submenuId) && (h(\"div\", null, h(\"ic-menu-item\", { class: \"ic-popover-submenu-back-button\", ref: (el) => (this.backButton = el), label: \"Back\", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, h(\"svg\", { slot: \"icon\", viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", class: \"submenu-back-icon\" }, h(\"path\", { d: \"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z\", fill: \"currentColor\" }))), h(\"ic-typography\", { variant: \"subtitle-small\", class: \"parent-label\" }, this.parentLabel))), h(\"ul\", { class: \"button\", \"aria-label\": this.getMenuAriaLabel(), role: \"menu\", \"aria-owns\": isPropDefined(this.submenuId)\n ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n : false, \"aria-controls\": isPropDefined(this.submenuId)\n ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n : false }, h(\"slot\", null))))));\n }\n static get is() { return \"ic-popover-menu\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-popover-menu.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-popover-menu.css\"]\n };\n }\n static get properties() {\n return {\n \"anchor\": {\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 ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.\"\n },\n \"attribute\": \"anchor\",\n \"reflect\": false\n },\n \"parentLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The parent popover menu of a child popover menu.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"parent-label\",\n \"reflect\": false\n },\n \"parentPopover\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"HTMLIcPopoverMenuElement\",\n \"resolved\": \"HTMLIcPopoverMenuElement\",\n \"references\": {\n \"HTMLIcPopoverMenuElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLIcPopoverMenuElement\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The parent popover menu of a child popover menu.\"\n }],\n \"text\": \"\"\n }\n },\n \"submenuId\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The unique identifier for a popover submenu.\"\n },\n \"attribute\": \"submenu-id\",\n \"reflect\": false\n },\n \"submenuLevel\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"The level of menu being displayed.\"\n }],\n \"text\": \"\"\n },\n \"attribute\": \"submenu-level\",\n \"reflect\": false,\n \"defaultValue\": \"1\"\n },\n \"open\": {\n \"type\": \"boolean\",\n \"mutable\": true,\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 popover menu will be displayed.\"\n },\n \"attribute\": \"open\",\n \"reflect\": true,\n \"defaultValue\": \"undefined\"\n }\n };\n }\n static get states() {\n return {\n \"openingFromChild\": {},\n \"openingFromParent\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"icPopoverClosed\",\n \"name\": \"icPopoverClosed\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the popover menu is closed.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"openFromChild\": {\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\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Opens the menu from the child menu.\"\n }]\n }\n },\n \"openFromParent\": {\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\": \"\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Opens the menu from the parent menu.\"\n }]\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\": \"handleMenuItemClick\",\n \"method\": \"handleMenuItemClick\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"triggerPopoverMenuInstance\",\n \"method\": \"handleSubmenuChange\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"click\",\n \"method\": \"handleClick\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"keydown\",\n \"method\": \"handleKeyDown\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-popover-menu.js.map\n"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{r as e,c as t,h as o,H as i,g as r}from"./p-8455d1bb.js";import{e as n,I as a,u as s,f as l,i as c,v as d}from"./p-
|
2
|
-
//# sourceMappingURL=p-
|
1
|
+
import{r as e,c as t,h as o,H as i,g as r}from"./p-8455d1bb.js";import{e as n,I as a,u as s,f as l,i as c,v as d}from"./p-e0102744.js";import{I as p}from"./p-fd186591.js";const m='/*! 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;--footer-compliance-padding:1rem 0}:host(.footer-sparse){--footer-links-padding:1.5rem 0;--footer-logo-margin-bottom:var(--ic-space-lg);--footer-link-inner-flex-direction:row}:host(.footer-small){--footer-links-padding:0 0;--footer-logo-margin-bottom:var(--ic-space-md);--footer-link-inner-flex-direction:column}:host(.footer-light){--footer-theme-secondary:var(--ic-theme-secondary);--footer-theme-tertiary:var(--ic-theme-tertiary);--footer-keyline:var(--ic-keyline-lighten)}:host(.footer-dark){--footer-theme-secondary:var(--ic-theme-secondary-light);--footer-theme-tertiary:var(--ic-theme-tertiary-light);--footer-keyline:var(--ic-keyline-darken)}:host(.footer-small.footer-ungrouped){--footer-links-padding:var(--ic-space-md) 0 0 0}footer{display:flex;flex-direction:column;width:100%}.footer-description{background-color:var(--footer-theme-secondary);color:var(--ic-theme-text);border-bottom:var(--footer-keyline)}.footer-description-inner{padding:1rem 0}.footer-links{padding:var(--footer-links-padding);background-color:var(--footer-theme-secondary);color:var(--ic-theme-text)}.footer-links-inner{display:flex;flex-direction:var(--footer-link-inner-flex-direction)}.footer-compliance{background-color:var(--footer-theme-tertiary);color:var(--ic-theme-text)}.footer-compliance-inner{padding:var(--footer-compliance-padding)}.footer-logo{margin-bottom:var(--footer-logo-margin-bottom);display:flex;gap:var(--ic-space-xxl)}.footer-logo>::slotted(){margin-right:var(--ic-space-md)}.footer-caption{margin-bottom:var(--ic-space-md)}.classification-spacing{margin-bottom:var(--ic-space-lg)}@media (forced-colors: active){footer{border-top:var(--ic-hc-border)}}';const f=class{constructor(o){e(this,o);this.footerResized=t(this,"footerResized",7);this.resizeObserver=null;this.resizeObserverCallback=e=>{if(e!==this.deviceSize){this.deviceSize=e}this.footerResized.emit()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const e=n();this.resizeObserverCallback(e)}));this.resizeObserver.observe(this.footerEl)};this.deviceSize=a.XL;this.foregroundColor=s();this.aligned="left";this.breakpoint="medium";this.caption=undefined;this.copyright=true;this.description=undefined;this.groupLinks=false}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.deviceSize=n()}componentDidLoad(){l(this.runResizeObserver)}themeChangeHandler(e){const t=e.detail;this.foregroundColor=t.mode}isSmall(){const e=this.breakpoint;return e==="extra small"?this.deviceSize<a.XS:e==="small"?this.deviceSize<a.S:e==="medium"?this.deviceSize<a.M:e==="large"?this.deviceSize<a.L:e==="extra large"?this.deviceSize<a.XL:false}render(){const{aligned:e,caption:t,copyright:r,description:n,groupLinks:s,foregroundColor:l}=this;const m=this.isSmall();return o(i,{class:{footer:true,[`footer-${m?"small":"sparse"}`]:true,[`footer-${s?"grouped":"ungrouped"}`]:true,[`footer-${l}`]:true,[p.Dark]:l===p.Dark,[p.Light]:l===p.Light}},o("footer",{ref:e=>this.footerEl=e},n&&o("div",{class:"footer-description"},o("ic-section-container",{aligned:e,fullHeight:true},o("div",{class:"footer-description-inner"},o("ic-typography",{variant:"body"},o("slot",{name:"description"},n))))),c(this.el,"link")&&o("div",{class:"footer-links"},s&&m?o("div",{class:"footer-links-inner"},o("slot",{name:"link"})):o("ic-section-container",{fullHeight:true,aligned:e},o("div",{class:"footer-links-inner"},o("slot",{name:"link"})))),o("div",{class:"footer-compliance"},o("ic-section-container",{aligned:e,fullHeight:true},o("div",{class:"footer-compliance-inner"},c(this.el,"logo")&&o("div",{class:"footer-logo"},o("slot",{name:"logo"})),(c(this.el,"caption")||t)&&o("div",{class:"footer-caption"},o("ic-typography",{variant:this.deviceSize<=a.M?"caption":"body"},o("slot",{name:"caption"},t))),r&&o("div",{class:{["footer-copyright"]:true,["classification-spacing"]:d()}},o("ic-typography",{variant:this.deviceSize<=a.M?"caption-uppercase":"label-uppercase"},"© Crown Copyright")))))))}get el(){return r(this)}};f.style=m;export{f as ic_footer};
|
2
|
+
//# sourceMappingURL=p-eb922333.entry.js.map
|