@public-ui/components 1.1.13-rc.8 → 1.1.13
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 +1 -1
- package/dist/cjs/{a11y.tipps-c34c01ad.js → a11y.tipps-df3024df.js} +2 -2
- package/dist/cjs/app-globals-0f6ccf65.js +4 -0
- package/dist/cjs/{bund-ef793fe2.js → bund-e238647c.js} +1 -1
- package/dist/cjs/{button-link-77426266.js → button-link-f68ce33a.js} +2 -2
- package/dist/cjs/{color-1fa1e9b8.js → color-54989457.js} +1 -1
- package/dist/cjs/{controller-3d78aaf8.js → controller-21337531.js} +2 -2
- package/dist/cjs/{controller-8a6a366c.js → controller-52f62e64.js} +2 -2
- package/dist/cjs/{controller-61fd388e.js → controller-a351b42d.js} +2 -2
- package/dist/cjs/{controller-c0263b98.js → controller-add71662.js} +2 -2
- package/dist/cjs/{controller-8577aee2.js → controller-c4dc4409.js} +2 -2
- package/dist/cjs/{controller-52ff7887.js → controller-e30426f7.js} +2 -2
- package/dist/cjs/{dev.utils-d0a4bbec.js → dev.utils-a119191e.js} +1 -1
- package/dist/cjs/devtools-e98db728.js +4 -0
- package/dist/cjs/{icon-38c598e9.js → icon-6c067cd6.js} +2 -2
- package/dist/cjs/{index-e6ae017d.js → index-06f1dad8.js} +1 -1
- package/dist/cjs/index-95d4d068.js +4 -0
- package/dist/cjs/index-adbf25b5.js +4 -0
- package/dist/cjs/{index-4c07edf5.js → index-c4f8dd50.js} +1 -1
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/{index.m-d4f02c88.js → index.m-21aa1255.js} +1 -1
- package/dist/cjs/kol-abbr.cjs.entry.js +2 -2
- package/dist/cjs/kol-accordion.cjs.entry.js +2 -2
- package/dist/cjs/kol-alert.cjs.entry.js +2 -2
- package/dist/cjs/kol-badge.cjs.entry.js +2 -2
- package/dist/cjs/kol-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/kol-button-group-wc.cjs.entry.js +2 -2
- package/dist/cjs/kol-button-group.cjs.entry.js +2 -2
- package/dist/cjs/kol-button-link.cjs.entry.js +2 -2
- package/dist/cjs/kol-button-wc_3.cjs.entry.js +2 -2
- package/dist/cjs/kol-button.cjs.entry.js +2 -2
- package/dist/cjs/kol-card.cjs.entry.js +2 -2
- package/dist/cjs/kol-color.cjs.entry.js +2 -2
- package/dist/cjs/kol-counter.cjs.entry.js +2 -2
- package/dist/cjs/kol-details.cjs.entry.js +2 -2
- package/dist/cjs/kol-form.cjs.entry.js +2 -2
- package/dist/cjs/kol-heading.cjs.entry.js +2 -2
- package/dist/cjs/kol-icon-font-awesome.cjs.entry.js +2 -2
- package/dist/cjs/kol-icon-icofont.cjs.entry.js +2 -2
- package/dist/cjs/kol-icon.cjs.entry.js +2 -2
- package/dist/cjs/kol-indented-text.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-color.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-date.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-email.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-file.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-number.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-password.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-radio-group.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-radio.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-range.cjs.entry.js +2 -2
- package/dist/cjs/kol-input-text.cjs.entry.js +2 -2
- package/dist/cjs/kol-kolibri.cjs.entry.js +2 -2
- package/dist/cjs/kol-link-button.cjs.entry.js +2 -2
- package/dist/cjs/kol-link-group.cjs.entry.js +2 -2
- package/dist/cjs/kol-link-wc.cjs.entry.js +2 -2
- package/dist/cjs/kol-link.cjs.entry.js +2 -2
- package/dist/cjs/kol-logo.cjs.entry.js +2 -2
- package/dist/cjs/kol-modal.cjs.entry.js +2 -2
- package/dist/cjs/kol-nav.cjs.entry.js +2 -2
- package/dist/cjs/kol-pagination.cjs.entry.js +2 -2
- package/dist/cjs/kol-progress.cjs.entry.js +2 -2
- package/dist/cjs/kol-select.cjs.entry.js +2 -2
- package/dist/cjs/kol-skip-nav.cjs.entry.js +2 -2
- package/dist/cjs/kol-span-wc.cjs.entry.js +2 -2
- package/dist/cjs/kol-span.cjs.entry.js +2 -2
- package/dist/cjs/kol-spin.cjs.entry.js +2 -2
- package/dist/cjs/kol-symbol.cjs.entry.js +2 -2
- package/dist/cjs/kol-table.cjs.entry.js +2 -2
- package/dist/cjs/kol-tabs.cjs.entry.js +2 -2
- package/dist/cjs/kol-textarea.cjs.entry.js +2 -2
- package/dist/cjs/kol-toast.cjs.entry.js +2 -2
- package/dist/cjs/kol-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/kol-version.cjs.entry.js +2 -2
- package/dist/cjs/kolibri.cjs.js +2 -2
- package/dist/cjs/{label-57db7ae0.js → label-1fb9fcd4.js} +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{prop.validators-0d8ddea9.js → prop.validators-4da58261.js} +2 -2
- package/dist/cjs/{tab-index-09bd2469.js → tab-index-52d91e46.js} +2 -2
- package/dist/cjs/validation-38f45f90.js +4 -0
- package/dist/cjs/validation-88bbd833.js +4 -0
- package/dist/cjs/{validator-3a019e4f.js → validator-3162f24c.js} +1 -1
- package/dist/components/color.js +1 -1
- package/dist/components/component.js +2 -2
- package/dist/components/component10.js +2 -2
- package/dist/components/component11.js +2 -2
- package/dist/components/component12.js +1 -1
- package/dist/components/component13.js +2 -2
- package/dist/components/component14.js +2 -2
- package/dist/components/component15.js +1 -1
- package/dist/components/component16.js +1 -1
- package/dist/components/component2.js +2 -2
- package/dist/components/component3.js +1 -1
- package/dist/components/component4.js +1 -1
- package/dist/components/component5.js +1 -1
- package/dist/components/component6.js +1 -1
- package/dist/components/component7.js +1 -1
- package/dist/components/component8.js +2 -2
- package/dist/components/component9.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/controller5.js +1 -1
- package/dist/components/controller6.js +1 -1
- package/dist/components/devtools.js +2 -2
- package/dist/components/index.js +2 -2
- package/dist/components/index.m.js +1 -1
- package/dist/components/index2.js +1 -1
- package/dist/components/index3.js +1 -1
- package/dist/components/kol-abbr.js +2 -2
- package/dist/components/kol-accordion.js +2 -2
- package/dist/components/kol-alert.js +1 -1
- package/dist/components/kol-badge.js +1 -1
- package/dist/components/kol-breadcrumb.js +2 -2
- package/dist/components/kol-button-group-wc.js +1 -1
- package/dist/components/kol-button-group.js +2 -2
- package/dist/components/kol-button-link.js +2 -2
- package/dist/components/kol-button-wc.js +1 -1
- package/dist/components/kol-button.js +1 -1
- package/dist/components/kol-card.js +2 -2
- package/dist/components/kol-color.js +2 -2
- package/dist/components/kol-counter.js +1 -1
- package/dist/components/kol-details.js +2 -2
- package/dist/components/kol-form.js +1 -1
- package/dist/components/kol-heading-wc.js +1 -1
- package/dist/components/kol-heading.js +2 -2
- package/dist/components/kol-icon-font-awesome.js +1 -1
- package/dist/components/kol-icon-icofont.js +1 -1
- package/dist/components/kol-icon.js +1 -1
- package/dist/components/kol-indented-text.js +1 -1
- package/dist/components/kol-input-adapter-leanup.js +1 -1
- package/dist/components/kol-input-checkbox.js +2 -2
- package/dist/components/kol-input-color.js +2 -2
- package/dist/components/kol-input-date.js +2 -2
- package/dist/components/kol-input-email.js +2 -2
- package/dist/components/kol-input-file.js +2 -2
- package/dist/components/kol-input-number.js +1 -1
- package/dist/components/kol-input-password.js +2 -2
- package/dist/components/kol-input-radio-group.js +1 -1
- package/dist/components/kol-input-radio.js +1 -1
- package/dist/components/kol-input-range.js +2 -2
- package/dist/components/kol-input-text.js +2 -2
- package/dist/components/kol-input.js +1 -1
- package/dist/components/kol-kolibri.js +2 -2
- package/dist/components/kol-link-button.js +2 -2
- package/dist/components/kol-link-group.js +2 -2
- package/dist/components/kol-link-wc.js +1 -1
- package/dist/components/kol-link.js +1 -1
- package/dist/components/kol-logo.js +2 -2
- package/dist/components/kol-modal.js +2 -2
- package/dist/components/kol-nav.js +2 -2
- package/dist/components/kol-pagination.js +1 -1
- package/dist/components/kol-progress.js +1 -1
- package/dist/components/kol-select.js +1 -1
- package/dist/components/kol-skip-nav.js +2 -2
- package/dist/components/kol-span-wc.js +1 -1
- package/dist/components/kol-span.js +2 -2
- package/dist/components/kol-spin.js +2 -2
- package/dist/components/kol-symbol.js +1 -1
- package/dist/components/kol-table.js +2 -2
- package/dist/components/kol-tabs.js +2 -2
- package/dist/components/kol-textarea.js +2 -2
- package/dist/components/kol-toast.js +2 -2
- package/dist/components/kol-tooltip.js +1 -1
- package/dist/components/kol-version.js +2 -2
- package/dist/components/prop.validators.js +2 -2
- package/dist/components/shadow.js +2 -2
- package/dist/components/shadow2.js +2 -2
- package/dist/components/tab-index.js +1 -1
- package/dist/components/validation.js +1 -1
- package/dist/custom-elements/devtools.js +2 -2
- package/dist/custom-elements/index.js +2 -2
- package/dist/esm/{a11y.tipps-bb9add07.js → a11y.tipps-7e981511.js} +2 -2
- package/dist/esm/app-globals-cf179254.js +4 -0
- package/dist/esm/{bund-91b5001a.js → bund-fe1f3789.js} +1 -1
- package/dist/esm/{button-link-3edbe91e.js → button-link-5fecb7f7.js} +2 -2
- package/dist/esm/{color-20533e03.js → color-d69786a5.js} +1 -1
- package/dist/esm/{controller-a187ea0c.js → controller-71a4e84b.js} +2 -2
- package/dist/esm/{controller-a96434c2.js → controller-ace59adb.js} +2 -2
- package/dist/esm/{controller-a7eac5ec.js → controller-ae0107c8.js} +2 -2
- package/dist/esm/{controller-27d760c1.js → controller-c04d8df8.js} +2 -2
- package/dist/esm/{controller-8f83ca82.js → controller-c8c56e3a.js} +2 -2
- package/dist/esm/{controller-032734cf.js → controller-f5524b9e.js} +2 -2
- package/dist/esm/{dev.utils-bbaf8793.js → dev.utils-d28700ca.js} +1 -1
- package/dist/esm/{devtools-89d0c4d6.js → devtools-4fcb886f.js} +2 -2
- package/dist/esm/{icon-9303a961.js → icon-471e29ae.js} +2 -2
- package/dist/esm/{index-c4d8198b.js → index-1b8b837d.js} +1 -1
- package/dist/esm/{index-bc1a7f22.js → index-5878bd01.js} +1 -1
- package/dist/esm/index-d870d3e1.js +4 -0
- package/dist/esm/{index-a604e45a.js → index-e722bdb7.js} +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/{index.m-df5ce03f.js → index.m-86dc8c44.js} +1 -1
- package/dist/esm/kol-abbr.entry.js +2 -2
- package/dist/esm/kol-accordion.entry.js +2 -2
- package/dist/esm/kol-alert.entry.js +2 -2
- package/dist/esm/kol-badge.entry.js +2 -2
- package/dist/esm/kol-breadcrumb.entry.js +2 -2
- package/dist/esm/kol-button-group-wc.entry.js +2 -2
- package/dist/esm/kol-button-group.entry.js +2 -2
- package/dist/esm/kol-button-link.entry.js +2 -2
- package/dist/esm/kol-button-wc_3.entry.js +2 -2
- package/dist/esm/kol-button.entry.js +2 -2
- package/dist/esm/kol-card.entry.js +2 -2
- package/dist/esm/kol-color.entry.js +2 -2
- package/dist/esm/kol-counter.entry.js +2 -2
- package/dist/esm/kol-details.entry.js +2 -2
- package/dist/esm/kol-form.entry.js +2 -2
- package/dist/esm/kol-heading.entry.js +2 -2
- package/dist/esm/kol-icon-font-awesome.entry.js +2 -2
- package/dist/esm/kol-icon-icofont.entry.js +2 -2
- package/dist/esm/kol-icon.entry.js +2 -2
- package/dist/esm/kol-indented-text.entry.js +2 -2
- package/dist/esm/kol-input-adapter-leanup.entry.js +2 -2
- package/dist/esm/kol-input-checkbox.entry.js +2 -2
- package/dist/esm/kol-input-color.entry.js +2 -2
- package/dist/esm/kol-input-date.entry.js +2 -2
- package/dist/esm/kol-input-email.entry.js +2 -2
- package/dist/esm/kol-input-file.entry.js +2 -2
- package/dist/esm/kol-input-number.entry.js +2 -2
- package/dist/esm/kol-input-password.entry.js +2 -2
- package/dist/esm/kol-input-radio-group.entry.js +2 -2
- package/dist/esm/kol-input-radio.entry.js +2 -2
- package/dist/esm/kol-input-range.entry.js +2 -2
- package/dist/esm/kol-input-text.entry.js +2 -2
- package/dist/esm/kol-kolibri.entry.js +2 -2
- package/dist/esm/kol-link-button.entry.js +2 -2
- package/dist/esm/kol-link-group.entry.js +2 -2
- package/dist/esm/kol-link-wc.entry.js +2 -2
- package/dist/esm/kol-link.entry.js +2 -2
- package/dist/esm/kol-logo.entry.js +2 -2
- package/dist/esm/kol-modal.entry.js +2 -2
- package/dist/esm/kol-nav.entry.js +2 -2
- package/dist/esm/kol-pagination.entry.js +2 -2
- package/dist/esm/kol-progress.entry.js +2 -2
- package/dist/esm/kol-select.entry.js +2 -2
- package/dist/esm/kol-skip-nav.entry.js +2 -2
- package/dist/esm/kol-span-wc.entry.js +2 -2
- package/dist/esm/kol-span.entry.js +2 -2
- package/dist/esm/kol-spin.entry.js +2 -2
- package/dist/esm/kol-symbol.entry.js +2 -2
- package/dist/esm/kol-table.entry.js +2 -2
- package/dist/esm/kol-tabs.entry.js +2 -2
- package/dist/esm/kol-textarea.entry.js +2 -2
- package/dist/esm/kol-toast.entry.js +2 -2
- package/dist/esm/kol-tooltip.entry.js +2 -2
- package/dist/esm/kol-version.entry.js +2 -2
- package/dist/esm/kolibri.js +2 -2
- package/dist/esm/{label-7ed67bab.js → label-a11dc427.js} +2 -2
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{prop.validators-4eed69d5.js → prop.validators-be22b6b6.js} +2 -2
- package/dist/esm/tab-index-07ad8cf8.js +4 -0
- package/dist/esm/validation-74ad7ccd.js +4 -0
- package/dist/esm/{validation-b12cf848.js → validation-a7aaf90a.js} +2 -2
- package/dist/esm/{validator-05e130c7.js → validator-fe8c60ef.js} +1 -1
- package/dist/kolibri/{a11y.tipps-bb9add07.js → a11y.tipps-7e981511.js} +2 -2
- package/dist/kolibri/app-globals-cf179254.js +4 -0
- package/dist/kolibri/assets/form-simulation.weitere-cases.js +1 -1
- package/dist/kolibri/{bund-91b5001a.js → bund-fe1f3789.js} +1 -1
- package/dist/kolibri/button-link-5fecb7f7.js +4 -0
- package/dist/kolibri/{color-20533e03.js → color-d69786a5.js} +1 -1
- package/dist/kolibri/{controller-a187ea0c.js → controller-71a4e84b.js} +2 -2
- package/dist/kolibri/{controller-a96434c2.js → controller-ace59adb.js} +2 -2
- package/dist/kolibri/{controller-a7eac5ec.js → controller-ae0107c8.js} +2 -2
- package/dist/kolibri/{controller-27d760c1.js → controller-c04d8df8.js} +2 -2
- package/dist/kolibri/{controller-8f83ca82.js → controller-c8c56e3a.js} +2 -2
- package/dist/kolibri/{controller-032734cf.js → controller-f5524b9e.js} +2 -2
- package/dist/kolibri/{dev.utils-bbaf8793.js → dev.utils-d28700ca.js} +1 -1
- package/dist/kolibri/devtools-4fcb886f.js +4 -0
- package/dist/kolibri/{icon-9303a961.js → icon-471e29ae.js} +2 -2
- package/dist/kolibri/{index-c4d8198b.js → index-1b8b837d.js} +1 -1
- package/dist/kolibri/{index-bc1a7f22.js → index-5878bd01.js} +1 -1
- package/dist/kolibri/index-d870d3e1.js +4 -0
- package/dist/kolibri/{index-a604e45a.js → index-e722bdb7.js} +2 -2
- package/dist/kolibri/index.esm.js +2 -2
- package/dist/kolibri/{index.m-df5ce03f.js → index.m-86dc8c44.js} +1 -1
- package/dist/kolibri/kol-abbr.entry.js +2 -2
- package/dist/kolibri/kol-accordion.entry.js +2 -2
- package/dist/kolibri/kol-alert.entry.js +2 -2
- package/dist/kolibri/kol-badge.entry.js +2 -2
- package/dist/kolibri/kol-breadcrumb.entry.js +2 -2
- package/dist/kolibri/kol-button-group-wc.entry.js +2 -2
- package/dist/kolibri/kol-button-group.entry.js +2 -2
- package/dist/kolibri/kol-button-link.entry.js +2 -2
- package/dist/kolibri/kol-button-wc_3.entry.js +2 -2
- package/dist/kolibri/kol-button.entry.js +2 -2
- package/dist/kolibri/kol-card.entry.js +2 -2
- package/dist/kolibri/kol-color.entry.js +2 -2
- package/dist/kolibri/kol-counter.entry.js +2 -2
- package/dist/kolibri/kol-details.entry.js +2 -2
- package/dist/kolibri/kol-form.entry.js +2 -2
- package/dist/kolibri/kol-heading.entry.js +2 -2
- package/dist/kolibri/kol-icon-font-awesome.entry.js +2 -2
- package/dist/kolibri/kol-icon-icofont.entry.js +2 -2
- package/dist/kolibri/kol-icon.entry.js +2 -2
- package/dist/kolibri/kol-indented-text.entry.js +2 -2
- package/dist/kolibri/kol-input-adapter-leanup.entry.js +2 -2
- package/dist/kolibri/kol-input-checkbox.entry.js +2 -2
- package/dist/kolibri/kol-input-color.entry.js +2 -2
- package/dist/kolibri/kol-input-date.entry.js +2 -2
- package/dist/kolibri/kol-input-email.entry.js +2 -2
- package/dist/kolibri/kol-input-file.entry.js +2 -2
- package/dist/kolibri/kol-input-number.entry.js +2 -2
- package/dist/kolibri/kol-input-password.entry.js +2 -2
- package/dist/kolibri/kol-input-radio-group.entry.js +2 -2
- package/dist/kolibri/kol-input-radio.entry.js +2 -2
- package/dist/kolibri/kol-input-range.entry.js +2 -2
- package/dist/kolibri/kol-input-text.entry.js +2 -2
- package/dist/kolibri/kol-kolibri.entry.js +2 -2
- package/dist/kolibri/kol-link-button.entry.js +2 -2
- package/dist/kolibri/kol-link-group.entry.js +2 -2
- package/dist/kolibri/kol-link-wc.entry.js +2 -2
- package/dist/kolibri/kol-link.entry.js +2 -2
- package/dist/kolibri/kol-logo.entry.js +2 -2
- package/dist/kolibri/kol-modal.entry.js +2 -2
- package/dist/kolibri/kol-nav.entry.js +2 -2
- package/dist/kolibri/kol-pagination.entry.js +2 -2
- package/dist/kolibri/kol-progress.entry.js +2 -2
- package/dist/kolibri/kol-select.entry.js +2 -2
- package/dist/kolibri/kol-skip-nav.entry.js +2 -2
- package/dist/kolibri/kol-span-wc.entry.js +2 -2
- package/dist/kolibri/kol-span.entry.js +2 -2
- package/dist/kolibri/kol-spin.entry.js +2 -2
- package/dist/kolibri/kol-symbol.entry.js +2 -2
- package/dist/kolibri/kol-table.entry.js +2 -2
- package/dist/kolibri/kol-tabs.entry.js +2 -2
- package/dist/kolibri/kol-textarea.entry.js +2 -2
- package/dist/kolibri/kol-toast.entry.js +2 -2
- package/dist/kolibri/kol-tooltip.entry.js +2 -2
- package/dist/kolibri/kol-version.entry.js +2 -2
- package/dist/kolibri/kolibri.esm.js +2 -2
- package/dist/kolibri/{label-7ed67bab.js → label-a11dc427.js} +2 -2
- package/dist/kolibri/{prop.validators-4eed69d5.js → prop.validators-be22b6b6.js} +2 -2
- package/dist/kolibri/tab-index-07ad8cf8.js +4 -0
- package/dist/kolibri/validation-74ad7ccd.js +4 -0
- package/dist/kolibri/{validation-b12cf848.js → validation-a7aaf90a.js} +2 -2
- package/dist/kolibri/{validator-05e130c7.js → validator-fe8c60ef.js} +1 -1
- package/dist/loader/cdn.js +1 -1
- package/dist/loader/index.cjs.js +1 -1
- package/dist/loader/index.es2017.js +1 -1
- package/dist/loader/index.js +1 -1
- package/dist/types/components/tabs/component.d.ts +6 -6
- package/jest-test-results.json +1 -1
- package/package.json +2 -2
- package/dist/cjs/app-globals-98bccc3a.js +0 -4
- package/dist/cjs/devtools-88311c8c.js +0 -4
- package/dist/cjs/index-1f40c8ef.js +0 -4
- package/dist/cjs/index-6301c622.js +0 -4
- package/dist/cjs/validation-b7a9e941.js +0 -4
- package/dist/cjs/validation-f398234d.js +0 -4
- package/dist/esm/app-globals-3fcb32e8.js +0 -4
- package/dist/esm/index-30f8123a.js +0 -4
- package/dist/esm/tab-index-e32484b1.js +0 -4
- package/dist/esm/validation-5ef4068a.js +0 -4
- package/dist/kolibri/app-globals-3fcb32e8.js +0 -4
- package/dist/kolibri/assets/form-simulation.test-submit.js +0 -1
- package/dist/kolibri/button-link-3edbe91e.js +0 -4
- package/dist/kolibri/devtools-89d0c4d6.js +0 -4
- package/dist/kolibri/index-30f8123a.js +0 -4
- package/dist/kolibri/tab-index-e32484b1.js +0 -4
- package/dist/kolibri/validation-5ef4068a.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* KoliBri -
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as n,h as t,H as i}from"./index-bc1a7f22.js";import{s as e,w as a,h as o,p as r,a as l,o as s}from"./prop.validators-4eed69d5.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-bb9add07.js";import"./dev.utils-bbaf8793.js";import"./index-30f8123a.js";const c=[10,20,50,100],d=class{constructor(t){n(this,t),this.horizontal=!0,this.sortDirections=new Map,this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.handlePagination={onClick:(t,n)=>{var i;"function"==typeof(null===(i=this.state._pagination._on)||void 0===i?void 0:i.onClick)&&this.state._pagination._on.onClick(t,n),e(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePage:(t,n)=>{var i;"function"==typeof(null===(i=this.state._pagination._on)||void 0===i?void 0:i.onChangePage)&&this.state._pagination._on.onChangePage(t,n),e(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePageSize:(t,n)=>{var i;"function"==typeof(null===(i=this.state._pagination._on)||void 0===i?void 0:i.onChangePageSize)&&this.state._pagination._on.onChangePageSize(t,n),e(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:n})),e(this,"_pageSize",n)}},this.beforePatchPagination=(t,n,i,a)=>{"_pagination"===a&&(this.showPagination=!0===t||""===t||"object"==typeof t&&null!==t)},this.updateSortedData=()=>{let t=this.state._data;if("function"==typeof this.sortFunction)switch(this.sortDirections.get(this.sortFunction)){case"NOS":t=[...this.state._data];break;case"ASC":t=this.sortFunction([...this.state._data]);break;default:t=this.sortFunction([...this.state._data]).reverse()}e(this,"_sortedData",t)},this._caption=void 0,this._data=void 0,this._headers=void 0,this._minWidth=void 0,this._pagination=void 0,this.state={_caption:"",_data:[],_headers:{horizontal:[],vertical:[]},_pagination:{_page:1,_pageSize:10,_total:0},_sortedData:[]}}validateCaption(t){a(this,"_caption",t,{required:!0})}validateData(t){o(t,(()=>{s(t,(()=>{void 0===t&&(t=[]);try{t=r(t)}catch(t){}Array.isArray(t)&&void 0===t.find((t=>!("object"==typeof t&&null!==t)))&&e(this,"_data",t,{afterPatch:()=>{const t=setTimeout((()=>{clearTimeout(t),this.updateSortedData()}))}})}))}))}validateHeaders(t){o(t,(()=>{s(t,(()=>{try{t=r(t)}catch(t){}l(this,"_headers",(t=>"object"==typeof t&&null!==t),new Set(["KoliBriTableHeaders"]),t,{hooks:{beforePatch:t=>{var n;null===(n=t.horizontal)||void 0===n||n.forEach((t=>{t.forEach((t=>{"function"==typeof t.sort&&"string"==typeof t.sortDirection&&this.sortDirections.set(t.sort,t.sortDirection)}))}))}}})}))}))}validateMinWidth(t){a(this,"_minWidth",t,{defaultValue:void 0})}validatePagination(t){try{t=r(t)}catch(t){}l(this,"_pagination",(()=>!0),new Set(["boolean","KoliBriTablePagination"]),t,{hooks:{beforePatch:this.beforePatchPagination}})}componentWillLoad(){this.validateCaption(this._caption),this.validateData(this._data),this.validateHeaders(this._headers),this.validateMinWidth(this._minWidth),this.validatePagination(this._pagination)}getNumberOfCols(t,n){let i=0;return t.forEach((t=>{let n=0;t.forEach((t=>{var i;return n+=null!==(i=t.colSpan)&&void 0!==i?i:1})),i<n&&(i=n)})),0===i&&(i=n.length),i}getNumberOfRows(t,n){let i=0;return t.forEach((t=>{let n=0;t.forEach((t=>{var i;return n+=null!==(i=t.rowSpan)&&void 0!==i?i:1})),i<n&&(i=n)})),0===i&&(i=n.length),i}filterHeaderKeys(t){const n=[];return t.forEach((t=>{t.forEach((t=>{"string"==typeof t.key&&n.push(t)}))})),n}getPrimaryHeader(t){var n,i;let a=this.filterHeaderKeys(null!==(n=t.horizontal)&&void 0!==n?n:[]);return this.horizontal=!0,0===a.length&&(a=this.filterHeaderKeys(null!==(i=t.vertical)&&void 0!==i?i:[]),a.length>0&&(this.horizontal=!1)),a}createDataField(t,n){n.horizontal=Array.isArray(null==n?void 0:n.horizontal)?n.horizontal:[],n.vertical=Array.isArray(null==n?void 0:n.vertical)?n.vertical:[];const i=this.getPrimaryHeader(n),a=this.getNumberOfCols(n.horizontal,t),e=this.getNumberOfRows(n.vertical,t),o=[],r=[],s=[];n.vertical.forEach(((t,n)=>{r[n]=0,s[n]=[]}));for(let l=0;l<e;l++){const e=[];n.vertical.forEach(((t,n)=>{let i=0;if(s[n].forEach((t=>i+=t)),i<=l){const a=t[l-i+r[n]];if("object"==typeof a){e.push(Object.assign(Object.assign({},a),{asTd:!1,data:{}}));let t=1;if("number"==typeof a.rowSpan&&a.rowSpan>1&&(t=a.rowSpan),s[n].push(t),"number"==typeof a.colSpan&&a.colSpan>1)for(let i=1;i<a.colSpan;i++)s[n+i].push(t);r[n]++}}}));for(let n=0;n<a;n++)!0===this.horizontal?"object"==typeof i[n]&&null!==i[n]&&"string"==typeof i[n].key&&"object"==typeof t[l]&&null!==t[l]&&e.push(Object.assign(Object.assign({},i[n]),{colSpan:void 0,data:t[l],label:t[l][i[n].key],rowSpan:void 0})):"object"==typeof i[l]&&null!==i[l]&&"string"==typeof i[l].key&&"object"==typeof t[n]&&null!==t[n]&&e.push(Object.assign(Object.assign({},i[l]),{colSpan:void 0,data:t[n],label:t[n][i[l].key],rowSpan:void 0}));o.push(e)}return o}selectDisplayedData(t,n,i){return"number"==typeof n&&n>0&&"number"==typeof i&&i>0?(this.pageStartSlice=n*(i-1),this.pageEndSlice=n*i>t.length?t.length:n*i,t.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=t.length,t)}cellRender(t,n){const i=setTimeout((()=>{if(clearTimeout(i),"function"==typeof t.render&&n instanceof HTMLElement){const i=t.render(n,{asTd:t.asTd,label:t.label,textAlign:t.textAlign,width:t.width},t.data,this.state._data);"string"==typeof i&&(n.innerHTML=i)}}),50)}render(){var n,a;const e=this.selectDisplayedData(this.state._sortedData,this.showPagination?null!==(a=null===(n=this.state._pagination)||void 0===n?void 0:n._pageSize)&&void 0!==a?a:10:this.state._sortedData.length,this.state._pagination._page||1),o=this.createDataField(e,this.state._headers);return t(i,null,t("div",{tabindex:"0"},t("table",{style:{minWidth:this.state._minWidth}},t("caption",null,this.state._caption),Array.isArray(this.state._headers.horizontal)&&t("thead",null,this.state._headers.horizontal.map((n=>t("tr",null,n.map((n=>!0===n.asTd?t("td",{class:{[n.textAlign]:"string"==typeof n.textAlign&&n.textAlign.length>0},colSpan:n.colSpan,rowSpan:n.rowSpan,style:{textAlign:n.textAlign,width:n.width},ref:"function"==typeof n.render?t=>{this.cellRender(n,t)}:void 0,innerHTML:"function"!=typeof n.render?n.label:""}):t("th",{scope:"number"==typeof n.colSpan&&n.colSpan>1?"colgroup":"col",colSpan:n.colSpan,rowSpan:n.rowSpan,style:{width:n.width},"aria-sort":"function"==typeof n.sort?"NOS"===this.sortDirections.get(n.sort)||void 0===this.sortDirections.get(n.sort)?"none":"ASC"===this.sortDirections.get(n.sort)?"ascending":"descending":void 0},t("div",{class:"w-full flex gap-1 items-center"},t("div",{class:{"w-full":!0,[n.textAlign]:"string"==typeof n.textAlign&&n.textAlign.length>0},innerHTML:n.label,style:{textAlign:n.textAlign}}),"function"==typeof n.sort&&t("kol-button",{exportparts:"button,ghost",_ariaLabel:"Sortierung von "+n.label+" ändern",_icon:"NOS"===this.sortDirections.get(n.sort)||void 0===this.sortDirections.get(n.sort)?"fas fa-sort":"ASC"===this.sortDirections.get(n.sort)?"fas sort-up":"fas sort-down",_iconOnly:!0,_label:"Sortierung von "+n.label+" ändern",_on:{onClick:()=>{if("function"==typeof n.sort){switch(this.sortFunction=n.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.sortDirections.set(this.sortFunction,"DESC");break;case"DESC":this.sortDirections.set(this.sortFunction,"NOS");break;default:this.sortDirections.set(this.sortFunction,"ASC")}this.updateSortedData()}}},_variant:"ghost"}))))))))),t("tbody",null,o.map(((n,i)=>t("tr",{key:`row-${i}`},n.map((n=>!1===n.asTd?t("th",{scope:"number"==typeof n.rowSpan&&n.rowSpan>1?"rowgroup":"row",colSpan:n.colSpan,rowSpan:n.rowSpan,style:{width:n.width},"aria-sort":"function"==typeof n.sort?"NOS"===this.sortDirections.get(n.sort)||void 0===this.sortDirections.get(n.sort)?"none":"ASC"===this.sortDirections.get(n.sort)?"ascending":"descending":void 0},t("div",{class:"w-full flex gap-1 items-center"},t("div",{class:{"w-full":!0,[n.textAlign]:"string"==typeof n.textAlign&&n.textAlign.length>0},innerHTML:n.label,style:{textAlign:n.textAlign}}),"function"==typeof n.sort&&t("kol-button",{exportparts:"button,ghost",_ariaLabel:"Sortierung von "+n.label+" ändern",_icon:"NOS"===this.sortDirections.get(n.sort)||void 0===this.sortDirections.get(n.sort)?"fas fa-sort":"ASC"===this.sortDirections.get(n.sort)?"fas fa-sort-up":"fas fa-sort-down",_iconOnly:!0,_label:"Sortierung von "+n.label+" ändern",_on:{onClick:()=>{if("function"==typeof n.sort){switch(this.sortFunction=n.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.sortDirections.set(this.sortFunction,"DESC");break;case"DESC":this.sortDirections.set(this.sortFunction,"NOS");break;default:this.sortDirections.set(this.sortFunction,"ASC")}this.updateSortedData()}}},_variant:"ghost"}))):t("td",{class:{[n.textAlign]:"string"==typeof n.textAlign&&n.textAlign.length>0},colSpan:n.colSpan,rowSpan:n.rowSpan,style:{textAlign:n.textAlign,width:n.width},ref:"function"==typeof n.render?t=>{this.cellRender(n,t)}:void 0,innerHTML:"function"!=typeof n.render?n.label:""}))))))))),this.showPagination&&t("div",{class:"pagination"},Array.isArray(this.state._data)&&this.state._data.length>0?t("span",null,"Einträge ",this.pageStartSlice+1," bis ",this.pageEndSlice," von"," ",this.state._pagination._total||(Array.isArray(this.state._data)?this.state._data.length:0)," angezeigt"):t("span",null,"Es sind keine Einträge vorhanden."),t("div",null,t("kol-pagination",{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||c,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_total:this.state._pagination._total||this.state._data.length}))))}static get watchers(){return{_caption:["validateCaption"],_data:["validateData"],_headers:["validateHeaders"],_minWidth:["validateMinWidth"],_pagination:["validatePagination"]}}};d.style={default:'/* windicss-touch: 1639175625181 */\n/* windicss-touch: 1649810622229 */\n/* windicss layer base */\n*, ::before, ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: var(--kolibri-border-color);\n}\n* {\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: var(--kolibri-color);\n --tw-ring-color: rgba(undefined, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n}\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\n::moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n[type=\'search\'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\na {\n color: inherit;\n text-decoration: inherit;\n}\nbody {\n margin: 0;\n font-family: inherit;\n line-height: inherit;\n}\nb {\n font-weight: bolder;\n}\nbutton, select {\n text-transform: none;\n}\nbutton, [type=\'button\'], [type=\'reset\'], [type=\'submit\'] {\n -webkit-appearance: button;\n}\nbutton {\n background-color: transparent;\n background-image: none;\n}\nbutton, [role="button"] {\n cursor: pointer;\n}\ncode {\n font-size: 1em;\n font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;\n}\nfieldset {\n margin: 0;\n padding: 0;\n}\nhtml {\n -webkit-text-size-adjust: 100%;\n 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";\n line-height: 1.5;\n}\nh1, p, h2, h3, h4, h5, h6 {\n margin: 0;\n}\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\ninput, button, optgroup, select, textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\ninput::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::webkit-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\nlegend {\n padding: 0;\n}\nprogress {\n vertical-align: baseline;\n}\nsmall {\n font-size: 80%;\n}\nsvg {\n display: block;\n vertical-align: middle;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\ntextarea {\n resize: vertical;\n}\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ntextarea::webkit-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ntextarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ntextarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ntextarea::-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\nul, ol {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n/* windicss layer components */\n/* windicss layer utilities */\n.container {\n width: 100%;\n}\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px;\n }\n}\n.bg-normal {\n background-color: var(--kolibri-color-normal);\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n.bg-spin-1 {\n background-color: var(--kolibri-color-spin-1);\n}\n.bg-spin-2 {\n background-color: var(--kolibri-color-spin-2);\n}\n.bg-spin-3 {\n background-color: var(--kolibri-color-spin-3);\n}\n.rounded {\n border-radius: var(--kolibri-border-radius);\n}\n.border-1 {\n border-width: 1px;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.block {\n display: block;\n}\n.inline-block {\n display: inline-block;\n}\n.flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n.inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: -webkit-inline-flex;\n display: inline-flex;\n}\n.table {\n display: table;\n}\n.grid {\n display: -ms-grid;\n display: grid;\n}\n.hidden {\n display: none;\n}\n.flex-wrap {\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n.content-center {\n -ms-flex-line-pack: center;\n -webkit-align-content: center;\n align-content: center;\n}\n.float-left {\n float: left;\n}\n.font-80 {\n font-weight: 80;\n}\n.font-60 {\n font-weight: 60;\n}\n.h-full {\n height: 100%;\n}\n.h-0 {\n height: 0px;\n}\n.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 {\n height: 0.29rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.leading-normal {\n line-height: 1.5;\n}\n.list-none {\n list-style-type: none;\n}\n.list-disc {\n list-style-type: disc;\n}\n.list-decimal {\n list-style-type: decimal;\n}\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n.mb-1 {\n margin-bottom: calc(1 * var(--kolibri-spacing));\n}\n.mr-2 {\n margin-right: calc(2 * var(--kolibri-spacing));\n}\n.ml-2 {\n margin-left: calc(2 * var(--kolibri-spacing));\n}\n.mt-2 {\n margin-top: calc(2 * var(--kolibri-spacing));\n}\n.mt-4 {\n margin-top: calc(4 * var(--kolibri-spacing));\n}\n.outline {\n outline-style: solid;\n}\n.overflow-hidden {\n overflow: hidden;\n}\n.overflow-y-visible {\n overflow-y: visible;\n}\n.p-2 {\n padding: calc(2 * var(--kolibri-spacing));\n}\n.p-4 {\n padding: calc(4 * var(--kolibri-spacing));\n}\n.px {\n padding-left: 1px;\n padding-right: 1px;\n}\n.py-2 {\n padding-top: calc(2 * var(--kolibri-spacing));\n padding-bottom: calc(2 * var(--kolibri-spacing));\n}\n.pl-8 {\n padding-left: 2rem;\n}\n.pb-2 {\n padding-bottom: calc(2 * var(--kolibri-spacing));\n}\n.tab {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n.absolute {\n position: absolute;\n}\n.text-center {\n text-align: center;\n}\n.text-normal {\n color: var(--kolibri-color-normal);\n}\n.hover\\:text-primary:hover {\n color: var(--kolibri-color-primary);\n}\n.italic {\n font-style: italic;\n}\n.underline {\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n}\n.indent {\n text-indent: 1.5rem;\n}\n.visible {\n visibility: visible;\n}\n.w-full {\n width: 100%;\n}\n.w-4\\/5 {\n width: 80%;\n}\n.z-50 {\n z-index: 50;\n}\n.gap-1 {\n grid-gap: calc(1 * var(--kolibri-spacing));\n gap: calc(1 * var(--kolibri-spacing));\n}\n.gap-2 {\n grid-gap: calc(2 * var(--kolibri-spacing));\n gap: calc(2 * var(--kolibri-spacing));\n}\n.grid-flow-col {\n grid-auto-flow: column;\n}\n.transform {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate: 0;\n --tw-rotate-x: 0;\n --tw-rotate-y: 0;\n --tw-rotate-z: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n -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));\n -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));\n 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));\n}\n.animate {\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n}\n.filter {\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.blur {\n -webkit-backdrop-filter: blur(8px);\n backdrop-filter: blur(8px);\n}\n:host * {\n -ms-hyphens: var(--kolibri-hyphens);\n -webkit-hyphens: var(--kolibri-hyphens);\n hyphens: var(--kolibri-hyphens);\n font-family: var(--kolibri-font-family);\n line-height: var(--kolibri-line-height);\n word-break: break-word;\n}\n\n:host {\n overflow: hidden;\n}\n:host > div {\n overflow-x: auto;\n border-radius: var(--kolibri-border-radius);\n border-style: solid;\n border-width: 1px;\n}\n:host > div table {\n border: 0;\n width: 100%;\n}\n:host > div table tr {\n border-top-style: solid;\n border-top-width: 1px;\n padding-top: calc(1 * var(--kolibri-spacing));\n padding-bottom: calc(1 * var(--kolibri-spacing));\n padding-left: calc(2 * var(--kolibri-spacing));\n padding-right: calc(2 * var(--kolibri-spacing));\n}\n:host > div table tr th, :host > div table tr td {\n border-right-style: solid;\n border-right-width: 1px;\n padding-top: calc(1 * var(--kolibri-spacing));\n padding-bottom: calc(1 * var(--kolibri-spacing));\n padding-left: calc(2 * var(--kolibri-spacing));\n padding-right: calc(2 * var(--kolibri-spacing));\n}\n:host > div table tr th:last-child,\n:host > div table tr td:last-child {\n border: 0;\n}\n:host > div table tr th, :host > div table tr .th {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n:host > div table tr:nth-child(even) {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n}\n:host > div table tr:nth-child(odd) {\n @apply white;\n}\n:host > div.pagination {\n border-style: none;\n display: -ms-grid;\n display: grid;\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n -ms-flex-line-pack: center;\n -webkit-align-content: center;\n align-content: center;\n padding-top: calc(2 * var(--kolibri-spacing));\n padding-left: calc(1 * var(--kolibri-spacing));\n padding-right: calc(1 * var(--kolibri-spacing));\n width: 100%;\n grid-gap: calc(2 * var(--kolibri-spacing));\n gap: calc(2 * var(--kolibri-spacing));\n grid-auto-flow: column;\n}\n:host > div.pagination > div::last-child {\n display: -webkit-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n -ms-grid-column-align: end;\n justify-self: end;\n grid-gap: calc(2 * var(--kolibri-spacing));\n gap: calc(2 * var(--kolibri-spacing));\n}'};export{d as kol_table};
|
|
4
|
+
import{r as n,h as t,H as i}from"./index-5878bd01.js";import{s as e,w as a,h as o,p as r,a as l,o as s}from"./prop.validators-be22b6b6.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-7e981511.js";import"./dev.utils-d28700ca.js";import"./index-d870d3e1.js";const c=[10,20,50,100],d=class{constructor(t){n(this,t),this.horizontal=!0,this.sortDirections=new Map,this.showPagination=!1,this.pageStartSlice=0,this.pageEndSlice=10,this.handlePagination={onClick:(t,n)=>{var i;"function"==typeof(null===(i=this.state._pagination._on)||void 0===i?void 0:i.onClick)&&this.state._pagination._on.onClick(t,n),e(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePage:(t,n)=>{var i;"function"==typeof(null===(i=this.state._pagination._on)||void 0===i?void 0:i.onChangePage)&&this.state._pagination._on.onChangePage(t,n),e(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_page:n}))},onChangePageSize:(t,n)=>{var i;"function"==typeof(null===(i=this.state._pagination._on)||void 0===i?void 0:i.onChangePageSize)&&this.state._pagination._on.onChangePageSize(t,n),e(this,"_pagination",Object.assign(Object.assign({},this.state._pagination),{_pageSize:n})),e(this,"_pageSize",n)}},this.beforePatchPagination=(t,n,i,e)=>{"_pagination"===e&&(this.showPagination=!0===t||""===t||"object"==typeof t&&null!==t)},this.updateSortedData=()=>{let t=this.state._data;if("function"==typeof this.sortFunction)switch(this.sortDirections.get(this.sortFunction)){case"NOS":t=[...this.state._data];break;case"ASC":t=this.sortFunction([...this.state._data]);break;default:t=this.sortFunction([...this.state._data]).reverse()}e(this,"_sortedData",t)},this._caption=void 0,this._data=void 0,this._headers=void 0,this._minWidth=void 0,this._pagination=void 0,this.state={_caption:"",_data:[],_headers:{horizontal:[],vertical:[]},_pagination:{_page:1,_pageSize:10,_total:0},_sortedData:[]}}validateCaption(t){a(this,"_caption",t,{required:!0})}validateData(t){o(t,(()=>{s(t,(()=>{void 0===t&&(t=[]);try{t=r(t)}catch(t){}Array.isArray(t)&&void 0===t.find((t=>!("object"==typeof t&&null!==t)))&&e(this,"_data",t,{afterPatch:()=>{const t=setTimeout((()=>{clearTimeout(t),this.updateSortedData()}))}})}))}))}validateHeaders(t){o(t,(()=>{s(t,(()=>{try{t=r(t)}catch(t){}l(this,"_headers",(t=>"object"==typeof t&&null!==t),new Set(["KoliBriTableHeaders"]),t,{hooks:{beforePatch:t=>{var n;null===(n=t.horizontal)||void 0===n||n.forEach((t=>{t.forEach((t=>{"function"==typeof t.sort&&"string"==typeof t.sortDirection&&this.sortDirections.set(t.sort,t.sortDirection)}))}))}}})}))}))}validateMinWidth(t){a(this,"_minWidth",t,{defaultValue:void 0})}validatePagination(t){try{t=r(t)}catch(t){}l(this,"_pagination",(()=>!0),new Set(["boolean","KoliBriTablePagination"]),t,{hooks:{beforePatch:this.beforePatchPagination}})}componentWillLoad(){this.validateCaption(this._caption),this.validateData(this._data),this.validateHeaders(this._headers),this.validateMinWidth(this._minWidth),this.validatePagination(this._pagination)}getNumberOfCols(t,n){let i=0;return t.forEach((t=>{let n=0;t.forEach((t=>{var i;return n+=null!==(i=t.colSpan)&&void 0!==i?i:1})),i<n&&(i=n)})),0===i&&(i=n.length),i}getNumberOfRows(t,n){let i=0;return t.forEach((t=>{let n=0;t.forEach((t=>{var i;return n+=null!==(i=t.rowSpan)&&void 0!==i?i:1})),i<n&&(i=n)})),0===i&&(i=n.length),i}filterHeaderKeys(t){const n=[];return t.forEach((t=>{t.forEach((t=>{"string"==typeof t.key&&n.push(t)}))})),n}getPrimaryHeader(t){var n,i;let e=this.filterHeaderKeys(null!==(n=t.horizontal)&&void 0!==n?n:[]);return this.horizontal=!0,0===e.length&&(e=this.filterHeaderKeys(null!==(i=t.vertical)&&void 0!==i?i:[]),e.length>0&&(this.horizontal=!1)),e}createDataField(t,n){n.horizontal=Array.isArray(null==n?void 0:n.horizontal)?n.horizontal:[],n.vertical=Array.isArray(null==n?void 0:n.vertical)?n.vertical:[];const i=this.getPrimaryHeader(n),e=this.getNumberOfCols(n.horizontal,t),a=this.getNumberOfRows(n.vertical,t),o=[],r=[],s=[];n.vertical.forEach(((t,n)=>{r[n]=0,s[n]=[]}));for(let l=0;l<a;l++){const a=[];n.vertical.forEach(((t,n)=>{let i=0;if(s[n].forEach((t=>i+=t)),i<=l){const e=t[l-i+r[n]];if("object"==typeof e){a.push(Object.assign(Object.assign({},e),{asTd:!1,data:{}}));let t=1;if("number"==typeof e.rowSpan&&e.rowSpan>1&&(t=e.rowSpan),s[n].push(t),"number"==typeof e.colSpan&&e.colSpan>1)for(let i=1;i<e.colSpan;i++)s[n+i].push(t);r[n]++}}}));for(let n=0;n<e;n++)!0===this.horizontal?"object"==typeof i[n]&&null!==i[n]&&"string"==typeof i[n].key&&"object"==typeof t[l]&&null!==t[l]&&a.push(Object.assign(Object.assign({},i[n]),{colSpan:void 0,data:t[l],label:t[l][i[n].key],rowSpan:void 0})):"object"==typeof i[l]&&null!==i[l]&&"string"==typeof i[l].key&&"object"==typeof t[n]&&null!==t[n]&&a.push(Object.assign(Object.assign({},i[l]),{colSpan:void 0,data:t[n],label:t[n][i[l].key],rowSpan:void 0}));o.push(a)}return o}selectDisplayedData(t,n,i){return"number"==typeof n&&n>0&&"number"==typeof i&&i>0?(this.pageStartSlice=n*(i-1),this.pageEndSlice=n*i>t.length?t.length:n*i,t.slice(this.pageStartSlice,this.pageEndSlice)):(this.pageStartSlice=0,this.pageEndSlice=t.length,t)}cellRender(t,n){const i=setTimeout((()=>{if(clearTimeout(i),"function"==typeof t.render&&n instanceof HTMLElement){const i=t.render(n,{asTd:t.asTd,label:t.label,textAlign:t.textAlign,width:t.width},t.data,this.state._data);"string"==typeof i&&(n.innerHTML=i)}}),50)}render(){var n,e;const a=this.selectDisplayedData(this.state._sortedData,this.showPagination?null!==(e=null===(n=this.state._pagination)||void 0===n?void 0:n._pageSize)&&void 0!==e?e:10:this.state._sortedData.length,this.state._pagination._page||1),o=this.createDataField(a,this.state._headers);return t(i,null,t("div",{tabindex:"0"},t("table",{style:{minWidth:this.state._minWidth}},t("caption",null,this.state._caption),Array.isArray(this.state._headers.horizontal)&&t("thead",null,this.state._headers.horizontal.map((n=>t("tr",null,n.map((n=>!0===n.asTd?t("td",{class:{[n.textAlign]:"string"==typeof n.textAlign&&n.textAlign.length>0},colSpan:n.colSpan,rowSpan:n.rowSpan,style:{textAlign:n.textAlign,width:n.width},ref:"function"==typeof n.render?t=>{this.cellRender(n,t)}:void 0,innerHTML:"function"!=typeof n.render?n.label:""}):t("th",{scope:"number"==typeof n.colSpan&&n.colSpan>1?"colgroup":"col",colSpan:n.colSpan,rowSpan:n.rowSpan,style:{width:n.width},"aria-sort":"function"==typeof n.sort?"NOS"===this.sortDirections.get(n.sort)||void 0===this.sortDirections.get(n.sort)?"none":"ASC"===this.sortDirections.get(n.sort)?"ascending":"descending":void 0},t("div",{class:"w-full flex gap-1 items-center"},t("div",{class:{"w-full":!0,[n.textAlign]:"string"==typeof n.textAlign&&n.textAlign.length>0},innerHTML:n.label,style:{textAlign:n.textAlign}}),"function"==typeof n.sort&&t("kol-button",{exportparts:"button,ghost",_ariaLabel:"Sortierung von "+n.label+" ändern",_icon:"NOS"===this.sortDirections.get(n.sort)||void 0===this.sortDirections.get(n.sort)?"fas fa-sort":"ASC"===this.sortDirections.get(n.sort)?"fas fa-sort-up":"fas fa-sort-down",_iconOnly:!0,_label:"Sortierung von "+n.label+" ändern",_on:{onClick:()=>{if("function"==typeof n.sort){switch(this.sortFunction=n.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.sortDirections.set(this.sortFunction,"DESC");break;case"DESC":this.sortDirections.set(this.sortFunction,"NOS");break;default:this.sortDirections.set(this.sortFunction,"ASC")}this.updateSortedData()}}},_variant:"ghost"}))))))))),t("tbody",null,o.map(((n,i)=>t("tr",{key:`row-${i}`},n.map((n=>!1===n.asTd?t("th",{scope:"number"==typeof n.rowSpan&&n.rowSpan>1?"rowgroup":"row",colSpan:n.colSpan,rowSpan:n.rowSpan,style:{width:n.width},"aria-sort":"function"==typeof n.sort?"NOS"===this.sortDirections.get(n.sort)||void 0===this.sortDirections.get(n.sort)?"none":"ASC"===this.sortDirections.get(n.sort)?"ascending":"descending":void 0},t("div",{class:"w-full flex gap-1 items-center"},t("div",{class:{"w-full":!0,[n.textAlign]:"string"==typeof n.textAlign&&n.textAlign.length>0},innerHTML:n.label,style:{textAlign:n.textAlign}}),"function"==typeof n.sort&&t("kol-button",{exportparts:"button,ghost",_ariaLabel:"Sortierung von "+n.label+" ändern",_icon:"NOS"===this.sortDirections.get(n.sort)||void 0===this.sortDirections.get(n.sort)?"fas fa-sort":"ASC"===this.sortDirections.get(n.sort)?"fas fa-sort-up":"fas fa-sort-down",_iconOnly:!0,_label:"Sortierung von "+n.label+" ändern",_on:{onClick:()=>{if("function"==typeof n.sort){switch(this.sortFunction=n.sort,this.sortDirections.get(this.sortFunction)){case"ASC":this.sortDirections.set(this.sortFunction,"DESC");break;case"DESC":this.sortDirections.set(this.sortFunction,"NOS");break;default:this.sortDirections.set(this.sortFunction,"ASC")}this.updateSortedData()}}},_variant:"ghost"}))):t("td",{class:{[n.textAlign]:"string"==typeof n.textAlign&&n.textAlign.length>0},colSpan:n.colSpan,rowSpan:n.rowSpan,style:{textAlign:n.textAlign,width:n.width},ref:"function"==typeof n.render?t=>{this.cellRender(n,t)}:void 0,innerHTML:"function"!=typeof n.render?n.label:""}))))))))),this.showPagination&&t("div",{class:"pagination"},Array.isArray(this.state._data)&&this.state._data.length>0?t("span",null,"Einträge ",this.pageStartSlice+1," bis ",this.pageEndSlice," von"," ",this.state._pagination._total||(Array.isArray(this.state._data)?this.state._data.length:0)," angezeigt"):t("span",null,"Es sind keine Einträge vorhanden."),t("div",null,t("kol-pagination",{_boundaryCount:this.state._pagination._boundaryCount,_customClass:this.state._pagination._customClass,_on:this.handlePagination,_page:this.state._pagination._page,_pageSize:this.state._pagination._pageSize,_pageSizeOptions:this.state._pagination._pageSizeOptions||c,_siblingCount:this.state._pagination._siblingCount,_tooltipAlign:"bottom",_total:this.state._pagination._total||this.state._data.length}))))}static get watchers(){return{_caption:["validateCaption"],_data:["validateData"],_headers:["validateHeaders"],_minWidth:["validateMinWidth"],_pagination:["validatePagination"]}}};d.style={default:'/* windicss-touch: 1639175625181 */\n/* windicss-touch: 1649810622229 */\n/* windicss layer base */\n*, ::before, ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: var(--kolibri-border-color);\n}\n* {\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: var(--kolibri-color);\n --tw-ring-color: rgba(undefined, 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n}\n:root {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\n::moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n[type=\'search\'] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\nabbr[title] {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\na {\n color: inherit;\n text-decoration: inherit;\n}\nbody {\n margin: 0;\n font-family: inherit;\n line-height: inherit;\n}\nbutton, select {\n text-transform: none;\n}\nbutton, [type=\'button\'], [type=\'reset\'], [type=\'submit\'] {\n -webkit-appearance: button;\n}\nbutton {\n background-color: transparent;\n background-image: none;\n}\nbutton, [role="button"] {\n cursor: pointer;\n}\ncode {\n font-size: 1em;\n font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;\n}\nfieldset {\n margin: 0;\n padding: 0;\n}\nhtml {\n -webkit-text-size-adjust: 100%;\n 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";\n line-height: 1.5;\n}\nh1, p, h2, h3, h4, h5, h6 {\n margin: 0;\n}\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\ninput, button, optgroup, select, textarea {\n font-family: inherit;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\ninput::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::webkit-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ninput::-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\nlegend {\n padding: 0;\n}\nprogress {\n vertical-align: baseline;\n}\nsmall {\n font-size: 80%;\n}\nsvg {\n display: block;\n vertical-align: middle;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\ntextarea {\n resize: vertical;\n}\ntextarea::placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ntextarea::webkit-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ntextarea::-moz-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ntextarea:-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\ntextarea::-ms-input-placeholder {\n opacity: 1;\n color: #9ca3af;\n}\nul, ol {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n/* windicss layer components */\n/* windicss layer utilities */\n.container {\n width: 100%;\n}\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px;\n }\n}\n.bg-normal {\n background-color: var(--kolibri-color-normal);\n}\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n.bg-spin-1 {\n background-color: var(--kolibri-color-spin-1);\n}\n.bg-spin-2 {\n background-color: var(--kolibri-color-spin-2);\n}\n.bg-spin-3 {\n background-color: var(--kolibri-color-spin-3);\n}\n.rounded {\n border-radius: var(--kolibri-border-radius);\n}\n.border-1 {\n border-width: 1px;\n}\n.cursor-pointer {\n cursor: pointer;\n}\n.block {\n display: block;\n}\n.inline-block {\n display: inline-block;\n}\n.flex {\n display: -webkit-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n.inline-flex {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: -webkit-inline-flex;\n display: inline-flex;\n}\n.table {\n display: table;\n}\n.grid {\n display: -ms-grid;\n display: grid;\n}\n.hidden {\n display: none;\n}\n.flex-wrap {\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.items-center {\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n.content-center {\n -ms-flex-line-pack: center;\n -webkit-align-content: center;\n align-content: center;\n}\n.float-left {\n float: left;\n}\n.h-full {\n height: 100%;\n}\n.h-0 {\n height: 0px;\n}\n.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 {\n height: 0.29rem;\n}\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.text-2xl {\n font-size: 1.5rem;\n line-height: 2rem;\n}\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.leading-normal {\n line-height: 1.5;\n}\n.list-none {\n list-style-type: none;\n}\n.list-disc {\n list-style-type: disc;\n}\n.list-decimal {\n list-style-type: decimal;\n}\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\n.mb-1 {\n margin-bottom: calc(1 * var(--kolibri-spacing));\n}\n.mr-2 {\n margin-right: calc(2 * var(--kolibri-spacing));\n}\n.ml-2 {\n margin-left: calc(2 * var(--kolibri-spacing));\n}\n.mt-2 {\n margin-top: calc(2 * var(--kolibri-spacing));\n}\n.mt-4 {\n margin-top: calc(4 * var(--kolibri-spacing));\n}\n.outline {\n outline-style: solid;\n}\n.overflow-y-visible {\n overflow-y: visible;\n}\n.px {\n padding-left: 1px;\n padding-right: 1px;\n}\n.pl-8 {\n padding-left: 2rem;\n}\n.tab {\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n}\n.absolute {\n position: absolute;\n}\n.text-center {\n text-align: center;\n}\n.text-normal {\n color: var(--kolibri-color-normal);\n}\n.hover\\:text-primary:hover {\n color: var(--kolibri-color-primary);\n}\n.italic {\n font-style: italic;\n}\n.underline {\n -webkit-text-decoration-line: underline;\n text-decoration-line: underline;\n}\n.indent {\n text-indent: 1.5rem;\n}\n.visible {\n visibility: visible;\n}\n.w-full {\n width: 100%;\n}\n.w-4\\/5 {\n width: 80%;\n}\n.z-50 {\n z-index: 50;\n}\n.gap-1 {\n grid-gap: calc(1 * var(--kolibri-spacing));\n gap: calc(1 * var(--kolibri-spacing));\n}\n.grid-flow-col {\n grid-auto-flow: column;\n}\n.animate {\n -webkit-animation-iteration-count: 1;\n animation-iteration-count: 1;\n}\n.filter {\n --tw-blur: var(--tw-empty,/*!*/ /*!*/);\n --tw-brightness: var(--tw-empty,/*!*/ /*!*/);\n --tw-contrast: var(--tw-empty,/*!*/ /*!*/);\n --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);\n --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);\n --tw-invert: var(--tw-empty,/*!*/ /*!*/);\n --tw-saturate: var(--tw-empty,/*!*/ /*!*/);\n --tw-sepia: var(--tw-empty,/*!*/ /*!*/);\n --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);\n -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.blur {\n -webkit-backdrop-filter: blur(8px);\n backdrop-filter: blur(8px);\n}\n:host * {\n -ms-hyphens: var(--kolibri-hyphens);\n -webkit-hyphens: var(--kolibri-hyphens);\n hyphens: var(--kolibri-hyphens);\n font-family: var(--kolibri-font-family);\n line-height: var(--kolibri-line-height);\n word-break: break-word;\n}\n\n:host {\n overflow: hidden;\n}\n:host > div {\n overflow-x: auto;\n border-radius: var(--kolibri-border-radius);\n border-style: solid;\n border-width: 1px;\n}\n:host > div table {\n border: 0;\n width: 100%;\n}\n:host > div table tr {\n border-top-style: solid;\n border-top-width: 1px;\n padding-top: calc(1 * var(--kolibri-spacing));\n padding-bottom: calc(1 * var(--kolibri-spacing));\n padding-left: calc(2 * var(--kolibri-spacing));\n padding-right: calc(2 * var(--kolibri-spacing));\n}\n:host > div table tr th, :host > div table tr td {\n border-right-style: solid;\n border-right-width: 1px;\n padding-top: calc(1 * var(--kolibri-spacing));\n padding-bottom: calc(1 * var(--kolibri-spacing));\n padding-left: calc(2 * var(--kolibri-spacing));\n padding-right: calc(2 * var(--kolibri-spacing));\n}\n:host > div table tr th:last-child,\n:host > div table tr td:last-child {\n border: 0;\n}\n:host > div table tr th, :host > div table tr .th {\n --tw-bg-opacity: 1;\n background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n:host > div table tr:nth-child(even) {\n --tw-bg-opacity: 1;\n background-color: rgba(243, 244, 246, var(--tw-bg-opacity));\n}\n:host > div table tr:nth-child(odd) {\n @apply white;\n}\n:host > div.pagination {\n border-style: none;\n display: -ms-grid;\n display: grid;\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n -ms-flex-line-pack: center;\n -webkit-align-content: center;\n align-content: center;\n padding-top: calc(2 * var(--kolibri-spacing));\n padding-left: calc(1 * var(--kolibri-spacing));\n padding-right: calc(1 * var(--kolibri-spacing));\n width: 100%;\n grid-gap: calc(2 * var(--kolibri-spacing));\n gap: calc(2 * var(--kolibri-spacing));\n grid-auto-flow: column;\n}\n:host > div.pagination > div::last-child {\n display: -webkit-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n -ms-grid-column-align: end;\n justify-self: end;\n grid-gap: calc(2 * var(--kolibri-spacing));\n gap: calc(2 * var(--kolibri-spacing));\n}'};export{d as kol_table};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* KoliBri -
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as o,H as e}from"./index-bc1a7f22.js";import{d as i,a,f as r,u as n}from"./a11y.tipps-bb9add07.js";import{L as l}from"./dev.utils-bbaf8793.js";import{a as s,w as c,s as b,f as d,c as h,k as p}from"./prop.validators-4eed69d5.js";import"./index.m-df5ce03f.js";import"./index-30f8123a.js";const w=new Set(['"left", "right"']),g=new Set(['"left", "right"']),v=new Set([...w,...g]),u=new CustomEvent("prerender"),m=class{constructor(a){t(this,a),this.clearConsole=!1,this.onCreateLabel="Neu …",this.showCreateTab=!1,this.selectedTimeout=setTimeout((()=>{})),this.nextPossibleTabIndex=(t,e,a)=>{if(a>0){if(e+a<t.length)return t[e+a]._disabled?this.nextPossibleTabIndex(t,e,a+1):e+a}else if(a<0&&e+a>=0)return t[e+a]._disabled?this.nextPossibleTabIndex(t,e,a-1):e+a;return e},this.onKeyDown=t=>{setTimeout((()=>{let e=null;switch(t.key){case"ArrowRight":e=this.nextPossibleTabIndex(this.state._tabs,this.state._selected,1);break;case"ArrowLeft":e=this.nextPossibleTabIndex(this.state._tabs,this.state._selected,-1)}null!==e&&this.onSelect(t,e,!0)}),250)},this.onClickSelect=(t,e)=>{this.onSelect(t,e,!0)},this.onMouseDown=t=>{t.stopPropagation()},this.preRender=()=>{var t;if(this.state._selected>0&&this.state._selected>this.state._tabs.length-1)return this.state._tabs.length>0&&this.onSelect(u,this.state._tabs.length-1),o(e,null);if(this.state._tabs.length>0&&this.state._selected<this.state._tabs.length&&(null===(t=this.state._tabs[this.state._selected])||void 0===t?void 0:t._disabled)){let t=this.nextPossibleTabIndex(this.state._tabs,this.state._selected,1);this.state._selected===t&&(t=this.nextPossibleTabIndex(this.state._tabs,this.state._selected,-1)),this._selected===t&&i("[KolTabs] Alle Tabs sind deaktiviert und somit kann kein Tab angezeigt werden."),this.onSelect(u,t)}},this.setClearConsole=t=>{this.clearConsole=t},this.onCreate=t=>{var e,a;t.stopPropagation(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onCreate)&&(null===(a=this.state._on)||void 0===a||a.onCreate(t))},this._ariaLabel=void 0,this._on=void 0,this._selected=0,this._tabs=void 0,this._tabsAlign="top",this.state={_ariaLabel:"…",_tabsAlign:"top",_selected:0,_tabs:[]}}renderButtonGroup(){return o("kol-button-group-wc",{role:"tablist","aria-label":this.state._ariaLabel,onKeyDown:this.onKeyDown},this.state._tabs.map(((t,e)=>o("div",{class:"inline-flex"},o("kol-button-wc",{class:"h-full",_ariaControls:`tabpanel-${e}`,_id:`tab-${e}`,_disabled:t._disabled,_icon:t._icon,_iconOnly:t._iconOnly,_label:t._label&&t._label,_on:{onClick:t=>this.onClickSelect(t,e),onMouseDown:this.onMouseDown},_tabIndex:this.state._selected===e?0:-1,_tooltipAlign:t._tooltipAlign,_variant:this.state._selected===e?"custom":void 0,_customClass:this.state._selected===e?"selected":void 0,"aria-selected":this.state._selected===e?"true":"false",role:"tab"})))),this.showCreateTab&&o("kol-button-wc",{class:"create-button",_label:this.onCreateLabel,_on:{onClick:this.onCreate}}))}render(){return this.preRender(),this.clearConsole&&console.clear(),console.log("Tab-Trace"),console.log("Tab.preRender",this.preRender),console.log("Tab.setClearConsole",this.setClearConsole),console.log("Tab.props",this),console.log("Tab.state",this.state),o(e,{ref:t=>{this.hostElement=t}},o("div",{ref:t=>{this.tabsElement=t},class:{[`tabs-align-${this.state._tabsAlign}`]:!0}},this.renderButtonGroup(),o("div",null,this.state._tabs.map(((t,e)=>o("div",{role:"tabpanel",id:`tabpanel-${e}`,"aria-labelledby":`tab-${e}`,style:this.state._selected!==e||!0===t._disabled?{display:"none",visibility:"hidden"}:void 0},o("slot",{name:`tab-${e}`})))))))}validateAriaLabel(t){c(this,"_ariaLabel",t,{required:!0}),a(t)}validateOn(t){if("object"==typeof t&&null!==t){r("[KolTabs] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof t.onCreate&&"object"!=typeof t.onCreate||("object"==typeof t.onCreate?("string"==typeof t.onCreate.label&&t.onCreate.label.length>0?this.onCreateLabel=t.onCreate.label:l.debug("[KolTabs] Der Label-Text für Neu in {\n onCreate: {\n label: string (!),\n callback: Function\n }\n} ist nicht korrekt gesetzt."),"function"==typeof t.onCreate.callback?e.onCreate=t.onCreate.callback:l.debug("[KolTabs] Die onCreate-Callback-Funktion für Neu in {\n onCreate: {\n label: string,\n callback: Function (!)\n }\n} ist nicht korrekt gesetzt.")):e.onCreate=t.onCreate,this.showCreateTab="function"==typeof e.onCreate),"function"==typeof t.onSelect&&(e.onSelect=t.onSelect),b(this,"_on",e)}}validateSelected(t){d(this,"_selected",t)}validateTabs(t){h(this,"_tabs",(t=>"object"==typeof t&&null!==t&&"string"==typeof t._label&&t._label.length>0),t),n("KolTabs",this.state._tabs.length)}validateTabsAlign(t){((t,e,a)=>{s(this,"_tabsAlign",(t=>"bottom"===t||"left"===t||"right"===t||"top"===t),v,a)})(0,0,t)}componentWillLoad(){this.validateAriaLabel(this._ariaLabel),this.validateOn(this._on),this.validateSelected(this._selected),this.validateTabs(this._tabs),this.validateTabsAlign(this._tabsAlign)}componentDidRender(){var t;if(this.hostElement instanceof HTMLElement){this.htmlDivElements=null===(t=this.hostElement)||void 0===t?void 0:t.children;for(let t=0;t<this.htmlDivElements.length;t++)this.htmlDivElements[t]instanceof HTMLElement&&this.htmlDivElements[t].setAttribute("slot",`tab-${t}`)}}onSelect(t,e,a=!1){var o,i;this._selected=e,"function"==typeof(null===(o=this._on)||void 0===o?void 0:o.onSelect)&&(null===(i=this._on)||void 0===i||i.onSelect(t,e)),!0===a&&(this.selectedTimeout=setTimeout((()=>{if(clearTimeout(this.selectedTimeout),this.tabsElement instanceof HTMLElement){const t=p(`button#tab-${e}`,this.tabsElement);null==t||t.focus()}}),100))}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"],_tabsAlign:["validateTabsAlign"]}}};m.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,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,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color: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%}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}.table{display:table}.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}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.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}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.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}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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}:host>*{color:inherit;width:inherit;word-spacing:inherit}:host button{display:grid;font-family:var(--kolibri-font-family);letter-spacing:inherit;width:inherit;word-spacing:inherit;border-radius:var(--kolibri-border-radius);align-items:center !important;justify-content:center !important;border-width:1px;padding:calc(2 * var(--kolibri-spacing))}:host button kol-icon,:host button .kol-icon{width:1.5em;height:1.5em;display:inline-block}:host button.primary{background-color:var(--kolibri-color-primary);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button.primary:hover,:host button.primary:focus{border-color:var(--kolibri-color-primary);color:var(--kolibri-color-primary)}:host button.secondary{background-color:var(--kolibri-color-secondary);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button.secondary:hover,:host button.secondary:focus{border-color:var(--kolibri-color-secondary);color:var(--kolibri-color-secondary)}:host button.normal{background-color:var(--kolibri-color-normal);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button.normal:hover,:host button.normal:focus{border-color:var(--kolibri-color-normal);color:var(--kolibri-color-normal)}:host button.danger{background-color:var(--kolibri-color-danger);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button.danger:hover,:host button.danger:focus{border-color:var(--kolibri-color-danger);color:var(--kolibri-color-danger)}:host button.ghost{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));border-color:var(--kolibri-color-ghost);color:var(--kolibri-color-ghost)}:host button.ghost:hover,:host button.ghost:focus{background-color:var(--kolibri-color-ghost);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button:disabled{--tw-bg-opacity:1;background-color:rgba(209, 213, 219, var(--tw-bg-opacity));border-color:transparent;cursor:not-allowed;--tw-text-opacity:1;color:rgba(55, 65, 81, var(--tw-text-opacity))}:host button:disabled:hover,:host button:disabled:focus{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(209, 213, 219, var(--tw-text-opacity))}:host button[aria-selected=true],:host button:focus{border-bottom-color:var(--kolibri-color-accent) !important;border-bottom-width:6px !important}:host .close-button{font-size:50%;height:fit-content;left:-3em;position:relative;top:0.25em}'};export{m as kol_tabs};
|
|
4
|
+
import{r as t,h as i,H as o}from"./index-5878bd01.js";import{d as e,a as r,f as a,u as n}from"./a11y.tipps-7e981511.js";import{L as l}from"./dev.utils-d28700ca.js";import{a as s,w as c,s as b,f as d,c as h,k as p}from"./prop.validators-be22b6b6.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";const u=new Set(['"left", "right"']),g=new Set(['"left", "right"']),m=new Set([...u,...g]),w=class{constructor(o){t(this,o),this.hostElement=null,this.onCreateLabel="Neu …",this.showCreateTab=!1,this.nextPossibleTabIndex=(t,e,o)=>{if(o>0){if(e+o<t.length)return t[e+o]._disabled?this.nextPossibleTabIndex(t,e,o+1):e+o}else if(o<0&&e+o>=0)return t[e+o]._disabled?this.nextPossibleTabIndex(t,e,o-1):e+o;return e},this.onKeyDown=t=>{const e=setTimeout((()=>{clearTimeout(e);let o=null;switch(t.key){case"ArrowRight":o=this.nextPossibleTabIndex(this.state._tabs,this.state._selected,1);break;case"ArrowLeft":o=this.nextPossibleTabIndex(this.state._tabs,this.state._selected,-1)}null!==o&&this.onSelect(t,o,!0)}))},this.onClickSelect=(t,e)=>{this.onSelect(t,e,!0)},this.onMouseDown=t=>{t.stopPropagation()},this.catchHostElement=t=>{this.hostElement=t},this.selectNextNotDisabledTab=(t,o,i=!0,a)=>{if(t>o.length-1&&(t=o.length-1),t<0&&(t=0),Array.isArray(o)&&o[t]&&o[t]._disabled){if(!0===i){if(t<o.length-1)return this.selectNextNotDisabledTab(t+1,o,!0,a||t);t=a||t,i=!1}if(!1===i){if(t>0)return this.selectNextNotDisabledTab(t-1,o,!1,a||t);e("[KolTabs] Alle Tabs sind deaktiviert und somit kann kein Tab angezeigt werden.")}}return t},this.syncSelectedAndTabs=(t,e,o,i)=>{let a,r;a="_selected"===i?t:this.state._selected,r="_tabs"===i?t:this.state._tabs,r.length>0&&e.set("_selected",this.selectNextNotDisabledTab(a,r))},this.onCreate=t=>{var e,o;t.stopPropagation(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onCreate)&&(null===(o=this.state._on)||void 0===o||o.onCreate(t))},this._ariaLabel=void 0,this._on=void 0,this._selected=0,this._tabs=void 0,this._tabsAlign="top",this.state={_ariaLabel:"…",_selected:0,_tabs:[],_tabsAlign:"top"}}renderButtonGroup(){return i("kol-button-group-wc",{role:"tablist","aria-label":this.state._ariaLabel,onKeyDown:this.onKeyDown},this.state._tabs.map(((t,e)=>i("div",{class:"inline-flex"},i("kol-button-wc",{class:"h-full",_ariaControls:`tabpanel-${e}`,_id:`tab-${e}`,_disabled:t._disabled,_icon:t._icon,_iconOnly:t._iconOnly,_label:t._label&&t._label,_on:{onClick:t=>this.onClickSelect(t,e),onMouseDown:this.onMouseDown},_tabIndex:this.state._selected===e?0:-1,_tooltipAlign:t._tooltipAlign,_variant:this.state._selected===e?"custom":void 0,_customClass:this.state._selected===e?"selected":void 0,"aria-selected":this.state._selected===e?"true":"false",role:"tab"})))),this.showCreateTab&&i("kol-button-wc",{class:"create-button",_label:this.onCreateLabel,_on:{onClick:this.onCreate}}))}render(){return i(o,{ref:this.catchHostElement},i("div",{ref:t=>{this.tabsElement=t},class:{[`tabs-align-${this.state._tabsAlign}`]:!0}},this.renderButtonGroup(),i("div",null,i("slot",null))))}validateAriaLabel(t){c(this,"_ariaLabel",t,{required:!0}),r(t)}validateOn(t){if("object"==typeof t&&null!==t){a("[KolTabs] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof t.onCreate&&"object"!=typeof t.onCreate||("object"==typeof t.onCreate?("string"==typeof t.onCreate.label&&t.onCreate.label.length>0?this.onCreateLabel=t.onCreate.label:l.debug("[KolTabs] Der Label-Text für Neu in {\n onCreate: {\n label: string (!),\n callback: Function\n }\n} ist nicht korrekt gesetzt."),"function"==typeof t.onCreate.callback?e.onCreate=t.onCreate.callback:l.debug("[KolTabs] Die onCreate-Callback-Funktion für Neu in {\n onCreate: {\n label: string,\n callback: Function (!)\n }\n} ist nicht korrekt gesetzt.")):e.onCreate=t.onCreate,this.showCreateTab="function"==typeof e.onCreate),"function"==typeof t.onSelect&&(e.onSelect=t.onSelect),b(this,"_on",e)}}validateSelected(t){d(this,"_selected",t,{hooks:{beforePatch:this.syncSelectedAndTabs}})}validateTabs(t){h(this,"_tabs",(t=>"object"==typeof t&&null!==t&&"string"==typeof t._label&&t._label.length>0),t,void 0,{hooks:{beforePatch:this.syncSelectedAndTabs}}),n("KolTabs",this.state._tabs.length)}validateTabsAlign(t){((t,e,o)=>{s(this,"_tabsAlign",(t=>"bottom"===t||"left"===t||"right"===t||"top"===t),m,o)})(0,0,t)}componentWillLoad(){this.validateAriaLabel(this._ariaLabel),this.validateOn(this._on),this.validateSelected(this._selected),this.validateTabs(this._tabs),this.validateTabsAlign(this._tabsAlign)}componentDidRender(){var t;if(this.hostElement instanceof HTMLElement){this.htmlElements=null===(t=this.hostElement)||void 0===t?void 0:t.children;for(let t=0;t<this.htmlElements.length;t++)this.htmlElements[t].setAttribute("aria-labelledby",`tab-${t}`),this.htmlElements[t].setAttribute("id",`tabpanel-${t}`),this.htmlElements[t].setAttribute("role","tabpanel"),t!==this.state._selected?this.htmlElements[t].setAttribute("hidden",""):this.htmlElements[t].removeAttribute("hidden")}}onSelect(t,e,o=!1){var i,a;this._selected=e,"function"==typeof(null===(i=this._on)||void 0===i?void 0:i.onSelect)&&(null===(a=this._on)||void 0===a||a.onSelect(t,e)),!0===o&&(this.selectedTimeout=setTimeout((()=>{if(clearTimeout(this.selectedTimeout),this.tabsElement instanceof HTMLElement){const t=p(`button#tab-${e}`,this.tabsElement);null==t||t.focus()}})))}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_on:["validateOn"],_selected:["validateSelected"],_tabs:["validateTabs"],_tabsAlign:["validateTabsAlign"]}}};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}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,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color: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%}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}.table{display:table}.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}.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}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-y-visible{overflow-y:visible}.px{padding-left:1px;padding-right:1px}.pl-8{padding-left:2rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.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))}.grid-flow-col{grid-auto-flow:column}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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}:host>*{color:inherit;width:inherit;word-spacing:inherit}:host button{display:grid;font-family:var(--kolibri-font-family);letter-spacing:inherit;width:inherit;word-spacing:inherit;border-radius:var(--kolibri-border-radius);align-items:center !important;justify-content:center !important;border-width:1px;padding:calc(2 * var(--kolibri-spacing))}:host button kol-icon,:host button .kol-icon{width:1.5em;height:1.5em;display:inline-block}:host button.primary{background-color:var(--kolibri-color-primary);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button.primary:hover,:host button.primary:focus{border-color:var(--kolibri-color-primary);color:var(--kolibri-color-primary)}:host button.secondary{background-color:var(--kolibri-color-secondary);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button.secondary:hover,:host button.secondary:focus{border-color:var(--kolibri-color-secondary);color:var(--kolibri-color-secondary)}:host button.normal{background-color:var(--kolibri-color-normal);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button.normal:hover,:host button.normal:focus{border-color:var(--kolibri-color-normal);color:var(--kolibri-color-normal)}:host button.danger{background-color:var(--kolibri-color-danger);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button.danger:hover,:host button.danger:focus{border-color:var(--kolibri-color-danger);color:var(--kolibri-color-danger)}:host button.ghost{--tw-bg-opacity:1;background-color:rgba(255, 255, 255, var(--tw-bg-opacity));border-color:var(--kolibri-color-ghost);color:var(--kolibri-color-ghost)}:host button.ghost:hover,:host button.ghost:focus{background-color:var(--kolibri-color-ghost);border-color:transparent;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}:host button:disabled{--tw-bg-opacity:1;background-color:rgba(209, 213, 219, var(--tw-bg-opacity));border-color:transparent;cursor:not-allowed;--tw-text-opacity:1;color:rgba(55, 65, 81, var(--tw-text-opacity))}:host button:disabled:hover,:host button:disabled:focus{--tw-bg-opacity:1;background-color:rgba(55, 65, 81, var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(209, 213, 219, var(--tw-text-opacity))}:host button[aria-selected=true],:host button:focus{border-bottom-color:var(--kolibri-color-accent) !important;border-bottom-width:6px !important}:host .close-button{font-size:50%;height:fit-content;left:-3em;position:relative;top:0.25em}'};export{w as kol_tabs};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* KoliBri -
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,F as i,H as a}from"./index-bc1a7f22.js";import{b as r,f as o,w as l,a as s,s as n}from"./prop.validators-4eed69d5.js";import{I as d,g as c}from"./controller-8f83ca82.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-bb9add07.js";import"./dev.utils-bbaf8793.js";import"./index-30f8123a.js";import"./validator-05e130c7.js";import"./icon-9303a961.js";import"./tab-index-e32484b1.js";class h extends d{constructor(t,e){super(t,e),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=t}validateHasCounter(t){r(this.component,"_hasCounter",t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateMaxLength(t){o(this.component,"_maxLength",t,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePlaceholder(t){l(this.component,"_placeholder",t)}validateReadOnly(t){r(this.component,"_readOnly",t)}validateResize(t){s(this.component,"_resize",(t=>"string"==typeof t&&("both"===t||"horizontal"===t||"none"===t||"vertical"===t)),new Set("String {both, horizontal, vertical, none}"),t)}validateRequired(t){r(this.component,"_required",t)}validateRows(t){o(this.component,"_rows",t)}validateValue(t){l(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}})}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateResize(this.component._resize),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}}const p=class{constructor(e){t(this,e),this.onChange=t=>{const e=null==t?void 0:t.path;Array.isArray(e)&&e[0]instanceof HTMLTextAreaElement&&(n(this,"_currentLength",e[0].value.length),this.state._adjustHeight&&(this._rows=(t=>{t.style.overflow="hidden";const e=t.rows,a=t.clientHeight/e;t.rows=1;const i=Math.round(t.scrollHeight/a);return t.rows=e,i})(e[0]))),"function"==typeof this.controller.onFacade.onChange&&this.controller.onFacade.onChange(t)},this._accessKey=void 0,this._adjustHeight=!1,this._alert=!0,this._hasCounter=void 0,this._disabled=void 0,this._error=void 0,this._hideLabel=void 0,this._hint="",this._id=void 0,this._maxLength=void 0,this._name=void 0,this._on=void 0,this._placeholder=void 0,this._readOnly=void 0,this._resize="vertical",this._required=void 0,this._rows=void 0,this._tabIndex=void 0,this._touched=!1,this._value=void 0,this.state={_adjustHeight:!1,_currentLength:0,_id:"⚠",_name:"⚠",_resize:"vertical"},this.controller=new h(this,"textarea")}render(){const{ariaDiscribedBy:t}=c(this.state);return e(a,null,e("kol-input",{_alert:this.state._alert,_disabled:this.state._disabled,_error:this.state._error,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_id:this.state._id,_readOnly:this.state._readOnly,_required:this.state._required,_touched:this.state._touched},e("span",{slot:"label"},e("slot",null)),e("div",{slot:"input"},e("textarea",Object.assign({part:"textarea",title:"","aria-describedby":t.length>0?t.join(" "):void 0,"aria-labelledby":`${this.state._id}-label`,autoCapitalize:"off","aria-hidden":"true",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,maxlength:this.state._maxLength,name:this.state._name,readOnly:this.state._readOnly,required:this.state._required,rows:this.state._rows,placeholder:this.state._placeholder,spellcheck:"false"},this.controller.onFacade,{onKeyUp:this.onChange,style:{resize:this.state._resize},value:this.state._value})),this.state._hasCounter&&e("span",{"aria-atomic":"true","aria-live":"polite"},this.state._currentLength,this.state._maxLength&&e(i,null,e("span",{"aria-label":"von",role:"img"},"/"),this.state._maxLength)," ",e("span",null,"Zeichen")))))}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAdjustHeight(t){this.controller.validateAdjustHeight(t)}validateAlert(t){this.controller.validateAlert(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateError(t){this.controller.validateError(t)}validateHasCounter(t){this.controller.validateHasCounter(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateId(t){this.controller.validateId(t)}validateMaxLength(t){this.controller.validateMaxLength(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validatePlaceholder(t){this.controller.validatePlaceholder(t)}validateReadOnly(t){this.controller.validateReadOnly(t)}validateResize(t){this.controller.validateResize(t)}validateRequired(t){this.controller.validateRequired(t)}validateRows(t){this.controller.validateRows(t)}validateTabIndex(t){this.controller.validateTabIndex(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.validateAdjustHeight(this._adjustHeight)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_id:["validateId"],_maxLength:["validateMaxLength"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};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,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,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color: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%}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}.table{display:table}.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}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.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}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.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}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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}.kol-required span::after{content:"*"}input,select,textarea{border-color:var(--kolibri-border-color);border-style:solid;border-width:1px}input.error,select.error,textarea.error{border-color:var(--kolibri-border-error)}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#999}input:not([type=checkbox]),option,select,textarea{font-size:inherit;letter-spacing:inherit;word-spacing:inherit}.kol-disabled{opacity:0.5}.kol-cursor-not-allowed,.kol-cursor-not-allowed *{cursor:not-allowed}input[type=color],input[type=date],input[type=datetime-local],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:white;display:block;line-height:1em;padding:0.5em}input[type=color]{height:2.5em;padding:0.25em 0.5em}textarea{padding:0.5em}'};export{p as kol_textarea};
|
|
4
|
+
import{r as t,h as e,F as i,H as a}from"./index-5878bd01.js";import{b as r,f as o,w as l,a as n,s}from"./prop.validators-be22b6b6.js";import{I as d,g as h}from"./controller-c8c56e3a.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-7e981511.js";import"./dev.utils-d28700ca.js";import"./index-d870d3e1.js";import"./validator-fe8c60ef.js";import"./icon-471e29ae.js";import"./tab-index-07ad8cf8.js";class c extends d{constructor(e,t){super(e,t),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&this.component._value.length>0&&(this.component.state._currentLength=this.component._value.length)},this.component=e}validateHasCounter(e){r(this.component,"_hasCounter",e,{hooks:{afterPatch:this.afterSyncCharCounter}})}validateMaxLength(e){o(this.component,"_maxLength",e,{hooks:{afterPatch:this.afterSyncCharCounter},min:0})}validatePlaceholder(e){l(this.component,"_placeholder",e)}validateReadOnly(e){r(this.component,"_readOnly",e)}validateResize(e){n(this.component,"_resize",(e=>"string"==typeof e&&("both"===e||"horizontal"===e||"none"===e||"vertical"===e)),new Set("String {both, horizontal, vertical, none}"),e)}validateRequired(e){r(this.component,"_required",e)}validateRows(e){o(this.component,"_rows",e)}validateValue(e){l(this.component,"_value",e,{hooks:{afterPatch:this.afterSyncCharCounter}})}componentWillLoad(){super.componentWillLoad(),this.validateHasCounter(this.component._hasCounter),this.validateMaxLength(this.component._maxLength),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateResize(this.component._resize),this.validateRequired(this.component._required),this.validateRows(this.component._rows),this.validateValue(this.component._value)}}const p=class{constructor(e){t(this,e),this.onChange=e=>{const t=null==e?void 0:e.path;Array.isArray(t)&&t[0]instanceof HTMLTextAreaElement&&(s(this,"_currentLength",t[0].value.length),this.state._adjustHeight&&(this._rows=(e=>{e.style.overflow="hidden";const t=e.rows,i=e.clientHeight/t;e.rows=1;const a=Math.round(e.scrollHeight/i);return e.rows=t,a})(t[0]))),"function"==typeof this.controller.onFacade.onChange&&this.controller.onFacade.onChange(e)},this._accessKey=void 0,this._adjustHeight=!1,this._alert=!0,this._hasCounter=void 0,this._disabled=void 0,this._error=void 0,this._hideLabel=void 0,this._hint="",this._id=void 0,this._maxLength=void 0,this._name=void 0,this._on=void 0,this._placeholder=void 0,this._readOnly=void 0,this._resize="vertical",this._required=void 0,this._rows=void 0,this._tabIndex=void 0,this._touched=!1,this._value=void 0,this.state={_adjustHeight:!1,_currentLength:0,_id:"⚠",_name:"⚠",_resize:"vertical"},this.controller=new c(this,"textarea")}render(){const{ariaDiscribedBy:t}=h(this.state);return e(a,null,e("kol-input",{_alert:this.state._alert,_disabled:this.state._disabled,_error:this.state._error,_hideLabel:this.state._hideLabel,_hint:this.state._hint,_id:this.state._id,_readOnly:this.state._readOnly,_required:this.state._required,_touched:this.state._touched},e("span",{slot:"label"},e("slot",null)),e("div",{slot:"input"},e("textarea",Object.assign({part:"textarea",title:"","aria-describedby":t.length>0?t.join(" "):void 0,"aria-labelledby":`${this.state._id}-label`,autoCapitalize:"off","aria-hidden":"true",autoCorrect:"off",disabled:this.state._disabled,id:this.state._id,maxlength:this.state._maxLength,name:this.state._name,readOnly:this.state._readOnly,required:this.state._required,rows:this.state._rows,placeholder:this.state._placeholder,spellcheck:"false"},this.controller.onFacade,{onKeyUp:this.onChange,style:{resize:this.state._resize},value:this.state._value})),this.state._hasCounter&&e("span",{"aria-atomic":"true","aria-live":"polite"},this.state._currentLength,this.state._maxLength&&e(i,null,e("span",{"aria-label":"von",role:"img"},"/"),this.state._maxLength)," ",e("span",null,"Zeichen")))))}validateAccessKey(e){this.controller.validateAccessKey(e)}validateAdjustHeight(e){this.controller.validateAdjustHeight(e)}validateAlert(e){this.controller.validateAlert(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateError(e){this.controller.validateError(e)}validateHasCounter(e){this.controller.validateHasCounter(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateId(e){this.controller.validateId(e)}validateMaxLength(e){this.controller.validateMaxLength(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validatePlaceholder(e){this.controller.validatePlaceholder(e)}validateReadOnly(e){this.controller.validateReadOnly(e)}validateResize(e){this.controller.validateResize(e)}validateRequired(e){this.controller.validateRequired(e)}validateRows(e){this.controller.validateRows(e)}validateTabIndex(e){this.controller.validateTabIndex(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}componentWillLoad(){this._alert=!0===this._alert,this._touched=!0===this._touched,this.controller.componentWillLoad(),this.validateAdjustHeight(this._adjustHeight)}static get watchers(){return{_accessKey:["validateAccessKey"],_adjustHeight:["validateAdjustHeight"],_alert:["validateAlert"],_disabled:["validateDisabled"],_error:["validateError"],_hasCounter:["validateHasCounter"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_id:["validateId"],_maxLength:["validateMaxLength"],_name:["validateName"],_on:["validateOn"],_placeholder:["validatePlaceholder"],_readOnly:["validateReadOnly"],_resize:["validateResize"],_required:["validateRequired"],_rows:["validateRows"],_tabIndex:["validateTabIndex"],_touched:["validateTouched"],_value:["validateValue"]}}};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}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,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color: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%}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}.table{display:table}.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}.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}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-y-visible{overflow-y:visible}.px{padding-left:1px;padding-right:1px}.pl-8{padding-left:2rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.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))}.grid-flow-col{grid-auto-flow:column}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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}.kol-required span::after{content:"*"}input,select,textarea{border-color:var(--kolibri-border-color);border-style:solid;border-width:1px}input.error,select.error,textarea.error{border-color:var(--kolibri-border-error)}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover{border-color:#999}input:not([type=checkbox]),option,select,textarea{font-size:inherit;letter-spacing:inherit;word-spacing:inherit}.kol-disabled{opacity:0.5}.kol-cursor-not-allowed,.kol-cursor-not-allowed *{cursor:not-allowed}input[type=color],input[type=date],input[type=datetime-local],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:white;display:block;line-height:1em;padding:0.5em}input[type=color]{height:2.5em;padding:0.25em 0.5em}textarea{padding:0.5em}'};export{p as kol_textarea};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* KoliBri -
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as a}from"./index-bc1a7f22.js";import{b as i,w as r,s as o,f as l,a as n}from"./prop.validators-4eed69d5.js";import{w as s}from"./validation-b12cf848.js";import{f as c}from"./a11y.tipps-bb9add07.js";import"./index.m-df5ce03f.js";import"./dev.utils-bbaf8793.js";import"./index-30f8123a.js";const d=class{constructor(e){t(this,e),this.handleShowAndDuration=()=>{!0===this.state._show&&"number"==typeof this.state._showDuration&&this.state._showDuration>=0&&(clearTimeout(this.durationTimeout),this.durationTimeout=setTimeout((()=>{clearTimeout(this.durationTimeout),this.close()}),this.state._showDuration))},this.close=()=>{var t;this._show=!1,this.state=Object.assign(Object.assign({},this.state),{_show:!1}),void 0!==(null===(t=this._on)||void 0===t?void 0:t.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClose:this.close},this._alert=!0,this._hasCloser=!1,this._heading="",this._level=1,this._on=void 0,this._show=!0,this._showDuration=1e4,this._type="default",this.state={}}validateAlert(t){i(this,"_alert",t)}validateHasCloser(t){i(this,"_hasCloser",t)}validateHeading(t){r(this,"_heading",t)}validateLevel(t){s(this,t)}validateOn(t){if("object"==typeof t&&null!==t){c("[KolToast] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof t.onClose&&!0!==t.onClose||(e.onClose=t.onClose),o(this,"_on",e)}}validateShow(t){i(this,"_show",t,{hooks:{afterPatch:this.handleShowAndDuration}})}validateShowDuration(t){l(this,"_showDuration",t,{hooks:{afterPatch:this.handleShowAndDuration}})}validateType(t){n(this,"_type",(t=>"string"==typeof t&&("default"===t||"error"===t||"info"===t||"success"===t||"warning"===t)),new Set("String {success, info, warning, error}"),t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateShow(this._show),this.validateShowDuration(this._showDuration),this.validateType(this._type)}render(){return e(a,null,this.state._show&&e("div",null,e("kol-alert",{_alert:this.state._alert,_heading:this.state._heading,_level:this.state._level,_hasCloser:this.state._hasCloser,_type:this.state._type,_variant:"card",_on:this.on},e("slot",null))))}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_show:["validateShow"],_showDuration:["validateShowDuration"],_type:["validateType"]}}};d.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,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,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color: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%}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}.table{display:table}.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}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.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}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.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}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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>div{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:0px;padding:calc(4 * var(--kolibri-spacing));position:fixed;top:0px;left:0px;width:100%;z-index:200}:host>div kol-alert{max-width:36rem}'};export{d as kol_toast};
|
|
4
|
+
import{r as t,h as i,H as e}from"./index-5878bd01.js";import{b as a,w as o,s as r,f as n,a as l}from"./prop.validators-be22b6b6.js";import{w as s}from"./validation-a7aaf90a.js";import{f as c}from"./a11y.tipps-7e981511.js";import"./index.m-86dc8c44.js";import"./dev.utils-d28700ca.js";import"./index-d870d3e1.js";const d=class{constructor(e){t(this,e),this.handleShowAndDuration=()=>{!0===this.state._show&&"number"==typeof this.state._showDuration&&this.state._showDuration>=0&&(clearTimeout(this.durationTimeout),this.durationTimeout=setTimeout((()=>{clearTimeout(this.durationTimeout),this.close()}),this.state._showDuration))},this.close=()=>{var t;this._show=!1,this.state=Object.assign(Object.assign({},this.state),{_show:!1}),void 0!==(null===(t=this._on)||void 0===t?void 0:t.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClose:this.close},this._alert=!0,this._hasCloser=!1,this._heading="",this._level=1,this._on=void 0,this._show=!0,this._showDuration=1e4,this._type="default",this.state={}}validateAlert(t){a(this,"_alert",t)}validateHasCloser(t){a(this,"_hasCloser",t)}validateHeading(t){o(this,"_heading",t)}validateLevel(t){s(this,t)}validateOn(t){if("object"==typeof t&&null!==t){c("[KolToast] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const e={};"function"!=typeof t.onClose&&!0!==t.onClose||(e.onClose=t.onClose),r(this,"_on",e)}}validateShow(t){a(this,"_show",t,{hooks:{afterPatch:this.handleShowAndDuration}})}validateShowDuration(t){n(this,"_showDuration",t,{hooks:{afterPatch:this.handleShowAndDuration}})}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)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateShow(this._show),this.validateShowDuration(this._showDuration),this.validateType(this._type)}render(){return i(e,null,this.state._show&&i("div",null,i("kol-alert",{_alert:this.state._alert,_heading:this.state._heading,_level:this.state._level,_hasCloser:this.state._hasCloser,_type:this.state._type,_variant:"card",_on:this.on},i("slot",null))))}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_show:["validateShow"],_showDuration:["validateShowDuration"],_type:["validateType"]}}};d.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}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,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color: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%}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}.table{display:table}.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}.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}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-y-visible{overflow-y:visible}.px{padding-left:1px;padding-right:1px}.pl-8{padding-left:2rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.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))}.grid-flow-col{grid-auto-flow:column}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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>div{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:0px;padding:calc(4 * var(--kolibri-spacing));position:fixed;top:0px;left:0px;width:100%;z-index:200}:host>div kol-alert{max-width:36rem}'};export{d as kol_toast};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* KoliBri -
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as s}from"./index-
|
|
4
|
+
import{r as t,h as i,H as s}from"./index-5878bd01.js";import{w as o}from"./button-link-5fecb7f7.js";import{g as a,n as e}from"./dev.utils-d28700ca.js";import{w as r}from"./prop.validators-be22b6b6.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-7e981511.js";import"./index-d870d3e1.js";const n=class{constructor(i){t(this,i),this.hydrated=!1,this.hostElement=null,this.childElements=[],this.alignTooltip=()=>{const t=this.childElements[0];{const e=t.getBoundingClientRect();if(this.tooltipElement instanceof HTMLElement){switch(this.state._align){case"top":case"bottom":this.tooltipElement.style.left=e.left+t.offsetWidth/2-this.tooltipElement.offsetWidth/2+"px";break;default:this.tooltipElement.style.top=e.top+e.height/2-this.tooltipElement.offsetHeight/2+"px"}switch(this.state._align){case"left":this.tooltipElement.style.left=`calc(${e.left-this.tooltipElement.offsetWidth}px - 0.5em)`;break;case"right":this.tooltipElement.style.left=`calc(${e.right}px + 0.5em)`;break;case"bottom":this.tooltipElement.style.top=`calc(${e.bottom}px + 0.5em)`;break;default:this.tooltipElement.style.top=`calc(${e.top-this.tooltipElement.offsetHeight}px - 0.5em)`}}}},this.showTooltip=()=>{this.tooltipElement instanceof HTMLElement&&(this.tooltipElement.style.setProperty("display","block"),a().body.addEventListener("keyup",this.hideTooltipByEscape),this.alignTooltip(),this.tooltipElement.style.setProperty("visibility","visible"),document.addEventListener("scroll",this.alignTooltip))},this.hideTooltip=()=>{this.tooltipElement instanceof HTMLElement&&(this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),document.removeEventListener("scroll",this.alignTooltip))},this.hideTooltipByEscape=t=>{"Escape"===t.key&&(a().body.removeEventListener("keyup",this.hideTooltipByEscape),this.hideTooltip())},this.catchHostElement=t=>{if(this.hostElement=t,this.hostElement instanceof HTMLElement){const t=this.hostElement.previousElementSibling;t instanceof HTMLElement&&(t.removeEventListener("mouseover",this.showTooltip),t.addEventListener("mouseover",this.showTooltip),t.removeEventListener("focus",this.showTooltip),t.addEventListener("focus",this.showTooltip),t.removeEventListener("mouseout",this.hideTooltip),t.addEventListener("mouseout",this.hideTooltip),t.removeEventListener("blur",this.hideTooltip),t.addEventListener("blur",this.hideTooltip),this.childElements.push(t))}},this.catchTooltipElement=t=>{this.tooltipElement=t},this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_id:e(),_label:""}}render(){const t=setTimeout((()=>{clearTimeout(t),this.alignTooltip()}),250);return i(s,{ref:this.catchHostElement,style:{maxWidth:"300px"}},""!==this.state._label&&i("kol-badge",{class:{"arrow-bottom":"top"===this.state._align,"arrow-left":"right"===this.state._align,"arrow-top":"bottom"===this.state._align,"arrow-right":"left"===this.state._align},id:this.state._id,ref:this.catchTooltipElement,_color:{backgroundColor:"#333",color:"#ddd"},_label:this.state._label}))}validateAlign(t){o(this,"_align",t)}validateId(t){r(this,"_id",t)}validateLabel(t){r(this,"_label",t)}componentWillLoad(){this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label),this.hydrated=!0}static get watchers(){return{_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}};n.style={default:'kol-badge,.tooltip{font-size:1rem;position:fixed;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:0.5s;display:none;z-index:1000;max-width:300px;box-shadow:0 0 0.15rem rgba(255, 255, 255, 0.8)}kol-badge::after,.tooltip::after{content:" ";position:absolute;border-style:solid;border-width:5px}kol-badge.arrow-left::after,.tooltip.arrow-left::after{margin-top:-5px;top:50%;right:100%;border-color:transparent black transparent transparent}kol-badge.arrow-right::after,.tooltip.arrow-right::after{margin-top:-5px;top:50%;left:100%;border-color:transparent transparent transparent black}kol-badge.arrow-top::after,.tooltip.arrow-top::after{margin-left:-5px;left:50%;bottom:100%;border-color:transparent transparent black transparent}kol-badge.arrow-bottom::after,.tooltip.arrow-bottom::after{margin-left:-5px;left:50%;top:100%;border-color:black transparent transparent transparent}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}'};export{n as kol_tooltip};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* KoliBri -
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e}from"./index-
|
|
4
|
+
import{r as t,h as e}from"./index-5878bd01.js";import{F as i}from"./color-d69786a5.js";import{w as r}from"./prop.validators-be22b6b6.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-7e981511.js";import"./dev.utils-d28700ca.js";import"./index-d870d3e1.js";const o=class{constructor(e){t(this,e),this._version=void 0,this.state={_version:"0.0.0-alpha.0"}}render(){return e("kol-badge",{_color:i.Hellgrau,_icon:"infinite",_label:`v${this.state._version}`})}validateVersion(t){r(this,"_version",t,{required:!0})}componentWillLoad(){this.validateVersion(this._version)}static get watchers(){return{_version:["validateVersion"]}}};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}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,button,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color: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%}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}.table{display:table}.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}.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}.mb-1{margin-bottom:calc(1 * var(--kolibri-spacing))}.mr-2{margin-right:calc(2 * var(--kolibri-spacing))}.ml-2{margin-left:calc(2 * var(--kolibri-spacing))}.mt-2{margin-top:calc(2 * var(--kolibri-spacing))}.mt-4{margin-top:calc(4 * var(--kolibri-spacing))}.outline{outline-style:solid}.overflow-y-visible{overflow-y:visible}.px{padding-left:1px;padding-right:1px}.pl-8{padding-left:2rem}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.absolute{position:absolute}.text-center{text-align:center}.text-normal{color:var(--kolibri-color-normal)}.hover\\:text-primary:hover{color:var(--kolibri-color-primary)}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.indent{text-indent:1.5rem}.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))}.grid-flow-col{grid-auto-flow:column}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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{o as kol_version};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* KoliBri -
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{p as e,b as a}from"./index-bc1a7f22.js";import{g as _}from"./app-globals-3fcb32e8.js";import"./dev.utils-bbaf8793.js";import"./index-30f8123a.js";(()=>{const a=import.meta.url,_={};return""!==a&&(_.resourcesUrl=new URL(".",a).href),e(_)})().then((e=>(_(),a(JSON.parse('[["kol-abbr",[[33,"kol-abbr",{"_tooltipAlign":[1,"_tooltip-align"],"_title":[1],"state":[32]}]]],["kol-accordion",[[33,"kol-accordion",{"_heading":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32]}]]],["kol-badge",[[33,"kol-badge",{"_color":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_label":[1],"state":[32]}]]],["kol-table",[[33,"kol-table",{"_caption":[1],"_data":[1],"_headers":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"state":[32]}]]],["kol-input-adapter-leanup",[[1,"kol-input-adapter-leanup"]]],["kol-input-date",[[33,"kol-input-date",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[1],"_min":[1],"_name":[1],"_on":[16],"_readOnly":[516,"_read-only"],"_required":[516],"_smartButton":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1],"state":[32]}]]],["kol-input-radio-group",[[1,"kol-input-radio-group",{"_accessKey":[1,"_access-key"],"_alert":[516],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_orientation":[1],"_required":[516],"_tabIndex":[2,"_tab-index"],"_touched":[516],"_value":[1]}]]],["kol-input-checkbox",[[33,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_checked":[1540],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_id":[1],"_indeterminate":[516],"_name":[1],"_on":[16],"_required":[516],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1],"_variant":[1],"state":[32]}]]],["kol-input-color",[[33,"kol-input-color",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-email",[[33,"kol-input-email",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_maxLength":[2,"_max-length"],"_multiple":[516],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_required":[516],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-file",[[33,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_multiple":[516],"_name":[1],"_on":[16],"_required":[516],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-password",[[33,"kol-input-password",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_required":[516],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-range",[[33,"kol-input-range",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[2],"_min":[2],"_name":[1],"_on":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[2],"state":[32]}]]],["kol-input-text",[[33,"kol-input-text",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_required":[516],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1025],"state":[32]}]]],["kol-textarea",[[33,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[516,"_adjust-height"],"_alert":[1540],"_hasCounter":[516,"_has-counter"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_id":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_resize":[1],"_required":[516],"_rows":[1026],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-breadcrumb",[[33,"kol-breadcrumb",{"_ariaLabel":[1,"_aria-label"],"_links":[1],"state":[32]}]]],["kol-link-group",[[33,"kol-link-group",{"_ariaLabel":[1,"_aria-label"],"_listStyleType":[1,"_list-style-type"],"_heading":[1],"_level":[2],"_links":[1],"_ordered":[516],"_orientation":[1],"state":[32]}]]],["kol-nav",[[33,"kol-nav",{"_ariaCurrentValue":[8,"_aria-current-value"],"_ariaLabel":[1,"_aria-label"],"_collapsible":[516],"_compact":[516],"_hasCompactButton":[516,"_has-compact-button"],"_orientation":[1],"_links":[1],"_variant":[1],"state":[32]}]]],["kol-toast",[[33,"kol-toast",{"_alert":[516],"_hasCloser":[516,"_has-closer"],"_heading":[1],"_level":[2],"_on":[16],"_show":[1540],"_showDuration":[2,"_show-duration"],"_type":[1],"state":[32]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_ariaLabel":[1,"_aria-label"],"_links":[1],"state":[32]}]]],["kol-tabs",[[33,"kol-tabs",{"_ariaLabel":[1,"_aria-label"],"_on":[16],"_selected":[1026],"_tabs":[1],"_tabsAlign":[1,"_tabs-align"],"state":[32]}]]],["kol-button-link",[[33,"kol-button-link",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_disabled":[516],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_id":[1],"_label":[1],"_on":[16],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"state":[32]}]]],["kol-link-button",[[33,"kol-link-button",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[516,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[516],"_fill":[516],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_label":[1],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[516],"_tabIndex":[2,"_tab-index"],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[516],"_useCase":[1,"_use-case"],"_variant":[1],"state":[32]}]]],["kol-details",[[33,"kol-details",{"_open":[1540],"_summary":[1],"state":[32]}]]],["kol-version",[[33,"kol-version",{"_version":[1],"state":[32]}]]],["kol-span",[[33,"kol-span",{"_icon":[1],"_iconOnly":[516,"_icon-only"],"_label":[1]}]]],["kol-button-group",[[33,"kol-button-group"]]],["kol-card",[[33,"kol-card",{"_hasFooter":[516,"_has-footer"],"_heading":[1],"_headline":[1],"_level":[2],"state":[32]}]]],["kol-form",[[1,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"state":[32]}]]],["kol-heading",[[33,"kol-heading",{"_level":[2]}]]],["kol-icon",[[33,"kol-icon",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_part":[1],"state":[32]}]]],["kol-icon-font-awesome",[[32,"kol-icon-font-awesome",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_prefix":[1],"_part":[1]}]]],["kol-color",[[33,"kol-color",{"selectedColor":[32]}]]],["kol-counter",[[33,"kol-counter",{"state":[32]}]]],["kol-kolibri",[[33,"kol-kolibri",{"_animate":[516],"_color":[1],"_labeled":[516],"state":[32]}]]],["kol-logo",[[33,"kol-logo",{"_abbr":[1],"_org":[1],"state":[32]}]]],["kol-modal",[[33,"kol-modal",{"_activeElement":[1040],"_ariaLabel":[1,"_aria-label"],"_width":[1],"_on":[16],"_show":[516],"state":[32]}]]],["kol-progress",[[33,"kol-progress",{"_max":[2],"_type":[1],"_unit":[1],"_value":[2],"state":[32]}]]],["kol-spin",[[33,"kol-spin",{"_show":[516],"state":[32]}]]],["kol-symbol",[[0,"kol-symbol",{"_ariaLabel":[1,"_aria-label"],"_symbol":[1],"state":[32]}]]],["kol-span-wc",[[4,"kol-span-wc",{"_icon":[1],"_iconOnly":[516,"_icon-only"],"_label":[1],"state":[32]}]]],["kol-pagination",[[33,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_total":[2],"_variant":[1],"state":[32]}]]],["kol-input-number",[[33,"kol-input-number",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[8],"_min":[8],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_required":[516],"_smartButton":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[8],"state":[32]}]]],["kol-input-radio",[[33,"kol-input-radio",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_orientation":[1],"_required":[516],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-select",[[33,"kol-select",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[516],"_error":[1],"_height":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_multiple":[516],"_name":[1],"_on":[16],"_required":[516],"_size":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1025],"state":[32]}]]],["kol-icon-icofont",[[32,"kol-icon-icofont",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_part":[1]}]]],["kol-button-group-wc",[[4,"kol-button-group-wc",{"state":[32]}]]],["kol-indented-text",[[33,"kol-indented-text",{"state":[32]}]]],["kol-tooltip",[[32,"kol-tooltip",{"_align":[1],"_id":[1],"_label":[1],"state":[32]}]]],["kol-button",[[33,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_customClass":[1,"_custom-class"],"_disabled":[516],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_id":[1],"_label":[1],"_on":[16],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_variant":[1],"getInteractiveElementRef":[64]}]]],["kol-link-wc",[[4,"kol-link-wc",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[516,"_aria-selected"],"_disabled":[516],"_fill":[516],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[516],"_tabIndex":[2,"_tab-index"],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[516],"_useCase":[1,"_use-case"],"state":[32]}]]],["kol-link",[[33,"kol-link",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[516,"_aria-selected"],"_disabled":[516],"_fill":[516],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[516],"_tabIndex":[2,"_tab-index"],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[516],"_useCase":[1,"_use-case"]}]]],["kol-alert",[[33,"kol-alert",{"_alert":[516],"_hasCloser":[516,"_has-closer"],"_heading":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-button-wc_3",[[4,"kol-input",{"_alert":[516],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[16],"_id":[1],"_list":[1],"_readOnly":[516,"_read-only"],"_renderNoLabel":[516,"_render-no-label"],"_required":[516],"_smartButton":[16],"_touched":[516]}],[4,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1025,"_aria-label"],"_customClass":[1,"_custom-class"],"_disabled":[516],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_id":[1],"_label":[1025],"_on":[16],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_variant":[1],"state":[32],"getInteractiveElementRef":[64]}],[4,"kol-heading-wc",{"_level":[2],"state":[32]}]]]]'),e))));
|
|
4
|
+
import{p as e,b as a}from"./index-5878bd01.js";import{g as _}from"./app-globals-cf179254.js";import"./dev.utils-d28700ca.js";import"./index-d870d3e1.js";(()=>{const a=import.meta.url,_={};return""!==a&&(_.resourcesUrl=new URL(".",a).href),e(_)})().then((e=>(_(),a(JSON.parse('[["kol-abbr",[[33,"kol-abbr",{"_tooltipAlign":[1,"_tooltip-align"],"_title":[1],"state":[32]}]]],["kol-accordion",[[33,"kol-accordion",{"_heading":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32]}]]],["kol-badge",[[33,"kol-badge",{"_color":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_label":[1],"state":[32]}]]],["kol-table",[[33,"kol-table",{"_caption":[1],"_data":[1],"_headers":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"state":[32]}]]],["kol-input-adapter-leanup",[[1,"kol-input-adapter-leanup"]]],["kol-input-date",[[33,"kol-input-date",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[1],"_min":[1],"_name":[1],"_on":[16],"_readOnly":[516,"_read-only"],"_required":[516],"_smartButton":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1],"state":[32]}]]],["kol-input-radio-group",[[1,"kol-input-radio-group",{"_accessKey":[1,"_access-key"],"_alert":[516],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_orientation":[1],"_required":[516],"_tabIndex":[2,"_tab-index"],"_touched":[516],"_value":[1]}]]],["kol-input-checkbox",[[33,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_checked":[1540],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_id":[1],"_indeterminate":[516],"_name":[1],"_on":[16],"_required":[516],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1],"_variant":[1],"state":[32]}]]],["kol-input-color",[[33,"kol-input-color",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-email",[[33,"kol-input-email",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_maxLength":[2,"_max-length"],"_multiple":[516],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_required":[516],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-file",[[33,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_multiple":[516],"_name":[1],"_on":[16],"_required":[516],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-password",[[33,"kol-input-password",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_required":[516],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-range",[[33,"kol-input-range",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[2],"_min":[2],"_name":[1],"_on":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[2],"state":[32]}]]],["kol-input-text",[[33,"kol-input-text",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_required":[516],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1025],"state":[32]}]]],["kol-textarea",[[33,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[516,"_adjust-height"],"_alert":[1540],"_hasCounter":[516,"_has-counter"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_id":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_resize":[1],"_required":[516],"_rows":[1026],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-breadcrumb",[[33,"kol-breadcrumb",{"_ariaLabel":[1,"_aria-label"],"_links":[1],"state":[32]}]]],["kol-link-group",[[33,"kol-link-group",{"_ariaLabel":[1,"_aria-label"],"_listStyleType":[1,"_list-style-type"],"_heading":[1],"_level":[2],"_links":[1],"_ordered":[516],"_orientation":[1],"state":[32]}]]],["kol-nav",[[33,"kol-nav",{"_ariaCurrentValue":[8,"_aria-current-value"],"_ariaLabel":[1,"_aria-label"],"_collapsible":[516],"_compact":[516],"_hasCompactButton":[516,"_has-compact-button"],"_orientation":[1],"_links":[1],"_variant":[1],"state":[32]}]]],["kol-toast",[[33,"kol-toast",{"_alert":[516],"_hasCloser":[516,"_has-closer"],"_heading":[1],"_level":[2],"_on":[16],"_show":[1540],"_showDuration":[2,"_show-duration"],"_type":[1],"state":[32]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_ariaLabel":[1,"_aria-label"],"_links":[1],"state":[32]}]]],["kol-tabs",[[33,"kol-tabs",{"_ariaLabel":[1,"_aria-label"],"_on":[16],"_selected":[1538],"_tabs":[1],"_tabsAlign":[1,"_tabs-align"],"state":[32]}]]],["kol-button-link",[[33,"kol-button-link",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_disabled":[516],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_id":[1],"_label":[1],"_on":[16],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"state":[32]}]]],["kol-link-button",[[33,"kol-link-button",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[516,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[516],"_fill":[516],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_label":[1],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[516],"_tabIndex":[2,"_tab-index"],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[516],"_useCase":[1,"_use-case"],"_variant":[1],"state":[32]}]]],["kol-details",[[33,"kol-details",{"_open":[1540],"_summary":[1],"state":[32]}]]],["kol-version",[[33,"kol-version",{"_version":[1],"state":[32]}]]],["kol-span",[[33,"kol-span",{"_icon":[1],"_iconOnly":[516,"_icon-only"],"_label":[1]}]]],["kol-button-group",[[33,"kol-button-group"]]],["kol-card",[[33,"kol-card",{"_hasFooter":[516,"_has-footer"],"_heading":[1],"_headline":[1],"_level":[2],"state":[32]}]]],["kol-form",[[1,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"state":[32]}]]],["kol-heading",[[33,"kol-heading",{"_level":[2]}]]],["kol-icon",[[33,"kol-icon",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_part":[1],"state":[32]}]]],["kol-icon-font-awesome",[[32,"kol-icon-font-awesome",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_prefix":[1],"_part":[1]}]]],["kol-color",[[33,"kol-color",{"selectedColor":[32]}]]],["kol-counter",[[33,"kol-counter",{"state":[32]}]]],["kol-kolibri",[[33,"kol-kolibri",{"_animate":[516],"_color":[1],"_labeled":[516],"state":[32]}]]],["kol-logo",[[33,"kol-logo",{"_abbr":[1],"_org":[1],"state":[32]}]]],["kol-modal",[[33,"kol-modal",{"_activeElement":[1040],"_ariaLabel":[1,"_aria-label"],"_width":[1],"_on":[16],"_show":[516],"state":[32]}]]],["kol-progress",[[33,"kol-progress",{"_max":[2],"_type":[1],"_unit":[1],"_value":[2],"state":[32]}]]],["kol-spin",[[33,"kol-spin",{"_show":[516],"state":[32]}]]],["kol-symbol",[[0,"kol-symbol",{"_ariaLabel":[1,"_aria-label"],"_symbol":[1],"state":[32]}]]],["kol-span-wc",[[4,"kol-span-wc",{"_icon":[1],"_iconOnly":[516,"_icon-only"],"_label":[1],"state":[32]}]]],["kol-pagination",[[33,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_total":[2],"_variant":[1],"state":[32]}]]],["kol-input-number",[[33,"kol-input-number",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[8],"_min":[8],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[516,"_read-only"],"_required":[516],"_smartButton":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[8],"state":[32]}]]],["kol-input-radio",[[33,"kol-input-radio",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_orientation":[1],"_required":[516],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-select",[[33,"kol-select",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[516],"_error":[1],"_height":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_multiple":[516],"_name":[1],"_on":[16],"_required":[516],"_size":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1025],"state":[32]}]]],["kol-icon-icofont",[[32,"kol-icon-icofont",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_part":[1]}]]],["kol-button-group-wc",[[4,"kol-button-group-wc",{"state":[32]}]]],["kol-indented-text",[[33,"kol-indented-text",{"state":[32]}]]],["kol-tooltip",[[32,"kol-tooltip",{"_align":[1],"_id":[1],"_label":[1],"state":[32]}]]],["kol-button",[[33,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_customClass":[1,"_custom-class"],"_disabled":[516],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_id":[1],"_label":[1],"_on":[16],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_variant":[1],"getInteractiveElementRef":[64]}]]],["kol-link-wc",[[4,"kol-link-wc",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[516,"_aria-selected"],"_disabled":[516],"_fill":[516],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[516],"_tabIndex":[2,"_tab-index"],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[516],"_useCase":[1,"_use-case"],"state":[32]}]]],["kol-link",[[33,"kol-link",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[516,"_aria-selected"],"_disabled":[516],"_fill":[516],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[516],"_tabIndex":[2,"_tab-index"],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[516],"_useCase":[1,"_use-case"]}]]],["kol-alert",[[33,"kol-alert",{"_alert":[516],"_hasCloser":[516,"_has-closer"],"_heading":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-button-wc_3",[[4,"kol-input",{"_alert":[516],"_disabled":[516],"_error":[1],"_hideLabel":[516,"_hide-label"],"_hint":[1],"_icon":[16],"_id":[1],"_list":[1],"_readOnly":[516,"_read-only"],"_renderNoLabel":[516,"_render-no-label"],"_required":[516],"_smartButton":[16],"_touched":[516]}],[4,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1025,"_aria-label"],"_customClass":[1,"_custom-class"],"_disabled":[516],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_id":[1],"_label":[1025],"_on":[16],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_variant":[1],"state":[32],"getInteractiveElementRef":[64]}],[4,"kol-heading-wc",{"_level":[2],"state":[32]}]]]]'),e))));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* KoliBri -
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{e}from"./a11y.tipps-
|
|
4
|
+
import{e}from"./a11y.tipps-7e981511.js";import{w as a}from"./prop.validators-be22b6b6.js";const r=(a,r,i,s)=>{const t=r.has("_ariaLabel")?r.get("_ariaLabel"):i.state._ariaLabel;if("string"==typeof t&&t.length>0){const a=r.has("_label")?r.get("_label"):i.state._label;!1===new RegExp(`^${a}`).test(t)&&("_ariaLabel"===s?(r.set("_label",t),i._label=t):(r.set("_ariaLabel",a),i._ariaLabel=a),e("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."))}},i=(e,i)=>{a(e,"_ariaLabel",i,{hooks:{beforePatch:r}})},s=(e,i)=>{a(e,"_label",i,{hooks:{beforePatch:r},required:!0})};export{s as a,i as v};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* KoliBri -
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{s as e,f as t}from"./index.m-df5ce03f.js";import{d as n}from"./a11y.tipps-bb9add07.js";import{L as r,g as o,a}from"./dev.utils-bbaf8793.js";import{p as i,a as l}from"./index-30f8123a.js";const s=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},c=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const o=new Set;s(o,t.querySelectorAll(e));const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;s(o,c(e,"object"==typeof n&&null!==n?n:r[t]))}return Array.from(o)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},u=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let o=t.querySelector(e);if(null===o){const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;if(o=u(e,"object"==typeof n&&null!==n?n:r[t]),null!==o)break}}return o}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};var f=d;function d(e){var t=m(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function m(e){return"string"==typeof e?("red"==(t=e=e.toLowerCase())?[255,0,0]:"green"==t?[0,255,0]:"blue"==t?[0,0,255]:"black"==t?[0,0,0]:"white"==t?[255,255,255]:"cyan"==t?[0,255,255]:"gray"==t||"grey"==t?[128,128,128]:"magenta"==t||"pink"==t?[255,0,255]:"yellow"==t?[255,255,0]:void 0)||function(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var r=h(t[0]),n=h(t[1]),a=h(t[2]),l=3==o?255:h(t[3]);if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}(e)||function(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var r=h(t.slice(0,2)),n=h(t.slice(2,4)),a=h(t.slice(4,6)),l=6==o?255:h(t.slice(6,8));if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=y(t[0],!0),r=y(t[1],!0),n=y(t[2],!0);if(-1!=o&&-1!=r&&-1!=n)return[o,r,n,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=y(t[0],!0),r=y(t[1],!0),n=y(t[2],!0),a=y(255*t[3]);if(-1!=o&&-1!=r&&-1!=n&&-1!=a)return[o,r,n,a]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=y(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=y(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=y(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=y(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=y(e[0],!0),o=y(e[1],!0),r=y(e[2],!0),n=y(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var t}function v(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function h(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function y(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}f.arr=d,f.obj=function(e){var t=m(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}},f.css=function(e){var t=m(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"},f.hex=function(e){3==(a=m(e)).length&&a.push(255);var t=255==a[3],o=v(a[0]),r=v(a[1]),n=v(a[2]),a=v(Math.round(a[3])),l=function(e,t,o,r){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(o)&&-1!=n.indexOf(r)}(o,r,n,a);return t?l?"#"+o.charAt(0)+r.charAt(0)+n.charAt(0):"#"+o+r+n:l?"#"+o.charAt(0)+r.charAt(0)+n.charAt(0)+a.charAt(0):"#"+o+r+n+a},f.num=function(e){var t=m(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0};const b=/\[object Object\]/,p=(e,t)=>{"string"==typeof e&&b.test(e)||t()},g=(e,t)=>{"string"==typeof e&&""===e||t()},w=(e,t)=>{Object.defineProperty(e,"target",{value:t,writable:!1})},S=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextState.get(t)!==o&&(e.nextHooks.get(t)instanceof Map==0&&e.nextHooks.set(t,new Map),"function"==typeof r.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(t,o),(e=>{var t,o,r;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,o)=>{var r;const n=t.get("beforePatch");"function"==typeof n&&n(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)})),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach(((t,o)=>{const r=t.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)}))),delete e.nextHooks})(e))},N=(e,t,o,r,a,l={})=>{o(a)?S(e,t,a,null==l?void 0:l.hooks):void 0===a||null===a&&(void 0===(null==l?void 0:l.required)||!1===(null==l?void 0:l.required))?S(e,t,null==l?void 0:l.defaultValue,null==l?void 0:l.hooks):(void 0!==(null==l?void 0:l.required)&&!1!==(null==l?void 0:l.required)||r.add(null),((e,t,o,r)=>{n(`[${e.constructor.name}] Der Property-Wert (${o}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(r).join(", ")}`)})(e,t,a,r))},M=(e,t,o,r)=>{N(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,r)},E=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;N(e,t,(e=>"string"==typeof e&&e.length>=n),new Set([`String (Mindestlänge ${n})`]),o,r)},j=(e,t,o,r)=>{N(e,t,(e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max)),new Set(["Number"]),o,r)},O=(e,t,o,r,a=(e=>e==e),l={})=>{g(r,(()=>{p(r,(()=>{void 0===r&&(r=[]);try{try{r=T(r)}catch(e){}if(Array.isArray(r)){const n=r.find((e=>!o(e)));void 0===n&&a(r)?S(e,t,r,l.hooks):p(n,(()=>{throw console.log(n),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else p(r,(()=>{throw new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){n("Known bug: Zeichenkettenliste (string[])")}}))}))},k=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw r.warn(["stringifyJson",e]),r.error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet."),new Error}},D=/[\\[\\{]/,T=e=>{if("string"==typeof e&&D.test(e))try{return JSON.parse(e)}catch(t){try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){r.warn(["parseJson",e]),r.error("↑ Der JSON-String konnte nicht geparsed werden. Achten Sie darauf, dass einfache Anführungszeichen im Text maskiert werden (‘).")}}throw new Error},H=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,L=e=>"string"==typeof e?e:H(e),C=(e,t)=>u(e,t||o()),P=(e,t)=>c(e,t||o());let A=null;const J=()=>(A=A||{backgroundColor:"#00000000",color:"#00000000",domNode:o().body,level:"Fail",score:1},A),$=/(\d+, ){3}0\)/,q=(o,n=J())=>{const a=getComputedStyle(o),l=$.test(a.backgroundColor)?n.backgroundColor:f.hex(a.backgroundColor),s=$.test(a.color)?n.color:f.hex(a.color),i=e(l,s),c={backgroundColor:l,color:s,domNode:o,level:t(i),score:i};return i<4.5&&r.error(["Color-Contrast-Error",{backgroundColor:c.backgroundColor,color:c.color,level:c.level,score:c.score},c.domNode]),c},x=(e,t=J())=>{t.domNode instanceof HTMLElement&&(t=q(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(t.domNode=o[r],null===(t=x(e,t)).domNode);r++);return t}return q(o,t)},z=(e,t=window)=>{e instanceof HTMLElement?(t.scrollTo({behavior:"smooth",top:e.getBoundingClientRect().top+a().pageYOffset-50}),e.focus()):n("Das HTMLElement ist nicht valide, zu dem gescrollt werden soll.")},B=(e,t)=>{if((e instanceof Document||e instanceof HTMLElement||e instanceof ShadowRoot)&&"string"==typeof t){n("Bei der Methode querySelectorAll wurden die Parameter document, selector in selector, document getauscht, da der Parameter selector nicht, allerdings der Parameter document optional sein kann.");const o=`${t}`;t=e,e=o}if("string"==typeof e){const o=C(e,t);o instanceof HTMLElement?z(o):n(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else n("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class K{static queryHtmlElementColors(e,t,o=!1,n=!0){let a=null;if(!0===o||!1===K.executionLock)if(!1===o&&(K.cache.clear(),K.cache.set(t.domNode,t),K.executionLock=!0,!0===n&&r.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)a=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const r=t.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const n=t.domNode.children;for(let e=0;e<n.length;e++)o.add(n[e]);const l=Array.from(o);for(let o=0;o<l.length;o++){let r=K.cache.get(l[o]);void 0===r&&(r=q(l[o],t)),K.cache.set(l[o],r);const n=K.queryHtmlElementColors(e,r,!0,!1);if(null!==n){a=n;break}}}else r.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===n&&r.debug(`[KoliBriUtils] Color contrast analysis finished (${K.cache.size} DOM elements are analysed).`),K.executionLock=!1,K.cache.clear()),a}}K.executionLock=!1,K.cache=new Map;class R{}R.patchTheme=i,R.patchThemeTag=l,R.querySelector=C,R.querySelectorAll=P,R.scrollByHTMLElement=z,R.scrollBySelector=B,R.stringifyJson=k;export{R as K,N as a,M as b,O as c,w as d,H as e,j as f,B as g,g as h,K as i,q as j,C as k,P as l,L as m,x as n,p as o,T as p,k as q,f as r,S as s,E as w};
|
|
4
|
+
import{s as e,f as t}from"./index.m-86dc8c44.js";import{d as n}from"./a11y.tipps-7e981511.js";import{L as r,g as o,a}from"./dev.utils-d28700ca.js";import{p as i,a as l}from"./index-d870d3e1.js";const s=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},c=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const o=new Set;s(o,t.querySelectorAll(e));const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;s(o,c(e,"object"==typeof n&&null!==n?n:r[t]))}return Array.from(o)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},u=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let o=t.querySelector(e);if(null===o){const r=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<r.length;t++){const n=r[t].shadowRoot;if(o=u(e,"object"==typeof n&&null!==n?n:r[t]),null!==o)break}}return o}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};var d=f;function f(e){var t=m(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function m(e){return"string"==typeof e?("red"==(t=e=e.toLowerCase())?[255,0,0]:"green"==t?[0,255,0]:"blue"==t?[0,0,255]:"black"==t?[0,0,0]:"white"==t?[255,255,255]:"cyan"==t?[0,255,255]:"gray"==t||"grey"==t?[128,128,128]:"magenta"==t||"pink"==t?[255,0,255]:"yellow"==t?[255,255,0]:void 0)||function(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var r=h(t[0]),n=h(t[1]),a=h(t[2]),l=3==o?255:h(t[3]);if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}(e)||function(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var r=h(t.slice(0,2)),n=h(t.slice(2,4)),a=h(t.slice(4,6)),l=6==o?255:h(t.slice(6,8));if(isNaN(r)||isNaN(n)||isNaN(a)||isNaN(l))return;return[r,n,a,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=y(t[0],!0),r=y(t[1],!0),n=y(t[2],!0);if(-1!=o&&-1!=r&&-1!=n)return[o,r,n,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=y(t[0],!0),r=y(t[1],!0),n=y(t[2],!0),a=y(255*t[3]);if(-1!=o&&-1!=r&&-1!=n&&-1!=a)return[o,r,n,a]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=y(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=y(null!=e.g?e.g:null!=e.green?e.green:0,!0),r=y(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),n=y(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=y(e[0],!0),o=y(e[1],!0),r=y(e[2],!0),n=y(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=r&&-1!=n)return[t,o,r,n]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var t}function v(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function h(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function y(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}d.arr=f,d.obj=function(e){var t=m(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}},d.css=function(e){var t=m(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"},d.hex=function(e){3==(a=m(e)).length&&a.push(255);var t=255==a[3],o=v(a[0]),r=v(a[1]),n=v(a[2]),a=v(Math.round(a[3])),l=function(e,t,o,r){var n=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=n.indexOf(e)&&-1!=n.indexOf(t)&&-1!=n.indexOf(o)&&-1!=n.indexOf(r)}(o,r,n,a);return t?l?"#"+o.charAt(0)+r.charAt(0)+n.charAt(0):"#"+o+r+n:l?"#"+o.charAt(0)+r.charAt(0)+n.charAt(0)+a.charAt(0):"#"+o+r+n+a},d.num=function(e){var t=m(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0};const p=/\[object Object\]/,b=(e,t)=>{"string"==typeof e&&p.test(e)||t()},g=(e,t)=>{"string"==typeof e&&""===e||t()},w=(e,t)=>{Object.defineProperty(e,"target",{value:t,writable:!1})},S=(e,t,o,r={})=>{var n,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextState.get(t)!==o&&(e.nextHooks.get(t)instanceof Map==0&&e.nextHooks.set(t,new Map),"function"==typeof r.afterPatch&&(null===(n=e.nextHooks.get(t))||void 0===n||n.set("afterPatch",r.afterPatch)),"function"==typeof r.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",r.beforePatch)),e.nextState.set(t,o),(e=>{var t,o,r;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,o)=>{var r;const n=t.get("beforePatch");"function"==typeof n&&n(null===(r=e.nextState)||void 0===r?void 0:r.get(o),e.nextState,e,o)})),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(r=e.nextHooks)||void 0===r||r.forEach(((t,o)=>{const r=t.get("afterPatch");"function"==typeof r&&r(e.state[o],e.state,e,o)}))),delete e.nextHooks})(e))},N=(e,t,o,r,a,l={})=>{o(a)?S(e,t,a,null==l?void 0:l.hooks):void 0===a||null===a&&(void 0===(null==l?void 0:l.required)||!1===(null==l?void 0:l.required))?S(e,t,null==l?void 0:l.defaultValue,null==l?void 0:l.hooks):(void 0!==(null==l?void 0:l.required)&&!1!==(null==l?void 0:l.required)||r.add(null),((e,t,o,r)=>{n(`[${e.constructor.name}] Der Property-Wert (${o}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(r).join(", ")}`)})(e,t,a,r))},M=(e,t,o,r)=>{N(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,r)},E=(e,t,o,r={})=>{const n="number"==typeof r.minLength?null==r?void 0:r.minLength:0;N(e,t,(e=>"string"==typeof e&&e.length>=n),new Set([`String (Mindestlänge ${n})`]),o,r)},j=(e,t,o,r)=>{N(e,t,(e=>"number"==typeof e&&(void 0===(null==r?void 0:r.min)||"number"==typeof(null==r?void 0:r.min)&&e>=r.min)&&(void 0===(null==r?void 0:r.max)||"number"==typeof(null==r?void 0:r.max)&&e<=r.max)),new Set(["Number"]),o,r)},O=(e,t,o,r,a=(e=>e==e),l={})=>{g(r,(()=>{b(r,(()=>{void 0===r&&(r=[]);try{try{r=T(r)}catch(e){}if(Array.isArray(r)){const n=r.find((e=>!o(e)));void 0===n&&a(r)?S(e,t,r,l.hooks):b(n,(()=>{throw console.log(n),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else b(r,(()=>{throw new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){n("Known bug: Zeichenkettenliste (string[])")}}))}))},k=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw r.warn(["stringifyJson",e]),r.error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet."),new Error}},D=/[\\[\\{]/,T=e=>{if("string"==typeof e&&D.test(e))try{return JSON.parse(e)}catch(t){try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){r.warn(["parseJson",e]),r.error("↑ Der JSON-String konnte nicht geparsed werden. Achten Sie darauf, dass einfache Anführungszeichen im Text maskiert werden (‘).")}}throw new Error},H=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,L=e=>"string"==typeof e?e:H(e),C=(e,t)=>u(e,t||o()),P=(e,t)=>c(e,t||o());let A=null;const J=()=>(A=A||{backgroundColor:"#00000000",color:"#00000000",domNode:o().body,level:"Fail",score:1},A),$=/(\d+, ){3}0\)/,q=(o,n=J())=>{const a=getComputedStyle(o),l=$.test(a.backgroundColor)?n.backgroundColor:d.hex(a.backgroundColor),s=$.test(a.color)?n.color:d.hex(a.color),i=e(l,s),c={backgroundColor:l,color:s,domNode:o,level:t(i),score:i};return i<4.5&&r.error(["Color-Contrast-Error",{backgroundColor:c.backgroundColor,color:c.color,level:c.level,score:c.score},c.domNode]),c},x=(e,t=J())=>{t.domNode instanceof HTMLElement&&(t=q(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let r=0;r<o.length&&(t.domNode=o[r],null===(t=x(e,t)).domNode);r++);return t}return q(o,t)},z=(e,t=window)=>{e instanceof HTMLElement?(t.scrollTo({behavior:"smooth",top:e.getBoundingClientRect().top+a().pageYOffset-50}),e.focus()):n("Das HTMLElement ist nicht valide, zu dem gescrollt werden soll.")},B=(e,t)=>{if((e instanceof Document||e instanceof HTMLElement||e instanceof ShadowRoot)&&"string"==typeof t){n("Bei der Methode querySelectorAll wurden die Parameter document, selector in selector, document getauscht, da der Parameter selector nicht, allerdings der Parameter document optional sein kann.");const o=`${t}`;t=e,e=o}if("string"==typeof e){const o=C(e,t);o instanceof HTMLElement?z(o):n(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else n("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class K{static queryHtmlElementColors(e,t,o=!1,n=!0){let a=null;if(!0===o||!1===K.executionLock)if(!1===o&&(K.cache.clear(),K.cache.set(t.domNode,t),K.executionLock=!0,!0===n&&r.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)a=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const r=t.domNode;if("function"==typeof r.assignedNodes){const e=r.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const n=t.domNode.children;for(let e=0;e<n.length;e++)o.add(n[e]);const l=Array.from(o);for(let o=0;o<l.length;o++){let r=K.cache.get(l[o]);void 0===r&&(r=q(l[o],t)),K.cache.set(l[o],r);const n=K.queryHtmlElementColors(e,r,!0,!1);if(null!==n){a=n;break}}}else r.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===n&&r.debug(`[KoliBriUtils] Color contrast analysis finished (${K.cache.size} DOM elements are analysed).`),K.executionLock=!1,K.cache.clear()),a}}K.executionLock=!1,K.cache=new Map;class R{}R.patchTheme=i,R.patchThemeTag=l,R.querySelector=C,R.querySelectorAll=P,R.scrollByHTMLElement=z,R.scrollBySelector=B,R.stringifyJson=k;export{R as K,N as a,M as b,O as c,w as d,H as e,j as f,B as g,g as h,K as i,q as j,C as k,P as l,L as m,x as n,b as o,T as p,k as q,d as r,S as s,E as w};
|