@public-ui/components 1.1.7-rc.8 → 1.1.7-rc.9
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 +10 -11
- package/dist/cjs/{a11y.tipps-8c4b8396.js → a11y.tipps-54ec8bae.js} +1 -1
- package/dist/cjs/{app-globals-dc236441.js → app-globals-bc902400.js} +1 -1
- package/dist/cjs/{button-link-f7e897ac.js → button-link-4380f157.js} +1 -1
- package/dist/cjs/{controller-530a9768.js → controller-2a7b57a1.js} +1 -1
- package/dist/cjs/{controller-d158e5b6.js → controller-2e60fafc.js} +1 -1
- package/dist/cjs/controller-31aca951.js +4 -0
- package/dist/cjs/{controller-65415582.js → controller-7c2e68bd.js} +1 -1
- package/dist/cjs/{controller-88d53629.js → controller-df507ca2.js} +1 -1
- package/dist/cjs/{controller-7900f89f.js → controller-f4eac510.js} +1 -1
- package/dist/cjs/dev.utils-3c37c3f3.js +4 -0
- package/dist/cjs/{devtools-e891d7f7.js → devtools-b7556d66.js} +1 -1
- package/dist/cjs/{icon-83e7d4d2.js → icon-d3e06146.js} +1 -1
- package/dist/cjs/index-6301c622.js +4 -0
- package/dist/cjs/index-e6ae017d.js +5 -0
- 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.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-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-wc_3.cjs.entry.js +1 -1
- package/dist/cjs/kol-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-card.cjs.entry.js +1 -1
- package/dist/cjs/kol-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-counter.cjs.entry.js +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-heading.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon-font-awesome.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon-icofont.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon.cjs.entry.js +1 -1
- package/dist/cjs/kol-indented-text.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-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-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-link.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-progress.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js +1 -1
- package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-spin.cjs.entry.js +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-toast.cjs.entry.js +1 -1
- package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/kol-version.cjs.entry.js +1 -1
- package/dist/cjs/kolibri.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{prop.validators-cef94f6b.js → prop.validators-490c913d.js} +1 -1
- package/dist/cjs/{register-4992ac98.js → register-2a6fd996.js} +1 -1
- package/dist/cjs/{validation-454c682e.js → validation-5005bdab.js} +1 -1
- package/dist/cjs/validation-846b8c03.js +4 -0
- package/dist/components/color.js +1 -1
- package/dist/components/component.js +1 -1
- package/dist/components/component10.js +1 -1
- package/dist/components/component11.js +1 -1
- package/dist/components/component12.js +1 -1
- package/dist/components/component13.js +1 -1
- package/dist/components/component14.js +1 -1
- package/dist/components/component2.js +1 -1
- package/dist/components/component3.js +1 -1
- package/dist/components/component4.js +1 -1
- package/dist/components/component5.js +1 -1
- package/dist/components/component8.js +1 -1
- package/dist/components/controller.js +1 -1
- package/dist/components/controller2.js +1 -1
- package/dist/components/controller3.js +1 -1
- package/dist/components/controller4.js +1 -1
- package/dist/components/devtools.js +1 -1
- package/dist/components/icon.js +1 -1
- package/dist/components/index2.js +4 -0
- package/dist/components/index3.js +4 -0
- package/dist/components/kol-abbr.js +1 -1
- package/dist/components/kol-accordion.js +1 -1
- package/dist/components/kol-breadcrumb.js +1 -1
- package/dist/components/kol-card.js +1 -1
- package/dist/components/kol-color.js +1 -1
- package/dist/components/kol-details.js +1 -1
- package/dist/components/kol-heading.js +1 -1
- package/dist/components/kol-input-adapter-leanup.js +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-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-radio-group.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-kolibri.js +1 -1
- package/dist/components/kol-link-group.js +1 -1
- package/dist/components/kol-logo.js +1 -1
- package/dist/components/kol-modal.js +1 -1
- package/dist/components/kol-nav.js +1 -1
- package/dist/components/kol-progress.js +1 -1
- package/dist/components/kol-skip-nav.js +1 -1
- package/dist/components/kol-spin.js +1 -1
- package/dist/components/kol-table.js +1 -1
- package/dist/components/kol-tabs.js +1 -1
- package/dist/components/kol-textarea.js +1 -1
- package/dist/components/kol-toast.js +1 -1
- package/dist/components/kol-version.js +1 -1
- package/dist/components/prop.validators.js +1 -1
- package/dist/components/shadow.js +1 -1
- package/dist/components/shadow2.js +1 -1
- package/dist/components/validation.js +1 -1
- package/dist/esm/{a11y.tipps-1f6fb00f.js → a11y.tipps-1c83d041.js} +1 -1
- package/dist/esm/{app-globals-15029fab.js → app-globals-1ddbfb3b.js} +1 -1
- package/dist/esm/{button-link-9a4451fc.js → button-link-f489475e.js} +1 -1
- package/dist/esm/{controller-5bc677e6.js → controller-0daf13c7.js} +1 -1
- package/dist/esm/{controller-d5b8093a.js → controller-2e3018c4.js} +1 -1
- package/dist/esm/{controller-641f400d.js → controller-530b88df.js} +1 -1
- package/dist/esm/{controller-6133aebe.js → controller-86bf62ed.js} +1 -1
- package/dist/esm/{controller-9dd48e3b.js → controller-aa7513aa.js} +1 -1
- package/dist/esm/{controller-3862c4ac.js → controller-d106df71.js} +1 -1
- package/dist/esm/dev.utils-c9cfb9a5.js +4 -0
- package/dist/esm/{devtools-df5e5c3e.js → devtools-6678ab14.js} +1 -1
- package/dist/esm/{icon-f76e0ed7.js → icon-63b36435.js} +1 -1
- package/dist/esm/index-a604e45a.js +4 -0
- package/dist/esm/index-bc1a7f22.js +5 -0
- 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.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-group.entry.js +1 -1
- package/dist/esm/kol-button-wc_3.entry.js +1 -1
- package/dist/esm/kol-button.entry.js +1 -1
- package/dist/esm/kol-card.entry.js +1 -1
- package/dist/esm/kol-color.entry.js +1 -1
- package/dist/esm/kol-counter.entry.js +1 -1
- package/dist/esm/kol-details.entry.js +1 -1
- package/dist/esm/kol-form.entry.js +1 -1
- package/dist/esm/kol-heading.entry.js +1 -1
- package/dist/esm/kol-icon-font-awesome.entry.js +1 -1
- package/dist/esm/kol-icon-icofont.entry.js +1 -1
- package/dist/esm/kol-icon.entry.js +1 -1
- package/dist/esm/kol-indented-text.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-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-group.entry.js +1 -1
- package/dist/esm/kol-link-wc.entry.js +1 -1
- package/dist/esm/kol-link.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-progress.entry.js +1 -1
- package/dist/esm/kol-select.entry.js +1 -1
- package/dist/esm/kol-skip-nav.entry.js +1 -1
- package/dist/esm/kol-spin.entry.js +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-toast.entry.js +1 -1
- package/dist/esm/kol-tooltip.entry.js +1 -1
- package/dist/esm/kol-version.entry.js +1 -1
- package/dist/esm/kolibri.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/{prop.validators-6dd43868.js → prop.validators-8c56bf7d.js} +1 -1
- package/dist/esm/{register-9f63b6c5.js → register-c6216033.js} +1 -1
- package/dist/esm/validation-735dcb5c.js +4 -0
- package/dist/esm/{validation-a4a68e52.js → validation-a5b35355.js} +1 -1
- package/dist/kolibri/{a11y.tipps-1f6fb00f.js → a11y.tipps-1c83d041.js} +1 -1
- package/dist/kolibri/{app-globals-15029fab.js → app-globals-1ddbfb3b.js} +1 -1
- package/{www/build/button-link-9a4451fc.js → dist/kolibri/button-link-f489475e.js} +1 -1
- package/dist/kolibri/{controller-5bc677e6.js → controller-0daf13c7.js} +1 -1
- package/dist/kolibri/{controller-d5b8093a.js → controller-2e3018c4.js} +1 -1
- package/dist/kolibri/{controller-641f400d.js → controller-530b88df.js} +1 -1
- package/dist/kolibri/{controller-6133aebe.js → controller-86bf62ed.js} +1 -1
- package/dist/kolibri/{controller-9dd48e3b.js → controller-aa7513aa.js} +1 -1
- package/dist/kolibri/{controller-3862c4ac.js → controller-d106df71.js} +1 -1
- package/dist/kolibri/dev.utils-c9cfb9a5.js +4 -0
- package/dist/kolibri/{devtools-df5e5c3e.js → devtools-6678ab14.js} +1 -1
- package/dist/kolibri/{icon-f76e0ed7.js → icon-63b36435.js} +1 -1
- package/dist/kolibri/index-a604e45a.js +4 -0
- package/dist/kolibri/index-bc1a7f22.js +5 -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.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-group.entry.js +1 -1
- package/dist/kolibri/kol-button-wc_3.entry.js +1 -1
- package/dist/kolibri/kol-button.entry.js +1 -1
- package/dist/kolibri/kol-card.entry.js +1 -1
- package/dist/kolibri/kol-color.entry.js +1 -1
- package/dist/kolibri/kol-counter.entry.js +1 -1
- package/dist/kolibri/kol-details.entry.js +1 -1
- package/dist/kolibri/kol-form.entry.js +1 -1
- package/dist/kolibri/kol-heading.entry.js +1 -1
- package/dist/kolibri/kol-icon-font-awesome.entry.js +1 -1
- package/dist/kolibri/kol-icon-icofont.entry.js +1 -1
- package/dist/kolibri/kol-icon.entry.js +1 -1
- package/dist/kolibri/kol-indented-text.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-color.entry.js +1 -1
- package/dist/kolibri/kol-input-email.entry.js +1 -1
- package/dist/kolibri/kol-input-file.entry.js +1 -1
- package/dist/kolibri/kol-input-number.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.js +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-range.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js +1 -1
- package/dist/kolibri/kol-kolibri.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.entry.js +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-progress.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js +1 -1
- package/dist/kolibri/kol-spin.entry.js +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-toast.entry.js +1 -1
- package/dist/kolibri/kol-tooltip.entry.js +1 -1
- package/dist/kolibri/kol-version.entry.js +1 -1
- package/dist/kolibri/kolibri.esm.js +1 -1
- package/dist/kolibri/{prop.validators-6dd43868.js → prop.validators-8c56bf7d.js} +1 -1
- package/dist/kolibri/{register-9f63b6c5.js → register-c6216033.js} +1 -1
- package/dist/kolibri/validation-735dcb5c.js +4 -0
- package/dist/kolibri/{validation-a4a68e52.js → validation-a5b35355.js} +1 -1
- package/dist/types/components/component-list.d.ts +2 -9
- package/dist/types/components/input-adapter-leanup/component.d.ts +1 -34
- package/dist/types/components/kolibri/component.d.ts +8 -2
- package/dist/types/components.d.ts +8 -25
- package/dist/types/stencil-public-runtime.d.ts +15 -4
- package/jest-test-results.json +1 -1
- package/package.json +1 -2
- package/vscode-custom-data.json +6 -7
- package/www/build/{a11y.tipps-1f6fb00f.js → a11y.tipps-1c83d041.js} +1 -1
- package/www/build/{app-globals-15029fab.js → app-globals-1ddbfb3b.js} +1 -1
- package/{dist/kolibri/button-link-9a4451fc.js → www/build/button-link-f489475e.js} +1 -1
- package/www/build/{controller-5bc677e6.js → controller-0daf13c7.js} +1 -1
- package/www/build/{controller-d5b8093a.js → controller-2e3018c4.js} +1 -1
- package/www/build/{controller-641f400d.js → controller-530b88df.js} +1 -1
- package/www/build/{controller-6133aebe.js → controller-86bf62ed.js} +1 -1
- package/www/build/{controller-9dd48e3b.js → controller-aa7513aa.js} +1 -1
- package/www/build/{controller-3862c4ac.js → controller-d106df71.js} +1 -1
- package/www/build/dev.utils-c9cfb9a5.js +4 -0
- package/www/build/{devtools-df5e5c3e.js → devtools-6678ab14.js} +1 -1
- package/www/build/{icon-f76e0ed7.js → icon-63b36435.js} +1 -1
- package/www/build/index-a604e45a.js +4 -0
- package/www/build/index-bc1a7f22.js +5 -0
- package/www/build/index.esm.js +1 -1
- package/www/build/kol-abbr.entry.js +1 -1
- package/www/build/kol-accordion.entry.js +1 -1
- package/www/build/kol-alert.entry.js +1 -1
- package/www/build/kol-badge.entry.js +1 -1
- package/www/build/kol-breadcrumb.entry.js +1 -1
- package/www/build/kol-button-group.entry.js +1 -1
- package/www/build/kol-button-wc_3.entry.js +1 -1
- package/www/build/kol-button.entry.js +1 -1
- package/www/build/kol-card.entry.js +1 -1
- package/www/build/kol-color.entry.js +1 -1
- package/www/build/kol-counter.entry.js +1 -1
- package/www/build/kol-details.entry.js +1 -1
- package/www/build/kol-form.entry.js +1 -1
- package/www/build/kol-heading.entry.js +1 -1
- package/www/build/kol-icon-font-awesome.entry.js +1 -1
- package/www/build/kol-icon-icofont.entry.js +1 -1
- package/www/build/kol-icon.entry.js +1 -1
- package/www/build/kol-indented-text.entry.js +1 -1
- package/www/build/kol-input-adapter-leanup.entry.js +1 -1
- package/www/build/kol-input-checkbox.entry.js +1 -1
- package/www/build/kol-input-color.entry.js +1 -1
- package/www/build/kol-input-email.entry.js +1 -1
- package/www/build/kol-input-file.entry.js +1 -1
- package/www/build/kol-input-number.entry.js +1 -1
- package/www/build/kol-input-password.entry.js +1 -1
- package/www/build/kol-input-radio-group.entry.js +1 -1
- package/www/build/kol-input-radio.entry.js +1 -1
- package/www/build/kol-input-range.entry.js +1 -1
- package/www/build/kol-input-text.entry.js +1 -1
- package/www/build/kol-kolibri.entry.js +1 -1
- package/www/build/kol-link-group.entry.js +1 -1
- package/www/build/kol-link-wc.entry.js +1 -1
- package/www/build/kol-link.entry.js +1 -1
- package/www/build/kol-logo.entry.js +1 -1
- package/www/build/kol-modal.entry.js +1 -1
- package/www/build/kol-nav.entry.js +1 -1
- package/www/build/kol-pagination.entry.js +1 -1
- package/www/build/kol-progress.entry.js +1 -1
- package/www/build/kol-select.entry.js +1 -1
- package/www/build/kol-skip-nav.entry.js +1 -1
- package/www/build/kol-spin.entry.js +1 -1
- package/www/build/kol-symbol.entry.js +1 -1
- package/www/build/kol-table.entry.js +1 -1
- package/www/build/kol-tabs.entry.js +1 -1
- package/www/build/kol-textarea.entry.js +1 -1
- package/www/build/kol-toast.entry.js +1 -1
- package/www/build/kol-tooltip.entry.js +1 -1
- package/www/build/kol-version.entry.js +1 -1
- package/www/build/kolibri.esm.js +1 -1
- package/www/build/{prop.validators-6dd43868.js → prop.validators-8c56bf7d.js} +1 -1
- package/www/build/{register-9f63b6c5.js → register-c6216033.js} +1 -1
- package/www/build/validation-735dcb5c.js +4 -0
- package/www/build/{validation-a4a68e52.js → validation-a5b35355.js} +1 -1
- package/www/index.html +2 -2
- package/dist/cjs/controller-dd031b7e.js +0 -4
- package/dist/cjs/dev.utils-f4f2b4e4.js +0 -4
- package/dist/cjs/index-43a6234c.js +0 -5
- package/dist/cjs/validation-52fd23f0.js +0 -4
- package/dist/esm/dev.utils-4f23c289.js +0 -4
- package/dist/esm/index-56929ada.js +0 -5
- package/dist/esm/validation-79b31209.js +0 -4
- package/dist/kolibri/dev.utils-4f23c289.js +0 -4
- package/dist/kolibri/index-56929ada.js +0 -5
- package/dist/kolibri/validation-79b31209.js +0 -4
- package/www/build/dev.utils-4f23c289.js +0 -4
- package/www/build/index-56929ada.js +0 -5
- package/www/build/validation-79b31209.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{s as e}from"./index-
|
|
4
|
+
import{s as e}from"./index-bc1a7f22.js";import{L as t}from"./dev.utils-c9cfb9a5.js";import{G as n,g as o}from"./register-c6216033.js";const i=new Set,l=new Map,s=new Map,c=(e,t,o)=>{var a,c,r,h,d,f;if(!0===e&&l.has(t)&&(null===(a=l.get(t))||void 0===a?void 0:a.has(o)))return null===(c=l.get(t))||void 0===c?void 0:c.get(o);if(!0===e&&s.has(t)&&(null===(r=s.get(t))||void 0===r?void 0:r.has(o)))return null===(h=s.get(t))||void 0===h?void 0:h.get(o);if("object"==typeof n.A11yUi&&null!==n.A11yUi&&"object"==typeof n.A11yUi.Themes&&null!==n.A11yUi.Themes&&"object"==typeof n.A11yUi.Themes[t]&&null!==n.A11yUi.Themes[t]&&"string"==typeof n.A11yUi.Themes[t][o]){if(("GLOBAL"===o||"PROPERTIES"===o)&&!1===i.has(t)){let e=n.A11yUi.Themes[t][o].match(/--[^;]+/g);if(Array.isArray(e)){e=e.filter((e=>/:/.test(e)));const n=document.createElement("style");n.innerHTML=`.${t} {${e.join(";")}}`,null===(d=document.querySelector("head"))||void 0===d||d.appendChild(n)}i.add(t)}let s;try{s=new CSSStyleSheet,"function"==typeof s.replaceSync&&s.replaceSync(n.A11yUi.Themes[t][o]),!0===e&&(!1===l.has(t)&&l.set(t,new Map),null===(f=l.get(t))||void 0===f||f.set(o,s))}catch(e){s=document.createElement("style"),s.innerHTML=n.A11yUi.Themes[t][o]}return s}return null},r=e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLElement&&"STYLE"===t.tagName))break;e.removeChild(t)}},f="* {\n font-size: inherit;\n hyphens: auto;\n letter-spacing: inherit;\n word-break: break-word;\n word-spacing: inherit;\n}",a=(e,t,n,s)=>{const i=setTimeout((()=>{if(clearTimeout(i),e.classList.contains("hydrated")){r(t);const i=new CSSStyleSheet;"function"==typeof i.replaceSync&&i.replaceSync(f),n.unshift(i),t.adoptedStyleSheets=n,e.style.display=s}else a(e,t,n,s)}),25)},u=(e,t,n,s)=>{const i=setTimeout((()=>{if(clearTimeout(i),e.classList.contains("hydrated")){r(t);const i=document.createElement("style");i.innerHTML=f,n.unshift(i);const l=t.firstChild;n.forEach((e=>{l instanceof HTMLElement?t.insertBefore(e,l):t.appendChild(e)})),e.style.display=s}else u(e,t,n,s)}),25)},d=()=>{t.info("\n,--. ,--. ,--. ,--. ,-----. ,--.\n| .' / ,---. | | `--' | |) /_ ,--.--. `--'\n| . ' | .-. | | | ,--. | .-. \\ | .--' ,--.\n| |\\ \\ | '-' | | | | | | '--' / | | | |\n`--' `--´ `---´ `--' `--' `------´ `--' `--'\n - the accessible web component library -\n"),e((e=>(e.shadowRoot instanceof ShadowRoot&&((e,t)=>{var n;const s=t.name||"default",i=t.cache,l=t.reset,o=c(i,s,"GLOBAL"),r=c(i,s,e.tagName),h=e.shadowRoot;if(r instanceof CSSStyleSheet&&r.cssRules.length>0){const t=[];!1===l&&(null===(n=h.adoptedStyleSheets)||void 0===n||n.forEach((e=>{t.push(e)}))),o instanceof CSSStyleSheet&&o.cssRules.length>0&&!1===t.includes(o)&&t.push(o),r instanceof CSSStyleSheet&&r.cssRules.length>0&&!1===t.includes(r)&&t.push(r);const s=e.style.display;e.style.display="none",a(e,h,t,s)}else if(r instanceof HTMLStyleElement&&r.innerHTML.length>0){const t=[];if(!1===l)for(const e of Array.from(h.childNodes)){if(!(e instanceof HTMLStyleElement))break;t.push(e)}o instanceof HTMLStyleElement&&o.innerHTML.length>0&&!1===t.includes(o)&&t.push(o),r instanceof HTMLStyleElement&&r.innerHTML.length>0&&!1===t.includes(r)&&t.push(r);const n=e.style.display;e.style.display="none",u(e,h,t,n)}})(e,o(e)),"default"))),import("./devtools-6678ab14.js").then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{t.error(e)}))};export{d as g};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{a as t}from"./prop.validators-
|
|
4
|
+
import{a as t}from"./prop.validators-8c56bf7d.js";const o=(o,e)=>{t(o,"_showAs",(t=>"button"===t||"link"===t),new Set(["String {button, link}"]),e)},e=(o,e,n)=>{t(o,e,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["TooltipAlignment {top, right, buttom, left}"]),n,{defaultValue:"top"})};export{o as a,e as w};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{a as t,c as s,s as i,b as e}from"./prop.validators-
|
|
4
|
+
import{a as t,c as s,s as i,b as e}from"./prop.validators-8c56bf7d.js";import{S as o}from"./validator-985dcb65.js";import{I as a}from"./controller-86bf62ed.js";const r=(t,e,o="")=>{e.forEach(((e,i)=>{const a=`${o}-${i}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?r(t,e.options,a):t.set(a,e))}))};class l extends a{constructor(t,e){super(t,e),this.component=t}validateRequired(t){e(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class h extends l{constructor(t,e){super(t,e),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>"string"==typeof e.value&&e.value===t)),this.beforePatchListValue=(t,e)=>{const o=e.has("_list")?e.get("_list"):this.component.state._list;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),r(this.keyOptionMap,o);const t=e.has("_value")?e.get("_value"):this.component.state._value;!1===this.isValueInOptions(t,o)&&(e.set("_value",o[0].value),this.onStateChange())}},this.component=t}validateOrientation(e){t(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}validateList(t){s(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){i(this.component,"_value",t,{beforePatch:this.beforePatchListValue})}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(o)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}export{l as I,h as a,r as f};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{e}from"./prop.validators-
|
|
4
|
+
import{e}from"./prop.validators-8c56bf7d.js";const n=(o={})=>{for(;o.form instanceof HTMLElement&&"FORM"!==o.form.tagName&&"KOL-FORM"!==o.form.tagName;)o.form=o.form.parentElement instanceof HTMLElement?o.form.parentElement:o.form.parentNode instanceof ShadowRoot?o.form.parentNode.host:null;if(o.form instanceof HTMLElement){const t=new Event("reset",{bubbles:!0,cancelable:!0});if(e(t,o.ref),"FORM"===o.form.tagName)o.form.dispatchEvent(t);else if("KOL-FORM"===o.form.tagName){const e=o.form;"object"==typeof e._on&&null!==typeof e._on&&"function"==typeof e._on.onReset&&e._on.onReset(t)}}},t=(o={})=>{for(;o.form instanceof HTMLElement&&"FORM"!==o.form.tagName&&"KOL-FORM"!==o.form.tagName;)o.form=o.form.parentElement instanceof HTMLElement?o.form.parentElement:o.form.parentNode instanceof ShadowRoot?o.form.parentNode.host:null;if(o.form instanceof HTMLElement){const t=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:o.ref});if(e(t,o.ref),"FORM"===o.form.tagName)o.form.dispatchEvent(t);else if("KOL-FORM"===o.form.tagName){const e=o.form;"object"==typeof e._on&&null!==typeof e._on&&"function"==typeof e._on.onSubmit&&e._on.onSubmit(t)}}};export{n as a,t as p};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{d as t}from"./a11y.tipps-
|
|
4
|
+
import{d as t}from"./a11y.tipps-1c83d041.js";import{a as e,b as i,d as s,w as h}from"./prop.validators-8c56bf7d.js";import{I as a}from"./controller-86bf62ed.js";class o extends a{constructor(e,a){super(e,a),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){h(this.component,"_pattern",e)}validatePlaceholder(e){h(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){null===e?this.component.state._value=null:h(this.component,"_value",e,{minLength:0})}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{o as I};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{i as t}from"./icon-
|
|
4
|
+
import{i as t}from"./icon-63b36435.js";import{b as i,d as s}from"./a11y.tipps-1c83d041.js";import{b as e,w as o,o as n,p as a,a as h,s as r,d}from"./prop.validators-8c56bf7d.js";import{i as l}from"./validator-985dcb65.js";const c=t=>{const n="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===n&&e.push(`${t._id}-error`),!0===o&&e.push(`${t._id}-hint`),{hasError:n,hasHint:o,ariaDiscribedBy:e}},v=(t,n)=>{const o=t;"object"==typeof o&&null!==o&&(l(o.right,1)&&(o.right={icon:o.right}),l(o.left,1)&&(o.left={icon:o.left}),n.set("_icon",o))};class u extends class{constructor(t,n){this.component=t,this.name=n}validateAlert(t){e(this.component,"_alert",t)}validateTouched(t){e(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,n){super(t,n),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){o(this.component,"_accessKey",t)}validateDisabled(t){e(this.component,"_disabled",t),!0===t&&i()}validateError(t){o(this.component,"_error",t,{minLength:0})}validateHideLabel(t){e(this.component,"_hideLabel",t)}validateHint(t){o(this.component,"_hint",t)}validateIcon(o){n(o,(()=>{try{o=a(o)}catch(t){}h(this.component,"_icon",(n=>"object"==typeof n&&null!==n&&(l(n.left,1)||t(n.left)||l(n.right,1)||t(n.right))),new Set(["KoliBriInputIcon"]),o,{hooks:{beforePatch:v},required:!0})}))}validateId(t){o(this.component,"_id",t),void 0===t&&s("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){o(this.component,"_name",t),void 0===t&&s("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&r(this.component,"_on",t)}validateSmartButton(t){n(t,(()=>{try{t=a(t)}catch(t){}r(this.component,"_smartButton",t)}))}validateTabIndex(t){d(this.component,"_tabIndex",t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var n;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onBlur)&&this.component._on.onBlur(t)}onChange(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onClick)&&this.component._on.onClick(t)}onFocus(t){var n;this.component._alert=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onFocus)&&this.component._on.onFocus(t)}setValue(t,n){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,n)}}export{u as I,c as g};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{c as a}from"./a11y.tipps-
|
|
4
|
+
import{c as a}from"./a11y.tipps-1c83d041.js";import{a as e}from"./prop.validators-8c56bf7d.js";const r=(e,t,r,s)=>{const i=t.has("_ariaLabel")?t.get("_ariaLabel"):r.state._ariaLabel;if("string"==typeof i&&i.length>0){const e=t.has("_label")?t.get("_label"):r.state._label;!1===new RegExp(`^${e}`).test(i)&&("_ariaLabel"===s?(t.set("_label",i),r._label=i):(t.set("_ariaLabel",e),r._ariaLabel=e),a("Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Barrierefreiheitsgründen für die Sprachsteuerung mit dem Label-Text beginnen."))}},t=(a,t,r)=>{e(a,t,(a=>"button"===a||"reset"===a||"submit"===a),new Set(["KoliBriButtonType {button, reset, submit}"]),r)},i=(a,t,r)=>{e(a,t,(a=>"primary"===a||"secondary"===a||"normal"===a||"danger"===a||"ghost"===a||"custom"===a),new Set(["KoliBriButtonVariant {primary, secondary, normal, danger, ghost, custom}"]),r,{defaultValue:"normal"})};export{t as a,r as s,i as w};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{a as t,c as s}from"./prop.validators-
|
|
4
|
+
import{a as t,c as s}from"./prop.validators-8c56bf7d.js";import{I as e}from"./controller-530b88df.js";class r extends e{constructor(t,s){super(t,s),this.component=t}validateList(t){s(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class i extends r{constructor(t,s){super(t,s),this.hasError=!1,this.hasList=!1,this.component=t}validateType(s){t(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),s)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}export{r as I,i as a};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - the accessible web component library
|
|
3
|
+
*/
|
|
4
|
+
var e,t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(function(e){var o,n;o=t,n=function(){var e=function(){},t="undefined",o=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),n=["trace","debug","info","warn","error"];function i(e,t){var o=e[t];if("function"==typeof o.bind)return o.bind(e);try{return Function.prototype.bind.call(o,e)}catch(t){return function(){return Function.prototype.apply.apply(o,[e,arguments])}}}function s(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function r(n){return"debug"===n&&(n="log"),typeof console!==t&&("trace"===n&&o?s:void 0!==console[n]?i(console,n):void 0!==console.log?i(console,"log"):e)}function l(t,o){for(var i=0;i<n.length;i++){var s=n[i];this[s]=i<t?e:this.methodFactory(s,t,o)}this.log=this.debug}function a(e,o,n){return function(){typeof console!==t&&(l.call(this,o,n),this[e].apply(this,arguments))}}function c(e,t,o){return r(e)||a.apply(this,arguments)}function d(e,o,i){var s,r=this;o=null==o?"WARN":o;var a="loglevel";function d(){var e;if(typeof window!==t&&a){try{e=window.localStorage[a]}catch(e){}if(typeof e===t)try{var o=window.document.cookie,n=o.indexOf(encodeURIComponent(a)+"=");-1!==n&&(e=/^([^;]+)/.exec(o.slice(n))[1])}catch(e){}return void 0===r.levels[e]&&(e=void 0),e}}"string"==typeof e?a+=":"+e:"symbol"==typeof e&&(a=void 0),r.name=e,r.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},r.methodFactory=i||c,r.getLevel=function(){return s},r.setLevel=function(o,i){if("string"==typeof o&&void 0!==r.levels[o.toUpperCase()]&&(o=r.levels[o.toUpperCase()]),!("number"==typeof o&&o>=0&&o<=r.levels.SILENT))throw"log.setLevel() called with invalid level: "+o;if(s=o,!1!==i&&function(e){var o=(n[e]||"silent").toUpperCase();if(typeof window!==t&&a){try{return void(window.localStorage[a]=o)}catch(e){}try{window.document.cookie=encodeURIComponent(a)+"="+o+";"}catch(e){}}}(o),l.call(r,o,e),typeof console===t&&o<r.levels.SILENT)return"No console available for logging"},r.setDefaultLevel=function(e){o=e,d()||r.setLevel(e,!1)},r.resetLevel=function(){r.setLevel(o,!1),function(){if(typeof window!==t&&a){try{return void window.localStorage.removeItem(a)}catch(e){}try{window.document.cookie=encodeURIComponent(a)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}()},r.enableAll=function(e){r.setLevel(r.levels.TRACE,e)},r.disableAll=function(e){r.setLevel(r.levels.SILENT,e)};var u=d();null==u&&(u=o),r.setLevel(u,!1)}var u=new d,h={};u.getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var t=h[e];return t||(t=h[e]=new d(e,u.getLevel(),u.methodFactory)),t};var f=typeof window!==t?window.log:void 0;return u.noConflict=function(){return typeof window!==t&&window.log===u&&(window.log=f),u},u.getLoggers=function(){return h},u.default=u,u},e.exports?e.exports=n():o.log=n()}(e={path:void 0,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}}),e.exports);class o{constructor(){this.services=new Map,this.lazyLoaders=new Set}register(e,t,o={lazy:!1}){if("string"==typeof e&&!1===this.services.has(e))return this.services.set(e,t),!0===(null==o?void 0:o.lazy)&&this.lazyLoaders.add(e),this;throw new Error(`The service '${e}' is allready registered!`)}get(e){if(this.lazyLoaders.has(e)&&(this.services.set(e,this.services.get(e)()),this.lazyLoaders.delete(e)),"string"==typeof e&&!0===this.services.has(e))return this.services.get(e);throw new Error(`The service '${e}' is not registered!`)}}const i=new o,s=[];class r{constructor(e,t={}){this.shield=[`%c${e}`,"string"==typeof t.shieldStyle&&t.shieldStyle.length>0?t.shieldStyle:"color: white; background: #666; font-weight: bold; font-size: 10px; padding: 2px 6px; border-radius: 3px; border: 1px solid #000"]}static getInstance(e,t={}){if("string"==typeof e&&e.length>0)return!1===r.instances.has(e)&&r.instances.set(e,new r(e)),r.instances.get(e);throw new Error("The identifier of the Logger must be a string with a min length of 1.")}log(e,t){switch("object"==typeof t.refObject&&null!==t.refObject&&"function"==typeof t.refObject.constructor&&"string"==typeof t.refObject.constructor.name&&(t.className=`[${t.refObject.constructor.name}]:`),s.push({date:(new Date).toUTCString(),level:e,message:t}),e){case"trace":n.trace(...this.shield,t);break;case"debug":n.debug(...this.shield,t);break;case"info":n.info(...this.shield,t);break;case"warn":n.warn(...this.shield,t);break;default:n.error(...this.shield,t)}}trace(e,t){return this.log("trace",{messageText:e,refObject:t}),this}debug(e,t){return this.log("debug",{messageText:e,refObject:t}),this}info(e,t){return this.log("info",{messageText:e,refObject:t}),this}warn(e,t){return this.log("warn",{messageText:e,refObject:t}),this}error(e,t){return this.log("error",{messageText:e,refObject:t}),this}static get cache(){return[].concat(s)}}r.instances=new Map,n.setDefaultLevel("error"),r.getInstance("leanup");class l{constructor(){this.lockedElements=new Map,this.modalStack=new Map}lockElement(e){const t=e.getAttribute("tabindex");(e instanceof HTMLAnchorElement||e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement||"string"==typeof t||void 0!==e.dataset.kolModal)&&(this.lockedElements.set(e,"string"==typeof t?{tabIndex:t}:{}),e.setAttribute("tabindex","-1"),e.setAttribute("aria-hidden","true"),e.style.userSelect="none")}unlockElement(e,t){"string"==typeof e.tabIndex?t.setAttribute("tabindex",e.tabIndex):t.removeAttribute("tabindex"),t.removeAttribute("aria-hidden"),t.style.userSelect="unset",this.lockedElements.delete(t)}unlockLockedElements(e){e.forEach(this.unlockElement.bind(this))}lockFocus(e,t){if(e!==t&&(e instanceof HTMLElement||e instanceof ShadowRoot)){e instanceof HTMLElement&&(this.lockElement(e),this.lockFocus(e.shadowRoot,t));for(let o=0;o<e.children.length;o++)this.lockFocus(e.children[o],t)}}renderModalIfExists(e){if(e instanceof HTMLElement){this.lockedElements.has(e)&&this.unlockElement(this.lockedElements.get(e),e);const t=setTimeout((()=>{clearTimeout(t),e.focus()}),500)}if(this.unlockLockedElements(this.lockedElements),this.modalStack.size>0){const e=Array.from(this.modalStack.keys()),t=e[e.length-1];this.modalStack.forEach(((e,o)=>{o.style.display=t===o?"inline":"none"})),f().body.style.maxHeight="100vh",f().body.style.overflow="hidden",this.lockFocus(f().body,t)}else f().body.style.maxHeight="unset",f().body.style.overflow="unset"}openModal(e,t){e instanceof HTMLElement==0?b.warn("[KolModalService] Die DOM-Referenz des Modals ist nicht valide."):(this.modalStack.set(e,{activeElement:t}),this.renderModalIfExists())}closeModal(e){var t;if(e instanceof HTMLElement==0)b.warn("[KolModalService] Die DOM-Referenz des Modals ist nicht valide.");else{const o=null===(t=this.modalStack.get(e))||void 0===t?void 0:t.activeElement;this.modalStack.delete(e),this.renderModalIfExists(o)}}}class c{constructor(e){this.document=e,this.queue=new Set,this.isOpen=!1,this.toastElement=this.document.createElement("kol-toast"),this.toastElement.setAttribute("_level","3"),this.toastElement.setAttribute("_show","false"),this.toastElement.setAttribute("_show-duration","-1"),this.toastElement.setAttribute("_has-closer","true"),this.toastElement._on={onClose:()=>{const e=this.queue.values().next();e.value?(this.queue.delete(e.value),setTimeout((()=>{this.showToast(e.value)}),200)):this.isOpen=!1}},this.document.body.insertBefore(this.toastElement,this.document.body.firstChild)}enqueue(e){this.isOpen?this.queue.add(e):this.showToast(e)}showToast(e){this.toastElement.setAttribute("_heading",e.heading),this.toastElement.setAttribute("_show","true"),this.toastElement.setAttribute("_type",e.type),this.toastElement.innerText=e.description,this.isOpen=!0}}let a=null,u=null;const h=e=>{e instanceof Window?(a=e,a.document instanceof Document?u=e.document:console.warn("The given Window has no valid Document.")):console.warn("The given Window is not valid.")},d=()=>a||"undefined"==typeof window?null:window,f=()=>u||void 0===d().document?null:d().document;let w=null,g=null,p=null;const v=()=>!0===g,y=()=>!0===p;class b{static mapToArray(e){return Array.isArray(e)?e:[e]}static handleClassifier(e){return"string"==typeof e&&e.length>0?`${b.shield.label} | ${e}`:b.shield.label}static getShield(e){return[b.handleClassifier(null==e?void 0:e.classifier),`${b.shield.style};${(null==e?void 0:e.overwriteStyle)||""}`]}static debug(e,t){(g||!0===(null==t?void 0:t.forceLog))&&console.log(...b.getShield(t),...b.mapToArray(e))}static info(e,t){(g||!0===(null==t?void 0:t.forceLog))&&console.info(...b.getShield(t),...b.mapToArray(e))}static trace(e,t){(g||!0===(null==t?void 0:t.forceLog))&&console.trace(...b.getShield(t),...b.mapToArray(e))}static warn(e,t){(g||!0===(null==t?void 0:t.forceLog))&&console.warn(...b.getShield(t),...b.mapToArray(e))}static error(e,t){(g||!0===(null==t?void 0:t.forceLog))&&console.error(...b.getShield(t),...b.mapToArray(e))}static throw(e,t){if(g||!0===(null==t?void 0:t.forceLog))throw new Error(...b.getShield(t),...b.mapToArray(e))}}b.shield={label:"%cKoliBri",style:"color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000"};let m=null;const T=()=>m||{},E=()=>{null===m?(m=d().KoliBri||{},i.register("Modal",new l),i.register("Toaster",new c(f())),Object.defineProperty(m,"DI",{get:function(){return i}}),Object.defineProperty(m,"Modal",{get:function(){return i.get("Modal")}}),Object.defineProperty(m,"Toaster",{get:function(){return i.get("Toaster")}}),(()=>{if(null===g&&null===p){const e=f().querySelector('meta[name="kolibri"]');e&&e.hasAttribute("content")&&(w=e.getAttribute("content"),"string"==typeof w&&(g=w.includes("dev-mode=true"),p=w.includes("color-contrast-analysis=true")))}else console.warn("You can only initialize DEV_MODE and COLOR_CONTRAST_ANALYSIS once.")})()):console.warn("You can only initialize KoliBri once.")},M=()=>{void 0===d().KoliBri&&Object.defineProperty(window,"KoliBri",{get:function(){return m}}),!0!==T().adviceShown&&(Object.defineProperty(m,"adviceShown",{get:function(){return!0}}),b.debug("\n\nSie verwenden die KoliBri-Komponenten-Bibliothek. Sollten Sie Verbesserungsvorschläge haben oder ein Problem feststellen, dann wenden Sie sich gerne an kolibri@itzbund.de.\n\nHinweise:\n- WAI Web Accessibility Tutorials (https://www.w3.org/WAI/tutorials/)\n- The first rule of ARIA is “Don't use ARIA” (https://cccaccessibility.org/web-1/web-developer-tutorials/how-not-to-use-aria)\n- BIK BITV-Test (https://www.bitvtest.de/bitv_test.html)\n- A11y-Checkliste (https://www.a11yproject.com/checklist/)\n- BSI CON.10: Entwicklung von Webanwendungen (Edition 2021)\n\n"))};let x=()=>Math.floor(16777215*Math.random()).toString(16);export{o as I,m as K,b as L,c as T,d as a,T as b,h as c,v as d,y as e,f as g,E as i,n as l,x as n,M as r};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{i as e,
|
|
4
|
+
import{i as e,d as t,r as i,g as n,L as o,e as s,K as r}from"./dev.utils-c9cfb9a5.js";import{i as a,j as l,k as d,l as c,n as p,p as f,q as g}from"./prop.validators-8c56bf7d.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-1c83d041.js";import"./register-c6216033.js";function u(e,t){try{Object.defineProperty(r,e,{get:function(){return t}})}catch(t){o.debug(`KoliBri property ${e} is already bind.`)}}const L=()=>{if(e(),t()){i(),u("a11yColorContrast",l),u("querySelector",d),u("querySelectorAll",c),u("querySelectorColors",p),u("utils",(function(){return a})),u("parseJson",f),u("stringifyJson",g);const e=n().body,t=n().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.innerHTML='<svg\n xmlns="http://www.w3.org/2000/svg"\n width="50"\n height="50"\n viewBox="0 0 600 600"\n>\n <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',n().body.appendChild(t),o.debug("Wer weiß, wie Intelligence im VS Code auch bei peerDependencies funktioniert?\n\nAutovervollständigung funktioniert bei uns nur mit Paketen, die auch in der package.json eingetragen sind unabhängig davon das sie in den node_modules liegen."),s()){o.debug("Color-Contrast-Analysis activated");const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{a.queryHtmlElementColors(n().createElement("div"),l(e),!1,!1)}),1e4)}),2500)}else o.debug("Color-Contrast-Analysis not activated")}};export{L as initialize};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{o,a as i,p as n}from"./prop.validators-
|
|
4
|
+
import{o,a as i,p as n}from"./prop.validators-8c56bf7d.js";import{i as l,a as t}from"./validator-985dcb65.js";const c=t=>{var o,e,i,n,c,a,s,r,f,d;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icon")){const o=null===(e=t.nextState)||void 0===e?void 0:e.get("_icon");if("string"==typeof o&&o.length>0)switch((null===(i=t.nextState)||void 0===i?void 0:i.get("_iconAlign"))||t.state._iconAlign){case"left":null===(n=t.nextState)||void 0===n||n.set("_icon",{left:{icon:`icofont-${o}`}});break;case"right":null===(c=t.nextState)||void 0===c||c.set("_icon",{right:{icon:`icofont-${o}`}});break;default:null===(a=t.nextState)||void 0===a||a.set("_icon",{left:{icon:`icofont-${o}`}})}else"object"==typeof o&&null!==o&&(l(o.top,1)&&(o.top={icon:o.top}),l(o.right,1)&&(o.right={icon:o.right}),l(o.bottom,1)&&(o.bottom={icon:o.bottom}),l(o.left,1)&&(o.left={icon:o.left}),null===(s=t.nextState)||void 0===s||s.set("_icon",o))}else if(null===(r=t.nextState)||void 0===r?void 0:r.has("_iconAlign")){const o=t.state._iconAlign;null===(f=t.nextState)||void 0===f||f.set("_icon",{[o]:void 0,[null===(d=t.nextState)||void 0===d?void 0:d.get("_iconAlign")]:t.state._icon[o]})}},e=o=>"object"==typeof o&&null!==o&&(void 0===o.style||t(o.style))&&l(o.icon,1),a=(t,a)=>{o(a,(()=>{try{a=n(a)}catch(t){}i(t,"_icon",(t=>null===t||l(t,1)||"object"==typeof t&&null!==t&&(l(t.left,1)||e(t.left)||l(t.right,1)||e(t.right)||l(t.top,1)||e(t.top)||l(t.bottom,1)||e(t.bottom))),new Set(["KoliBriIcon"]),a,{hooks:{beforePatch:(o,e)=>{null===o&&e.set("_icon",{}),c(t)}},required:!0})}))},d=(t,o)=>{i(t,"_iconAlign",(t=>"left"===t||"right"===t),new Set(["Alignment {left, right, top, bottom}"]),o,{hooks:{beforePatch:()=>{c(t)}}})};export{d as a,e as i,a as w};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - the accessible web component library
|
|
3
|
+
*/
|
|
4
|
+
import{c as r}from"./index-c4d8198b.js";var a=function(a){var t,s,n=[],l=1;if("string"==typeof a)if(r[a])n=r[a].slice(),s="rgb";else if("transparent"===a)l=0,s="rgb",n=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(a)){var i=a.slice(1);l=1,(h=i.length)<=4?(n=[parseInt(i[0]+i[0],16),parseInt(i[1]+i[1],16),parseInt(i[2]+i[2],16)],4===h&&(l=parseInt(i[3]+i[3],16)/255)):(n=[parseInt(i[0]+i[1],16),parseInt(i[2]+i[3],16),parseInt(i[4]+i[5],16)],8===h&&(l=parseInt(i[6]+i[7],16)/255)),n[0]||(n[0]=0),n[1]||(n[1]=0),n[2]||(n[2]=0),s="rgb"}else if(t=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(a)){var p=t[1],u="rgb"===p;s=i=p.replace(/a$/,"");var h="cmyk"===i?4:"gray"===i?1:3;n=t[2].trim().split(/\s*[,\/]\s*|\s+/).map((function(r,a){if(/%$/.test(r))return a===h?parseFloat(r)/100:"rgb"===i?255*parseFloat(r)/100:parseFloat(r);if("h"===i[a]){if(/deg$/.test(r))return parseFloat(r);if(void 0!==e[r])return e[r]}return parseFloat(r)})),p===i&&n.push(1),l=u||void 0===n[h]?1:n[h],n=n.slice(0,h)}else a.length>10&&/[0-9](?:\s|\/)/.test(a)&&(n=a.match(/([0-9]+)/g).map((function(r){return parseFloat(r)})),s=a.match(/([a-z])/gi).join("").toLowerCase());else isNaN(a)?Array.isArray(a)||a.length?(n=[a[0],a[1],a[2]],s="rgb",l=4===a.length?a[3]:1):a instanceof Object&&(null!=a.r||null!=a.red||null!=a.R?(s="rgb",n=[a.r||a.red||a.R||0,a.g||a.green||a.G||0,a.b||a.blue||a.B||0]):(s="hsl",n=[a.h||a.hue||a.H||0,a.s||a.saturation||a.S||0,a.l||a.lightness||a.L||a.b||a.brightness]),l=a.a||a.alpha||a.opacity||1,null!=a.opacity&&(l/=100)):(s="rgb",n=[a>>>16,(65280&a)>>>8,255&a]);return{space:s,values:n,alpha:l}},e={red:0,orange:60,yellow:120,green:180,blue:240,purple:300},t=function(r){var e;Array.isArray(r)&&r.raw&&(r=String.raw.apply(null,arguments));var t=a(r);if(!t.space)return[];var s=[0,0,0],l="h"===t.space[0]?[360,100,100]:[255,255,255];return(e=Array(3))[0]=Math.min(Math.max(t.values[0],s[0]),l[0]),e[1]=Math.min(Math.max(t.values[1],s[1]),l[1]),e[2]=Math.min(Math.max(t.values[2],s[2]),l[2]),"h"===t.space[0]&&(e=n(e)),e.push(Math.min(Math.max(t.alpha,0),1)),e};function n(r){var a,e,t,s,n,l=r[0]/360,i=r[1]/100,p=r[2]/100,u=0;if(0===i)return[n=255*p,n,n];for(a=2*p-(e=p<.5?p*(1+i):p+i-p*i),s=[0,0,0];u<3;)(t=l+1/3*-(u-1))<0?t++:t>1&&t--,s[u++]=255*(n=6*t<1?a+6*(e-a)*t:2*t<1?e:3*t<2?a+(e-a)*(2/3-t)*6:a);return s}export{t as c};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - the accessible web component library
|
|
3
|
+
*/
|
|
4
|
+
let e,t,n,l=!1,s=!1,o=!1,i=!1;const r="http://www.w3.org/1999/xlink",c={},f=e=>"object"==(e=typeof e)||"function"===e,u=(e,t,...n)=>{let s=null,l=null,o=null,r=!1,i=!1;const c=[],p=t=>{for(let n=0;n<t.length;n++)s=t[n],Array.isArray(s)?p(s):null!=s&&"boolean"!=typeof s&&((r="function"!=typeof e&&!f(s))&&(s+=""),r&&i?c[c.length-1].t+=s:c.push(r?a(null,s):s),i=r)};if(p(n),t){t.key&&(l=t.key),t.name&&(o=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,h);const d=a(e,null);return d.l=t,c.length>0&&(d.o=c),d.i=l,d.u=o,d},a=(e,t)=>({$:0,h:e,t:t,p:null,o:null,l:null,i:null,u:null}),$={},h={forEach:(e,t)=>e.map(d).forEach(t),map:(e,t)=>e.map(d).map(t).map(y)},d=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.h,vtext:e.t}),y=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),u(e.vtag,t,...e.vchildren||[])}const t=a(e.vtag,e.vtext);return t.l=e.vattrs,t.o=e.vchildren,t.i=e.vkey,t.u=e.vname,t},p=e=>se.push(e),b=new WeakMap,m=(e,t)=>"sc-"+(t&&32&e.$?e.m+"-"+t:e.m),w=(e,t,n,s,l,o)=>{if(n!==s){let i=Z(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,l=v(n),o=v(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)s&&null!=s[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)n&&s[t]===n[t]||(t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if("key"===t);else if("ref"===t)s&&s(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=f(s);if((i||c&&null!==s)&&!l)try{if(e.tagName.includes("-"))e[t]=s;else{const l=null==s?"":s;"list"===t?i=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}let h=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,h=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(t)||(h?e.removeAttributeNS(r,t):e.removeAttribute(t)):(!i||4&o||l)&&!c&&(s=!0===s?"":s,h?e.setAttributeNS(r,t,s):e.setAttribute(t,s))}else t="-"===t[2]?t.slice(3):Z(oe,a)?a.slice(2):a[2]+t.slice(3),n&&re.rel(e,t,n,!1),s&&re.ael(e,t,s,!1)}},g=/\s/,v=e=>e?e.split(g):[],k=(e,t,n,s)=>{const l=11===t.p.nodeType&&t.p.host?t.p.host:t.p,o=e&&e.l||c,r=t.l||c;for(s in o)s in r||w(l,s,o[s],void 0,n,t.$);for(s in r)w(l,s,o[s],r[s],n,t.$)},j=(s,r,a,c)=>{const h=r.o[a];let p,d,u,f=0;if(l||(o=!0,"slot"===h.h&&(e&&c.classList.add(e+"-s"),h.$|=h.o?2:1)),null!==h.t)p=h.p=ie.createTextNode(h.t);else if(1&h.$)p=h.p=ie.createTextNode("");else{if(i||(i="svg"===h.h),p=h.p=ie.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&h.$?"slot-fb":h.h),i&&"foreignObject"===h.h&&(i=!1),k(null,h,i),null!=e&&p["s-si"]!==e&&p.classList.add(p["s-si"]=e),h.o)for(f=0;f<h.o.length;++f)d=j(s,h,f,p),d&&p.appendChild(d);"svg"===h.h?i=!1:"foreignObject"===p.tagName&&(i=!0)}return p["s-hn"]=n,3&h.$&&(p["s-sr"]=!0,p["s-cr"]=t,p["s-sn"]=h.u||"",u=s&&s.o&&s.o[a],u&&u.h===h.h&&s.p&&S(s.p,!1)),p},S=(e,t)=>{re.$|=1;const s=e.childNodes;for(let e=s.length-1;e>=0;e--){const l=s[e];l["s-hn"]!==n&&l["s-ol"]&&(R(l).insertBefore(l,C(l)),l["s-ol"].remove(),l["s-ol"]=void 0,o=!0),t&&S(l,t)}re.$&=-2},O=(e,t,s,l,o,r)=>{let i,a=e["s-cr"]&&e["s-cr"].parentNode||e;for(a.shadowRoot&&a.tagName===n&&(a=a.shadowRoot);o<=r;++o)l[o]&&(i=j(null,s,o,e),i&&(l[o].p=i,a.insertBefore(i,C(t))))},M=(e,t,n,l,o)=>{for(;t<=n;++t)(l=e[t])&&(o=l.p,L(l),s=!0,o["s-ol"]?o["s-ol"].remove():S(o,!0),o.remove())},x=(e,t)=>e.h===t.h&&("slot"===e.h?e.u===t.u:e.i===t.i),C=e=>e&&e["s-ol"]||e,R=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,P=(e,t)=>{const n=t.p=e.p,s=e.o,l=t.o,o=t.h,r=t.t;let a;null===r?(i="svg"===o||"foreignObject"!==o&&i,"slot"===o||k(e,t,i),null!==s&&null!==l?((e,t,n,s)=>{let l,o,r=0,i=0,a=0,c=0,h=t.length-1,p=t[0],d=t[h],u=s.length-1,f=s[0],m=s[u];for(;r<=h&&i<=u;)if(null==p)p=t[++r];else if(null==d)d=t[--h];else if(null==f)f=s[++i];else if(null==m)m=s[--u];else if(x(p,f))P(p,f),p=t[++r],f=s[++i];else if(x(d,m))P(d,m),d=t[--h],m=s[--u];else if(x(p,m))"slot"!==p.h&&"slot"!==m.h||S(p.p.parentNode,!1),P(p,m),e.insertBefore(p.p,d.p.nextSibling),p=t[++r],m=s[--u];else if(x(d,f))"slot"!==p.h&&"slot"!==m.h||S(d.p.parentNode,!1),P(d,f),e.insertBefore(d.p,p.p),d=t[--h],f=s[++i];else{for(a=-1,c=r;c<=h;++c)if(t[c]&&null!==t[c].i&&t[c].i===f.i){a=c;break}a>=0?(o=t[a],o.h!==f.h?l=j(t&&t[i],n,a,e):(P(o,f),t[a]=void 0,l=o.p),f=s[++i]):(l=j(t&&t[i],n,i,e),f=s[++i]),l&&R(p.p).insertBefore(l,C(p.p))}r>h?O(e,null==s[u+1]?null:s[u+1].p,n,s,i,u):i>u&&M(t,r,h)})(n,s,t,l):null!==l?(null!==e.t&&(n.textContent=""),O(n,null,t,l,0,l.length-1)):null!==s&&M(s,0,s.length-1),i&&"svg"===o&&(i=!1)):(a=n["s-cr"])?a.parentNode.textContent=r:e.t!==r&&(n.data=r)},T=e=>{const t=e.childNodes;let n,s,l,o,r,i;for(s=0,l=t.length;s<l;s++)if(n=t[s],1===n.nodeType){if(n["s-sr"])for(r=n["s-sn"],n.hidden=!1,o=0;o<l;o++)if(i=t[o].nodeType,t[o]["s-hn"]!==n["s-hn"]||""!==r){if(1===i&&r===t[o].getAttribute("slot")){n.hidden=!0;break}}else if(1===i||3===i&&""!==t[o].textContent.trim()){n.hidden=!0;break}T(n)}},E=[],N=e=>{let t,n,l,o,r,i,a=0;const c=e.childNodes,h=c.length;for(;a<h;a++){if(t=c[a],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,o=t["s-sn"],i=l.length-1;i>=0;i--)n=l[i],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(F(n,o)?(r=E.find((e=>e.g===n)),s=!0,n["s-sn"]=n["s-sn"]||o,r?r.v=t:E.push({v:t,g:n}),n["s-sr"]&&E.map((e=>{F(e.g,n["s-sn"])&&(r=E.find((e=>e.g===n)),r&&!e.v&&(e.v=r.v))}))):E.some((e=>e.g===n))||E.push({g:n}));1===t.nodeType&&N(t)}},F=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,L=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(L)},W=(e,t)=>{t&&!e.k&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.k=t)))},A=(e,t)=>{if(!(4&e.$))return W(e,e.j),H(e,t);e.$|=512},H=(e,t)=>{const n=e.S;let s;return t&&(s=_(n,"componentWillLoad")),z(s,(()=>U(e,n,t)))},U=async(e,t,n)=>{const s=e.O,l=s["s-rc"];n&&(e=>{const t=e.M,n=e.O,s=t.$,l=((e,t,n)=>{let s=m(t,n);const l=le.get(s);if(e=11===e.nodeType?e:ie,l)if("string"==typeof l){let t,n=b.get(e=e.head||e);n||b.set(e,n=new Set),n.has(s)||(t=ie.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),n&&n.add(s))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return s})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.C);10&s&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e),q(e,t),l&&(l.map((e=>e())),s["s-rc"]=void 0);{const t=s["s-p"],n=()=>D(e);0===t.length?n():(Promise.all(t).then(n),e.$|=4,t.length=0)}},q=(r,i)=>{try{i=i.render(),r.$|=2,((r,i)=>{const c=r.O,h=r.M,p=r.R||a(null,null),d=(e=>e&&e.h===$)(i)?i:u(null,null,i);if(n=c.tagName,h.P&&(d.l=d.l||{},h.P.map((([e,t])=>d.l[t]=c[e]))),d.h=null,d.$|=4,r.R=d,d.p=p.p=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],l=0!=(1&h.$),s=!1,P(p,d),re.$|=1,o){let e,t,n,s,l,o;N(d.p);let r=0;for(;r<E.length;r++)e=E[r],t=e.g,t["s-ol"]||(n=ie.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(r=0;r<E.length;r++)if(e=E[r],t=e.g,e.v){for(s=e.v.parentNode,l=e.v.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(o=n["s-nr"],o&&o["s-sn"]===t["s-sn"]&&s===o.parentNode&&(o=o.nextSibling,!o||!o["s-nr"])){l=o;break}(!l&&s!==t.parentNode||t.nextSibling!==l)&&t!==l&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),s.insertBefore(t,l))}else 1===t.nodeType&&(t.hidden=!0)}s&&T(d.p),re.$&=-2,E.length=0})(r,i)}catch(e){ee(e,r.O)}return null},D=e=>{const t=e.O,n=e.j;_(e.S,"componentDidRender"),64&e.$||(e.$|=64,B(t),e.T(t),n||V()),e.N(t),e.k&&(e.k(),e.k=void 0),512&e.$&&ue((()=>A(e,!1))),e.$&=-517},V=()=>{B(ie.documentElement),ue((()=>(e=>{const t=re.ce("appload",{detail:{namespace:"kolibri"}});return e.dispatchEvent(t),t})(oe)))},_=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){ee(e)}},z=(e,t)=>e&&e.then?e.then(t):t(),B=e=>e.classList.add("hydrated"),G=(e,t,n)=>{if(t.F){e.watchers&&(t.L=e.watchers);const s=Object.entries(t.F),l=e.prototype;if(s.map((([e,[s]])=>{31&s||2&n&&32&s?Object.defineProperty(l,e,{get(){return((e,t)=>Q(this).W.get(t))(0,e)},set(n){((e,t,n,s)=>{const l=Q(this),o=l.O,r=l.W.get(t),i=l.$,a=l.S;if(n=((e,t)=>null==e||f(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,s.F[t][0]),(!(8&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(l.W.set(t,n),a)){if(s.L&&128&i){const e=s.L[t];e&&e.map((e=>{try{a[e](n,r,t)}catch(e){ee(e,o)}}))}2==(18&i)&&A(l,!1)}})(0,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&s&&Object.defineProperty(l,e,{value(...t){const n=Q(this);return n.A.then((()=>n.S[e](...t)))}})})),1&n){const n=new Map;l.attributeChangedCallback=function(e,t,s){re.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))s=this[t],delete this[t];else if(l.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==s)return;this[t]=(null!==s||"boolean"!=typeof this[t])&&s}))},e.observedAttributes=s.filter((([e,t])=>15&t[0])).map((([e,s])=>{const l=s[1]||e;return n.set(l,e),512&s[0]&&t.P.push([e,l]),l}))}}return e},I=(e,t={})=>{const n=[],s=t.exclude||[],l=oe.customElements,o=ie.head,r=o.querySelector("meta[charset]"),i=ie.createElement("style"),a=[];let c,h=!0;Object.assign(re,t),re.H=new URL(t.resourcesUrl||"./",ie.baseURI).href,e.map((e=>{e[1].map((t=>{const o={$:t[0],m:t[1],F:t[2],U:t[3]};o.F=t[2],o.P=[],o.L={};const r=o.m,i=class extends HTMLElement{constructor(e){super(e),Y(e=this,o),1&o.$&&e.attachShadow({mode:"open"})}connectedCallback(){c&&(clearTimeout(c),c=null),h?a.push(this):re.jmp((()=>(e=>{if(0==(1&re.$)){const t=Q(e),n=t.M,s=()=>{};if(!(1&t.$)){t.$|=1,12&n.$&&(e=>{const t=e["s-cr"]=ie.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){W(t,t.j=n);break}}n.F&&Object.entries(n.F).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,s,l)=>{if(0==(32&t.$)){{if(t.$|=32,(l=ne(n)).then){const e=()=>{};l=await l,e()}l.isProxied||(n.L=l.watchers,G(l,n,2),l.isProxied=!0);const s=()=>{};t.$|=8;try{new l(t)}catch(e){ee(e)}t.$&=-9,t.$|=128,s()}if(l.style){let s=l.style;"string"!=typeof s&&(s=s[t.C=(e=>se.map((t=>t(e))).find((e=>!!e)))(e)]);const o=m(n,t.C);if(!le.has(o)){const e=()=>{};((e,t,n)=>{let s=le.get(e);fe&&n?(s=s||new CSSStyleSheet,"string"==typeof s?s=t:s.replaceSync(t)):s=t,le.set(e,s)})(o,s,!!(1&n.$)),e()}}}const o=t.j,r=()=>A(t,!0);o&&o["s-rc"]?o["s-rc"].push(r):r()})(e,t,n)}s()}})(this)))}disconnectedCallback(){re.jmp((()=>(()=>{0==(1&re.$)&&_(Q(this).S,"disconnectedCallback")})()))}componentOnReady(){return Q(this).q}};o.D=e[0],s.includes(r)||l.get(r)||(n.push(r),l.define(r,G(i,o,1)))}))})),i.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",i.setAttribute("data-styles",""),o.insertBefore(i,r?r.nextSibling:o.firstChild),h=!1,a.length?a.map((e=>e.connectedCallback())):re.jmp((()=>c=setTimeout(V,30)))},J=(e,t)=>t,K=new WeakMap,Q=e=>K.get(e),X=(e,t)=>K.set(t.S=e,t),Y=(e,t)=>{const n={$:0,O:e,M:t,W:new Map};return n.A=new Promise((e=>n.N=e)),n.q=new Promise((e=>n.T=e)),e["s-p"]=[],e["s-rc"]=[],K.set(e,n)},Z=(e,t)=>t in e,ee=(e,t)=>(0,console.error)(e,t),te=new Map,ne=e=>{const t=e.m.replace(/-/g,"_"),n=e.D,s=te.get(n);return s?s[t]:import(`./${n}.entry.js`).then((e=>(te.set(n,e),e[t])),ee)
|
|
5
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},le=new Map,se=[],oe="undefined"!=typeof window?window:{},ie=oe.document||{head:{}},re={$:0,H:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)},ce=e=>Promise.resolve(e),fe=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ue=e=>ce().then(e);export{J as F,$ as H,I as b,u as h,ce as p,X as r,p as s};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-91b5001a.js";export{T as ToasterService,c as configKoliBri}from"./dev.utils-
|
|
4
|
+
export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-91b5001a.js";export{T as ToasterService,c as configKoliBri}from"./dev.utils-c9cfb9a5.js";export{K as KoliBriDevHelper}from"./prop.validators-8c56bf7d.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-1c83d041.js";import"./register-c6216033.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as i}from"./index-
|
|
4
|
+
import{r as t,h as e,H as i}from"./index-bc1a7f22.js";import{w as a}from"./button-link-f489475e.js";import{w as r}from"./prop.validators-8c56bf7d.js";import"./dev.utils-c9cfb9a5.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-1c83d041.js";import"./register-c6216033.js";const o=class{constructor(e){t(this,e),this._tooltipAlign="top",this.state={_title:"",_tooltipAlign:"top"}}render(){return e(i,{style:{display:"inline-block"}},e("abbr",{title:this.state._title},e("span",{title:""},e("slot",null))),e("kol-tooltip",{_align:this.state._tooltipAlign,_label:this.state._title}))}validateTitle(t){r(this,"_title",t,{required:!0})}validateTooltipAlign(t){a(this,"_tooltipAlign",t)}componentWillLoad(){this.validateTitle(this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};o.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host abbr{cursor:help}:host abbr *{display:inline-flex}'};export{o as kol_abbr};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as i}from"./index-
|
|
4
|
+
import{r as t,h as e,H as i}from"./index-bc1a7f22.js";import{f as a}from"./a11y.tipps-1c83d041.js";import{w as o,s as r,b as n}from"./prop.validators-8c56bf7d.js";import{w as l}from"./validation-a5b35355.js";import"./dev.utils-c9cfb9a5.js";import"./index.m-df5ce03f.js";import"./register-c6216033.js";a("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),a("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const s=class{constructor(e){t(this,e),this.catchAriaExpanded=t=>{t instanceof HTMLButtonElement&&(this.buttonRef=t)},this.triggerAriaExpanded=t=>{t.setAttribute("aria-expanded",this.state._open?"true":"false")},this._level=1,this._open=!1,this.state={_heading:"⚠"},this.onClick=t=>{this._open=!1===this._open;const e=setTimeout((()=>{var i;clearTimeout(e),"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(t,!0===this._open),this.buttonRef instanceof HTMLButtonElement&&this.triggerAriaExpanded(this.buttonRef)}))}}render(){return e(i,null,e("div",{part:"accordion "+(this.state._open?"open":"close")},e("kol-heading-wc",{_level:this.state._level},e("button",{ref:this.catchAriaExpanded,onClick:this.onClick},e("kol-icon",{_ariaLabel:"",_icon:this.state._open?"icofont-minus":"icofont-plus",_part:this.state._open?"close":"open"}),e("span",null,this.state._heading))),e("div",{part:"header"},e("slot",{name:"header"})),e("div",{part:"content",style:!1===this.state._open?{display:"none",height:"0",visibility:"hidden"}:void 0},e("slot",{name:"content"}))))}validateHeading(t){o(this,"_heading",t,{required:!0})}validateLevel(t){l(this,t)}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onClick&&r(this,"_on",t)}validateOpen(t){n(this,"_open",t)}componentWillLoad(){this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};s.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}'};export{s as kol_accordion};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as e}from"./index-56929ada.js";import{L as a}from"./dev.utils-4f23c289.js";import{b as r,w as o,s as n,a as l}from"./prop.validators-6dd43868.js";import{w as s}from"./validation-a4a68e52.js";import{f as c}from"./a11y.tipps-1f6fb00f.js";import"./index.m-df5ce03f.js";import"./register-9f63b6c5.js";const d=t=>i("kol-icon",{class:"icon",_ariaLabel:"string"==typeof t.heading&&t.heading.length>0?"":t.ariaLabel,_icon:t.icon}),h=t=>{switch(t.type){case"error":return i(d,{ariaLabel:"Fehler",icon:"icofont-error",heading:t.heading});case"info":return i(d,{ariaLabel:"Hinweis",icon:"icofont-info-circle",heading:t.heading});case"warning":return i(d,{ariaLabel:"Warnung",icon:"icofont-warning",heading:t.heading});case"success":return i(d,{ariaLabel:"Erfolg",icon:"icofont-check-circled",heading:t.heading});default:return i(d,{ariaLabel:"Nachricht",icon:"icofont-comment",heading:t.heading})}},p=class{constructor(e){t(this,e),this.close=()=>{var t;void 0!==(null===(t=this._on)||void 0===t?void 0:t.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._level=1,this._type="default",this._variant="msg",this.state={}}render(){if(this.state._alert){try{a.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(t){a.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return i(e,null,i("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&i(h,{heading:this.state._heading,type:this.state._type}),i("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&i("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&i(h,{heading:this.state._heading,type:this.state._type}),this.state._heading),i("div",{class:"content"},i("slot",null)),this.state._hasCloser&&i("kol-button-wc",{class:"close",_icon:{left:{icon:"icofont-close"}},_iconOnly:!0,_label:"Schließen",_on:this.on}))))}validateAlert(t){r(this,"_alert",t)}validateHasCloser(t){r(this,"_hasCloser",t)}validateHeading(t){o(this,"_heading",t)}validateLevel(t){s(this,t)}validateOn(t){if("object"==typeof t&&null!==t){c("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof t.onClose&&!0!==t.onClose||(e.onClose=t.onClose),n(this,"_on",e)}}validateType(t){l(this,"_type",(t=>"string"==typeof t&&("default"===t||"error"===t||"info"===t||"success"===t||"warning"===t)),new Set("String {success, info, warning, error}"),t)}validateVariant(t){l(this,"_variant",(t=>"card"===t||"msg"===t),new Set("AlertVariant {card, msg}"),t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};p.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host *{box-sizing:border-box}:host>div{background-color:white;border-color:white;border-width:1px;border-radius:0.5rem;border-style:solid;display:flex;width:100%;overflow:hidden}:host>div.error{border-color:var(--kolibri-color-error)}:host>div.error .icon{background-color:var(--kolibri-color-error)}:host>div.info{border-color:var(--kolibri-color-info)}:host>div.info .icon{background-color:var(--kolibri-color-info)}:host>div.success{border-color:var(--kolibri-color-success)}:host>div.success .icon{background-color:var(--kolibri-color-success)}:host>div.warning{border-color:var(--kolibri-color-warning)}:host>div.warning .icon{background-color:var(--kolibri-color-warning)}:host>div .icon{color:white;display:inline-block;padding:0 0.25rem}:host>div>div{display:grid}:host>div>div .heading{padding:0 0.25rem;display:inline-block}:host>div>div .heading .icon{margin-left:-0.25rem;margin-right:0.25rem;border-radius:0 0 0.25rem 0}:host>div>div>div:last-child{padding:0.25rem}'};export{p as kol_alert};
|
|
4
|
+
import{r as t,h as i,H as e}from"./index-bc1a7f22.js";import{L as a}from"./dev.utils-c9cfb9a5.js";import{b as r,w as o,s as n,a as l}from"./prop.validators-8c56bf7d.js";import{w as s}from"./validation-a5b35355.js";import{f as c}from"./a11y.tipps-1c83d041.js";import"./index.m-df5ce03f.js";import"./register-c6216033.js";const d=t=>i("kol-icon",{class:"icon",_ariaLabel:"string"==typeof t.heading&&t.heading.length>0?"":t.ariaLabel,_icon:t.icon}),h=t=>{switch(t.type){case"error":return i(d,{ariaLabel:"Fehler",icon:"icofont-error",heading:t.heading});case"info":return i(d,{ariaLabel:"Hinweis",icon:"icofont-info-circle",heading:t.heading});case"warning":return i(d,{ariaLabel:"Warnung",icon:"icofont-warning",heading:t.heading});case"success":return i(d,{ariaLabel:"Erfolg",icon:"icofont-check-circled",heading:t.heading});default:return i(d,{ariaLabel:"Nachricht",icon:"icofont-comment",heading:t.heading})}},p=class{constructor(e){t(this,e),this.close=()=>{var t;void 0!==(null===(t=this._on)||void 0===t?void 0:t.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._level=1,this._type="default",this._variant="msg",this.state={}}render(){if(this.state._alert){try{a.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(t){a.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return i(e,null,i("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&i(h,{heading:this.state._heading,type:this.state._type}),i("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&i("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&i(h,{heading:this.state._heading,type:this.state._type}),this.state._heading),i("div",{class:"content"},i("slot",null)),this.state._hasCloser&&i("kol-button-wc",{class:"close",_icon:{left:{icon:"icofont-close"}},_iconOnly:!0,_label:"Schließen",_on:this.on}))))}validateAlert(t){r(this,"_alert",t)}validateHasCloser(t){r(this,"_hasCloser",t)}validateHeading(t){o(this,"_heading",t)}validateLevel(t){s(this,t)}validateOn(t){if("object"==typeof t&&null!==t){c("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof t.onClose&&!0!==t.onClose||(e.onClose=t.onClose),n(this,"_on",e)}}validateType(t){l(this,"_type",(t=>"string"==typeof t&&("default"===t||"error"===t||"info"===t||"success"===t||"warning"===t)),new Set("String {success, info, warning, error}"),t)}validateVariant(t){l(this,"_variant",(t=>"card"===t||"msg"===t),new Set("AlertVariant {card, msg}"),t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};p.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host *{box-sizing:border-box}:host>div{background-color:white;border-color:white;border-width:1px;border-radius:0.5rem;border-style:solid;display:flex;width:100%;overflow:hidden}:host>div.error{border-color:var(--kolibri-color-error)}:host>div.error .icon{background-color:var(--kolibri-color-error)}:host>div.info{border-color:var(--kolibri-color-info)}:host>div.info .icon{background-color:var(--kolibri-color-info)}:host>div.success{border-color:var(--kolibri-color-success)}:host>div.success .icon{background-color:var(--kolibri-color-success)}:host>div.warning{border-color:var(--kolibri-color-warning)}:host>div.warning .icon{background-color:var(--kolibri-color-warning)}:host>div .icon{color:white;display:inline-block;padding:0 0.25rem}:host>div>div{display:grid}:host>div>div .heading{padding:0 0.25rem;display:inline-block}:host>div>div .heading .icon{margin-left:-0.25rem;margin-right:0.25rem;border-radius:0 0 0.25rem 0}:host>div>div>div:last-child{padding:0.25rem}'};export{p as kol_alert};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e}from"./index-56929ada.js";import{f as a,d as i}from"./a11y.tipps-1f6fb00f.js";import{a as r,r as o,b as n,w as l}from"./prop.validators-6dd43868.js";import{s}from"./index.m-df5ce03f.js";import{c}from"./index-c4d8198b.js";import{N as p}from"./color-20533e03.js";import"./dev.utils-4f23c289.js";import"./register-9f63b6c5.js";var d=function(t){var e,a,i=[],r=1;if("string"==typeof t)if(c[t])i=c[t].slice(),a="rgb";else if("transparent"===t)r=0,a="rgb",i=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(t)){var o=t.slice(1);r=1,(s=o.length)<=4?(i=[parseInt(o[0]+o[0],16),parseInt(o[1]+o[1],16),parseInt(o[2]+o[2],16)],4===s&&(r=parseInt(o[3]+o[3],16)/255)):(i=[parseInt(o[0]+o[1],16),parseInt(o[2]+o[3],16),parseInt(o[4]+o[5],16)],8===s&&(r=parseInt(o[6]+o[7],16)/255)),i[0]||(i[0]=0),i[1]||(i[1]=0),i[2]||(i[2]=0),a="rgb"}else if(e=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(t)){var n=e[1],l="rgb"===n;a=o=n.replace(/a$/,"");var s="cmyk"===o?4:"gray"===o?1:3;i=e[2].trim().split(/\s*[,\/]\s*|\s+/).map((function(t,e){if(/%$/.test(t))return e===s?parseFloat(t)/100:"rgb"===o?255*parseFloat(t)/100:parseFloat(t);if("h"===o[e]){if(/deg$/.test(t))return parseFloat(t);if(void 0!==b[t])return b[t]}return parseFloat(t)})),n===o&&i.push(1),r=l||void 0===i[s]?1:i[s],i=i.slice(0,s)}else t.length>10&&/[0-9](?:\s|\/)/.test(t)&&(i=t.match(/([0-9]+)/g).map((function(t){return parseFloat(t)})),a=t.match(/([a-z])/gi).join("").toLowerCase());else isNaN(t)?Array.isArray(t)||t.length?(i=[t[0],t[1],t[2]],a="rgb",r=4===t.length?t[3]:1):t instanceof Object&&(null!=t.r||null!=t.red||null!=t.R?(a="rgb",i=[t.r||t.red||t.R||0,t.g||t.green||t.G||0,t.b||t.blue||t.B||0]):(a="hsl",i=[t.h||t.hue||t.H||0,t.s||t.saturation||t.S||0,t.l||t.lightness||t.L||t.b||t.brightness]),r=t.a||t.alpha||t.opacity||1,null!=t.opacity&&(r/=100)):(a="rgb",i=[t>>>16,(65280&t)>>>8,255&t]);return{space:a,values:i,alpha:r}},b={red:0,orange:60,yellow:120,green:180,blue:240,purple:300},h=function(t){var e;Array.isArray(t)&&t.raw&&(t=String.raw.apply(null,arguments));var a=d(t);if(!a.space)return[];var i=[0,0,0],r="h"===a.space[0]?[360,100,100]:[255,255,255];return(e=Array(3))[0]=Math.min(Math.max(a.values[0],i[0]),r[0]),e[1]=Math.min(Math.max(a.values[1],i[1]),r[1]),e[2]=Math.min(Math.max(a.values[2],i[2]),r[2]),"h"===a.space[0]&&(e=g(e)),e.push(Math.min(Math.max(a.alpha,0),1)),e};function g(t){var e,a,i,r,o,n=t[0]/360,l=t[1]/100,s=t[2]/100,c=0;if(0===l)return[o=255*s,o,o];for(e=2*s-(a=s<.5?s*(1+l):s+l-s*l),r=[0,0,0];c<3;)(i=n+1/3*-(c-1))<0?i++:i>1&&i--,r[c++]=255*(o=6*i<1?e+6*(a-e)*i:2*i<1?a:3*i<2?e+(a-e)*(2/3-i)*6:e);return r}const f=(t,e,a,i=1)=>{const r=[Math.max(Math.min(Math.round(e[0]+i*Math.max(1,e[0]/100)),255),0),Math.max(Math.min(Math.round(e[1]+i*Math.max(1,e[1]/100)),255),0),Math.max(Math.min(Math.round(e[2]+i*Math.max(1,e[2]/100)),255),0)],n=s(o.hex(`rgba(${t.join(",")},1)`),o.hex(`rgba(${r.join(",")},1)`)),l=r[0]+r[1]+r[2];return 0===l||765===l||n>a?r:f(t,r,a,i)},w=new Map,m=(t,e=7)=>{let a=[0,0,0,1],i=[255,255,255,1];return"string"==typeof t?(a=h(t),i=a):"object"==typeof t&&null!==t&&"string"==typeof t.baseColor&&(a=h(t.baseColor),i="string"==typeof t.contrastColor?h(t.contrastColor):a),i=[...((t,e,a,i=1)=>{if(w.has(t))return w.get(t);const r=f(t,e,a,i);return w.set(t,r),r})([a[0],a[1],a[2]],[i[0],i[1],i[2]],e,(299*a[0]+587*a[1]+114*a[2])/1e3>=128?-1:1),1],{baseColor:o.hex(`rgba(${a.join(",")})`),contrastColor:o.hex(`rgba(${i.join(",")})`)}};a("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const u=/^([a-f0-9]{3}|[a-f0-9]{6})$/,v=class{constructor(e){t(this,e),this.bgColorStr="#000",this.colorStr="#fff",this._color=p.Schwarz,this._iconAlign="left",this._iconOnly=!1,this.state={_color:p.Schwarz,_label:""},this.handleColorChange=t=>{let e,a=t;"string"==typeof a?(u.test(a)&&(i("[KolBadge] Bitte verwenden Sie zukünftig nur noch das Standard-Farbformat für CSS (https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)."),a=`#${a}`),e=m(a)):e=m({baseColor:a.backgroundColor,contrastColor:a.color}),this.bgColorStr=e.baseColor,this.colorStr=e.contrastColor}}render(){return e("span",{style:{backgroundColor:this.bgColorStr,color:this.colorStr}},"string"==typeof this.state._icon&&"left"===this.state._iconAlign&&e("kol-icon-icofont",{class:{"mr-1":!1===this.state._iconOnly},style:{color:this.colorStr},_ariaLabel:!0===this.state._iconOnly?this.state._label:"",_icon:this.state._icon}),!0!==this.state._iconOnly&&this.state._label,"string"==typeof this.state._icon&&"right"===this.state._iconAlign&&e("kol-icon-icofont",{class:{"ml-1":!1===this.state._iconOnly},style:{color:this.colorStr},_ariaLabel:!0===this.state._iconOnly?this.state._label:"",_icon:this.state._icon}))}validateColor(t){r(this,"_color",(t=>"string"==typeof t||"object"==typeof t&&null!==t),new Set(["string","KoliBriColor"]),t,{defaultValue:p.Schwarz,hooks:{beforePatch:this.handleColorChange}})}validateIcon(t){((t,e)=>{r(this,"_icon",(t=>"string"==typeof t),new Set(["Icofont"]),e,{required:!0})})(0,t)}validateIconAlign(t){"string"==typeof t&&(this.state=Object.assign(Object.assign({},this.state),{_iconAlign:t}))}validateIconOnly(t){n(this,"_iconOnly",t)}validateLabel(t){l(this,"_label",t,{required:!0})}componentWillLoad(){this.validateColor(this._color),this.validateIcon(this._icon),this.validateIconAlign(this._iconAlign),this.validateIconOnly(this._iconOnly),this.validateLabel(this._label)}static get watchers(){return{_color:["validateColor"],_icon:["validateIcon"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_label:["validateLabel"]}}};v.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}span{display:inline-block;border-radius:var(--kolibri-border-radius);padding-left:calc(2 * var(--kolibri-spacing));padding-right:calc(2 * var(--kolibri-spacing));padding-top:0.125rem;padding-bottom:0.125rem}'};export{v as kol_badge};
|
|
4
|
+
import{r as t,h as e}from"./index-bc1a7f22.js";import{f as i,d as a}from"./a11y.tipps-1c83d041.js";import{a as r,r as o,b as n,w as l}from"./prop.validators-8c56bf7d.js";import{s}from"./index.m-df5ce03f.js";import{c}from"./index-a604e45a.js";import{N as p}from"./color-20533e03.js";import"./dev.utils-c9cfb9a5.js";import"./register-c6216033.js";import"./index-c4d8198b.js";const d=(t,e,a,i=1)=>{const r=[Math.max(Math.min(Math.round(e[0]+i*Math.max(1,e[0]/100)),255),0),Math.max(Math.min(Math.round(e[1]+i*Math.max(1,e[1]/100)),255),0),Math.max(Math.min(Math.round(e[2]+i*Math.max(1,e[2]/100)),255),0)],n=s(o.hex(`rgba(${t.join(",")},1)`),o.hex(`rgba(${r.join(",")},1)`)),l=r[0]+r[1]+r[2];return 0===l||765===l||n>a?r:d(t,r,a,i)},b=new Map,h=(t,e=7)=>{let a=[0,0,0,1],i=[255,255,255,1];return"string"==typeof t?(a=c(t),i=a):"object"==typeof t&&null!==t&&"string"==typeof t.baseColor&&(a=c(t.baseColor),i="string"==typeof t.contrastColor?c(t.contrastColor):a),i=[...((t,e,a,i=1)=>{if(b.has(t))return b.get(t);const o=d(t,e,a,i);return b.set(t,o),o})([a[0],a[1],a[2]],[i[0],i[1],i[2]],e,(299*a[0]+587*a[1]+114*a[2])/1e3>=128?-1:1),1],{baseColor:o.hex(`rgba(${a.join(",")})`),contrastColor:o.hex(`rgba(${i.join(",")})`)}};i("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const g=/^([a-f0-9]{3}|[a-f0-9]{6})$/,w=class{constructor(e){t(this,e),this.bgColorStr="#000",this.colorStr="#fff",this._color=p.Schwarz,this._iconAlign="left",this._iconOnly=!1,this.state={_color:p.Schwarz,_label:""},this.handleColorChange=t=>{let e,i=t;"string"==typeof i?(g.test(i)&&(a("[KolBadge] Bitte verwenden Sie zukünftig nur noch das Standard-Farbformat für CSS (https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)."),i=`#${i}`),e=h(i)):e=h({baseColor:i.backgroundColor,contrastColor:i.color}),this.bgColorStr=e.baseColor,this.colorStr=e.contrastColor}}render(){return e("span",{style:{backgroundColor:this.bgColorStr,color:this.colorStr}},"string"==typeof this.state._icon&&"left"===this.state._iconAlign&&e("kol-icon-icofont",{class:{"mr-1":!1===this.state._iconOnly},style:{color:this.colorStr},_ariaLabel:!0===this.state._iconOnly?this.state._label:"",_icon:this.state._icon}),!0!==this.state._iconOnly&&this.state._label,"string"==typeof this.state._icon&&"right"===this.state._iconAlign&&e("kol-icon-icofont",{class:{"ml-1":!1===this.state._iconOnly},style:{color:this.colorStr},_ariaLabel:!0===this.state._iconOnly?this.state._label:"",_icon:this.state._icon}))}validateColor(t){r(this,"_color",(t=>"string"==typeof t||"object"==typeof t&&null!==t),new Set(["string","KoliBriColor"]),t,{defaultValue:p.Schwarz,hooks:{beforePatch:this.handleColorChange}})}validateIcon(t){((t,e)=>{r(this,"_icon",(t=>"string"==typeof t),new Set(["Icofont"]),e,{required:!0})})(0,t)}validateIconAlign(t){"string"==typeof t&&(this.state=Object.assign(Object.assign({},this.state),{_iconAlign:t}))}validateIconOnly(t){n(this,"_iconOnly",t)}validateLabel(t){l(this,"_label",t,{required:!0})}componentWillLoad(){this.validateColor(this._color),this.validateIcon(this._icon),this.validateIconAlign(this._iconAlign),this.validateIconOnly(this._iconOnly),this.validateLabel(this._label)}static get watchers(){return{_color:["validateColor"],_icon:["validateIcon"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_label:["validateLabel"]}}};w.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}span{display:inline-block;border-radius:var(--kolibri-border-radius);padding-left:calc(2 * var(--kolibri-spacing));padding-right:calc(2 * var(--kolibri-spacing));padding-top:0.125rem;padding-bottom:0.125rem}'};export{w as kol_badge};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,F as a,H as i}from"./index-
|
|
4
|
+
import{r as t,h as e,F as a,H as i}from"./index-bc1a7f22.js";import{a as r}from"./a11y.tipps-1c83d041.js";import{w as o}from"./prop.validators-8c56bf7d.js";import{w as l}from"./validation-735dcb5c.js";import"./dev.utils-c9cfb9a5.js";import"./index.m-df5ce03f.js";import"./register-c6216033.js";const n=class{constructor(e){t(this,e),this.state={_ariaLabel:"…",_links:[]}}render(){const t=this.state._links.length-1;return e(i,null,e("nav",{"aria-label":this.state._ariaLabel},e("ul",null,0===this.state._links.length&&e("li",null,e("kol-icon-icofont",{_ariaLabel:"",_icon:"home"}),"…"),this.state._links.map(((i,r)=>e("li",{key:r},0!==r&&e("kol-icon-icofont",{_ariaLabel:"",_icon:"rounded-right",_part:"separator",exportparts:"separator"}),r===t?e("span",null,i._iconOnly?e("kol-icon-icofont",{_ariaLabel:i._label,_icon:i._icon}):e(a,null,i._label)):e("kol-link",Object.assign({exportparts:"link",_useCase:"nav"},i,{_ariaLabel:i._label}),i._label)))))))}validateAriaLabel(t){o(this,"_ariaLabel",t,{required:!0}),r(t)}validateLinks(t){l("KolBreadcrumb",this,t)}componentWillLoad(){this.validateAriaLabel(this._ariaLabel),this.validateLinks(this._links)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_links:["validateLinks"]}}};n.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}'};export{n as kol_breadcrumb};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - the accessible web component library
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as a}from"./index-
|
|
4
|
+
import{r as t,h as e,H as a}from"./index-bc1a7f22.js";const i=class{constructor(e){t(this,e),this.state={}}render(){return e(a,null,e("div",{class:"flex flex-wrap bg-normal"},e("slot",null)))}};i.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}b{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}button,[type=\'button\'],[type=\'reset\'],[type=\'submit\']{-webkit-appearance:button}button{background-color:transparent;background-image:none}button,[role="button"]{cursor:pointer}code{font-size:1em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h1,p,h2,h3,h4,h5,h6{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}legend{padding:0}progress{vertical-align:baseline}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}svg{display:block;vertical-align:middle}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul,ol{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-normal{background-color:var(--kolibri-color-normal)}.bg-white{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity))}.bg-spin-1{background-color:var(--kolibri-color-spin-1)}.bg-spin-2{background-color:var(--kolibri-color-spin-2)}.bg-spin-3{background-color:var(--kolibri-color-spin-3)}.rounded{border-radius:var(--kolibri-border-radius)}.border-1{border-width:1px}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-wrap{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.content-center{-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center}.float-left{float:left}.font-80{font-weight:80}.font-60{font-weight:60}.h-full{height:100%}.h-0{height:0px}.h-0\\.41c-2\\.42\\2c 0-4\\.82-1\\.57-4\\.82-3\\.58c0\\.05-0\\.98\\2c 0\\.43-1\\.91\\2c 1\\.07-2\\.65c0\\.3\\2c 0\\.05\\2c 0\\.61\\2c 0\\.09\\2c 0\\.92\\2c 0\\.09c1\\.1\\2c 0\\2c 1\\.69-0\\.58\\2c 1\\.74-1\\.16{height:0.29rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.leading-normal{line-height:1.5}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:calc(1 * var(--kolibri-spacing))}.ml-1{margin-left:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.ml-6{margin-left:calc(6 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.overflow-hidden{overflow:hidden}.overflow-y-visible{overflow-y:visible}.p-2{padding:calc(2 * var(--kolibri-spacing))}.p-4{padding:calc(4 * var(--kolibri-spacing))}.px{padding-left:1px;padding-right:1px}.py-2{padding-top:calc(2 * var(--kolibri-spacing));padding-bottom:calc(2 * var(--kolibri-spacing))}.pl-8{padding-left:2rem}.pb-2{padding-bottom:calc(2 * var(--kolibri-spacing))}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.relative{position:relative}.text-center{text-align:center}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.text-normal{color:var(--kolibri-color-normal)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.no-underline{text-decoration:none}.visible{visibility:visible}.w-full{width:100%}.w-4\\/5{width:80%}.z-50{z-index:50}.gap-1{grid-gap:calc(1 * var(--kolibri-spacing));gap:calc(1 * var(--kolibri-spacing))}.gap-2{grid-gap:calc(2 * var(--kolibri-spacing));gap:calc(2 * var(--kolibri-spacing))}.grid-flow-col{grid-auto-flow:column}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:host *{-ms-hyphens:var(--kolibri-hyphens);-webkit-hyphens:var(--kolibri-hyphens);hyphens:var(--kolibri-hyphens);font-family:var(--kolibri-font-family);line-height:var(--kolibri-line-height);word-break:break-word}:host{display:inline-flex;width:100%}'};export{i as kol_button_group};
|