@swisspost/design-system-components 1.7.1 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +183 -185
- package/README.md +1 -1
- package/dist/cjs/check-non-empty-eeaa8f77.js +0 -2
- package/dist/cjs/constants-238701d3.js +0 -2
- package/dist/cjs/fade-35a3633a.js +0 -2
- package/dist/cjs/index-8c288b1a.js +0 -2
- package/dist/cjs/{index-c07c0cdb.js → index-f243643b.js} +38 -8
- package/dist/cjs/index.cjs.js +15 -15
- package/dist/cjs/loader.cjs.js +2 -4
- package/dist/cjs/package-0645dd08.js +5 -0
- package/dist/cjs/post-accordion-64aa88cf.js +87 -0
- package/dist/cjs/post-accordion-item-51df1dfa.js +51 -0
- package/dist/cjs/post-accordion-item.cjs.entry.js +13 -0
- package/dist/cjs/post-accordion.cjs.entry.js +3 -5
- package/dist/cjs/{post-alert-39ac30a4.js → post-alert-ac59385a.js} +9 -12
- package/dist/cjs/post-alert.cjs.entry.js +3 -5
- package/dist/cjs/post-collapsible-84416953.js +83 -0
- package/dist/cjs/post-collapsible.cjs.entry.js +3 -5
- package/dist/cjs/post-components.cjs.js +3 -5
- package/dist/cjs/{post-icon-53e50c15.js → post-icon-5fc20211.js} +5 -6
- package/dist/cjs/post-icon.cjs.entry.js +3 -5
- package/dist/cjs/{post-popover-5a75c1b2.js → post-popover-be868244.js} +5 -6
- package/dist/cjs/post-popover.cjs.entry.js +3 -5
- package/dist/cjs/{post-popovercontainer-84378594.js → post-popovercontainer-cc5fa030.js} +118 -30
- package/dist/cjs/post-popovercontainer.cjs.entry.js +3 -5
- package/dist/cjs/{post-tab-header-02c6e31e.js → post-tab-header-5a7070e9.js} +5 -6
- package/dist/cjs/post-tab-header.cjs.entry.js +3 -5
- package/dist/cjs/{post-tab-panel-3973b707.js → post-tab-panel-1143ea40.js} +5 -6
- package/dist/cjs/post-tab-panel.cjs.entry.js +3 -5
- package/dist/cjs/{post-tabs-7a4fead7.js → post-tabs-7ef36ff6.js} +5 -6
- package/dist/cjs/post-tabs.cjs.entry.js +3 -5
- package/dist/cjs/{post-tooltip-79a9c96d.js → post-tooltip-45784e17.js} +1732 -358
- package/dist/cjs/post-tooltip.cjs.entry.js +3 -5
- package/dist/collection/animations/collapse.js +10 -6
- package/dist/collection/animations/fade.js +0 -1
- package/dist/collection/animations/index.js +0 -1
- package/dist/collection/collection-manifest.json +3 -2
- package/dist/collection/components/post-accordion/post-accordion.js +40 -37
- package/dist/collection/components/{post-collapsible → post-accordion-item}/heading-levels.js +0 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -0
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +145 -0
- package/dist/collection/components/post-alert/alert-types.js +0 -1
- package/dist/collection/components/post-alert/post-alert.css +1 -1
- package/dist/collection/components/post-alert/post-alert.js +10 -8
- package/dist/collection/components/post-collapsible/post-collapsible.css +1 -1
- package/dist/collection/components/post-collapsible/post-collapsible.js +10 -49
- package/dist/collection/components/post-icon/post-icon.js +1 -2
- package/dist/collection/components/post-popover/post-popover.js +5 -3
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +6 -4
- package/dist/collection/components/post-tab-header/post-tab-header.js +4 -2
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +4 -2
- package/dist/collection/components/post-tabs/post-tabs.js +5 -2
- package/dist/collection/components/post-tooltip/post-tooltip.css +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +28 -5
- package/dist/collection/components/post-tooltip/types.js +0 -1
- package/dist/collection/index.js +1 -1
- package/dist/collection/index.spec.js +27 -0
- package/dist/collection/utils/index.js +0 -1
- package/dist/collection/utils/is-motion-reduced.js +0 -1
- package/dist/collection/utils/property-checkers/check-non-empty.js +0 -1
- package/dist/collection/utils/property-checkers/check-one-of.js +0 -1
- package/dist/collection/utils/property-checkers/check-pattern.js +0 -1
- package/dist/collection/utils/property-checkers/check-type.js +0 -1
- package/dist/collection/utils/property-checkers/constants.js +0 -1
- package/dist/collection/utils/property-checkers/empty-or.js +0 -1
- package/dist/collection/utils/property-checkers/index.js +0 -1
- package/dist/components/check-non-empty.js +0 -2
- package/dist/components/constants.js +0 -2
- package/dist/components/fade.js +0 -2
- package/dist/components/index.js +1 -2
- package/dist/components/index2.js +1 -3
- package/dist/components/package.js +1 -3
- package/dist/components/post-accordion-item.d.ts +11 -0
- package/dist/components/post-accordion-item.js +6 -0
- package/dist/components/post-accordion-item2.js +78 -0
- package/dist/components/post-accordion.js +0 -2
- package/dist/components/post-accordion2.js +35 -35
- package/dist/components/post-alert.js +0 -2
- package/dist/components/post-alert2.js +8 -11
- package/dist/components/post-collapsible.js +0 -2
- package/dist/components/post-collapsible2.js +18 -32
- package/dist/components/post-icon.js +0 -2
- package/dist/components/post-icon2.js +4 -5
- package/dist/components/post-popover.js +0 -2
- package/dist/components/post-popover2.js +3 -4
- package/dist/components/post-popovercontainer.js +0 -2
- package/dist/components/post-popovercontainer2.js +116 -28
- package/dist/components/post-tab-header.js +0 -2
- package/dist/components/post-tab-header2.js +3 -4
- package/dist/components/post-tab-panel.js +0 -2
- package/dist/components/post-tab-panel2.js +3 -4
- package/dist/components/post-tabs.js +0 -2
- package/dist/components/post-tabs2.js +3 -4
- package/dist/components/post-tooltip.js +0 -2
- package/dist/components/post-tooltip2.js +1732 -357
- package/dist/docs.json +342 -93
- package/dist/esm/check-non-empty-58bd6b17.js +0 -2
- package/dist/esm/constants-8d548297.js +0 -2
- package/dist/esm/fade-7fd71785.js +0 -2
- package/dist/esm/{index-35998e08.js → index-1708db56.js} +38 -8
- package/dist/esm/{index-1427953c.js → index-b444db27.js} +1 -3
- package/dist/esm/index.js +15 -16
- package/dist/esm/loader.js +3 -5
- package/dist/esm/package-37a68f71.js +3 -0
- package/dist/esm/post-accordion-8872dc1b.js +85 -0
- package/dist/esm/post-accordion-item-02b9f01c.js +49 -0
- package/dist/esm/post-accordion-item.entry.js +5 -0
- package/dist/esm/post-accordion.entry.js +3 -5
- package/dist/esm/{post-alert-5e352303.js → post-alert-1a766c15.js} +10 -13
- package/dist/esm/post-alert.entry.js +4 -6
- package/dist/esm/post-collapsible-1f23fe7d.js +81 -0
- package/dist/esm/post-collapsible.entry.js +4 -6
- package/dist/esm/post-components.js +4 -6
- package/dist/esm/{post-icon-fdda3f99.js → post-icon-2ec2127e.js} +6 -7
- package/dist/esm/post-icon.entry.js +4 -6
- package/dist/esm/{post-popover-ff2c259f.js → post-popover-f6029c96.js} +5 -6
- package/dist/esm/post-popover.entry.js +3 -5
- package/dist/esm/{post-popovercontainer-f4cd18cd.js → post-popovercontainer-4a48161f.js} +118 -30
- package/dist/esm/post-popovercontainer.entry.js +3 -5
- package/dist/esm/{post-tab-header-486b267b.js → post-tab-header-63676360.js} +5 -6
- package/dist/esm/post-tab-header.entry.js +3 -5
- package/dist/esm/{post-tab-panel-13940300.js → post-tab-panel-da24046f.js} +5 -6
- package/dist/esm/post-tab-panel.entry.js +3 -5
- package/dist/esm/{post-tabs-6f44ed1d.js → post-tabs-21a5dfeb.js} +5 -6
- package/dist/esm/post-tabs.entry.js +3 -5
- package/dist/esm/{post-tooltip-1d99cd0c.js → post-tooltip-4f4f87b4.js} +1732 -358
- package/dist/esm/post-tooltip.entry.js +3 -5
- package/dist/post-components/index.esm.js +1 -2
- package/dist/post-components/p-0b46c9ba.entry.js +1 -0
- package/dist/post-components/p-10b4cf7a.js +2 -0
- package/dist/post-components/p-21557c34.js +15 -0
- package/dist/post-components/p-2737eaf5.js +1 -2
- package/dist/post-components/p-2b67b933.js +1 -0
- package/dist/post-components/p-440193f4.js +1 -2
- package/dist/post-components/p-47fd6eb0.js +1 -0
- package/dist/post-components/p-548ee455.entry.js +1 -0
- package/dist/post-components/p-63b6c589.entry.js +1 -0
- package/dist/post-components/p-66f346fb.entry.js +1 -0
- package/dist/post-components/p-73a7d4f9.js +1 -0
- package/dist/post-components/p-7973e3e4.js +1 -0
- package/dist/post-components/p-829f9eaf.entry.js +1 -0
- package/dist/post-components/p-82facb04.js +1 -0
- package/dist/post-components/p-8aa01298.js +1 -0
- package/dist/post-components/p-9170d84d.entry.js +1 -0
- package/dist/post-components/p-959f83c0.entry.js +1 -0
- package/dist/post-components/p-9bc7ed9e.entry.js +1 -0
- package/dist/post-components/p-a3fc7eaf.js +1 -0
- package/dist/post-components/p-a762b512.entry.js +1 -0
- package/dist/post-components/p-aee1750c.js +1 -0
- package/dist/post-components/p-b095519d.js +1 -2
- package/dist/post-components/p-c1c8f2ec.js +1 -0
- package/dist/post-components/p-ccd827a1.js +1 -0
- package/dist/post-components/p-d25e401c.entry.js +1 -0
- package/dist/post-components/p-e836df41.js +1 -0
- package/dist/post-components/p-f0e82e63.js +1 -0
- package/dist/post-components/p-f655856d.entry.js +1 -0
- package/dist/post-components/post-components.esm.js +1 -2
- package/dist/types/components/post-accordion/post-accordion.d.ts +11 -8
- package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +28 -0
- package/dist/types/components/post-alert/post-alert.d.ts +5 -0
- package/dist/types/components/post-collapsible/post-collapsible.d.ts +7 -10
- package/dist/types/components/post-popover/post-popover.d.ts +3 -0
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +3 -0
- package/dist/types/components/post-tab-header/post-tab-header.d.ts +3 -0
- package/dist/types/components/post-tab-panel/post-tab-panel.d.ts +3 -0
- package/dist/types/components/post-tabs/post-tabs.d.ts +4 -0
- package/dist/types/components/post-tooltip/post-tooltip.d.ts +7 -0
- package/dist/types/components.d.ts +51 -18
- package/dist/types/index.d.ts +1 -0
- package/package.json +21 -14
- package/dist/cjs/check-non-empty-eeaa8f77.js.map +0 -1
- package/dist/cjs/constants-238701d3.js.map +0 -1
- package/dist/cjs/fade-35a3633a.js.map +0 -1
- package/dist/cjs/index-8c288b1a.js.map +0 -1
- package/dist/cjs/index-c07c0cdb.js.map +0 -1
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/cjs/package-989e0b36.js +0 -7
- package/dist/cjs/package-989e0b36.js.map +0 -1
- package/dist/cjs/post-accordion-bc0c6f31.js +0 -87
- package/dist/cjs/post-accordion-bc0c6f31.js.map +0 -1
- package/dist/cjs/post-accordion.cjs.entry.js.map +0 -1
- package/dist/cjs/post-alert-39ac30a4.js.map +0 -1
- package/dist/cjs/post-alert.cjs.entry.js.map +0 -1
- package/dist/cjs/post-collapsible-85f8ace5.js +0 -93
- package/dist/cjs/post-collapsible-85f8ace5.js.map +0 -1
- package/dist/cjs/post-collapsible.cjs.entry.js.map +0 -1
- package/dist/cjs/post-components.cjs.js.map +0 -1
- package/dist/cjs/post-icon-53e50c15.js.map +0 -1
- package/dist/cjs/post-icon.cjs.entry.js.map +0 -1
- package/dist/cjs/post-popover-5a75c1b2.js.map +0 -1
- package/dist/cjs/post-popover.cjs.entry.js.map +0 -1
- package/dist/cjs/post-popovercontainer-84378594.js.map +0 -1
- package/dist/cjs/post-popovercontainer.cjs.entry.js.map +0 -1
- package/dist/cjs/post-tab-header-02c6e31e.js.map +0 -1
- package/dist/cjs/post-tab-header.cjs.entry.js.map +0 -1
- package/dist/cjs/post-tab-panel-3973b707.js.map +0 -1
- package/dist/cjs/post-tab-panel.cjs.entry.js.map +0 -1
- package/dist/cjs/post-tabs-7a4fead7.js.map +0 -1
- package/dist/cjs/post-tabs.cjs.entry.js.map +0 -1
- package/dist/cjs/post-tooltip-79a9c96d.js.map +0 -1
- package/dist/cjs/post-tooltip.cjs.entry.js.map +0 -1
- package/dist/collection/animations/collapse.js.map +0 -1
- package/dist/collection/animations/fade.js.map +0 -1
- package/dist/collection/animations/index.js.map +0 -1
- package/dist/collection/components/post-accordion/post-accordion.js.map +0 -1
- package/dist/collection/components/post-alert/alert-types.js.map +0 -1
- package/dist/collection/components/post-alert/post-alert.js.map +0 -1
- package/dist/collection/components/post-collapsible/heading-levels.js.map +0 -1
- package/dist/collection/components/post-collapsible/post-collapsible.js.map +0 -1
- package/dist/collection/components/post-icon/post-icon.js.map +0 -1
- package/dist/collection/components/post-popover/post-popover.js.map +0 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js.map +0 -1
- package/dist/collection/components/post-tab-header/post-tab-header.js.map +0 -1
- package/dist/collection/components/post-tab-panel/post-tab-panel.js.map +0 -1
- package/dist/collection/components/post-tabs/post-tabs.js.map +0 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js.map +0 -1
- package/dist/collection/components/post-tooltip/types.js.map +0 -1
- package/dist/collection/index.js.map +0 -1
- package/dist/collection/utils/index.js.map +0 -1
- package/dist/collection/utils/is-motion-reduced.js.map +0 -1
- package/dist/collection/utils/property-checkers/check-non-empty.js.map +0 -1
- package/dist/collection/utils/property-checkers/check-one-of.js.map +0 -1
- package/dist/collection/utils/property-checkers/check-pattern.js.map +0 -1
- package/dist/collection/utils/property-checkers/check-type.js.map +0 -1
- package/dist/collection/utils/property-checkers/constants.js.map +0 -1
- package/dist/collection/utils/property-checkers/empty-or.js.map +0 -1
- package/dist/collection/utils/property-checkers/index.js.map +0 -1
- package/dist/components/check-non-empty.js.map +0 -1
- package/dist/components/constants.js.map +0 -1
- package/dist/components/fade.js.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/index2.js.map +0 -1
- package/dist/components/package.js.map +0 -1
- package/dist/components/post-accordion.js.map +0 -1
- package/dist/components/post-accordion2.js.map +0 -1
- package/dist/components/post-alert.js.map +0 -1
- package/dist/components/post-alert2.js.map +0 -1
- package/dist/components/post-collapsible.js.map +0 -1
- package/dist/components/post-collapsible2.js.map +0 -1
- package/dist/components/post-icon.js.map +0 -1
- package/dist/components/post-icon2.js.map +0 -1
- package/dist/components/post-popover.js.map +0 -1
- package/dist/components/post-popover2.js.map +0 -1
- package/dist/components/post-popovercontainer.js.map +0 -1
- package/dist/components/post-popovercontainer2.js.map +0 -1
- package/dist/components/post-tab-header.js.map +0 -1
- package/dist/components/post-tab-header2.js.map +0 -1
- package/dist/components/post-tab-panel.js.map +0 -1
- package/dist/components/post-tab-panel2.js.map +0 -1
- package/dist/components/post-tabs.js.map +0 -1
- package/dist/components/post-tabs2.js.map +0 -1
- package/dist/components/post-tooltip.js.map +0 -1
- package/dist/components/post-tooltip2.js.map +0 -1
- package/dist/esm/check-non-empty-58bd6b17.js.map +0 -1
- package/dist/esm/constants-8d548297.js.map +0 -1
- package/dist/esm/fade-7fd71785.js.map +0 -1
- package/dist/esm/index-1427953c.js.map +0 -1
- package/dist/esm/index-35998e08.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/package-e13ef9ad.js +0 -5
- package/dist/esm/package-e13ef9ad.js.map +0 -1
- package/dist/esm/post-accordion-8e96598a.js +0 -85
- package/dist/esm/post-accordion-8e96598a.js.map +0 -1
- package/dist/esm/post-accordion.entry.js.map +0 -1
- package/dist/esm/post-alert-5e352303.js.map +0 -1
- package/dist/esm/post-alert.entry.js.map +0 -1
- package/dist/esm/post-collapsible-3cc5dd87.js +0 -91
- package/dist/esm/post-collapsible-3cc5dd87.js.map +0 -1
- package/dist/esm/post-collapsible.entry.js.map +0 -1
- package/dist/esm/post-components.js.map +0 -1
- package/dist/esm/post-icon-fdda3f99.js.map +0 -1
- package/dist/esm/post-icon.entry.js.map +0 -1
- package/dist/esm/post-popover-ff2c259f.js.map +0 -1
- package/dist/esm/post-popover.entry.js.map +0 -1
- package/dist/esm/post-popovercontainer-f4cd18cd.js.map +0 -1
- package/dist/esm/post-popovercontainer.entry.js.map +0 -1
- package/dist/esm/post-tab-header-486b267b.js.map +0 -1
- package/dist/esm/post-tab-header.entry.js.map +0 -1
- package/dist/esm/post-tab-panel-13940300.js.map +0 -1
- package/dist/esm/post-tab-panel.entry.js.map +0 -1
- package/dist/esm/post-tabs-6f44ed1d.js.map +0 -1
- package/dist/esm/post-tabs.entry.js.map +0 -1
- package/dist/esm/post-tooltip-1d99cd0c.js.map +0 -1
- package/dist/esm/post-tooltip.entry.js.map +0 -1
- package/dist/post-components/index.esm.js.map +0 -1
- package/dist/post-components/p-169b8ef7.entry.js +0 -2
- package/dist/post-components/p-169b8ef7.entry.js.map +0 -1
- package/dist/post-components/p-2737eaf5.js.map +0 -1
- package/dist/post-components/p-28be44d7.js +0 -2
- package/dist/post-components/p-28be44d7.js.map +0 -1
- package/dist/post-components/p-3ef3a1d2.js +0 -2
- package/dist/post-components/p-3ef3a1d2.js.map +0 -1
- package/dist/post-components/p-440193f4.js.map +0 -1
- package/dist/post-components/p-4b94c2a1.entry.js +0 -2
- package/dist/post-components/p-4b94c2a1.entry.js.map +0 -1
- package/dist/post-components/p-4cbb5212.entry.js +0 -2
- package/dist/post-components/p-4cbb5212.entry.js.map +0 -1
- package/dist/post-components/p-51ae6f46.entry.js +0 -2
- package/dist/post-components/p-51ae6f46.entry.js.map +0 -1
- package/dist/post-components/p-668bf58c.entry.js +0 -2
- package/dist/post-components/p-668bf58c.entry.js.map +0 -1
- package/dist/post-components/p-67d0a4fa.entry.js +0 -2
- package/dist/post-components/p-67d0a4fa.entry.js.map +0 -1
- package/dist/post-components/p-6b3a5063.entry.js +0 -2
- package/dist/post-components/p-6b3a5063.entry.js.map +0 -1
- package/dist/post-components/p-6cdc82c6.js +0 -2
- package/dist/post-components/p-6cdc82c6.js.map +0 -1
- package/dist/post-components/p-723336f2.js +0 -2
- package/dist/post-components/p-723336f2.js.map +0 -1
- package/dist/post-components/p-7d08e4f1.js +0 -2
- package/dist/post-components/p-7d08e4f1.js.map +0 -1
- package/dist/post-components/p-81591ad0.js +0 -3
- package/dist/post-components/p-81591ad0.js.map +0 -1
- package/dist/post-components/p-96f4ebc4.js +0 -2
- package/dist/post-components/p-96f4ebc4.js.map +0 -1
- package/dist/post-components/p-9b1b6e06.entry.js +0 -2
- package/dist/post-components/p-9b1b6e06.entry.js.map +0 -1
- package/dist/post-components/p-a5a23448.js +0 -2
- package/dist/post-components/p-a5a23448.js.map +0 -1
- package/dist/post-components/p-aca6e9c1.js +0 -2
- package/dist/post-components/p-aca6e9c1.js.map +0 -1
- package/dist/post-components/p-b095519d.js.map +0 -1
- package/dist/post-components/p-bc27f061.js +0 -9
- package/dist/post-components/p-bc27f061.js.map +0 -1
- package/dist/post-components/p-bd1d0117.js +0 -2
- package/dist/post-components/p-bd1d0117.js.map +0 -1
- package/dist/post-components/p-d3ed113e.js +0 -2
- package/dist/post-components/p-d3ed113e.js.map +0 -1
- package/dist/post-components/p-d8365401.entry.js +0 -2
- package/dist/post-components/p-d8365401.entry.js.map +0 -1
- package/dist/post-components/p-e78d158d.entry.js +0 -2
- package/dist/post-components/p-e78d158d.entry.js.map +0 -1
- package/dist/post-components/p-f695aab4.js +0 -2
- package/dist/post-components/p-f695aab4.js.map +0 -1
- package/dist/post-components/post-components.esm.js.map +0 -1
- /package/dist/types/components/{post-collapsible → post-accordion-item}/heading-levels.d.ts +0 -0
|
@@ -1,33 +1,25 @@
|
|
|
1
1
|
import { h, Host, } from "@stencil/core";
|
|
2
2
|
import { version } from "../../../package.json";
|
|
3
3
|
import { collapse, expand } from "../../animations/collapse";
|
|
4
|
-
import {
|
|
5
|
-
|
|
4
|
+
import { checkEmptyOrType, isMotionReduced } from "../../utils";
|
|
5
|
+
/**
|
|
6
|
+
* @slot default - Slot for placing content within the collapsible element.
|
|
7
|
+
*/
|
|
6
8
|
export class PostCollapsible {
|
|
7
9
|
constructor() {
|
|
8
10
|
this.isLoaded = false;
|
|
9
11
|
this.id = undefined;
|
|
10
12
|
this.isOpen = true;
|
|
11
|
-
this.hasHeader = undefined;
|
|
12
|
-
this.headingTag = undefined;
|
|
13
13
|
this.collapsed = false;
|
|
14
|
-
this.headingLevel = 2;
|
|
15
14
|
}
|
|
16
15
|
validateCollapsed(newValue = this.collapsed) {
|
|
17
16
|
checkEmptyOrType(newValue, 'boolean', 'The `collapsed` property of the `post-collapsible` must be a boolean.');
|
|
18
17
|
}
|
|
19
|
-
validateHeadingLevel(newValue = this.headingLevel) {
|
|
20
|
-
checkEmptyOrOneOf(newValue, HEADING_LEVELS, 'The `headingLevel` property of the `post-collapsible` must be a number between 1 and 6.');
|
|
21
|
-
}
|
|
22
18
|
connectedCallback() {
|
|
23
19
|
this.validateCollapsed();
|
|
24
|
-
this.validateHeadingLevel();
|
|
25
20
|
}
|
|
26
21
|
componentWillRender() {
|
|
27
|
-
var _a;
|
|
28
22
|
this.id = this.host.id || `c${crypto.randomUUID()}`;
|
|
29
|
-
this.hasHeader = this.host.querySelectorAll('[slot="header"]').length > 0;
|
|
30
|
-
this.headingTag = `h${(_a = this.headingLevel) !== null && _a !== void 0 ? _a : 2}`;
|
|
31
23
|
}
|
|
32
24
|
componentDidLoad() {
|
|
33
25
|
if (this.collapsed)
|
|
@@ -44,7 +36,7 @@ export class PostCollapsible {
|
|
|
44
36
|
return open;
|
|
45
37
|
this.isOpen = !this.isOpen;
|
|
46
38
|
if (this.isLoaded)
|
|
47
|
-
this.collapseChange.emit();
|
|
39
|
+
this.collapseChange.emit(this.isOpen);
|
|
48
40
|
const animation = open ? expand(this.collapsible) : collapse(this.collapsible);
|
|
49
41
|
if (!this.isLoaded || isMotionReduced())
|
|
50
42
|
animation.finish();
|
|
@@ -53,8 +45,7 @@ export class PostCollapsible {
|
|
|
53
45
|
return this.isOpen;
|
|
54
46
|
}
|
|
55
47
|
render() {
|
|
56
|
-
|
|
57
|
-
return (h(Host, { id: this.id, "data-version": version }, this.hasHeader ? (h("div", { part: "accordion-item", class: "accordion-item" }, h(this.headingTag, { class: "accordion-header", id: `${this.id}--header` }, h("button", { "aria-controls": `${this.id}--collapse`, "aria-expanded": `${this.isOpen}`, class: `accordion-button${this.isOpen ? '' : ' collapsed'}`, onClick: () => this.toggle(), type: "button" }, h("slot", { name: "header" }))), collapse)) : (collapse)));
|
|
48
|
+
return (h(Host, { key: 'cf0622c0844054ac31023781a393b174ac263397', id: this.id, "data-version": version }, h("div", { key: '4138a3402559b59bc2994eace597bbf27623f806', class: "collapse", id: `${this.id}--collapse`, ref: el => (this.collapsible = el) }, h("slot", { key: '9a6fd61dcc0925b8ac1bf2353c4a093ae23fac22' }))));
|
|
58
49
|
}
|
|
59
50
|
static get is() { return "post-collapsible"; }
|
|
60
51
|
static get encapsulation() { return "shadow"; }
|
|
@@ -87,39 +78,13 @@ export class PostCollapsible {
|
|
|
87
78
|
"attribute": "collapsed",
|
|
88
79
|
"reflect": false,
|
|
89
80
|
"defaultValue": "false"
|
|
90
|
-
},
|
|
91
|
-
"headingLevel": {
|
|
92
|
-
"type": "number",
|
|
93
|
-
"mutable": false,
|
|
94
|
-
"complexType": {
|
|
95
|
-
"original": "HeadingLevel",
|
|
96
|
-
"resolved": "1 | 2 | 3 | 4 | 5 | 6",
|
|
97
|
-
"references": {
|
|
98
|
-
"HeadingLevel": {
|
|
99
|
-
"location": "import",
|
|
100
|
-
"path": "./heading-levels",
|
|
101
|
-
"id": "src/components/post-collapsible/heading-levels.ts::HeadingLevel"
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
"required": false,
|
|
106
|
-
"optional": true,
|
|
107
|
-
"docs": {
|
|
108
|
-
"tags": [],
|
|
109
|
-
"text": "Defines the hierarchical level of the collapsible header within the headings structure."
|
|
110
|
-
},
|
|
111
|
-
"attribute": "heading-level",
|
|
112
|
-
"reflect": false,
|
|
113
|
-
"defaultValue": "2"
|
|
114
81
|
}
|
|
115
82
|
};
|
|
116
83
|
}
|
|
117
84
|
static get states() {
|
|
118
85
|
return {
|
|
119
86
|
"id": {},
|
|
120
|
-
"isOpen": {}
|
|
121
|
-
"hasHeader": {},
|
|
122
|
-
"headingTag": {}
|
|
87
|
+
"isOpen": {}
|
|
123
88
|
};
|
|
124
89
|
}
|
|
125
90
|
static get events() {
|
|
@@ -131,11 +96,11 @@ export class PostCollapsible {
|
|
|
131
96
|
"composed": true,
|
|
132
97
|
"docs": {
|
|
133
98
|
"tags": [],
|
|
134
|
-
"text": "An event emitted when the collapse element is shown or hidden, before the transition
|
|
99
|
+
"text": "An event emitted when the collapse element is shown or hidden, before the transition.\n\nThe event payload is a boolean: `true` if the collapsible was opened, `false` if it was closed."
|
|
135
100
|
},
|
|
136
101
|
"complexType": {
|
|
137
|
-
"original": "
|
|
138
|
-
"resolved": "
|
|
102
|
+
"original": "boolean",
|
|
103
|
+
"resolved": "boolean",
|
|
139
104
|
"references": {}
|
|
140
105
|
}
|
|
141
106
|
}];
|
|
@@ -170,10 +135,6 @@ export class PostCollapsible {
|
|
|
170
135
|
return [{
|
|
171
136
|
"propName": "collapsed",
|
|
172
137
|
"methodName": "validateCollapsed"
|
|
173
|
-
}, {
|
|
174
|
-
"propName": "headingLevel",
|
|
175
|
-
"methodName": "validateHeadingLevel"
|
|
176
138
|
}];
|
|
177
139
|
}
|
|
178
140
|
}
|
|
179
|
-
//# sourceMappingURL=post-collapsible.js.map
|
|
@@ -81,7 +81,7 @@ export class PostIcon {
|
|
|
81
81
|
})
|
|
82
82
|
.filter(([_key, value]) => value !== null)
|
|
83
83
|
.reduce((styles, [key, value]) => Object.assign(styles, { [key]: value }), {});
|
|
84
|
-
return (h(Host, { "data-version": version }, h("span", { style: svgStyles })));
|
|
84
|
+
return (h(Host, { key: '8a892fa9fa24e07995453e0e491328fde76dc496', "data-version": version }, h("span", { key: '14761a251eb0ab02df268aa23597151ccb71ebc8', style: svgStyles })));
|
|
85
85
|
}
|
|
86
86
|
static get is() { return "post-icon"; }
|
|
87
87
|
static get encapsulation() { return "shadow"; }
|
|
@@ -261,4 +261,3 @@ export class PostIcon {
|
|
|
261
261
|
}];
|
|
262
262
|
}
|
|
263
263
|
}
|
|
264
|
-
//# sourceMappingURL=post-icon.js.map
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { version } from "../../../package.json";
|
|
3
|
+
/**
|
|
4
|
+
* @slot default - Slot for placing content inside the popover.
|
|
5
|
+
*/
|
|
3
6
|
export class PostPopover {
|
|
4
7
|
constructor() {
|
|
5
8
|
this.placement = 'top';
|
|
@@ -101,7 +104,7 @@ export class PostPopover {
|
|
|
101
104
|
e.stopImmediatePropagation();
|
|
102
105
|
}
|
|
103
106
|
render() {
|
|
104
|
-
return (h(Host, { "data-version": version }, h("post-popovercontainer", { arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e), onPostPopoverToggled: e => this.onToggle(e) }, h("div", { class: "popover-container", onPointerDown: e => this.stopImmediatePropagation(e), onPointerUp: e => this.stopImmediatePropagation(e) }, h("div", { class: "popover-content" }, h("slot",
|
|
107
|
+
return (h(Host, { key: 'f1580a33b1a6398ce0f32ce76365a1cebe68ceeb', "data-version": version }, h("post-popovercontainer", { key: '3fbf43896d0cb2c4d35b18302a66097499aa31c0', arrow: this.arrow, placement: this.placement, ref: e => (this.popoverRef = e), onPostPopoverToggled: e => this.onToggle(e) }, h("div", { key: '3b698cdc50d72e59238a1dbc48aced03c0c7dc43', class: "popover-container", onPointerDown: e => this.stopImmediatePropagation(e), onPointerUp: e => this.stopImmediatePropagation(e) }, h("div", { key: '1e9f888bba7c54fa4ba956553e7668f3f37daa67', class: "popover-content" }, h("slot", { key: '433e2b5d75f7bf7b07ba2895c97fc362a98b653f' })), h("button", { key: 'ee88604aabea87068e5653a0d14111064c6e8829', class: "btn-close", onClick: () => this.hide() }, h("span", { key: 'f9fbd6ab73a99c293281c5a80e4c583fe5ca8f37', class: "visually-hidden" }, this.closeButtonCaption))))));
|
|
105
108
|
}
|
|
106
109
|
static get is() { return "post-popover"; }
|
|
107
110
|
static get encapsulation() { return "shadow"; }
|
|
@@ -127,7 +130,7 @@ export class PostPopover {
|
|
|
127
130
|
"Placement": {
|
|
128
131
|
"location": "import",
|
|
129
132
|
"path": "@floating-ui/dom",
|
|
130
|
-
"id": "../../node_modules/.pnpm/@floating-ui+dom@1.
|
|
133
|
+
"id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
|
|
131
134
|
}
|
|
132
135
|
}
|
|
133
136
|
},
|
|
@@ -264,4 +267,3 @@ export class PostPopover {
|
|
|
264
267
|
}
|
|
265
268
|
static get elementRef() { return "host"; }
|
|
266
269
|
}
|
|
267
|
-
//# sourceMappingURL=post-popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer polyfill{
|
|
1
|
+
@layer polyfill{@supports not selector(:popover-open){[popover]:not(.\:popover-open){display:none}}}.popover{box-shadow:.5px 3px 4px rgba(0,0,0,.1),2px 4px 10px 4px rgba(0,0,0,.12);position:fixed;z-index:1060;width:max-content;margin:0;padding:0;box-sizing:border-box;color:var(--post-contrast-color);background-color:rgb(var(--post-bg-rgb));border:1px solid rgba(0,0,0,0);border-radius:4px;overflow:visible}.arrow{position:absolute;width:.7071067812rem;height:.7071067812rem;background-color:inherit;rotate:45deg;pointer-events:none;z-index:-1;border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}
|
|
@@ -9,6 +9,9 @@ const SIDE_MAP = {
|
|
|
9
9
|
bottom: 'top',
|
|
10
10
|
left: 'right',
|
|
11
11
|
};
|
|
12
|
+
/**
|
|
13
|
+
* @slot - Default slot for placing content inside the popovercontainer.
|
|
14
|
+
*/
|
|
12
15
|
export class PostPopovercontainer {
|
|
13
16
|
constructor() {
|
|
14
17
|
this.placement = 'top';
|
|
@@ -119,9 +122,9 @@ export class PostPopovercontainer {
|
|
|
119
122
|
}
|
|
120
123
|
}
|
|
121
124
|
render() {
|
|
122
|
-
return (h(Host, { "data-version": version }, h("div", { class: "popover", part: "popover", ref: (el) => (this.popoverRef = el) }, this.arrow && (h("span", { class: "arrow", ref: el => {
|
|
125
|
+
return (h(Host, { key: 'e6eef7a0f4d801645e0f73d94796cdd8b6ae86ea', "data-version": version }, h("div", { key: 'cd520cc35be33aeb99158559132c187229aeefe4', class: "popover", part: "popover", ref: (el) => (this.popoverRef = el) }, this.arrow && (h("span", { class: "arrow", ref: el => {
|
|
123
126
|
this.arrowRef = el;
|
|
124
|
-
} })), h("slot",
|
|
127
|
+
} })), h("slot", { key: '78875aa9bcae3d3c1e0d9a49304e18fd09b50f41' }))));
|
|
125
128
|
}
|
|
126
129
|
static get is() { return "post-popovercontainer"; }
|
|
127
130
|
static get encapsulation() { return "shadow"; }
|
|
@@ -147,7 +150,7 @@ export class PostPopovercontainer {
|
|
|
147
150
|
"Placement": {
|
|
148
151
|
"location": "import",
|
|
149
152
|
"path": "@floating-ui/dom",
|
|
150
|
-
"id": "../../node_modules/.pnpm/@floating-ui+dom@1.
|
|
153
|
+
"id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
|
|
151
154
|
}
|
|
152
155
|
}
|
|
153
156
|
},
|
|
@@ -285,4 +288,3 @@ export class PostPopovercontainer {
|
|
|
285
288
|
}
|
|
286
289
|
static get elementRef() { return "host"; }
|
|
287
290
|
}
|
|
288
|
-
//# sourceMappingURL=post-popovercontainer.js.map
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { version } from "../../../package.json";
|
|
3
3
|
import { checkNonEmpty } from "../../utils";
|
|
4
|
+
/**
|
|
5
|
+
* @slot default - Slot for the content of the tab header.
|
|
6
|
+
*/
|
|
4
7
|
export class PostTabHeader {
|
|
5
8
|
constructor() {
|
|
6
9
|
this.tabId = undefined;
|
|
@@ -13,7 +16,7 @@ export class PostTabHeader {
|
|
|
13
16
|
this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;
|
|
14
17
|
}
|
|
15
18
|
render() {
|
|
16
|
-
return (h(Host, { "data-version": version }, h("button", { "aria-selected": "false", class: "tab-title", id: this.tabId, role: "tab", tabindex: "-1", type: "button" }, h("slot",
|
|
19
|
+
return (h(Host, { key: '5685ea424c0e59351a7df7e6b990740067f7e986', "data-version": version }, h("button", { key: 'f32ebddafa7450b081c88e44405f59396a0e6b97', "aria-selected": "false", class: "tab-title", id: this.tabId, role: "tab", tabindex: "-1", type: "button" }, h("slot", { key: '95022af953bbbaf41b5eac4594bf00dc4b12fb37' }))));
|
|
17
20
|
}
|
|
18
21
|
static get is() { return "post-tab-header"; }
|
|
19
22
|
static get encapsulation() { return "shadow"; }
|
|
@@ -66,4 +69,3 @@ export class PostTabHeader {
|
|
|
66
69
|
}];
|
|
67
70
|
}
|
|
68
71
|
}
|
|
69
|
-
//# sourceMappingURL=post-tab-header.js.map
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { version } from "../../../package.json";
|
|
3
|
+
/**
|
|
4
|
+
* @slot default - Slot for placing the content of the tab panel.
|
|
5
|
+
*/
|
|
3
6
|
export class PostTabPanel {
|
|
4
7
|
constructor() {
|
|
5
8
|
this.panelId = undefined;
|
|
@@ -10,7 +13,7 @@ export class PostTabPanel {
|
|
|
10
13
|
this.panelId = `panel-${this.host.id || crypto.randomUUID()}`;
|
|
11
14
|
}
|
|
12
15
|
render() {
|
|
13
|
-
return (h(Host, { "data-version": version }, h("div", { class: "tab-pane", id: this.panelId, role: "tabpanel" }, h("slot",
|
|
16
|
+
return (h(Host, { key: '95b6c12c52ef3aa66235d9c10e9c00730e1eb438', "data-version": version }, h("div", { key: '57dac4559c79ac5db11d6b945273b7126564f2d5', class: "tab-pane", id: this.panelId, role: "tabpanel" }, h("slot", { key: 'ee9c6c82a6e9cadb56d914c483bae83907709a17' }))));
|
|
14
17
|
}
|
|
15
18
|
static get is() { return "post-tab-panel"; }
|
|
16
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -52,4 +55,3 @@ export class PostTabPanel {
|
|
|
52
55
|
}
|
|
53
56
|
static get elementRef() { return "host"; }
|
|
54
57
|
}
|
|
55
|
-
//# sourceMappingURL=post-tab-panel.js.map
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
import { version } from "../../../package.json";
|
|
3
3
|
import { fadeIn, fadeOut } from "../../animations";
|
|
4
|
+
/**
|
|
5
|
+
* @slot tabs - Slot for placing tab headers. Each tab header should be a <post-tab-header> element.
|
|
6
|
+
* @slot default - Slot for placing tab panels. Each tab panel should be a <post-tab-panel> element.
|
|
7
|
+
*/
|
|
4
8
|
export class PostTabs {
|
|
5
9
|
constructor() {
|
|
6
10
|
this.isLoaded = false;
|
|
@@ -135,7 +139,7 @@ export class PostTabs {
|
|
|
135
139
|
nextTabTitle.focus();
|
|
136
140
|
}
|
|
137
141
|
render() {
|
|
138
|
-
return (h(Host, { "data-version": version }, h("div", { class: "tabs-wrapper" }, h("div", { class: "tabs", role: "tablist" }, h("slot", { name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { class: "tab-content" }, h("slot", { onSlotchange: () => this.moveMisplacedTabs() }))));
|
|
142
|
+
return (h(Host, { key: '9acb49f74c51e2d446dce1fcaef76049bcbaf97d', "data-version": version }, h("div", { key: 'dad67c5c56b0c158326cfd6d248bb3273398d93b', class: "tabs-wrapper" }, h("div", { key: '6110e4fd09185f7853503c1c399e16b8226ff032', class: "tabs", role: "tablist" }, h("slot", { key: '85028464cfdbd75d3fbfc27d672acef5acb68a49', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: 'abc56a3bc8a6f08066f0fe88048ed4281e05c30d', class: "tab-content" }, h("slot", { key: 'ecbbc08080d4a967448e620bdc9500162f6e6215', onSlotchange: () => this.moveMisplacedTabs() }))));
|
|
139
143
|
}
|
|
140
144
|
static get is() { return "post-tabs"; }
|
|
141
145
|
static get encapsulation() { return "shadow"; }
|
|
@@ -229,4 +233,3 @@ export class PostTabs {
|
|
|
229
233
|
}
|
|
230
234
|
static get elementRef() { return "host"; }
|
|
231
235
|
}
|
|
232
|
-
//# sourceMappingURL=post-tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:host{--post-contrast-color: #fff;--post-bg-rgb: 51, 51, 51}post-popovercontainer::part(popover){padding:.25rem .5rem}
|
|
1
|
+
:host{--post-contrast-color: #fff;--post-bg-rgb: 51, 51, 51}post-popovercontainer::part(popover){padding:.25rem .5rem;max-width:13.5rem;min-height:1rem}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
|
-
import isFocusable from "ally.js/
|
|
2
|
+
import isFocusable from "ally.js/is/focusable";
|
|
3
3
|
// Patch for long press on touch devices
|
|
4
4
|
import "long-press-event";
|
|
5
5
|
import { version } from "../../../package.json";
|
|
6
|
+
/**
|
|
7
|
+
* @slot default - Slot for the content of the tooltip.
|
|
8
|
+
*/
|
|
6
9
|
export class PostTooltip {
|
|
7
10
|
constructor() {
|
|
8
11
|
this.placement = 'top';
|
|
12
|
+
this.arrow = true;
|
|
9
13
|
// Create local versions of event handlers for de-registration
|
|
10
14
|
// https://stackoverflow.com/questions/33859113/javascript-removeeventlistener-not-working-inside-a-class
|
|
11
15
|
this.localShowTooltip = e => this.show(e.target);
|
|
@@ -13,7 +17,9 @@ export class PostTooltip {
|
|
|
13
17
|
}
|
|
14
18
|
connectedCallback() {
|
|
15
19
|
if (!this.host.id) {
|
|
16
|
-
throw new Error(
|
|
20
|
+
throw new Error(
|
|
21
|
+
/*prettier-ignore*/
|
|
22
|
+
'No id set: <post-tooltip> must have an id, linking it to it\'s target element using the data-tooltip-target attribute.');
|
|
17
23
|
}
|
|
18
24
|
if (!this.triggers) {
|
|
19
25
|
throw new Error(`No trigger found for <post-tooltip id="${this.host.id}">, please add the 'data-tooltip-target="${this.host.id}" attribute to the trigger element.`);
|
|
@@ -81,7 +87,7 @@ export class PostTooltip {
|
|
|
81
87
|
}
|
|
82
88
|
}
|
|
83
89
|
render() {
|
|
84
|
-
return (h(Host, { "data-version": version }, h("post-popovercontainer", { role: "tooltip", tabindex: "-1", arrow:
|
|
90
|
+
return (h(Host, { key: 'e4a9dcb08b0e468e83bc6655d1cbece256a5299c', "data-version": version }, h("post-popovercontainer", { key: '819cafc2521bc4d9a69fda5a30a24f1e6c158272', role: "tooltip", tabindex: "-1", arrow: this.arrow, placement: this.placement, ref: (el) => (this.popoverRef = el) }, h("slot", { key: '1432f96849a598a2be823acc7e96d70ab539df0c' }))));
|
|
85
91
|
}
|
|
86
92
|
static get is() { return "post-tooltip"; }
|
|
87
93
|
static get encapsulation() { return "shadow"; }
|
|
@@ -107,7 +113,7 @@ export class PostTooltip {
|
|
|
107
113
|
"Placement": {
|
|
108
114
|
"location": "import",
|
|
109
115
|
"path": "@floating-ui/dom",
|
|
110
|
-
"id": "../../node_modules/.pnpm/@floating-ui+dom@1.
|
|
116
|
+
"id": "../../node_modules/.pnpm/@floating-ui+dom@1.6.1/node_modules/@floating-ui/dom/dist/floating-ui.dom.d.ts::Placement"
|
|
111
117
|
}
|
|
112
118
|
}
|
|
113
119
|
},
|
|
@@ -120,6 +126,24 @@ export class PostTooltip {
|
|
|
120
126
|
"attribute": "placement",
|
|
121
127
|
"reflect": false,
|
|
122
128
|
"defaultValue": "'top'"
|
|
129
|
+
},
|
|
130
|
+
"arrow": {
|
|
131
|
+
"type": "boolean",
|
|
132
|
+
"mutable": false,
|
|
133
|
+
"complexType": {
|
|
134
|
+
"original": "boolean",
|
|
135
|
+
"resolved": "boolean",
|
|
136
|
+
"references": {}
|
|
137
|
+
},
|
|
138
|
+
"required": false,
|
|
139
|
+
"optional": true,
|
|
140
|
+
"docs": {
|
|
141
|
+
"tags": [],
|
|
142
|
+
"text": "Wheter or not to display a little pointer arrow"
|
|
143
|
+
},
|
|
144
|
+
"attribute": "arrow",
|
|
145
|
+
"reflect": false,
|
|
146
|
+
"defaultValue": "true"
|
|
123
147
|
}
|
|
124
148
|
};
|
|
125
149
|
}
|
|
@@ -209,4 +233,3 @@ export class PostTooltip {
|
|
|
209
233
|
}
|
|
210
234
|
static get elementRef() { return "host"; }
|
|
211
235
|
}
|
|
212
|
-
//# sourceMappingURL=post-tooltip.js.map
|
package/dist/collection/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// Export every single component so it gets included in the dist output
|
|
2
2
|
export { PostAccordion } from './components/post-accordion/post-accordion';
|
|
3
|
+
export { PostAccordionItem } from './components/post-accordion-item/post-accordion-item';
|
|
3
4
|
export { PostAlert } from './components/post-alert/post-alert';
|
|
4
5
|
export { PostCollapsible } from './components/post-collapsible/post-collapsible';
|
|
5
6
|
export { PostIcon } from './components/post-icon/post-icon';
|
|
@@ -9,4 +10,3 @@ export { PostTabs } from './components/post-tabs/post-tabs';
|
|
|
9
10
|
export { PostTabHeader } from './components/post-tab-header/post-tab-header';
|
|
10
11
|
export { PostTabPanel } from './components/post-tab-panel/post-tab-panel';
|
|
11
12
|
export { PostTooltip } from './components/post-tooltip/post-tooltip';
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as fs from "fs";
|
|
2
|
+
import * as path from "path";
|
|
3
|
+
const file = fs.readFileSync('./src/index.ts').toString();
|
|
4
|
+
const componentExports = Array.from(file.matchAll(/\/(post-[a-z-]+)';$/gm)).map(m => m[1]);
|
|
5
|
+
const componentDefinitions = getComponentDefinitions('./src/components');
|
|
6
|
+
function getComponentDefinitions(dir, files = []) {
|
|
7
|
+
const fileList = fs.readdirSync(dir);
|
|
8
|
+
for (const file of fileList) {
|
|
9
|
+
const filePath = `${dir}/${file}`;
|
|
10
|
+
const parsed = path.parse(filePath);
|
|
11
|
+
if (fs.statSync(filePath).isDirectory()) {
|
|
12
|
+
getComponentDefinitions(filePath, files);
|
|
13
|
+
}
|
|
14
|
+
else if (parsed.ext === '.tsx') {
|
|
15
|
+
files.push(parsed.name);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
return files;
|
|
19
|
+
}
|
|
20
|
+
describe('Index.js', () => {
|
|
21
|
+
componentDefinitions.forEach(def => {
|
|
22
|
+
const component = componentExports.find(exp => exp === def);
|
|
23
|
+
it(`should export component "${def}"`, () => {
|
|
24
|
+
expect(component).toBeDefined();
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
});
|
package/dist/components/fade.js
CHANGED
package/dist/components/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
|
|
2
2
|
export { P as PostAccordion } from './post-accordion2.js';
|
|
3
|
+
export { P as PostAccordionItem } from './post-accordion-item2.js';
|
|
3
4
|
export { P as PostAlert } from './post-alert2.js';
|
|
4
5
|
export { P as PostCollapsible } from './post-collapsible2.js';
|
|
5
6
|
export { P as PostIcon } from './post-icon2.js';
|
|
@@ -9,5 +10,3 @@ export { P as PostTabs } from './post-tabs2.js';
|
|
|
9
10
|
export { P as PostTabHeader } from './post-tab-header2.js';
|
|
10
11
|
export { P as PostTabPanel } from './post-tab-panel2.js';
|
|
11
12
|
export { P as PostTooltip } from './post-tooltip2.js';
|
|
12
|
-
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -35,6 +35,4 @@ const checkEmptyOrOneOf = emptyOr(checkOneOf);
|
|
|
35
35
|
const checkEmptyOrPattern = emptyOr(checkPattern);
|
|
36
36
|
const checkEmptyOrType = emptyOr(checkType);
|
|
37
37
|
|
|
38
|
-
export {
|
|
39
|
-
|
|
40
|
-
//# sourceMappingURL=index2.js.map
|
|
38
|
+
export { checkType as a, checkEmptyOrPattern as b, checkEmptyOrOneOf as c, checkEmptyOrType as d };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PostAccordionItem extends Components.PostAccordionItem, HTMLElement {}
|
|
4
|
+
export const PostAccordionItem: {
|
|
5
|
+
prototype: PostAccordionItem;
|
|
6
|
+
new (): PostAccordionItem;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|