@public-ui/components 1.6.0-rc.21 → 1.6.0-rc.22
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/custom-elements.json +33 -9
- package/dist/cjs/{a11y.tipps-b6c69152.js → a11y.tipps-29f0cafa.js} +1 -1
- package/dist/cjs/{a11y.tipps-b6c69152.js.map → a11y.tipps-29f0cafa.js.map} +1 -1
- package/dist/cjs/{align-cddf5d25.js → align-e1ae85d7.js} +1 -1
- package/dist/cjs/{align-cddf5d25.js.map → align-e1ae85d7.js.map} +1 -1
- package/dist/cjs/{app-globals-feb1b3c4.js → app-globals-195a2a91.js} +1 -1
- package/dist/cjs/{app-globals-feb1b3c4.js.map → app-globals-195a2a91.js.map} +1 -1
- package/dist/cjs/{aria-current-3a6c3799.js → aria-current-23e7f209.js} +1 -1
- package/dist/cjs/{aria-current-3a6c3799.js.map → aria-current-23e7f209.js.map} +1 -1
- package/dist/cjs/aria-selected-373eb055.js +4 -0
- package/dist/cjs/{aria-selected-3951e1df.js.map → aria-selected-373eb055.js.map} +1 -1
- package/dist/cjs/associated.controller-97ca9eca.js +4 -0
- package/dist/cjs/associated.controller-97ca9eca.js.map +1 -0
- package/dist/cjs/button-link-e2d7ef9a.js +4 -0
- package/dist/cjs/button-link-e2d7ef9a.js.map +1 -0
- package/dist/cjs/{color-1f2c934b.js → color-d577ac0a.js} +1 -1
- package/dist/cjs/{color-1f2c934b.js.map → color-d577ac0a.js.map} +1 -1
- package/dist/cjs/controller-1b143ed7.js +4 -0
- package/dist/cjs/{controller-39ffcc0a.js.map → controller-1b143ed7.js.map} +1 -1
- package/dist/cjs/{controller-71b8adda.js → controller-2cec3621.js} +1 -1
- package/dist/cjs/{controller-71b8adda.js.map → controller-2cec3621.js.map} +1 -1
- package/dist/cjs/{controller-489fdcc0.js → controller-97320bd7.js} +1 -1
- package/dist/cjs/{controller-489fdcc0.js.map → controller-97320bd7.js.map} +1 -1
- package/dist/cjs/{controller-8e5cfc47.js → controller-b8229ca6.js} +1 -1
- package/dist/cjs/{controller-8e5cfc47.js.map → controller-b8229ca6.js.map} +1 -1
- package/dist/cjs/{controller-402687c8.js → controller-ba73b764.js} +1 -1
- package/dist/cjs/{controller-402687c8.js.map → controller-ba73b764.js.map} +1 -1
- package/dist/cjs/controller-f7d39413.js +4 -0
- package/dist/cjs/controller-f7d39413.js.map +1 -0
- package/dist/cjs/{controller-icon-c201c7d5.js → controller-icon-c41c5270.js} +1 -1
- package/dist/cjs/{controller-icon-c201c7d5.js.map → controller-icon-c41c5270.js.map} +1 -1
- package/dist/cjs/{dev.utils-5f0e00ab.js → dev.utils-321ffc6a.js} +1 -1
- package/dist/cjs/{dev.utils-5f0e00ab.js.map → dev.utils-321ffc6a.js.map} +1 -1
- package/dist/cjs/{devtools-cc92674a.js → devtools-76c34bd7.js} +1 -1
- package/dist/cjs/{devtools-cc92674a.js.map → devtools-76c34bd7.js.map} +1 -1
- package/dist/cjs/{disabled-38b96861.js → disabled-b7ede754.js} +1 -1
- package/dist/cjs/{disabled-38b96861.js.map → disabled-b7ede754.js.map} +1 -1
- package/dist/cjs/has-closer-2ae25325.js +4 -0
- package/dist/cjs/has-closer-2ae25325.js.map +1 -0
- package/dist/cjs/hide-label-6f7141bf.js +4 -0
- package/dist/cjs/{hide-label-847476f3.js.map → hide-label-6f7141bf.js.map} +1 -1
- package/dist/cjs/{i18n-65c01ca1.js → i18n-0cf2b0b5.js} +1 -1
- package/dist/cjs/{i18n-65c01ca1.js.map → i18n-0cf2b0b5.js.map} +1 -1
- package/dist/cjs/{icon-ff2d91d2.js → icon-3aeefaaa.js} +1 -1
- package/dist/cjs/{icon-ff2d91d2.js.map → icon-3aeefaaa.js.map} +1 -1
- package/dist/cjs/image-source-21f4dce9.js +4 -0
- package/dist/cjs/{image-source-cf475786.js.map → image-source-21f4dce9.js.map} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
- package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert-wc_2.cjs.entry.js +1 -1
- package/dist/cjs/kol-avatar-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-badge.cjs.entry.js +1 -1
- package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-button-wc_2.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-wc_2.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-card.cjs.entry.js +1 -1
- package/dist/cjs/kol-card.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-details.cjs.entry.js +1 -1
- package/dist/cjs/kol-form.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon.cjs.entry.js +1 -1
- package/dist/cjs/kol-image.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-logo.cjs.entry.js +1 -1
- package/dist/cjs/kol-modal.cjs.entry.js +1 -1
- package/dist/cjs/kol-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
- package/dist/cjs/kol-popover.cjs.entry.js +1 -1
- package/dist/cjs/kol-progress.cjs.entry.js +1 -1
- package/dist/cjs/kol-quote.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-span-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-spin.cjs.entry.js +1 -1
- package/dist/cjs/kol-split-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-split-button.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
- package/dist/cjs/kol-table.cjs.entry.js +1 -1
- package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
- package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
- package/dist/cjs/kol-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-toast.cjs.entry.js +1 -1
- package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/kol-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/kol-version.cjs.entry.js +1 -1
- package/dist/cjs/kolibri.cjs.js +1 -1
- package/dist/cjs/{label-81c2b4d8.js → label-3298a541.js} +1 -1
- package/dist/cjs/{label-81c2b4d8.js.map → label-3298a541.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{prop.validators-f5b2df4a.js → prop.validators-e30f7e43.js} +1 -1
- package/dist/cjs/{prop.validators-f5b2df4a.js.map → prop.validators-e30f7e43.js.map} +1 -1
- package/dist/cjs/rows-aaaf2861.js +4 -0
- package/dist/cjs/{rows-9ba1be1b.js.map → rows-aaaf2861.js.map} +1 -1
- package/dist/cjs/show-ccaf9fcc.js +4 -0
- package/dist/cjs/{show-fc77c66d.js.map → show-ccaf9fcc.js.map} +1 -1
- package/dist/cjs/suggestions-cb2c4edc.js +4 -0
- package/dist/cjs/{suggestions-aaab103a.js.map → suggestions-cb2c4edc.js.map} +1 -1
- package/dist/cjs/{tab-index-65890b01.js → tab-index-b47a42c0.js} +1 -1
- package/dist/cjs/{tab-index-65890b01.js.map → tab-index-b47a42c0.js.map} +1 -1
- package/dist/cjs/validation-91444c75.js +4 -0
- package/dist/cjs/{validation-f547a58e.js.map → validation-91444c75.js.map} +1 -1
- package/dist/cjs/{validation-e8f9410c.js → validation-9a52f85a.js} +1 -1
- package/dist/cjs/{validation-e8f9410c.js.map → validation-9a52f85a.js.map} +1 -1
- package/dist/components/component.js +1 -1
- package/dist/components/component.js.map +1 -1
- package/dist/components/component14.js +1 -1
- package/dist/components/component16.js +1 -1
- package/dist/components/component16.js.map +1 -1
- package/dist/components/component5.js +1 -1
- package/dist/components/component5.js.map +1 -1
- package/dist/components/component6.js +1 -1
- package/dist/components/component6.js.map +1 -1
- package/dist/components/component9.js +1 -1
- package/dist/components/controller.js +1 -1
- package/dist/components/controller.js.map +1 -1
- package/dist/components/has-closer.js +4 -0
- package/dist/components/has-closer.js.map +1 -0
- package/dist/components/kol-button-link.js +1 -1
- package/dist/components/kol-button-link.js.map +1 -1
- package/dist/components/kol-card.js +1 -1
- package/dist/components/kol-card.js.map +1 -1
- package/dist/components/kol-input-checkbox.js +1 -1
- package/dist/components/kol-input-color.js +1 -1
- package/dist/components/kol-input-date.js +1 -1
- package/dist/components/kol-input-email.js +1 -1
- package/dist/components/kol-input-file.js +1 -1
- package/dist/components/kol-input-number.js +1 -1
- package/dist/components/kol-input-password.js +1 -1
- package/dist/components/kol-input-range.js +1 -1
- package/dist/components/kol-input-text.js +1 -1
- package/dist/components/kol-link-button.js +1 -1
- package/dist/components/kol-nav.js +1 -1
- package/dist/components/kol-split-button.js +1 -1
- package/dist/components/kol-split-button.js.map +1 -1
- package/dist/components/kol-textarea.js +1 -1
- package/dist/components/kol-textarea.js.map +1 -1
- package/dist/components/kol-toast.js +1 -1
- package/dist/components/kol-toast.js.map +1 -1
- package/dist/components/prop.validators.js +1 -1
- package/dist/components/prop.validators.js.map +1 -1
- package/dist/components/shadow2.js +1 -1
- package/dist/components/shadow3.js +1 -1
- package/dist/components/shadow3.js.map +1 -1
- package/dist/esm/{a11y.tipps-5aaa4b49.js → a11y.tipps-821939d5.js} +1 -1
- package/dist/esm/{a11y.tipps-5aaa4b49.js.map → a11y.tipps-821939d5.js.map} +1 -1
- package/dist/esm/{align-46b557d8.js → align-e9fb20f3.js} +1 -1
- package/dist/esm/{align-46b557d8.js.map → align-e9fb20f3.js.map} +1 -1
- package/dist/esm/app-globals-850b7823.js +4 -0
- package/dist/esm/{app-globals-8544fc2e.js.map → app-globals-850b7823.js.map} +1 -1
- package/dist/esm/{aria-current-8612e789.js → aria-current-37a9a3f1.js} +1 -1
- package/dist/esm/{aria-current-8612e789.js.map → aria-current-37a9a3f1.js.map} +1 -1
- package/dist/esm/{aria-selected-207d2ea4.js → aria-selected-0386e515.js} +1 -1
- package/dist/esm/{aria-selected-207d2ea4.js.map → aria-selected-0386e515.js.map} +1 -1
- package/dist/esm/associated.controller-3e40ba0b.js +4 -0
- package/dist/esm/associated.controller-3e40ba0b.js.map +1 -0
- package/dist/esm/{button-link-9942db79.js → button-link-6120340d.js} +1 -1
- package/dist/esm/button-link-6120340d.js.map +1 -0
- package/dist/esm/{color-a7490f10.js → color-f4345d8c.js} +1 -1
- package/dist/esm/{color-a7490f10.js.map → color-f4345d8c.js.map} +1 -1
- package/dist/esm/{controller-fc8c559f.js → controller-3a980b61.js} +1 -1
- package/dist/esm/{controller-fc8c559f.js.map → controller-3a980b61.js.map} +1 -1
- package/dist/esm/{controller-5f60dd72.js → controller-68f2cdb6.js} +1 -1
- package/dist/esm/{controller-5f60dd72.js.map → controller-68f2cdb6.js.map} +1 -1
- package/dist/esm/controller-6f322c76.js +4 -0
- package/dist/esm/controller-6f322c76.js.map +1 -0
- package/dist/esm/{controller-80b38097.js → controller-a49613e3.js} +1 -1
- package/dist/esm/{controller-80b38097.js.map → controller-a49613e3.js.map} +1 -1
- package/dist/esm/{controller-1c487267.js → controller-b764d8af.js} +1 -1
- package/dist/esm/{controller-1c487267.js.map → controller-b764d8af.js.map} +1 -1
- package/dist/esm/{controller-069ae0d1.js → controller-efa536a1.js} +1 -1
- package/dist/esm/{controller-069ae0d1.js.map → controller-efa536a1.js.map} +1 -1
- package/dist/esm/{controller-icon-bdcafd14.js → controller-icon-3babfd57.js} +1 -1
- package/dist/esm/{controller-icon-bdcafd14.js.map → controller-icon-3babfd57.js.map} +1 -1
- package/dist/esm/{dev.utils-465c4239.js → dev.utils-a47b8ff2.js} +1 -1
- package/dist/esm/{dev.utils-465c4239.js.map → dev.utils-a47b8ff2.js.map} +1 -1
- package/dist/esm/{devtools-1313f714.js → devtools-5e004f63.js} +1 -1
- package/dist/esm/{devtools-1313f714.js.map → devtools-5e004f63.js.map} +1 -1
- package/dist/esm/{disabled-5bc12dcc.js → disabled-5ede917f.js} +1 -1
- package/dist/esm/{disabled-5bc12dcc.js.map → disabled-5ede917f.js.map} +1 -1
- package/dist/esm/{has-closer-4c62df54.js → has-closer-86755c14.js} +1 -1
- package/dist/esm/has-closer-86755c14.js.map +1 -0
- package/dist/esm/{hide-label-00f5fca6.js → hide-label-718f4d6f.js} +1 -1
- package/dist/esm/{hide-label-00f5fca6.js.map → hide-label-718f4d6f.js.map} +1 -1
- package/dist/esm/{i18n-3e70fd9b.js → i18n-f8299375.js} +1 -1
- package/dist/esm/{i18n-3e70fd9b.js.map → i18n-f8299375.js.map} +1 -1
- package/dist/esm/{icon-a7f1237b.js → icon-01c8c999.js} +1 -1
- package/dist/esm/{icon-a7f1237b.js.map → icon-01c8c999.js.map} +1 -1
- package/dist/esm/{image-source-f4078f95.js → image-source-d19a1378.js} +1 -1
- package/dist/esm/{image-source-f4078f95.js.map → image-source-d19a1378.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/kol-abbr.entry.js +1 -1
- package/dist/esm/kol-accordion.entry.js +1 -1
- package/dist/esm/kol-alert-wc_2.entry.js +1 -1
- package/dist/esm/kol-avatar-wc.entry.js +1 -1
- package/dist/esm/kol-badge.entry.js +1 -1
- package/dist/esm/kol-breadcrumb.entry.js +1 -1
- package/dist/esm/kol-button-link.entry.js +1 -1
- package/dist/esm/kol-button-link.entry.js.map +1 -1
- package/dist/esm/kol-button-wc_2.entry.js +1 -1
- package/dist/esm/kol-button-wc_2.entry.js.map +1 -1
- package/dist/esm/kol-button.entry.js +1 -1
- package/dist/esm/kol-button.entry.js.map +1 -1
- package/dist/esm/kol-card.entry.js +1 -1
- package/dist/esm/kol-card.entry.js.map +1 -1
- package/dist/esm/kol-details.entry.js +1 -1
- package/dist/esm/kol-form.entry.js +1 -1
- package/dist/esm/kol-icon.entry.js +1 -1
- package/dist/esm/kol-image.entry.js +1 -1
- package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
- package/dist/esm/kol-input-checkbox.entry.js +1 -1
- package/dist/esm/kol-input-color.entry.js +1 -1
- package/dist/esm/kol-input-date.entry.js +1 -1
- package/dist/esm/kol-input-email.entry.js +1 -1
- package/dist/esm/kol-input-file.entry.js +1 -1
- package/dist/esm/kol-input-number.entry.js +1 -1
- package/dist/esm/kol-input-password.entry.js +1 -1
- package/dist/esm/kol-input-radio-group.entry.js +1 -1
- package/dist/esm/kol-input-radio.entry.js +1 -1
- package/dist/esm/kol-input-range.entry.js +1 -1
- package/dist/esm/kol-input-text.entry.js +1 -1
- package/dist/esm/kol-kolibri.entry.js +1 -1
- package/dist/esm/kol-link-button.entry.js +1 -1
- package/dist/esm/kol-link-group.entry.js +1 -1
- package/dist/esm/kol-link-wc.entry.js +1 -1
- package/dist/esm/kol-logo.entry.js +1 -1
- package/dist/esm/kol-modal.entry.js +1 -1
- package/dist/esm/kol-nav.entry.js +1 -1
- package/dist/esm/kol-pagination.entry.js +1 -1
- package/dist/esm/kol-popover.entry.js +1 -1
- package/dist/esm/kol-progress.entry.js +1 -1
- package/dist/esm/kol-quote.entry.js +1 -1
- package/dist/esm/kol-select.entry.js +1 -1
- package/dist/esm/kol-select.entry.js.map +1 -1
- package/dist/esm/kol-skip-nav.entry.js +1 -1
- package/dist/esm/kol-span-wc.entry.js +1 -1
- package/dist/esm/kol-spin.entry.js +1 -1
- package/dist/esm/kol-split-button.entry.js +1 -1
- package/dist/esm/kol-split-button.entry.js.map +1 -1
- package/dist/esm/kol-symbol.entry.js +1 -1
- package/dist/esm/kol-table.entry.js +1 -1
- package/dist/esm/kol-tabs.entry.js +1 -1
- package/dist/esm/kol-textarea.entry.js +1 -1
- package/dist/esm/kol-textarea.entry.js.map +1 -1
- package/dist/esm/kol-toast.entry.js +1 -1
- package/dist/esm/kol-tooltip.entry.js +1 -1
- package/dist/esm/kol-tooltip.entry.js.map +1 -1
- package/dist/esm/kol-version.entry.js +1 -1
- package/dist/esm/kolibri.js +1 -1
- package/dist/esm/{label-e3523fd1.js → label-7743754d.js} +1 -1
- package/dist/esm/{label-e3523fd1.js.map → label-7743754d.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{prop.validators-05d07b50.js → prop.validators-6a2ec81f.js} +1 -1
- package/dist/esm/{prop.validators-05d07b50.js.map → prop.validators-6a2ec81f.js.map} +1 -1
- package/dist/esm/{rows-d1f8df71.js → rows-ee52c8a7.js} +1 -1
- package/dist/esm/{rows-d1f8df71.js.map → rows-ee52c8a7.js.map} +1 -1
- package/dist/esm/{show-25c06c08.js → show-ca4f53ef.js} +1 -1
- package/dist/esm/{show-25c06c08.js.map → show-ca4f53ef.js.map} +1 -1
- package/dist/esm/{suggestions-16a1bf61.js → suggestions-c770bce0.js} +1 -1
- package/dist/esm/{suggestions-16a1bf61.js.map → suggestions-c770bce0.js.map} +1 -1
- package/dist/esm/{tab-index-fcb7ecac.js → tab-index-cbaa8f9d.js} +1 -1
- package/dist/esm/{tab-index-fcb7ecac.js.map → tab-index-cbaa8f9d.js.map} +1 -1
- package/dist/esm/validation-a02a4280.js +4 -0
- package/dist/esm/{validation-82792e37.js.map → validation-a02a4280.js.map} +1 -1
- package/dist/esm/{validation-77718ded.js → validation-e0ef3555.js} +1 -1
- package/dist/esm/{validation-77718ded.js.map → validation-e0ef3555.js.map} +1 -1
- package/dist/kolibri/{a11y.tipps-5aaa4b49.js → a11y.tipps-821939d5.js} +1 -1
- package/dist/kolibri/{align-46b557d8.js → align-e9fb20f3.js} +1 -1
- package/dist/kolibri/{app-globals-8544fc2e.js → app-globals-850b7823.js} +1 -1
- package/dist/kolibri/aria-current-37a9a3f1.js +4 -0
- package/dist/kolibri/aria-selected-0386e515.js +4 -0
- package/dist/kolibri/associated.controller-3e40ba0b.js +4 -0
- package/dist/kolibri/associated.controller-3e40ba0b.js.map +1 -0
- package/dist/kolibri/button-link-6120340d.js +4 -0
- package/dist/kolibri/button-link-6120340d.js.map +1 -0
- package/dist/kolibri/{color-a7490f10.js → color-f4345d8c.js} +1 -1
- package/dist/kolibri/{controller-fc8c559f.js → controller-3a980b61.js} +1 -1
- package/dist/kolibri/{controller-5f60dd72.js → controller-68f2cdb6.js} +1 -1
- package/dist/kolibri/controller-6f322c76.js +4 -0
- package/dist/kolibri/controller-6f322c76.js.map +1 -0
- package/dist/kolibri/{controller-80b38097.js → controller-a49613e3.js} +1 -1
- package/dist/kolibri/{controller-1c487267.js → controller-b764d8af.js} +1 -1
- package/dist/kolibri/{controller-069ae0d1.js → controller-efa536a1.js} +1 -1
- package/dist/kolibri/controller-icon-3babfd57.js +4 -0
- package/dist/kolibri/{dev.utils-465c4239.js → dev.utils-a47b8ff2.js} +1 -1
- package/dist/kolibri/{dev.utils-465c4239.js.map → dev.utils-a47b8ff2.js.map} +1 -1
- package/dist/kolibri/{devtools-1313f714.js → devtools-5e004f63.js} +1 -1
- package/dist/kolibri/{disabled-5bc12dcc.js → disabled-5ede917f.js} +1 -1
- package/dist/kolibri/has-closer-86755c14.js +4 -0
- package/dist/kolibri/has-closer-86755c14.js.map +1 -0
- package/dist/kolibri/hide-label-718f4d6f.js +4 -0
- package/dist/kolibri/{i18n-3e70fd9b.js → i18n-f8299375.js} +1 -1
- package/dist/kolibri/{icon-a7f1237b.js → icon-01c8c999.js} +1 -1
- package/dist/kolibri/image-source-d19a1378.js +4 -0
- package/dist/kolibri/index.esm.js +1 -1
- package/dist/kolibri/kol-abbr.entry.js +1 -1
- package/dist/kolibri/kol-accordion.entry.js +1 -1
- package/dist/kolibri/kol-alert-wc_2.entry.js +1 -1
- package/dist/kolibri/kol-avatar-wc.entry.js +1 -1
- package/dist/kolibri/kol-badge.entry.js +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
- package/dist/kolibri/kol-button-link.entry.js +1 -1
- package/dist/kolibri/kol-button-link.entry.js.map +1 -1
- package/dist/kolibri/kol-button-wc_2.entry.js +1 -1
- package/dist/kolibri/kol-button-wc_2.entry.js.map +1 -1
- package/dist/kolibri/kol-button.entry.js +1 -1
- package/dist/kolibri/kol-button.entry.js.map +1 -1
- package/dist/kolibri/kol-card.entry.js +1 -1
- package/dist/kolibri/kol-card.entry.js.map +1 -1
- package/dist/kolibri/kol-details.entry.js +1 -1
- package/dist/kolibri/kol-form.entry.js +1 -1
- package/dist/kolibri/kol-icon.entry.js +1 -1
- package/dist/kolibri/kol-image.entry.js +1 -1
- package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js.map +1 -1
- package/dist/kolibri/kol-input-color.entry.js +1 -1
- package/dist/kolibri/kol-input-color.entry.js.map +1 -1
- package/dist/kolibri/kol-input-date.entry.js +1 -1
- package/dist/kolibri/kol-input-date.entry.js.map +1 -1
- package/dist/kolibri/kol-input-email.entry.js +1 -1
- package/dist/kolibri/kol-input-email.entry.js.map +1 -1
- package/dist/kolibri/kol-input-file.entry.js +1 -1
- package/dist/kolibri/kol-input-file.entry.js.map +1 -1
- package/dist/kolibri/kol-input-number.entry.js +1 -1
- package/dist/kolibri/kol-input-number.entry.js.map +1 -1
- package/dist/kolibri/kol-input-password.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.js.map +1 -1
- package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
- package/dist/kolibri/kol-input-radio.entry.js +1 -1
- package/dist/kolibri/kol-input-radio.entry.js.map +1 -1
- package/dist/kolibri/kol-input-range.entry.js +1 -1
- package/dist/kolibri/kol-input-range.entry.js.map +1 -1
- package/dist/kolibri/kol-input-text.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js.map +1 -1
- package/dist/kolibri/kol-kolibri.entry.js +1 -1
- package/dist/kolibri/kol-link-button.entry.js +1 -1
- package/dist/kolibri/kol-link-group.entry.js +1 -1
- package/dist/kolibri/kol-link-wc.entry.js +1 -1
- package/dist/kolibri/kol-link-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-logo.entry.js +1 -1
- package/dist/kolibri/kol-modal.entry.js +1 -1
- package/dist/kolibri/kol-nav.entry.js +1 -1
- package/dist/kolibri/kol-pagination.entry.js +1 -1
- package/dist/kolibri/kol-popover.entry.js +1 -1
- package/dist/kolibri/kol-progress.entry.js +1 -1
- package/dist/kolibri/kol-quote.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js.map +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js +1 -1
- package/dist/kolibri/kol-span-wc.entry.js +1 -1
- package/dist/kolibri/kol-span-wc.entry.js.map +1 -1
- package/dist/kolibri/kol-spin.entry.js +1 -1
- package/dist/kolibri/kol-split-button.entry.js +1 -1
- package/dist/kolibri/kol-split-button.entry.js.map +1 -1
- package/dist/kolibri/kol-symbol.entry.js +1 -1
- package/dist/kolibri/kol-table.entry.js +1 -1
- package/dist/kolibri/kol-tabs.entry.js +1 -1
- package/dist/kolibri/kol-textarea.entry.js +1 -1
- package/dist/kolibri/kol-textarea.entry.js.map +1 -1
- package/dist/kolibri/kol-toast.entry.js +1 -1
- package/dist/kolibri/kol-tooltip.entry.js +1 -1
- package/dist/kolibri/kol-tooltip.entry.js.map +1 -1
- package/dist/kolibri/kol-version.entry.js +1 -1
- package/dist/kolibri/kolibri.esm.js +1 -1
- package/dist/kolibri/kolibri.esm.js.map +1 -1
- package/dist/kolibri/label-7743754d.js +4 -0
- package/dist/kolibri/{prop.validators-05d07b50.js → prop.validators-6a2ec81f.js} +1 -1
- package/dist/kolibri/rows-ee52c8a7.js +4 -0
- package/dist/kolibri/show-ca4f53ef.js +4 -0
- package/dist/kolibri/{suggestions-16a1bf61.js → suggestions-c770bce0.js} +1 -1
- package/dist/kolibri/tab-index-cbaa8f9d.js +4 -0
- package/dist/kolibri/{tab-index-fcb7ecac.js.map → tab-index-cbaa8f9d.js.map} +1 -1
- package/dist/kolibri/validation-a02a4280.js +4 -0
- package/dist/kolibri/validation-e0ef3555.js +4 -0
- package/dist/types/components/@deprecated/input/controller.d.ts +0 -1
- package/dist/types/components/@deprecated/input/types.d.ts +0 -1
- package/dist/types/components/button/component.d.ts +6 -0
- package/dist/types/components/button/shadow.d.ts +2 -0
- package/dist/types/components/button-link/component.d.ts +2 -0
- package/dist/types/components/card/component.d.ts +9 -1
- package/dist/types/components/card/types.d.ts +7 -1
- package/dist/types/components/input-adapter-leanup/associated.controller.d.ts +26 -0
- package/dist/types/components/input-adapter-leanup/controller.d.ts +2 -11
- package/dist/types/components/input-adapter-leanup/types.d.ts +0 -1
- package/dist/types/components/split-button/component.d.ts +2 -0
- package/dist/types/components/textarea/component.d.ts +1 -1
- package/dist/types/components.d.ts +68 -0
- package/dist/types/types/button-link.d.ts +6 -6
- package/dist/types/types/props/has-closer.d.ts +2 -1
- package/dist/types/types/props/name.d.ts +8 -0
- package/dist/types/utils/events.d.ts +2 -1
- package/doc/badge.md +8 -8
- package/doc/button-link.md +1 -0
- package/doc/button.md +1 -0
- package/doc/card.md +15 -7
- package/doc/input-color.md +21 -21
- package/doc/input-date.md +27 -27
- package/doc/input-email.md +29 -29
- package/doc/input-file.md +21 -21
- package/doc/input-number.md +28 -28
- package/doc/input-password.md +26 -26
- package/doc/input-text.md +29 -29
- package/doc/split-button.md +1 -0
- package/jest-test-results.json +1 -1
- package/package.json +1 -1
- package/vscode-custom-data.json +16 -0
- package/dist/cjs/aria-selected-3951e1df.js +0 -4
- package/dist/cjs/button-link-31b32833.js +0 -4
- package/dist/cjs/button-link-31b32833.js.map +0 -1
- package/dist/cjs/controller-292ec4c4.js +0 -4
- package/dist/cjs/controller-292ec4c4.js.map +0 -1
- package/dist/cjs/controller-39ffcc0a.js +0 -4
- package/dist/cjs/events-b49161e2.js +0 -4
- package/dist/cjs/events-b49161e2.js.map +0 -1
- package/dist/cjs/has-closer-0d182990.js +0 -4
- package/dist/cjs/has-closer-0d182990.js.map +0 -1
- package/dist/cjs/hide-label-847476f3.js +0 -4
- package/dist/cjs/image-source-cf475786.js +0 -4
- package/dist/cjs/rows-9ba1be1b.js +0 -4
- package/dist/cjs/show-fc77c66d.js +0 -4
- package/dist/cjs/suggestions-aaab103a.js +0 -4
- package/dist/cjs/validation-f547a58e.js +0 -4
- package/dist/esm/app-globals-8544fc2e.js +0 -4
- package/dist/esm/button-link-9942db79.js.map +0 -1
- package/dist/esm/controller-e464a0e5.js +0 -4
- package/dist/esm/controller-e464a0e5.js.map +0 -1
- package/dist/esm/events-3762d15f.js +0 -4
- package/dist/esm/events-3762d15f.js.map +0 -1
- package/dist/esm/has-closer-4c62df54.js.map +0 -1
- package/dist/esm/validation-82792e37.js +0 -4
- package/dist/kolibri/aria-current-8612e789.js +0 -4
- package/dist/kolibri/aria-selected-207d2ea4.js +0 -4
- package/dist/kolibri/button-link-9942db79.js +0 -4
- package/dist/kolibri/button-link-9942db79.js.map +0 -1
- package/dist/kolibri/controller-e464a0e5.js +0 -4
- package/dist/kolibri/controller-e464a0e5.js.map +0 -1
- package/dist/kolibri/controller-icon-bdcafd14.js +0 -4
- package/dist/kolibri/events-3762d15f.js +0 -4
- package/dist/kolibri/events-3762d15f.js.map +0 -1
- package/dist/kolibri/has-closer-4c62df54.js +0 -4
- package/dist/kolibri/has-closer-4c62df54.js.map +0 -1
- package/dist/kolibri/hide-label-00f5fca6.js +0 -4
- package/dist/kolibri/image-source-f4078f95.js +0 -4
- package/dist/kolibri/label-e3523fd1.js +0 -4
- package/dist/kolibri/rows-d1f8df71.js +0 -4
- package/dist/kolibri/show-25c06c08.js +0 -4
- package/dist/kolibri/tab-index-fcb7ecac.js +0 -4
- package/dist/kolibri/validation-77718ded.js +0 -4
- package/dist/kolibri/validation-82792e37.js +0 -4
- /package/dist/kolibri/{a11y.tipps-5aaa4b49.js.map → a11y.tipps-821939d5.js.map} +0 -0
- /package/dist/kolibri/{align-46b557d8.js.map → align-e9fb20f3.js.map} +0 -0
- /package/dist/kolibri/{app-globals-8544fc2e.js.map → app-globals-850b7823.js.map} +0 -0
- /package/dist/kolibri/{aria-current-8612e789.js.map → aria-current-37a9a3f1.js.map} +0 -0
- /package/dist/kolibri/{aria-selected-207d2ea4.js.map → aria-selected-0386e515.js.map} +0 -0
- /package/dist/kolibri/{color-a7490f10.js.map → color-f4345d8c.js.map} +0 -0
- /package/dist/kolibri/{controller-fc8c559f.js.map → controller-3a980b61.js.map} +0 -0
- /package/dist/kolibri/{controller-5f60dd72.js.map → controller-68f2cdb6.js.map} +0 -0
- /package/dist/kolibri/{controller-80b38097.js.map → controller-a49613e3.js.map} +0 -0
- /package/dist/kolibri/{controller-1c487267.js.map → controller-b764d8af.js.map} +0 -0
- /package/dist/kolibri/{controller-069ae0d1.js.map → controller-efa536a1.js.map} +0 -0
- /package/dist/kolibri/{controller-icon-bdcafd14.js.map → controller-icon-3babfd57.js.map} +0 -0
- /package/dist/kolibri/{devtools-1313f714.js.map → devtools-5e004f63.js.map} +0 -0
- /package/dist/kolibri/{disabled-5bc12dcc.js.map → disabled-5ede917f.js.map} +0 -0
- /package/dist/kolibri/{hide-label-00f5fca6.js.map → hide-label-718f4d6f.js.map} +0 -0
- /package/dist/kolibri/{i18n-3e70fd9b.js.map → i18n-f8299375.js.map} +0 -0
- /package/dist/kolibri/{icon-a7f1237b.js.map → icon-01c8c999.js.map} +0 -0
- /package/dist/kolibri/{image-source-f4078f95.js.map → image-source-d19a1378.js.map} +0 -0
- /package/dist/kolibri/{label-e3523fd1.js.map → label-7743754d.js.map} +0 -0
- /package/dist/kolibri/{prop.validators-05d07b50.js.map → prop.validators-6a2ec81f.js.map} +0 -0
- /package/dist/kolibri/{rows-d1f8df71.js.map → rows-ee52c8a7.js.map} +0 -0
- /package/dist/kolibri/{show-25c06c08.js.map → show-ca4f53ef.js.map} +0 -0
- /package/dist/kolibri/{suggestions-16a1bf61.js.map → suggestions-c770bce0.js.map} +0 -0
- /package/dist/kolibri/{validation-82792e37.js.map → validation-a02a4280.js.map} +0 -0
- /package/dist/kolibri/{validation-77718ded.js.map → validation-e0ef3555.js.map} +0 -0
package/custom-elements.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.6.0-rc.
|
|
2
|
+
"version": "1.6.0-rc.22",
|
|
3
3
|
"tags": [
|
|
4
4
|
{
|
|
5
5
|
"name": "kol-abbr",
|
|
@@ -290,7 +290,7 @@
|
|
|
290
290
|
},
|
|
291
291
|
{
|
|
292
292
|
"name": "_smart-button",
|
|
293
|
-
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined;
|
|
293
|
+
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined; _on?: KoliBriButtonCallbacks<StencilUnknown> | undefined; _syncValueBySelector?: string | undefined; _type?: KoliBriButtonType | undefined; _value?: Stringified<StencilUnknown>; _id?: string | undefined; _label?: LabelWithExpertSlotPropType | undefined; _name?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _customClass?: string | undefined; }",
|
|
294
294
|
"description": "Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur _hide-label).",
|
|
295
295
|
"required": false
|
|
296
296
|
}
|
|
@@ -420,6 +420,12 @@
|
|
|
420
420
|
"description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.).",
|
|
421
421
|
"required": true
|
|
422
422
|
},
|
|
423
|
+
{
|
|
424
|
+
"name": "_name",
|
|
425
|
+
"type": "string | undefined",
|
|
426
|
+
"description": "Gibt den technischen Namen des Eingabefeldes an.",
|
|
427
|
+
"required": false
|
|
428
|
+
},
|
|
423
429
|
{
|
|
424
430
|
"name": "_role",
|
|
425
431
|
"type": "\"button\" | \"link\" | \"tab\" | undefined",
|
|
@@ -564,6 +570,12 @@
|
|
|
564
570
|
"description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.).",
|
|
565
571
|
"required": true
|
|
566
572
|
},
|
|
573
|
+
{
|
|
574
|
+
"name": "_name",
|
|
575
|
+
"type": "string | undefined",
|
|
576
|
+
"description": "Gibt den technischen Namen des Eingabefeldes an.",
|
|
577
|
+
"required": false
|
|
578
|
+
},
|
|
567
579
|
{
|
|
568
580
|
"name": "_role",
|
|
569
581
|
"type": "\"button\" | \"link\" | \"tab\" | undefined",
|
|
@@ -607,6 +619,12 @@
|
|
|
607
619
|
"name": "kol-card",
|
|
608
620
|
"description": "Um einzelne Bereiche Ihrer Webseite optisch hervorzuheben, bietet sich die **Card**-Komponente an. Mit ihrer Hilfe können Sie Ihre Inhalte sehr einfach strukturieren.\n\nDie **Card**-Komponente besteht aus einem **_Titel-Bereich_**, einem **_Inhalts-Bereich_** und einem **_Fuß-Bereich_**.\n\nDer **Titel-Bereich** wird in einer größeren Schrift dargestellt. Der **Inhalts-Bereich** ist optisch durch eine horizontale Trennlinie unterhalb des Titel-Bereichs abgetrennt und wird in der Standardschrift ausgegeben.\nDer **Fuß-Bereich** wird optional durch das Attribut **`_has-footer`** aktiviert und stellt dann Platz für weitere Inhalte, z.B. eine **Button**-Komponente bereit. Der Fuß-Bereich ist optisch durch eine horizontale Trennlinie vom Inhalts-Bereich abgetrennt.",
|
|
609
621
|
"attributes": [
|
|
622
|
+
{
|
|
623
|
+
"name": "_has-closer",
|
|
624
|
+
"type": "boolean | undefined",
|
|
625
|
+
"description": "Defines whether the card has a close button.",
|
|
626
|
+
"required": false
|
|
627
|
+
},
|
|
610
628
|
{
|
|
611
629
|
"name": "_has-footer",
|
|
612
630
|
"type": "boolean | undefined",
|
|
@@ -1176,7 +1194,7 @@
|
|
|
1176
1194
|
},
|
|
1177
1195
|
{
|
|
1178
1196
|
"name": "_smart-button",
|
|
1179
|
-
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined;
|
|
1197
|
+
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined; _on?: KoliBriButtonCallbacks<StencilUnknown> | undefined; _syncValueBySelector?: string | undefined; _type?: KoliBriButtonType | undefined; _value?: Stringified<StencilUnknown>; _id?: string | undefined; _label?: LabelWithExpertSlotPropType | undefined; _name?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _customClass?: string | undefined; }",
|
|
1180
1198
|
"description": "Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).",
|
|
1181
1199
|
"required": false
|
|
1182
1200
|
},
|
|
@@ -1328,7 +1346,7 @@
|
|
|
1328
1346
|
},
|
|
1329
1347
|
{
|
|
1330
1348
|
"name": "_smart-button",
|
|
1331
|
-
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined;
|
|
1349
|
+
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined; _on?: KoliBriButtonCallbacks<StencilUnknown> | undefined; _syncValueBySelector?: string | undefined; _type?: KoliBriButtonType | undefined; _value?: Stringified<StencilUnknown>; _id?: string | undefined; _label?: LabelWithExpertSlotPropType | undefined; _name?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _customClass?: string | undefined; }",
|
|
1332
1350
|
"description": "Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).",
|
|
1333
1351
|
"required": false
|
|
1334
1352
|
},
|
|
@@ -1517,7 +1535,7 @@
|
|
|
1517
1535
|
},
|
|
1518
1536
|
{
|
|
1519
1537
|
"name": "_smart-button",
|
|
1520
|
-
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined;
|
|
1538
|
+
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined; _on?: KoliBriButtonCallbacks<StencilUnknown> | undefined; _syncValueBySelector?: string | undefined; _type?: KoliBriButtonType | undefined; _value?: Stringified<StencilUnknown>; _id?: string | undefined; _label?: LabelWithExpertSlotPropType | undefined; _name?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _customClass?: string | undefined; }",
|
|
1521
1539
|
"description": "Ermöglicht eine Schaltfläche in das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).",
|
|
1522
1540
|
"required": false
|
|
1523
1541
|
},
|
|
@@ -1651,7 +1669,7 @@
|
|
|
1651
1669
|
},
|
|
1652
1670
|
{
|
|
1653
1671
|
"name": "_smart-button",
|
|
1654
|
-
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined;
|
|
1672
|
+
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined; _on?: KoliBriButtonCallbacks<StencilUnknown> | undefined; _syncValueBySelector?: string | undefined; _type?: KoliBriButtonType | undefined; _value?: Stringified<StencilUnknown>; _id?: string | undefined; _label?: LabelWithExpertSlotPropType | undefined; _name?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _customClass?: string | undefined; }",
|
|
1655
1673
|
"description": "Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).",
|
|
1656
1674
|
"required": false
|
|
1657
1675
|
},
|
|
@@ -1803,7 +1821,7 @@
|
|
|
1803
1821
|
},
|
|
1804
1822
|
{
|
|
1805
1823
|
"name": "_smart-button",
|
|
1806
|
-
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined;
|
|
1824
|
+
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined; _on?: KoliBriButtonCallbacks<StencilUnknown> | undefined; _syncValueBySelector?: string | undefined; _type?: KoliBriButtonType | undefined; _value?: Stringified<StencilUnknown>; _id?: string | undefined; _label?: LabelWithExpertSlotPropType | undefined; _name?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _customClass?: string | undefined; }",
|
|
1807
1825
|
"description": "Ermöglicht eine Schaltfläche in das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).",
|
|
1808
1826
|
"required": false
|
|
1809
1827
|
},
|
|
@@ -1980,7 +1998,7 @@
|
|
|
1980
1998
|
},
|
|
1981
1999
|
{
|
|
1982
2000
|
"name": "_smart-button",
|
|
1983
|
-
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined;
|
|
2001
|
+
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined; _on?: KoliBriButtonCallbacks<StencilUnknown> | undefined; _syncValueBySelector?: string | undefined; _type?: KoliBriButtonType | undefined; _value?: Stringified<StencilUnknown>; _id?: string | undefined; _label?: LabelWithExpertSlotPropType | undefined; _name?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _customClass?: string | undefined; }",
|
|
1984
2002
|
"description": "Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).",
|
|
1985
2003
|
"required": false
|
|
1986
2004
|
},
|
|
@@ -2512,7 +2530,7 @@
|
|
|
2512
2530
|
},
|
|
2513
2531
|
{
|
|
2514
2532
|
"name": "_smart-button",
|
|
2515
|
-
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined;
|
|
2533
|
+
"type": "string | undefined | { _label: LabelWithExpertSlotPropType; } & { _ariaControls?: string | undefined; _ariaExpanded?: boolean | undefined; _ariaSelected?: boolean | undefined; _disabled?: boolean | undefined; _icon?: Stringified<KoliBriIconProp> | undefined; _iconAlign?: Align | undefined; _iconOnly?: boolean | undefined; _role?: AlternativButtonLinkRole | undefined; _tabIndex?: number | undefined; _tooltipAlign?: Align | undefined; _ariaCurrent?: AriaCurrent | undefined; _ariaLabel?: string | undefined; _hideLabel?: boolean | undefined; _accessKey?: string | undefined; _on?: KoliBriButtonCallbacks<StencilUnknown> | undefined; _syncValueBySelector?: string | undefined; _type?: KoliBriButtonType | undefined; _value?: Stringified<StencilUnknown>; _id?: string | undefined; _label?: LabelWithExpertSlotPropType | undefined; _name?: string | undefined; _variant?: KoliBriButtonVariant | undefined; _customClass?: string | undefined; }",
|
|
2516
2534
|
"description": "Ermöglicht eine Schaltfläche in das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).",
|
|
2517
2535
|
"required": false
|
|
2518
2536
|
},
|
|
@@ -3593,6 +3611,12 @@
|
|
|
3593
3611
|
"description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.).",
|
|
3594
3612
|
"required": true
|
|
3595
3613
|
},
|
|
3614
|
+
{
|
|
3615
|
+
"name": "_name",
|
|
3616
|
+
"type": "string | undefined",
|
|
3617
|
+
"description": "Gibt den technischen Namen des Eingabefeldes an.",
|
|
3618
|
+
"required": false
|
|
3619
|
+
},
|
|
3596
3620
|
{
|
|
3597
3621
|
"name": "_role",
|
|
3598
3622
|
"type": "\"button\" | \"link\" | \"tab\" | undefined",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
"use strict";const dev_utils=require("./dev.utils-
|
|
4
|
+
"use strict";const dev_utils=require("./dev.utils-321ffc6a.js"),a11yCache=new Set,a11yHint=(e,i)=>{(!1===a11yCache.has(e)||(null==i?void 0:i.force))&&(a11yCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"✋ a11y",overwriteStyle:"; background-color: #09f"}))},deprecatedCache=new Set,deprecatedHint=(e,i)=>{(!1===deprecatedCache.has(e)||(null==i?void 0:i.force))&&(deprecatedCache.add(e),dev_utils.Log.warn([e].concat((null==i?void 0:i.details)||[]),{classifier:"🔥 deprecated",overwriteStyle:"; background-color: #f00"}))},devCache=new Set,devHint=(e,i)=>{(!1===devCache.has(e)||(null==i?void 0:i.force))&&(devCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},devWarning=(e,i)=>{(!1===devCache.has(e)||(null==i?void 0:i.force))&&(devCache.add(e),dev_utils.Log.warn([e].concat((null==i?void 0:i.details)||[]),{classifier:"💻 dev",overwriteStyle:"; background-color: #f09"}))},featureCache=new Set,featureHint=(e,i=!1,n)=>{(!1===featureCache.has(e)||(null==n?void 0:n.force))&&(featureCache.add(e),e+=!0===i?" ✅":"",dev_utils.Log.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"🌟 feature",overwriteStyle:"; background-color: #309"}))};devHint("Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!");const uiUxCache=new Set,uiUxHint=(e,i)=>{(!1===uiUxCache.has(e)||(null==i?void 0:i.force))&&(uiUxCache.add(e),dev_utils.Log.debug([e].concat((null==i?void 0:i.details)||[]),{classifier:"📑 ui/ux",overwriteStyle:"; background-color: #060;"}))},a11yHintDisabled=()=>{a11yHint('"Disabled" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},a11yHintLabelingLandmarks=e=>{"string"==typeof e&&""!==e||a11yHint("Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},uiUxHintMillerscheZahl=(e,i=8)=>{i>7&&uiUxHint(`[${e}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`)};exports.a11yHint=a11yHint,exports.a11yHintDisabled=a11yHintDisabled,exports.a11yHintLabelingLandmarks=a11yHintLabelingLandmarks,exports.deprecatedHint=deprecatedHint,exports.devHint=devHint,exports.devWarning=devWarning,exports.featureHint=featureHint,exports.uiUxHint=uiUxHint,exports.uiUxHintMillerscheZahl=uiUxHintMillerscheZahl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"a11y.tipps-
|
|
1
|
+
{"file":"a11y.tipps-29f0cafa.js","mappings":"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","names":["Log"],"sources":["src/utils/a11y.tipps.ts"],"sourcesContent":["import { Log } from './dev.utils';\n\ntype HintOptions = {\n\tdetails?: unknown[];\n\tforce?: boolean;\n};\n\nconst a11yCache: Set<string> = new Set();\nexport const a11yHint = (msg: string, options?: HintOptions): void => {\n\tif (a11yCache.has(msg) === false || !!options?.force) {\n\t\ta11yCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `✋ a11y`,\n\t\t\toverwriteStyle: '; background-color: #09f',\n\t\t});\n\t}\n};\n\nconst deprecatedCache: Set<string> = new Set();\nexport const deprecatedHint = (msg: string, options?: HintOptions): void => {\n\tif (deprecatedCache.has(msg) === false || !!options?.force) {\n\t\tdeprecatedCache.add(msg);\n\t\tLog.warn(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `🔥 deprecated`,\n\t\t\toverwriteStyle: '; background-color: #f00',\n\t\t});\n\t}\n};\n\nconst devCache: Set<string> = new Set();\nexport const devHint = (msg: string, options?: HintOptions): void => {\n\tif (devCache.has(msg) === false || !!options?.force) {\n\t\tdevCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\nexport const devWarning = (msg: string, options?: HintOptions): void => {\n\tif (devCache.has(msg) === false || !!options?.force) {\n\t\tdevCache.add(msg);\n\t\tLog.warn(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `💻 dev`,\n\t\t\toverwriteStyle: '; background-color: #f09',\n\t\t});\n\t}\n};\n\nconst featureCache: Set<string> = new Set();\nexport const featureHint = (msg: string, done = false, options?: HintOptions): void => {\n\tif (featureCache.has(msg) === false || !!options?.force) {\n\t\tfeatureCache.add(msg);\n\t\tmsg += done === true ? ' ✅' : '';\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `🌟 feature`,\n\t\t\toverwriteStyle: '; background-color: #309',\n\t\t});\n\t}\n};\ndevHint(\n\t`Wir freuen uns über jedes Feedback, Kommentare, Screenshots oder Demo-Links von einer auf KoliBri-basierenden Anwendung (kolibri@itzbund.de). Vielen Dank!`\n);\n\nconst uiUxCache: Set<string> = new Set();\nexport const uiUxHint = (msg: string, options?: HintOptions): void => {\n\tif (uiUxCache.has(msg) === false || !!options?.force) {\n\t\tuiUxCache.add(msg);\n\t\tLog.debug(([msg] as unknown[]).concat(options?.details || []), {\n\t\t\tclassifier: `📑 ui/ux`,\n\t\t\toverwriteStyle: '; background-color: #060;',\n\t\t});\n\t}\n};\n\nexport const a11yHintDisabled = (): void => {\n\ta11yHint(\n\t\t`\"Disabled\" schränkt die Zugänglichkeit und Sichtbarkeit ein. Wir empfehlen aus Sicht der Barrierefreiheit readonly- statt disabled-Attribut zu verwenden.\\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae`\n\t);\n};\n\nexport const a11yHintLabelingLandmarks = (value: unknown): void => {\n\tif (typeof value !== 'string' || value === '') {\n\t\ta11yHint(\n\t\t\t`Manche Strukturelemente, wie bspw. der nav-Tag, können mehrfach in einer Webseite verwendet werden. Damit die gleichnamigen Strukturelemente voneinander unterschieden werden können, ist es erforderlich ein Aria-Label zu setzen.\\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns`\n\t\t);\n\t}\n};\n\nexport const uiUxHintMillerscheZahl = (className: string, length = 8): void => {\n\tif (length > 7) {\n\t\tuiUxHint(\n\t\t\t`[${className}] Innerhalb von Navigationsstrukturen wird empfohlen nicht mehr als 7 Menüpunkte zu verwenden.\n\nLinks:\n- https://de.ryte.com/wiki/Millersche_Zahl\n- https://de.wikipedia.org/wiki/Millersche_Zahl`\n\t\t);\n\t}\n};\n"],"version":3}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
"use strict";const prop_validators=require("./prop.validators-
|
|
4
|
+
"use strict";const prop_validators=require("./prop.validators-e30f7e43.js"),AVAILABLE_HORIZONTAL_ALIGNMENT_VALUES=new Set(['"left", "right"']),AVAILABLE_VERTICAL_ALIGNMENT_VALUES=new Set(['"bottom", "top"']),AVAILABLE_ALIGNMENT_VALUES=new Set([...AVAILABLE_HORIZONTAL_ALIGNMENT_VALUES,...AVAILABLE_VERTICAL_ALIGNMENT_VALUES]),validateAlignment=(A,t,L)=>{prop_validators.watchValidator(A,t,(A=>"bottom"===A||"left"===A||"right"===A||"top"===A),AVAILABLE_ALIGNMENT_VALUES,L)},validateAlign=(A,t)=>{validateAlignment(A,"_align",t)};exports.validateAlign=validateAlign;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"align-
|
|
1
|
+
{"file":"align-e1ae85d7.js","mappings":";;;;;;;AAKA,MAAM,qCAAqC,GAAG,IAAI,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAK3E,MAAM,mCAAmC,GAAG,IAAI,GAAG,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAKzE,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,qCAAqC,EAAE,GAAG,mCAAmC,CAAC,CAAC,CAAC;AACxH,MAAM,iBAAiB,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAa;EACtGA,8BAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAK,KAAK,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,KAAK,EACzF,0BAA0B,EAC1B,KAAK,CACL,CAAC;AACH,CAAC;;MCFY,aAAa,GAAG,CAAC,SAAoC,EAAE,KAAa;EAChF,iBAAiB,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC/C;;;;","names":["watchValidator"],"sources":["src/utils/validators/alignment.ts","src/types/props/align.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { Align } from '../../types/props/align';\nimport { watchValidator } from '../prop.validators';\n\nconst AVAILABLE_HORIZONTAL_ALIGNMENT_VALUES = new Set(['\"left\", \"right\"']);\n// export const validateHorizontalAlignment = (component: Generic.Element.Component, propName: string, value?: HorizontalAlignment): void => {\n// \twatchValidator(component, propName, (value) => value === 'left' || value === 'right', AVAILABLE_HORIZONTAL_ALIGNMENT_VALUES, value);\n// };\n\nconst AVAILABLE_VERTICAL_ALIGNMENT_VALUES = new Set(['\"bottom\", \"top\"']);\n// export const validateVertivalAlignment = (component: Generic.Element.Component, propName: string, value?: VerticalAlignment): void => {\n// \twatchValidator(component, propName, (value) => value === 'top' || value === 'bottom', AVAILABLE_VERTICAL_ALIGNMENT_VALUES, value);\n// };\n\nconst AVAILABLE_ALIGNMENT_VALUES = new Set([...AVAILABLE_HORIZONTAL_ALIGNMENT_VALUES, ...AVAILABLE_VERTICAL_ALIGNMENT_VALUES]);\nexport const validateAlignment = (component: Generic.Element.Component, propName: string, value?: Align): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\tpropName,\n\t\t(value) => value === 'bottom' || value === 'left' || value === 'right' || value === 'top',\n\t\tAVAILABLE_ALIGNMENT_VALUES,\n\t\tvalue\n\t);\n};\n","import { Generic } from '@a11y-ui/core';\n\nimport { validateAlignment } from '../../utils/validators/alignment';\n\n/* types */\n/** de\n * Markiert das Element als ausgewähltes/aktiviertes. Kann folgende Werte annehmen: `date` | `location` | `page` | `step` | `time` | `true`.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n */\n\n/** en\n * Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n */\ntype HorizontalAlign = 'left' | 'right';\ntype VerticalAlign = 'top' | 'bottom';\nexport type Align = HorizontalAlign | VerticalAlign;\nexport type PropAlign = {\n\talign: Align;\n};\n\n/* validator */\nexport const validateAlign = (component: Generic.Element.Component, value?: Align): void => {\n\tvalidateAlignment(component, '_align', value);\n};\n"],"version":3}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
"use strict";const index$1=require("./index-b63c6785.js"),index=require("./index-68e17b5d.js"),dev_utils=require("./dev.utils-
|
|
4
|
+
"use strict";const index$1=require("./index-b63c6785.js"),index=require("./index-68e17b5d.js"),dev_utils=require("./dev.utils-321ffc6a.js"),index$2=require("./index-6a24b8dc.js"),appGlobalScript=async()=>{index$1.setMode((e=>(e.shadowRoot instanceof ShadowRoot&&index$2.setThemeStyle(e,index$2.getThemeDetails(e)),"default"))),await index.register([],[]),Promise.resolve().then((function(){return require("./devtools-76c34bd7.js")})).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{dev_utils.Log.error(e)}))},globalScripts=appGlobalScript;exports.globalScripts=globalScripts;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"app-globals-
|
|
1
|
+
{"file":"app-globals-195a2a91.js","mappings":";;;;;;;;;;AAOA,wBAAe;EACdA,eAAO,CAAC,CAAC,GAAG;IACX,IAAI,GAAG,CAAC,UAAU,YAAY,UAAU,EAAE;MACzCC,qBAAa,CAAC,GAAG,EAAEC,uBAAe,CAAC,GAAG,CAAC,CAAC,CAAC;KACzC;IACD,OAAO,SAAS,CAAC;GACjB,CAAC,CAAC;EAEH,MAAMC,cAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;EAEvB,oDAAO,wBAAY,KAAC;KAClB,IAAI,CAAC,CAAC,QAAQ;IACd,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI,IAAI,OAAO,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;MACnG,QAAQ,CAAC,UAAU,EAAE,CAAC;KACtB;GACD,CAAC;KACD,KAAK,CAAC,CAAC,KAAK;IACZC,aAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;GACjB,CAAC,CAAC;AACL,CAAC;;ACzBW,MAAC,aAAa,GAAG;;;;","names":["setMode","setThemeStyle","getThemeDetails","register","Log"],"sources":["src/global/script.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { getThemeDetails, setThemeStyle } from '@a11y-ui/core';\nimport { setMode } from '@stencil/core';\n\nimport { register } from '../core';\nimport { Log } from '../utils/dev.utils';\n\n// ts-prune-ignore-next\nexport default async (): Promise<void> => {\n\tsetMode((elm) => {\n\t\tif (elm.shadowRoot instanceof ShadowRoot) {\n\t\t\tsetThemeStyle(elm, getThemeDetails(elm));\n\t\t}\n\t\treturn 'default';\n\t});\n\n\tawait register([], []);\n\n\timport('./devtools')\n\t\t.then((devTools) => {\n\t\t\tif (typeof devTools === 'object' && devTools !== null && typeof devTools.initialize === 'function') {\n\t\t\t\tdevTools.initialize();\n\t\t\t}\n\t\t})\n\t\t.catch((error) => {\n\t\t\tLog.error(error);\n\t\t});\n};\n","import appGlobalScript from '/home/runner/work/kolibri/kolibri/packages/components/src/global/script.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
"use strict";const prop_validators=require("./prop.validators-
|
|
4
|
+
"use strict";const prop_validators=require("./prop.validators-e30f7e43.js"),validateAriaControls=(a,t)=>{prop_validators.watchString(a,"_ariaControls",t)},validate=(a,t,r)=>{prop_validators.watchValidator(a,t,(a=>"date"===a||"location"===a||"page"===a||"step"===a||"time"===a||!0===a||!1===a),new Set(["String {data, location, page, step, time}","boolean"]),r)},validateAriaCurrent=(a,t)=>{validate(a,"_ariaCurrent",t)},validateListenAriaCurrent=(a,t)=>{validate(a,"_listenAriaCurrent",t)};exports.validateAriaControls=validateAriaControls,exports.validateAriaCurrent=validateAriaCurrent,exports.validateListenAriaCurrent=validateListenAriaCurrent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"aria-current-
|
|
1
|
+
{"file":"aria-current-23e7f209.js","mappings":";;;;;;;MAYa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAAc;EACxFA,2BAAW,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;AAChD;;ACgBA,MAAM,QAAQ,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAmB;EAC5FC,8BAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAK,KAAK,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,EACpJ,IAAI,GAAG,CAAC,CAAC,2CAA2C,EAAE,SAAS,CAAC,CAAC,EACjE,KAAK,CACL,CAAC;AACH,CAAC,CAAC;MACW,mBAAmB,GAAG,CAAC,SAAoC,EAAE,KAAmB;EAC5F,QAAQ,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;AAC5C,EAAE;MACW,yBAAyB,GAAG,CAAC,SAAoC,EAAE,KAAmB;EAClG,QAAQ,CAAC,SAAS,EAAE,oBAAoB,EAAE,KAAK,CAAC,CAAC;AAClD;;;;;;","names":["watchString","watchValidator"],"sources":["src/types/props/aria-controls.ts","src/types/props/aria-current.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchString } from '../../utils/prop.validators';\n\n/**\n * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n */\nexport type PropAriaControls = {\n\tariaControls: string;\n};\n\n/* validator */\nexport const validateAriaControls = (component: Generic.Element.Component, value?: string): void => {\n\twatchString(component, '_ariaControls', value);\n};\n","import { Generic } from '@a11y-ui/core';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\n/* types */\n/** de\n * Markiert das Element als ausgewähltes/aktiviertes. Kann folgende Werte annehmen: `date` | `location` | `page` | `step` | `time` | `true`.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n */\n/** en\n * Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n */\nexport type AriaCurrent = 'date' | 'location' | 'page' | 'step' | 'time' | boolean;\n\n/**\n * @deprecated use `PropListenAriaCurrent` instead\n */\nexport type PropAriaCurrent = {\n\t/**\n\t * @deprecated use `listenAriaCurrent` instead\n\t */\n\tariaCurrent: AriaCurrent;\n};\n\nexport type PropListenAriaCurrent = {\n\tlistenAriaCurrent: AriaCurrent;\n};\n\n/* validator */\nconst validate = (component: Generic.Element.Component, propName: string, value?: AriaCurrent): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\tpropName,\n\t\t(value) => value === 'date' || value === 'location' || value === 'page' || value === 'step' || value === 'time' || value === true || value === false,\n\t\tnew Set(['String {data, location, page, step, time}', 'boolean']),\n\t\tvalue\n\t);\n};\nexport const validateAriaCurrent = (component: Generic.Element.Component, value?: AriaCurrent): void => {\n\tvalidate(component, '_ariaCurrent', value);\n};\nexport const validateListenAriaCurrent = (component: Generic.Element.Component, value?: AriaCurrent): void => {\n\tvalidate(component, '_listenAriaCurrent', value);\n};\n"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"aria-selected-
|
|
1
|
+
{"file":"aria-selected-373eb055.js","mappings":";;;;;;;MAkBa,oBAAoB,GAAG,CAAC,SAAoC,EAAE,KAAe;EACzFA,4BAAY,CAAC,SAAS,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;AACjD;;;;","names":["watchBoolean"],"sources":["src/types/props/aria-selected.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\n/** de\n * Markiert dieses Element als ausgewählt.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n */\n/** en\n * Marks this element as selected.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n */\nexport type PropAriaSelected = {\n\tariaSelected: boolean;\n};\n\n/* validator */\nexport const validateAriaSelected = (component: Generic.Element.Component, value?: boolean): void => {\n\twatchBoolean(component, '_ariaSelected', value);\n};\n"],"version":3}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
|
+
*/
|
|
4
|
+
"use strict";const prop_validators=require("./prop.validators-e30f7e43.js"),a11y_tipps=require("./a11y.tipps-29f0cafa.js"),dev_utils=require("./dev.utils-321ffc6a.js");function preventEvent(t){t.preventDefault(),t.stopPropagation()}function createKoliBriEvent(t,e){const i=new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e});return console.log("createKoliBriEvent",t,e,"=>",i),i}function dispatchKoliBriEvent(t,e,i){const o=t.dispatchEvent(createKoliBriEvent(e,i));return console.log("dispatchKoliBriEvent",t,e,i,"=>",o),o}function tryToDispatchKoliBriEvent(t,e,i){e&&dispatchKoliBriEvent(e,t,i)}const validateName=(t,e,i)=>{prop_validators.watchString(t,"_name",e,i)},EXPERIMENTAL_MODE=dev_utils.getExperimentalMode();class AssociatedInputController{constructor(t,e,i){var o,s;if(this.setFormAssociatedValue=t=>{var e;const i=null===(e=this.formAssociated)||void 0===e?void 0:e.getAttribute("name");null!==i&&""!==i||a11y_tipps.devHint(` The form field (${this.name}) must have a name attribute to be form-associated. Please define the _name attribute.`);const o=this.tryToStringifyValue(t);this.syncValue(t,o,this.formAssociated),this.syncValue(t,o,this.syncToOwnInput)},this.component=t,this.host=this.findHostWithShadowRoot(i),this.name=e,EXPERIMENTAL_MODE){switch(null===(o=this.host)||void 0===o||o.querySelectorAll("input,select,textarea").forEach((t=>{var e;null===(e=this.host)||void 0===e||e.removeChild(t)})),this.name){case"button":this.formAssociated=document.createElement("button");break;case"select":this.formAssociated=document.createElement("select"),this.formAssociated.setAttribute("multiple","");break;case"textarea":this.formAssociated=document.createElement("textarea");break;default:this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden")}this.formAssociated.setAttribute("aria-hidden","true"),this.formAssociated.setAttribute("data-form-associated",""),this.formAssociated.setAttribute("hidden",""),null===(s=this.host)||void 0===s||s.appendChild(this.formAssociated)}}findHostWithShadowRoot(t){for(;null===(null==t?void 0:t.shadowRoot)&&t!==document.body;)(t=null==t?void 0:t.parentNode).host&&(t=t.host);return t}setAttribute(t,e,i){if(EXPERIMENTAL_MODE)try{if("boolean"!=typeof(i="object"==typeof i&&null!==i?JSON.stringify(i):i)&&"number"!=typeof i&&"string"!=typeof i)throw new Error("Invalid value type: "+typeof i);null==e||e.setAttribute(t,`${i}`)}catch(i){null==e||e.removeAttribute(t)}}tryToStringifyValue(t){try{return"object"==typeof t&&null!==t?JSON.stringify(t).toString():null==t?null:t.toString()}catch(t){return a11y_tipps.devWarning(`The form field raw value is not able to stringify! ${t}`),""}}syncValue(t,e,i){if(i)if("select"===this.name)i.querySelectorAll("option").forEach((t=>{i.removeChild(t)})),Array.isArray(t)&&t.forEach((t=>{const e=this.tryToStringifyValue(t);if("string"==typeof e){const t=document.createElement("option");t.setAttribute("value",e),t.setAttribute("selected",""),i.appendChild(t)}}));else"string"==typeof e?(i.setAttribute("value",e),i.value=e):(i.removeAttribute("value"),i.value="")}validateName(t){validateName(this.component,t,{hooks:{afterPatch:()=>{this.setAttribute("name",this.formAssociated,this.component.state._name)}}}),void 0===t&&a11y_tipps.devHint("Ein Name am Eingabefeldern oder Schalter ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.")}validateSyncValueBySelector(t){if(EXPERIMENTAL_MODE&&"string"==typeof t){const e=document.querySelector(t);e&&(this.syncToOwnInput=e)}}componentWillLoad(){this.validateName(this.component._name),this.validateSyncValueBySelector(this.component._syncValueBySelector)}}exports.AssociatedInputController=AssociatedInputController,exports.preventEvent=preventEvent,exports.tryToDispatchKoliBriEvent=tryToDispatchKoliBriEvent;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"associated.controller-97ca9eca.js","mappings":"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","names":["watchString","getExperimentalMode","devHint","devWarning"],"sources":["src/utils/events.ts","src/types/props/name.ts","src/components/input-adapter-leanup/associated.controller.ts"],"sourcesContent":["export function preventEvent(event: Event): void {\n\tevent.preventDefault();\n\tevent.stopPropagation();\n}\n\nfunction createKoliBriEvent<T>(type: string, detail: T): CustomEvent {\n\tconst event = new CustomEvent(`kol-${type}`, {\n\t\tbubbles: true,\n\t\tcancelable: true,\n\t\tcomposed: true,\n\t\tdetail: detail,\n\t});\n\tconsole.log('createKoliBriEvent', type, detail, '=>', event);\n\treturn event;\n}\n\nfunction dispatchKoliBriEvent<T>(target: EventTarget, type: string, detail?: T): boolean {\n\tconst dispatch = target.dispatchEvent(createKoliBriEvent(type, detail));\n\tconsole.log('dispatchKoliBriEvent', target, type, detail, '=>', dispatch);\n\treturn dispatch;\n}\n\nexport function tryToDispatchKoliBriEvent<T>(type: string, target?: EventTarget, detail?: T): void {\n\ttarget && dispatchKoliBriEvent(target, type, detail);\n}\n","import { Generic } from '@a11y-ui/core';\n\nimport { watchString, WatchStringOptions } from '../../utils/prop.validators';\n\ntype NamePropType = string;\n\nexport type PropName = {\n\tname: NamePropType;\n};\n\nexport const validateName = (component: Generic.Element.Component, value?: NamePropType, options?: WatchStringOptions): void => {\n\twatchString(component, '_name', value, options);\n};\n","import { Generic } from '@a11y-ui/core';\n\nimport { validateName } from '../../types/props/name';\nimport { StencilUnknown } from '../../types/unknown';\nimport { devHint, devWarning } from '../../utils/a11y.tipps';\nimport { getExperimentalMode } from '../../utils/dev.utils';\n\nconst EXPERIMENTAL_MODE = getExperimentalMode();\n\ntype RequiredProps = unknown;\ntype OptionalProps = {\n\tname: string;\n\tsyncValueBySelector: string;\n};\ntype Props = Generic.Element.Members<RequiredProps, OptionalProps>;\ntype Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;\n\nexport class AssociatedInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\tprotected readonly name: string;\n\tprotected readonly host?: HTMLElement;\n\n\tpublic readonly formAssociated?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n\tpublic syncToOwnInput?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tthis.component = component;\n\t\tthis.host = this.findHostWithShadowRoot(host);\n\t\tthis.name = name;\n\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\tthis.host?.querySelectorAll('input,select,textarea').forEach((el) => {\n\t\t\t\tthis.host?.removeChild(el);\n\t\t\t});\n\t\t\tswitch (this.name) {\n\t\t\t\tcase 'button':\n\t\t\t\t\tthis.formAssociated = document.createElement('button');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'select':\n\t\t\t\t\tthis.formAssociated = document.createElement('select');\n\t\t\t\t\tthis.formAssociated.setAttribute('multiple', '');\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'textarea':\n\t\t\t\t\tthis.formAssociated = document.createElement('textarea');\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tthis.formAssociated = document.createElement('input');\n\t\t\t\t\tthis.formAssociated.setAttribute('type', 'hidden');\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\tthis.formAssociated.setAttribute('aria-hidden', 'true');\n\t\t\tthis.formAssociated.setAttribute('data-form-associated', '');\n\t\t\tthis.formAssociated.setAttribute('hidden', '');\n\t\t\tthis.host?.appendChild(this.formAssociated);\n\t\t}\n\t}\n\n\t/**\n\t * The associated elements must not reside within the ShadowRoot and must\n\t * reside as children in the host to be recognized by native forms.\n\t */\n\tprivate findHostWithShadowRoot(host?: HTMLElement): HTMLElement | undefined {\n\t\twhile (host?.shadowRoot === null && host !== document.body) {\n\t\t\thost = host?.parentNode as HTMLElement;\n\t\t\tif ((host as unknown as ShadowRoot).host) {\n\t\t\t\thost = (host as unknown as ShadowRoot).host as HTMLElement;\n\t\t\t}\n\t\t}\n\t\treturn host;\n\t}\n\n\tprotected setAttribute(qualifiedName: string, element?: HTMLElement, value?: string | number | boolean) {\n\t\tif (EXPERIMENTAL_MODE) {\n\t\t\ttry {\n\t\t\t\tvalue = typeof value === 'object' && value !== null ? JSON.stringify(value) : value;\n\t\t\t\tif (typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string') {\n\t\t\t\t\telement?.setAttribute(qualifiedName, `${value as string}`);\n\t\t\t\t} else {\n\t\t\t\t\tthrow new Error(`Invalid value type: ${typeof value}`);\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\telement?.removeAttribute(qualifiedName);\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * We need to stringify the value, for the setAttribute method.\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes\n\t * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/attributes#value\n\t *\n\t * TODO: It is possible that the value are a cyclic object value. So we need a custom\n\t * JSON.stringify method from outside to convert it to string.\n\t */\n\tprivate tryToStringifyValue(value: StencilUnknown): string | null {\n\t\ttry {\n\t\t\treturn typeof value === 'object' && value !== null ? JSON.stringify(value).toString() : value === null || value === undefined ? null : value.toString();\n\t\t} catch (e) {\n\t\t\tdevWarning(`The form field raw value is not able to stringify! ${e as string}`);\n\t\t\treturn '';\n\t\t}\n\t}\n\n\t/**\n\t * We try to support native form-associated custom elements.\n\t *\n\t * @see https://github.com/public-ui/kolibri/discussions/2821\n\t */\n\tpublic readonly setFormAssociatedValue = (rawValue: StencilUnknown) => {\n\t\tconst name = this.formAssociated?.getAttribute('name');\n\t\tif (name === null || name === '') {\n\t\t\tdevHint(` The form field (${this.name}) must have a name attribute to be form-associated. Please define the _name attribute.`);\n\t\t}\n\t\tconst strValue = this.tryToStringifyValue(rawValue);\n\t\tthis.syncValue(rawValue, strValue, this.formAssociated);\n\t\tthis.syncValue(rawValue, strValue, this.syncToOwnInput);\n\t};\n\n\tprivate syncValue(\n\t\trawValue: StencilUnknown,\n\t\tstrValue: string | null,\n\t\tassociatedElement?: HTMLButtonElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n\t) {\n\t\tif (associatedElement) {\n\t\t\tswitch (this.name) {\n\t\t\t\tcase 'select':\n\t\t\t\t\t(associatedElement as HTMLSelectElement).querySelectorAll('option').forEach((el) => {\n\t\t\t\t\t\t(associatedElement as HTMLSelectElement).removeChild(el);\n\t\t\t\t\t});\n\t\t\t\t\tif (Array.isArray(rawValue)) {\n\t\t\t\t\t\trawValue.forEach((rawValueItem) => {\n\t\t\t\t\t\t\tconst strValueItem = this.tryToStringifyValue(rawValueItem as string);\n\t\t\t\t\t\t\tif (typeof strValueItem === 'string') {\n\t\t\t\t\t\t\t\tconst option = document.createElement('option');\n\t\t\t\t\t\t\t\toption.setAttribute('value', strValueItem);\n\t\t\t\t\t\t\t\toption.setAttribute('selected', '');\n\t\t\t\t\t\t\t\t(associatedElement as HTMLSelectElement).appendChild(option);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tif (typeof strValue === 'string') {\n\t\t\t\t\t\tassociatedElement.setAttribute('value', strValue);\n\t\t\t\t\t\tassociatedElement.value = strValue;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tassociatedElement.removeAttribute('value');\n\t\t\t\t\t\tassociatedElement.value = '';\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic validateName(value?: string): void {\n\t\tvalidateName(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tthis.setAttribute('name', this.formAssociated, this.component.state._name as string);\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t\tif (typeof value === 'undefined') {\n\t\t\tdevHint(\n\t\t\t\t`Ein Name am Eingabefeldern oder Schalter ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion und für das statische Versenden des Eingabefeldes relevant sein.`\n\t\t\t);\n\t\t}\n\t}\n\n\tpublic validateSyncValueBySelector(value?: string): void {\n\t\tif (EXPERIMENTAL_MODE && typeof value === 'string') {\n\t\t\tconst input = document.querySelector(value) as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n\t\t\tif (input /* SSR instanceof HTMLInputElement */) {\n\t\t\t\tthis.syncToOwnInput = input;\n\t\t\t}\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateName(this.component._name);\n\t\tthis.validateSyncValueBySelector(this.component._syncValueBySelector);\n\t}\n}\n"],"version":3}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
|
+
*/
|
|
4
|
+
"use strict";const prop_validators=require("./prop.validators-e30f7e43.js"),watchTooltipAlignment=(t,o,e)=>{prop_validators.watchValidator(t,o,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["Alignment {top, right, buttom, left}"]),e,{defaultValue:"top"})};exports.watchTooltipAlignment=watchTooltipAlignment;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"button-link-e2d7ef9a.js","mappings":";;;;;;;MA2Pa,qBAAqB,GAAG,CAAC,SAAoC,EAAE,QAAgB,EAAE,KAAa;EAC1GA,8BAAc,CACb,SAAS,EACT,QAAQ,EACR,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,MAAM,EACzF,IAAI,GAAG,CAAC,CAAC,sCAAsC,CAAC,CAAC,EACjD,KAAK,EACL;IACC,YAAY,EAAE,KAAK;GACnB,CACD,CAAC;AACH;;;;","names":["watchValidator"],"sources":["src/types/button-link.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { Events } from '../enums/events';\nimport { watchValidator } from '../utils/prop.validators';\nimport { EventCallback, EventValueOrEventCallback } from './callbacks';\nimport { Stringified } from './common';\nimport { KoliBriAllIcon, KoliBriIconProp } from './icon';\nimport { Align } from './props/align';\nimport { PropAriaControls } from './props/aria-controls';\nimport { PropAriaCurrent, PropListenAriaCurrent } from './props/aria-current';\nimport { PropAriaExpanded } from './props/aria-expanded';\nimport { PropAriaLabel } from './props/aria-label';\nimport { PropAriaSelected } from './props/aria-selected';\nimport { PropDisabled } from './props/disabled';\nimport { PropDownload } from './props/download';\nimport { PropHideLabel } from './props/hide-label';\nimport { PropHref } from './props/href';\nimport { PropId } from './props/id';\nimport { PropLabelWithExpertSlot } from './props/label';\nimport { PropName } from './props/name';\nimport { PropStealth } from './props/stealth';\nimport { StencilUnknown } from './unknown';\n\nexport type AlternativButtonLinkRole = 'button' | 'link' | 'tab';\n\n/**\n * https://twitter.com/housecor/status/1541037184622403584?t=HoUiOAZEcXFeuDl-VWAEZg\n * https://mui.com/material-ui/react-link/#accessibility\n * https://mui.com/material-ui/react-button/#text-button\n */\ntype OptionalButtonAndLinkProps = {\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaControls: string;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaExpanded: boolean;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaSelected: boolean;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tdisabled: boolean;\n\ticon: Stringified<KoliBriIconProp>;\n\t/**\n\t * @deprecated\n\t */\n\ticonAlign: Align;\n\t/**\n\t * @deprecated\n\t */\n\ticonOnly: boolean;\n\trole: AlternativButtonLinkRole;\n\ttabIndex: number;\n\ttooltipAlign: Align;\n} & PropAriaCurrent &\n\tPropAriaLabel &\n\tPropHideLabel;\n\ntype RequiredButtonAndLinkStates = {\n\ticon: KoliBriAllIcon;\n};\ntype OptionalButtonAndLinkStates = {\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaControls: string;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaExpanded: boolean;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tariaSelected: boolean;\n\t/**\n\t * @deprecated Will be removed for all link components.\n\t */\n\tdisabled: boolean;\n\t/**\n\t * @deprecated\n\t */\n\ticonAlign: Align;\n\t/**\n\t * @deprecated\n\t */\n\ticonOnly: boolean;\n\trole: AlternativButtonLinkRole;\n\ttabIndex: number;\n\ttooltipAlign: Align;\n} & PropAriaCurrent &\n\tPropHideLabel;\n\n/**\n * Button\n * TODO: 'tertiary' instead of 'normal'\n */\nexport type KoliBriButtonType = 'button' | 'reset' | 'submit';\nexport type KoliBriButtonVariant = 'primary' | 'secondary' | 'normal' | 'tertiary' | 'danger' | 'ghost' | 'custom';\n\nexport type KoliBriButtonCallbacks<T> = {\n\t[Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n\t[Events.onMouseDown]?: EventCallback<MouseEvent>;\n};\n\nexport type KoliBriButtonVariantPropState = {\n\tvariant: KoliBriButtonVariant;\n};\nexport type KoliBriButtonCustomClassPropState = {\n\tcustomClass: string;\n};\n\n/**\n * API ButtonLink\n */\nexport type RequiredButtonLinkProps = unknown;\nexport type OptionalButtonLinkProps = OptionalButtonAndLinkProps & {\n\t/**\n\t * @deprecated Zweck?!\n\t */\n\taccessKey: string;\n\ton: KoliBriButtonCallbacks<StencilUnknown>;\n\tsyncValueBySelector: string;\n\ttype: KoliBriButtonType;\n\tvalue: Stringified<StencilUnknown>;\n} & PropDisabled &\n\tPropId &\n\tPropLabelWithExpertSlot &\n\tPropName;\n// type ButtonLinkProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;\n\ntype RequiredButtonLinkStates = RequiredButtonAndLinkStates &\n\tPropLabelWithExpertSlot &\n\tKoliBriButtonVariantPropState & {\n\t\ttype: KoliBriButtonType;\n\t};\ntype OptionalButtonLinkStates = OptionalButtonAndLinkStates &\n\tKoliBriButtonCustomClassPropState & {\n\t\t/**\n\t\t * @deprecated Zweck?!\n\t\t */\n\t\taccessKey: string;\n\t\ton: KoliBriButtonCallbacks<StencilUnknown>;\n\t\tsyncValueBySelector: string;\n\t\tvalue: StencilUnknown;\n\t} & PropDisabled &\n\tPropId &\n\tPropName;\n// type ButtonLinkStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;\n\n/**\n * API Button\n */\nexport type RequiredButtonProps = RequiredButtonLinkProps & PropLabelWithExpertSlot;\nexport type OptionalButtonProps = OptionalButtonLinkProps &\n\tPropAriaControls &\n\tPropAriaExpanded &\n\tPropAriaSelected &\n\tPropDisabled &\n\tKoliBriButtonVariantPropState &\n\tKoliBriButtonCustomClassPropState;\nexport type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;\n\nexport type RequiredButtonStates = RequiredButtonLinkStates & KoliBriButtonVariantPropState & PropLabelWithExpertSlot;\nexport type OptionalButtonStates = OptionalButtonLinkStates &\n\tPropAriaControls &\n\tPropAriaExpanded &\n\tPropAriaSelected &\n\tPropDisabled &\n\tKoliBriButtonCustomClassPropState;\nexport type ButtonStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;\n\n/* LINK */\n\n/**\n * @deprecated Link should not use the on-click event. Use a button instead.\n */\nexport type LinkOnCallbacks = {\n\t[Events.onClick]?: EventValueOrEventCallback<Event, string>;\n};\n\n// https://www.w3schools.com/tags/att_a_target.asp\nexport type LinkTarget = '_blank' | '_parent' | '_self' | '_top' | string;\n\n/**\n * @deprecated Will be removed in next major release.\n */\nexport type LinkUseCase = 'text' | 'image' | 'nav';\n\n/**\n * API Link\n */\ntype RequiredLinkProps = PropHref;\ntype OptionalLinkProps = OptionalButtonAndLinkProps & {\n\t/**\n\t * @deprecated We use the on-click event only on buttons styled as link.\n\t */\n\ton: LinkOnCallbacks;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tselector: string;\n\ttarget: LinkTarget;\n\ttargetDescription: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tuseCase: LinkUseCase;\n} & PropDownload &\n\tPropLabelWithExpertSlot &\n\tPropListenAriaCurrent &\n\tPropStealth;\nexport type LinkProps = Generic.Element.Members<RequiredLinkProps, OptionalLinkProps>;\n\ntype RequiredLinkStates = RequiredButtonAndLinkStates & PropHref & PropLabelWithExpertSlot;\ntype OptionalLinkStates = OptionalButtonAndLinkStates & {\n\t/**\n\t * @deprecated We use the on-click event only on buttons styled as link.\n\t */\n\ton: LinkOnCallbacks;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tselector: string;\n\ttarget: LinkTarget;\n\ttargetDescription: string;\n\t/**\n\t * @deprecated Das Styling sollte stets über CSS erfolgen.\n\t */\n\tuseCase: LinkUseCase;\n} & PropDownload &\n\tPropListenAriaCurrent &\n\tPropStealth;\nexport type LinkStates = Generic.Element.Members<RequiredLinkStates, OptionalLinkStates>;\nexport type KoliBriLinkAPI = Generic.Element.ComponentApi<RequiredLinkProps, OptionalLinkProps, RequiredLinkStates, OptionalLinkStates>;\n\n/**\n * API LinkButton\n */\n// type RequiredLinkButtonProps = RequiredLinkProps;\n// type OptionalLinkButtonProps = OptionalLinkProps & KoliBriButtonVariantPropState & KoliBriButtonCustomClassPropState;\n// type LinkButtonProps = Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps>;\n\n// type RequiredLinkButtonStates = KoliBriButtonVariantPropState;\n// type OptionalLinkButtonStates = KoliBriButtonCustomClassPropState;\n// type LinkButtonStates = Generic.Element.Members<RequiredLinkButtonStates, OptionalLinkButtonStates>;\n\nexport const watchTooltipAlignment = (component: Generic.Element.Component, propName: string, value?: Align): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\tpropName,\n\t\t(value) => value === 'top' || value === 'right' || value === 'bottom' || value === 'left',\n\t\tnew Set(['Alignment {top, right, buttom, left}']),\n\t\tvalue,\n\t\t{\n\t\t\tdefaultValue: 'top',\n\t\t}\n\t);\n};\n"],"version":3}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
"use strict";const prop_validators=require("./prop.validators-
|
|
4
|
+
"use strict";const prop_validators=require("./prop.validators-e30f7e43.js"),a11y_tipps=require("./a11y.tipps-29f0cafa.js");var colorName={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},colorParse=parse,baseHues={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};function parse(r){var e,a,o=[],t=1;if("string"==typeof r)if(colorName[r])o=colorName[r].slice(),a="rgb";else if("transparent"===r)t=0,a="rgb",o=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(r)){var l=r.slice(1);t=1,(s=l.length)<=4?(o=[parseInt(l[0]+l[0],16),parseInt(l[1]+l[1],16),parseInt(l[2]+l[2],16)],4===s&&(t=parseInt(l[3]+l[3],16)/255)):(o=[parseInt(l[0]+l[1],16),parseInt(l[2]+l[3],16),parseInt(l[4]+l[5],16)],8===s&&(t=parseInt(l[6]+l[7],16)/255)),o[0]||(o[0]=0),o[1]||(o[1]=0),o[2]||(o[2]=0),a="rgb"}else if(e=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(r)){var n=e[1],i="rgb"===n;a=l=n.replace(/a$/,"");var s="cmyk"===l?4:"gray"===l?1:3;o=e[2].trim().split(/\s*[,\/]\s*|\s+/).map((function(r,e){if(/%$/.test(r))return e===s?parseFloat(r)/100:"rgb"===l?255*parseFloat(r)/100:parseFloat(r);if("h"===l[e]){if(/deg$/.test(r))return parseFloat(r);if(void 0!==baseHues[r])return baseHues[r]}return parseFloat(r)})),n===l&&o.push(1),t=i||void 0===o[s]?1:o[s],o=o.slice(0,s)}else r.length>10&&/[0-9](?:\s|\/)/.test(r)&&(o=r.match(/([0-9]+)/g).map((function(r){return parseFloat(r)})),a=r.match(/([a-z])/gi).join("").toLowerCase());else isNaN(r)?Array.isArray(r)||r.length?(o=[r[0],r[1],r[2]],a="rgb",t=4===r.length?r[3]:1):r instanceof Object&&(null!=r.r||null!=r.red||null!=r.R?(a="rgb",o=[r.r||r.red||r.R||0,r.g||r.green||r.G||0,r.b||r.blue||r.B||0]):(a="hsl",o=[r.h||r.hue||r.H||0,r.s||r.saturation||r.S||0,r.l||r.lightness||r.L||r.b||r.brightness]),t=r.a||r.alpha||r.opacity||1,null!=r.opacity&&(t/=100)):(a="rgb",o=[r>>>16,(65280&r)>>>8,255&r]);return{space:a,values:o,alpha:t}}var colorRgba=function(r){var e;Array.isArray(r)&&r.raw&&(r=String.raw.apply(null,arguments));var a=colorParse(r);if(!a.space)return[];var o=[0,0,0],t="h"===a.space[0]?[360,100,100]:[255,255,255];return(e=Array(3))[0]=Math.min(Math.max(a.values[0],o[0]),t[0]),e[1]=Math.min(Math.max(a.values[1],o[1]),t[1]),e[2]=Math.min(Math.max(a.values[2],o[2]),t[2]),"h"===a.space[0]&&(e=hsl2rgb(e)),e.push(Math.min(Math.max(a.alpha,0),1)),e};function hsl2rgb(r){var e,a,o,t,l,n=r[0]/360,i=r[1]/100,s=r[2]/100,u=0;if(0===i)return[l=255*s,l,l];for(e=2*s-(a=s<.5?s*(1+i):s+i-s*i),t=[0,0,0];u<3;)(o=n+1/3*-(u-1))<0?o++:o>1&&o--,l=6*o<1?e+6*(a-e)*o:2*o<1?a:3*o<2?e+(a-e)*(2/3-o)*6:e,t[u++]=255*l;return t}const getContrastYIQ=(r,e,a)=>(299*r+587*e+114*a)/1e3>=128?-1:1,calcColorContrast=(r,e,a,o=1)=>{const t=[Math.max(Math.min(Math.round(e[0]+o*Math.max(1,e[0]/100)),255),0),Math.max(Math.min(Math.round(e[1]+o*Math.max(1,e[1]/100)),255),0),Math.max(Math.min(Math.round(e[2]+o*Math.max(1,e[2]/100)),255),0)],l=prop_validators.s(prop_validators.rgbaConvert.hex(`rgba(${r.join(",")},1)`),prop_validators.rgbaConvert.hex(`rgba(${t.join(",")},1)`)),n=t[0]+t[1]+t[2];return 0===n||765===n||l>a?{background:r,foreground:t,contrast:l}:calcColorContrast(r,t,a,o)},cache=new Map,getColorContrast=(r,e,a,o=1)=>{if(cache.has(r))return cache.get(r);const t=calcColorContrast(r,e,a,o);return cache.set(r,t),t},createContrastColorPair=(r,e=7)=>{let a=[0,0,0,1],o=[255,255,255,1];"string"==typeof r?(a=colorRgba(r),o=a):"object"==typeof r&&null!==r&&"string"==typeof r.background&&"string"==typeof r.foreground&&(a=colorRgba(r.background),o="string"==typeof r.foreground?colorRgba(r.foreground):a);const t=(l=a[0],n=a[1],i=a[2],(299*l+587*n+114*i)/1e3>=128?-1:1);var l,n,i;const s=getColorContrast([a[0],a[1],a[2]],[o[0],o[1],o[2]],e,t);return o=[...s.foreground,1],{background:prop_validators.rgbaConvert.hex(`rgba(${a.join(",")})`),foreground:prop_validators.rgbaConvert.hex(`rgba(${o.join(",")})`),contrast:s.contrast}},HEX_REGEX=/^#((\d|[a-f]){8}|(\d|[a-f]){6}|(\d|[a-f]){3,4})$/i;function isHexString(r){return HEX_REGEX.test(r)}function isColorObjectString(r){if(r.startsWith("{"))try{const e=JSON.parse(r);if(isValidColorPair(e))return{type:"ColorPair",value:e};if(isValidDeprecatedColorPair(e))return{type:"DeprecatedColorPair",value:e}}catch(r){return{type:null,value:null}}return{type:null,value:null}}function typeOfColor(r){if(r)if("string"==typeof r){if(isHexString(r))return{type:"string",valid:!0,value:r};{const e=isColorObjectString(r);if(e.value)return{type:e.type,valid:!0,value:e.value}}}else{const e=r;if(isValidColorPair(e))return{type:"ColorPair",valid:!0,value:e};const a=r;if(isValidDeprecatedColorPair(a))return{type:"DeprecatedColorPair",valid:!0,value:a}}return{type:null,valid:!1,value:""}}function isValidColorPair(r){return!("object"!=typeof r||!r||"string"!=typeof r.backgroundColor||!("string"==typeof r.foregroundColor||r.foregroundColor&&"string"==typeof r.foregroundColor.primary&&"string"==typeof r.foregroundColor.secondary&&"string"==typeof r.foregroundColor.neutral))}function isValidDeprecatedColorPair(r){return"object"==typeof r&&r&&"string"==typeof r.backgroundColor&&"string"==typeof r.color}function validatorFunction(r){const e=typeOfColor(r);switch(e.type){case null:return!1;case"string":case"ColorPair":case"DeprecatedColorPair":return e.valid}}const validateColor=(r,e,a)=>{prop_validators.watchValidator(r,"_color",validatorFunction,new Set(["rgb in hex","ColorPair"]),e,a)},handleColorChange=r=>{var e;let a;const o=typeOfColor(r);switch(o.type){case"string":a=createContrastColorPair(o.value);break;case"ColorPair":case"DeprecatedColorPair":{const r=o.value,t=o.value;let l="";t.color?l=t.color:"string"==typeof r.foregroundColor?l=r.foregroundColor:(null===(e=r.foregroundColor)||void 0===e?void 0:e.primary)&&(l=r.foregroundColor.primary),l&&"string"==typeof l||(l="#fff"),a=createContrastColorPair({background:r.backgroundColor,foreground:l});break}case null:console.warn(`_color was empty or invalid (${JSON.stringify(r)})`),a=createContrastColorPair({background:"#000",foreground:"#000"})}return a.contrast<7&&a11y_tipps.a11yHint(`[KolBadge] The contrast of ${a.contrast} (≥7, AAA) is to low, between the color pair ${a.background} and ${a.foreground}.`),{backgroundColor:a.background,foregroundColor:a.foreground}};exports.colorRgba=colorRgba,exports.handleColorChange=handleColorChange,exports.validateColor=validateColor;
|