@public-ui/components 1.1.15-rc.2 → 1.1.15-rc.4
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/cheat-sheet.html +6 -6
- package/custom-elements.json +1 -1
- package/dist/cjs/{app-globals-2f5ad72e.js → app-globals-ecd5cf81.js} +1 -1
- package/dist/cjs/controller-69fb7984.js +4 -0
- package/dist/cjs/controller-981f525f.js +4 -0
- package/dist/cjs/controller-ecd4b3bf.js +4 -0
- package/dist/cjs/controller-f2f8800b.js +4 -0
- package/dist/cjs/index-59a3234b.js +5 -0
- package/dist/cjs/kol-abbr.cjs.entry.js +1 -1
- package/dist/cjs/kol-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kol-alert.cjs.entry.js +1 -1
- package/dist/cjs/kol-badge.cjs.entry.js +1 -1
- package/dist/cjs/kol-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-group-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-button-wc_3.cjs.entry.js +1 -1
- package/dist/cjs/kol-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-card.cjs.entry.js +1 -1
- package/dist/cjs/kol-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-counter.cjs.entry.js +1 -1
- package/dist/cjs/kol-details.cjs.entry.js +1 -1
- package/dist/cjs/kol-form.cjs.entry.js +1 -1
- package/dist/cjs/kol-heading.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon-font-awesome.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon-icofont.cjs.entry.js +1 -1
- package/dist/cjs/kol-icon.cjs.entry.js +1 -1
- package/dist/cjs/kol-indented-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-adapter-leanup.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-color.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-date.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-email.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-file.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-number.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-password.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-radio.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-range.cjs.entry.js +1 -1
- package/dist/cjs/kol-input-text.cjs.entry.js +1 -1
- package/dist/cjs/kol-kolibri.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-button.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-group.cjs.entry.js +1 -1
- package/dist/cjs/kol-link-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-link.cjs.entry.js +1 -1
- package/dist/cjs/kol-logo.cjs.entry.js +1 -1
- package/dist/cjs/kol-modal.cjs.entry.js +1 -1
- package/dist/cjs/kol-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-pagination.cjs.entry.js +1 -1
- package/dist/cjs/kol-progress.cjs.entry.js +1 -1
- package/dist/cjs/kol-select.cjs.entry.js +1 -1
- package/dist/cjs/kol-skip-nav.cjs.entry.js +1 -1
- package/dist/cjs/kol-span-wc.cjs.entry.js +1 -1
- package/dist/cjs/kol-span.cjs.entry.js +1 -1
- package/dist/cjs/kol-spin.cjs.entry.js +1 -1
- package/dist/cjs/kol-symbol.cjs.entry.js +1 -1
- package/dist/cjs/kol-table.cjs.entry.js +1 -1
- package/dist/cjs/kol-tabs.cjs.entry.js +1 -1
- package/dist/cjs/kol-textarea.cjs.entry.js +1 -1
- package/dist/cjs/kol-toast.cjs.entry.js +1 -1
- package/dist/cjs/kol-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/kol-version.cjs.entry.js +1 -1
- package/dist/cjs/kolibri.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/components/component10.js +1 -1
- package/dist/components/component13.js +1 -1
- package/dist/components/component4.js +1 -1
- package/dist/components/component9.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/kol-button-link.js +1 -1
- package/dist/components/kol-input-checkbox.js +1 -1
- package/dist/components/kol-input-color.js +1 -1
- package/dist/components/kol-input-email.js +1 -1
- package/dist/components/kol-input-file.js +1 -1
- package/dist/components/kol-input-password.js +1 -1
- package/dist/components/kol-input-range.js +1 -1
- package/dist/components/kol-input-text.js +1 -1
- package/dist/components/kol-textarea.js +1 -1
- package/dist/esm/{app-globals-a1a08446.js → app-globals-d76669fa.js} +1 -1
- package/dist/esm/controller-157ac6c5.js +4 -0
- package/dist/esm/controller-6dc0b79d.js +4 -0
- package/dist/esm/controller-e77a2ece.js +4 -0
- package/dist/esm/controller-fd64712e.js +4 -0
- package/dist/esm/index-a9774259.js +5 -0
- package/dist/esm/kol-abbr.entry.js +1 -1
- package/dist/esm/kol-accordion.entry.js +1 -1
- package/dist/esm/kol-alert.entry.js +1 -1
- package/dist/esm/kol-badge.entry.js +1 -1
- package/dist/esm/kol-breadcrumb.entry.js +1 -1
- package/dist/esm/kol-button-group-wc.entry.js +1 -1
- package/dist/esm/kol-button-group.entry.js +1 -1
- package/dist/esm/kol-button-link.entry.js +1 -1
- package/dist/esm/kol-button-wc_3.entry.js +1 -1
- package/dist/esm/kol-button.entry.js +1 -1
- package/dist/esm/kol-card.entry.js +1 -1
- package/dist/esm/kol-color.entry.js +1 -1
- package/dist/esm/kol-counter.entry.js +1 -1
- package/dist/esm/kol-details.entry.js +1 -1
- package/dist/esm/kol-form.entry.js +1 -1
- package/dist/esm/kol-heading.entry.js +1 -1
- package/dist/esm/kol-icon-font-awesome.entry.js +1 -1
- package/dist/esm/kol-icon-icofont.entry.js +1 -1
- package/dist/esm/kol-icon.entry.js +1 -1
- package/dist/esm/kol-indented-text.entry.js +1 -1
- package/dist/esm/kol-input-adapter-leanup.entry.js +1 -1
- package/dist/esm/kol-input-checkbox.entry.js +1 -1
- package/dist/esm/kol-input-color.entry.js +1 -1
- package/dist/esm/kol-input-date.entry.js +1 -1
- package/dist/esm/kol-input-email.entry.js +1 -1
- package/dist/esm/kol-input-file.entry.js +1 -1
- package/dist/esm/kol-input-number.entry.js +1 -1
- package/dist/esm/kol-input-password.entry.js +1 -1
- package/dist/esm/kol-input-radio-group.entry.js +1 -1
- package/dist/esm/kol-input-radio.entry.js +1 -1
- package/dist/esm/kol-input-range.entry.js +1 -1
- package/dist/esm/kol-input-text.entry.js +1 -1
- package/dist/esm/kol-kolibri.entry.js +1 -1
- package/dist/esm/kol-link-button.entry.js +1 -1
- package/dist/esm/kol-link-group.entry.js +1 -1
- package/dist/esm/kol-link-wc.entry.js +1 -1
- package/dist/esm/kol-link.entry.js +1 -1
- package/dist/esm/kol-logo.entry.js +1 -1
- package/dist/esm/kol-modal.entry.js +1 -1
- package/dist/esm/kol-nav.entry.js +1 -1
- package/dist/esm/kol-pagination.entry.js +1 -1
- package/dist/esm/kol-progress.entry.js +1 -1
- package/dist/esm/kol-select.entry.js +1 -1
- package/dist/esm/kol-skip-nav.entry.js +1 -1
- package/dist/esm/kol-span-wc.entry.js +1 -1
- package/dist/esm/kol-span.entry.js +1 -1
- package/dist/esm/kol-spin.entry.js +1 -1
- package/dist/esm/kol-symbol.entry.js +1 -1
- package/dist/esm/kol-table.entry.js +1 -1
- package/dist/esm/kol-tabs.entry.js +1 -1
- package/dist/esm/kol-textarea.entry.js +1 -1
- package/dist/esm/kol-toast.entry.js +1 -1
- package/dist/esm/kol-tooltip.entry.js +1 -1
- package/dist/esm/kol-version.entry.js +1 -1
- package/dist/esm/kolibri.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/kolibri/{app-globals-a1a08446.js → app-globals-d76669fa.js} +1 -1
- package/dist/kolibri/assets/form-simulation.js +1 -1
- package/dist/kolibri/controller-157ac6c5.js +4 -0
- package/dist/kolibri/controller-6dc0b79d.js +4 -0
- package/dist/kolibri/controller-e77a2ece.js +4 -0
- package/dist/kolibri/controller-fd64712e.js +4 -0
- package/dist/kolibri/index-a9774259.js +5 -0
- package/dist/kolibri/kol-abbr.entry.js +1 -1
- package/dist/kolibri/kol-accordion.entry.js +1 -1
- package/dist/kolibri/kol-alert.entry.js +1 -1
- package/dist/kolibri/kol-badge.entry.js +1 -1
- package/dist/kolibri/kol-breadcrumb.entry.js +1 -1
- package/dist/kolibri/kol-button-group-wc.entry.js +1 -1
- package/dist/kolibri/kol-button-group.entry.js +1 -1
- package/dist/kolibri/kol-button-link.entry.js +1 -1
- package/dist/kolibri/kol-button-wc_3.entry.js +1 -1
- package/dist/kolibri/kol-button.entry.js +1 -1
- package/dist/kolibri/kol-card.entry.js +1 -1
- package/dist/kolibri/kol-color.entry.js +1 -1
- package/dist/kolibri/kol-counter.entry.js +1 -1
- package/dist/kolibri/kol-details.entry.js +1 -1
- package/dist/kolibri/kol-form.entry.js +1 -1
- package/dist/kolibri/kol-heading.entry.js +1 -1
- package/dist/kolibri/kol-icon-font-awesome.entry.js +1 -1
- package/dist/kolibri/kol-icon-icofont.entry.js +1 -1
- package/dist/kolibri/kol-icon.entry.js +1 -1
- package/dist/kolibri/kol-indented-text.entry.js +1 -1
- package/dist/kolibri/kol-input-adapter-leanup.entry.js +1 -1
- package/dist/kolibri/kol-input-checkbox.entry.js +1 -1
- package/dist/kolibri/kol-input-color.entry.js +1 -1
- package/dist/kolibri/kol-input-date.entry.js +1 -1
- package/dist/kolibri/kol-input-email.entry.js +1 -1
- package/dist/kolibri/kol-input-file.entry.js +1 -1
- package/dist/kolibri/kol-input-number.entry.js +1 -1
- package/dist/kolibri/kol-input-password.entry.js +1 -1
- package/dist/kolibri/kol-input-radio-group.entry.js +1 -1
- package/dist/kolibri/kol-input-radio.entry.js +1 -1
- package/dist/kolibri/kol-input-range.entry.js +1 -1
- package/dist/kolibri/kol-input-text.entry.js +1 -1
- package/dist/kolibri/kol-kolibri.entry.js +1 -1
- package/dist/kolibri/kol-link-button.entry.js +1 -1
- package/dist/kolibri/kol-link-group.entry.js +1 -1
- package/dist/kolibri/kol-link-wc.entry.js +1 -1
- package/dist/kolibri/kol-link.entry.js +1 -1
- package/dist/kolibri/kol-logo.entry.js +1 -1
- package/dist/kolibri/kol-modal.entry.js +1 -1
- package/dist/kolibri/kol-nav.entry.js +1 -1
- package/dist/kolibri/kol-pagination.entry.js +1 -1
- package/dist/kolibri/kol-progress.entry.js +1 -1
- package/dist/kolibri/kol-select.entry.js +1 -1
- package/dist/kolibri/kol-skip-nav.entry.js +1 -1
- package/dist/kolibri/kol-span-wc.entry.js +1 -1
- package/dist/kolibri/kol-span.entry.js +1 -1
- package/dist/kolibri/kol-spin.entry.js +1 -1
- package/dist/kolibri/kol-symbol.entry.js +1 -1
- package/dist/kolibri/kol-table.entry.js +1 -1
- package/dist/kolibri/kol-tabs.entry.js +1 -1
- package/dist/kolibri/kol-textarea.entry.js +1 -1
- package/dist/kolibri/kol-toast.entry.js +1 -1
- package/dist/kolibri/kol-tooltip.entry.js +1 -1
- package/dist/kolibri/kol-version.entry.js +1 -1
- package/dist/kolibri/kolibri.esm.js +1 -1
- package/dist/types/components/@deprecated/input/controller.d.ts +1 -1
- package/dist/types/components/button/component.d.ts +1 -2
- package/dist/types/components/button-link/component.d.ts +1 -2
- package/dist/types/components/input-adapter-leanup/controller.d.ts +5 -1
- package/dist/types/components/input-checkbox/component.d.ts +1 -0
- package/dist/types/components/input-checkbox/controller.d.ts +1 -1
- package/dist/types/components/input-checkbox/types.d.ts +1 -1
- package/dist/types/components/input-color/component.d.ts +1 -0
- package/dist/types/components/input-color/controller.d.ts +1 -1
- package/dist/types/components/input-color/types.d.ts +1 -1
- package/dist/types/components/input-email/component.d.ts +1 -2
- package/dist/types/components/input-email/controller.d.ts +1 -1
- package/dist/types/components/input-email/types.d.ts +1 -1
- package/dist/types/components/input-file/component.d.ts +1 -0
- package/dist/types/components/input-file/controller.d.ts +1 -1
- package/dist/types/components/input-file/types.d.ts +1 -1
- package/dist/types/components/input-number/component.d.ts +1 -2
- package/dist/types/components/input-number/controller.d.ts +1 -1
- package/dist/types/components/input-number/types.d.ts +1 -1
- package/dist/types/components/input-password/component.d.ts +1 -2
- package/dist/types/components/input-password/controller.d.ts +1 -1
- package/dist/types/components/input-password/types.d.ts +1 -1
- package/dist/types/components/input-radio/component.d.ts +1 -0
- package/dist/types/components/input-radio/controller.d.ts +2 -2
- package/dist/types/components/input-radio/types.d.ts +1 -1
- package/dist/types/components/input-range/component.d.ts +1 -0
- package/dist/types/components/input-range/controller.d.ts +1 -1
- package/dist/types/components/input-range/types.d.ts +1 -1
- package/dist/types/components/input-text/component.d.ts +1 -2
- package/dist/types/components/input-text/controller.d.ts +2 -2
- package/dist/types/components/select/component.d.ts +1 -0
- package/dist/types/components/select/controller.d.ts +1 -1
- package/dist/types/components/select/types.d.ts +0 -1
- package/dist/types/components/textarea/component.d.ts +1 -0
- package/dist/types/components/textarea/controller.d.ts +1 -1
- package/dist/types/components/textarea/types.d.ts +1 -1
- package/jest-test-results.json +1 -1
- package/package.json +1 -1
- package/dist/cjs/controller-7a669fcf.js +0 -4
- package/dist/cjs/controller-957d7155.js +0 -4
- package/dist/cjs/controller-a39c4cc4.js +0 -4
- package/dist/cjs/controller-d456639a.js +0 -4
- package/dist/cjs/index-06f1dad8.js +0 -5
- package/dist/esm/controller-07e4ad7a.js +0 -4
- package/dist/esm/controller-2a131d12.js +0 -4
- package/dist/esm/controller-d1697e9e.js +0 -4
- package/dist/esm/controller-df155f62.js +0 -4
- package/dist/esm/index-5878bd01.js +0 -5
- package/dist/kolibri/controller-07e4ad7a.js +0 -4
- package/dist/kolibri/controller-2a131d12.js +0 -4
- package/dist/kolibri/controller-d1697e9e.js +0 -4
- package/dist/kolibri/controller-df155f62.js +0 -4
- package/dist/kolibri/index-5878bd01.js +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
const FORMULAR_FORM=LeanUpForm.FormFactory.createForm("anschrift",{anschrift:{anrede:{ansprache:"Frau",vorname:"Elke",nachname:"Mustermann"},adresse:{strasse:"Musterstraße",hausnummer:"1a",ort:"Musterstadt",plz:"54321"}},email:"",text:"",datum:"2000-12-24",password:"Passwort",betrag:45,status:0,agb:null,datenschutz:null});console.log(FORMULAR_FORM);const ANSCHRIFT_FORM=FORMULAR_FORM.getControl("anschrift"),ANREDE_FORM=ANSCHRIFT_FORM.getControl("anrede"),ANREDE_ANSPRACHE_INPUT=ANREDE_FORM.getControl("ansprache"),ANREDE_VORNAME_INPUT=ANREDE_FORM.getControl("vorname"),ANREDE_NACHNAME_INPUT=ANREDE_FORM.getControl("nachname");ANREDE_ANSPRACHE_INPUT.label="Anrede",ANREDE_ANSPRACHE_INPUT.mandatory=!0,ANREDE_VORNAME_INPUT.label="Vorname",ANREDE_VORNAME_INPUT.mandatory=!0,ANREDE_VORNAME_INPUT.info="Bitte geben Sie einen schönen Vorname ein.",ANREDE_NACHNAME_INPUT.label="Nachname",ANREDE_VORNAME_INPUT.changeListeners.add(((...a)=>{console.log(...a)}));class DemoFehler extends LeanUpForm.AbstractValidator{constructor(){super("Test")}isValid(a){return!("string"==typeof a&&a.length>5||"boolean"==typeof a&&!1===a)}}class DemoFormatter extends LeanUpForm.AbstractFormatter{format(a){return a.toLocaleUpperCase()}parse(a){return a}}class Demo4SignSepFormatter extends LeanUpForm.AbstractFormatter{format(a){const e=a.match(/(.{1,4})/g);return Array.isArray(e)?e.join(" "):a}parse(a){return a.replace(/ +/g,"")}}class DemoMaxLength extends LeanUpForm.AbstractFormatter{format(a){return a}parse(a){return a.substring(0,6)}}const VALIDATION_HANDLER=new LeanUpForm.ValidationHandler;VALIDATION_HANDLER.validators.add(new DemoFehler),ANREDE_VORNAME_INPUT.setValidationHandler(VALIDATION_HANDLER),ANREDE_NACHNAME_INPUT.setValidationHandler(VALIDATION_HANDLER);const FORMAT_HANDLER=new LeanUpForm.FormatHandler;FORMAT_HANDLER.formatters.add([new DemoFormatter,new Demo4SignSepFormatter,new DemoMaxLength]),ANREDE_VORNAME_INPUT.setFormatHandler(FORMAT_HANDLER),document.querySelector("#kol-input-text")._control=ANREDE_VORNAME_INPUT;const ADRESSE_FORM=ANSCHRIFT_FORM.getControl("adresse"),ADRESSE_STRASSE_INPUT=ADRESSE_FORM.getControl("strasse"),ADRESSE_HAUSNUMMER_INPUT=ADRESSE_FORM.getControl("hausnummer"),ADRESSE_PLZ_INPUT=ADRESSE_FORM.getControl("plz"),ADRESSE_ORT_INPUT=ADRESSE_FORM.getControl("ort");ADRESSE_STRASSE_INPUT.label="Straße",ADRESSE_HAUSNUMMER_INPUT.label="Hausnummer",ADRESSE_PLZ_INPUT.label="Postleitzahl",ADRESSE_ORT_INPUT.label="Ort";const STATUS_INPUT=FORMULAR_FORM.getControl("status"),EMAIL_INPUT=FORMULAR_FORM.getControl("email"),TEXT_INPUT=FORMULAR_FORM.getControl("text"),BETRAG_INPUT=FORMULAR_FORM.getControl("betrag"),AGB_INPUT=FORMULAR_FORM.getControl("agb"),DATENSCHUTZ_INPUT=FORMULAR_FORM.getControl("datenschutz");STATUS_INPUT.label="Status",EMAIL_INPUT.label="E-Mail-Adresse",EMAIL_INPUT.info="Bitte geben Sie hier eine E-Mail-Adresse ein.",TEXT_INPUT.label="Text",TEXT_INPUT.mandatory=!0,TEXT_INPUT.setValidationHandler(VALIDATION_HANDLER),BETRAG_INPUT.label="Betrag",BETRAG_INPUT.mandatory=!0,BETRAG_INPUT.setValidationHandler(VALIDATION_HANDLER),AGB_INPUT.label="Ich akzeptiere die Allgemeinen Geschäftsbedingungen.",AGB_INPUT.mandatory=!0,AGB_INPUT.setValidationHandler(VALIDATION_HANDLER),DATENSCHUTZ_INPUT.label="Ich akzeptiere die Datenschutzerklärung.";const PASSWORD_INPUT=FORMULAR_FORM.getControl("password"),DATUM_INPUT=FORMULAR_FORM.getControl("datum");function domReady(){document.querySelector("#anrede-adapter")._control=ANREDE_ANSPRACHE_INPUT;const a=[{label:"Herr",value:"Herr"},{label:"Frau",value:"Frau"}];document.querySelectorAll("kol-input-radido").forEach((e=>{e._list=a,e._on={onChange:console.log}})),document.querySelector("kol-form").addEventListener("submit",(a=>{a.stopPropagation(),console.log(a,ANREDE_FORM.getData())}));document.querySelectorAll(".datenschutz-checkbox").forEach((a=>{a._control=AGB_INPUT})),document.querySelector("#new-input-checkbox")._control=AGB_INPUT,document.querySelector("#new-input-checkbox-leanup")._control=AGB_INPUT,document.querySelectorAll("kol-input-rasdio").forEach((e=>{e._list=a})),document.querySelector("#kol-input-text")._control=ANREDE_VORNAME_INPUT,document.querySelector("kol-input-text.vorname")._list=NAMEN,document.querySelector("#new-input-email")._control=EMAIL_INPUT,document.querySelector("#new-input-color")._control=new LeanUpForm.InputControl("color",{label:"Farbe",value:"#ff0000"}),document.querySelector("#new-input-file")._control=new LeanUpForm.InputControl("file",{label:"Datei(en) hochladen"}),document.querySelector("#new-input-range")._control=BETRAG_INPUT,document.querySelector("#new-textarea")._control=TEXT_INPUT;const e=setInterval((()=>{TEXT_INPUT.value=`${TEXT_INPUT.value}A`,document.querySelector('kol-textarea[_hide-label=""]')._value=TEXT_INPUT.value}),1e3),n=setTimeout((()=>{clearInterval(e),clearTimeout(n)}),10);STATUS_INPUT.value="['c1','2']",document.querySelectorAll("kol-select").forEach((a=>{a._on={onChange:console.log}})),document.querySelectorAll("kol-select.list4value").forEach((a=>{a._list="[{'value':null,'label':'- keine Auswahl -'},{'label':'Optgroup 1','options':[{'value':'a1','label':'A1'},{'disabled':true,'value':'b1','label':'B1'},{'label':'Optgroup 2','options':[{'value':'a2','label':'A2'},{'value':'b2','label':'B2'}]},{'value':'c1','label':'C1'}]},{'value':'1','label':'Gute Laune'},{'value':'2','label':'Geht so'},{'value':'3','label':'Schlechte Laune'},{'value':'4','label':'ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen'}]"})),document.querySelectorAll("kol-select.value4list").forEach((a=>{a._value=STATUS_INPUT.value})),setTimeout((()=>{document.querySelectorAll("kol-select.value4list").forEach((a=>{a._list="[{'value':null,'label':'- keine Auswahl -'},{'label':'Optgroup 1','options':[{'value':'a1','label':'A1'},{'disabled':true,'value':'b1','label':'B1'},{'label':'Optgroup 2','options':[{'value':'a2','label':'A2'},{'value':'b2','label':'B2'}]},{'value':'c1','label':'C1'}]},{'value':'1','label':'Gute Laune'},{'value':'2','label':'Geht so'},{'value':'3','label':'Schlechte Laune'},{'value':'4','label':'ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen'}]"})),document.querySelectorAll(".select-adapter").forEach((a=>{a._control=STATUS_INPUT})),document.querySelectorAll("kol-select.list4value").forEach((a=>{a._value=STATUS_INPUT.value}))}),5e3),document.querySelector("#new-input-date")._control=DATUM_INPUT,document.querySelector("#filter-table")._data=DATA,document.querySelector("#filter-input")._on={onChange:a=>{console.log(a.target.value),document.querySelector("#filter-table")._data=DATA.filter((e=>{const n=new RegExp(a.target.value,"i");return n.test(e.montag)||n.test(e.dienstag)||n.test(e.mittwoch)||n.test(e.donnerstag)||n.test(e.freitag)}))}};var t=document.querySelector("#fix-select-multi");t instanceof HTMLElement&&(t._list=[{label:"Baum",value:Date.now()},{label:"Baum",value:Date.now()}],t._on={onChange:(...a)=>{console.log("onChange",a),setTimeout((()=>{t._list=[{label:"Baum",value:Date.now()}].concat(t._list),setTimeout((()=>{console.log(t._value)}),100)}),100)}})}PASSWORD_INPUT.label="Passwort",DATUM_INPUT.label="Datum",ANREDE_ANSPRACHE_INPUT.readonly=!0,ANREDE_ANSPRACHE_INPUT.changeListeners.add((a=>{ANREDE_VORNAME_INPUT.disabled=!ANREDE_VORNAME_INPUT.disabled,ANREDE_NACHNAME_INPUT.readonly=!ANREDE_NACHNAME_INPUT.readonly,AGB_INPUT.readonly=!AGB_INPUT.readonly,DATENSCHUTZ_INPUT.disabled=!DATENSCHUTZ_INPUT.disabled})),ANREDE_VORNAME_INPUT.changeListeners.add((()=>{})),ANREDE_NACHNAME_INPUT.changeListeners.add((()=>{document.querySelector("#nachname").setAttribute("_readonly",ANREDE_NACHNAME_INPUT.readonly)})),document.onreadystatechange=function(){"complete"==document.readyState&&setTimeout(domReady,1e3)};const DATA=[{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Hong",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"}],NAMEN=["Lucy","Lukas","Ella","Konstantin","Amy","Ben","Emely","Jonas","Finja","Elias","Amelie","Niklas","Luise","David","Frieda","Oskar","Katharina","Philipp","Romy","Leon","Juna","Noah","Theresa","Luis","Eva","Paul","Julia","Finn","Anna","Felix","Carla","Julian","Paulina","Maximilian","Elisabeth","Henry","Rosa","Tim","Mia","Karl","Maya","Friedrich","Selma","Peter","Edda","Quirin","Flora","Liam","Berenike","Linus","Simone","Quentin","Elena","Paul","Meike","Johannes","Susanne","Alexander","Annika","Anton","Augusta","Aras","Alba","Asis","Wilma","Adrian","Annegret","Arthur","Aglaia","Adam","Aaliyah","Arian","Annabelle","Amos","Alma","Arik","Alicia","Ake","Anette","Altfried","Astrid","Ari","Anisha","Andreas","Antke","Allessandro","Abigail","Achim","Aideen","Ben","Aini","Bela","Aida","Baldur","Aamenah","Benedikt","Ariane","Beat","Adriana","Bernd","Alexandra","Bertram","Ava","Blue","Arielle","Badi","Allissa","Batiste","Aamu","Bastian","Arzu","Caleb","Anouk","Caspar","Andrea","Calvin","Bianca","Cadmus","Blanka","Christoph","Benita","Cedrik","Bettina","Camern","Bamika","Carsten","Bente","Cainan","Barbara","Cem","Berit","Carl","Bentje","Cyranus","Birte","Curt","Brigitte","Daniel","Christiane","Dominik","Charlotte","Darius","Catherina","Dario","Caroline","Dag","Caren","Diminic","Caecilia","Damian","Celine","Diego","Coco","Dieter","Chaya","Demian","Dalia","Dewis","Deenah","Dirk","Daphne","Donald","Delia","Enzo","Dari","Emil","Doerte","Erik","Djamila","Edwin","Dominique","Eliah","Doerte","Ethan","Dorothee","Erwin","Emira","Eliot","Emily","Enes","Elif","Emilio","Ellen","Ebbo","Enna","Eberhard","Ebba","Edgar","Eleni","Fabrizius","Freya","Finn","Fiona","Fabian","Franziska","Fabio","Luzia","Finjas","Fabienne","Franz","Mädchen","Jungen","Fiona","Falko","Felina","Fatih","Felicitas","Fynn","Fabia","Flavio","Fabiola","Fady","Fabrizia","Fritz","Filomae","Falko","Floris","Gabriel","Fae","Gustav","Fanny","Guiseppe","Fritzi","Günter","Greta","Gerhard","Gabrielle","Georg","Grit","Gel","Gwen","Gerald","Gabi","Geoffrey","Gila","Gismund","Giorgina","Giulio","Gisele","Godo","Heike","Henri","Hanna","Hannes","Helena","Henry","Haima","Henrik","Heike","Hendrik","Helen","Heiko","Isabell","Haku","Ida","Hanno","Ilona","Hugo","Ingrid","Henryk","Iris","Hardy","Ira","Hagar","Iara","Hafiz","Ivette","Haile","Irma","Hakan","Jardis","Hasso","Juni","Harry","Juna","Hauke","Josephine","Harun","Jella","Hayo","Jill","Idil","Jennifer","Ian","Jakobine","Izzy","Jessika","Ibrahim","Julie","Igor","Jasmin","Jack","Joana","Jules","Jaqueline","Julian","Jonna","Jan","Jean","Jakob","Janis","Jaap","Jodi","Jonathan","Jen","Jannik","Justyna","Jona","Jutta","Jannis","Kathleen","Joel","Kayra","Jonte","Klara","Jarin","Kiara","Jörn","Kathrin","Jari","Catrin","Jannik","Kiki","Jukka","Judith","Samo","Celia","Jaakov","Kaaria","Jeremy","Kerstin","Jarne","Kim","Kilian","Kader","Kai","Kaisa","Kylan","Liv","Kristian","Livia","Kasper","Louisa","Kadmos","Lucy","Klaus","Lina","Kaarle","Lena","Kevin","Leonie","Kadir","Lea","Konrad","Leni","Lukas","Lotta","Leon","Laura","Leopold","Lara","Luca","Lia","Linas","Lisa","Roland","Luna","Leo","Linda","Lennard","Laureen","Luke","Liv","Lenny","Liz","Lasse","Mona","Lion","Mareen","Luca","Mathilda","Lutz","Marlene","Levi","Marianne","Matthias","Mara","Moritz","Mina","Meteo","Magdalena","Mats","Miriam","Matthis","Marianne","Mattes","Martje","Milo","Maeve","Mika","Mae","Maxim","Mädchen","Jungen","Nadja","Marlon","Nadine","Mark","Nele","Matti","Nora","Martin","Nina","Morris","Nada","Miran","Nadeshda","Miro","Nancy","Niklas","Nova","Nika","Nika","Niko","Nike","Nabil","Oda","Noel","Odilie","Nils","Okka","Nick","Olea","Neo","Odett","Nadeem","Olivia","Namo","Odilia","Nepomuk","Oana","Oscar","Pia","Ole","Paula","Oliver","Phlomena","Olivier","Paloma","Onur","Paris","Owen","Paola","Obbo","Poppy","Idil","Panja","Otto","Pardis","Oswald","Quirine","Paul","Quinta","Phil","Qara","Patrick","Ria","Paavo","Rita","Pamir","Raina","Pascal","Rabea","Peter","Radost","Quinn","Rabi","Quazim","Ronina","Kasimir","Rae","René","Radia","Riko","Svea","Robin","Smila","Raphael","Sofia","Rudi","Sonja","Remigius","Sophie","Richard","Stella","Radi","Sarah","Rainer","Silvie","Rasmus","Silke","Ruben","Sila","Samuel","Siri","Stefan","Sarah","Sascha","Saara","Serkan","Svenja","Marco","Sabine","Manuel","Sandra","Tom","Tiffanie","Tim","Thea","Theo","Tilda","Theodor","Tardis","Thilo","Tamina","Till","Tamy","Timo","Trudi","Tino","Tea","Tiny","Tima","Taylor","Tabia","Titus","Tassja","Tristan","Tilla","Tizian","Tabita","Todd","Tahua","Thomas","Uli","Taavi","Ulrike","Tillmann","Ute","Uwe","Uda","Udo","Ulla","Ugor","Ulrika","Ulrich","Ulva","Uli","Ulvi","Ulas","Uma","Ulf","Violeta","Volker","Victoria","Vinzent","Vanessa","Valentin","Valentine","Vitus","Valeska","Volker","Wandy","Valentin","Waris","Vidu","Walli","Valerio","Waltraud","Wilhelm","Wanda","William","Xenia","Will","Xani","Walter","Xanthe","Wanja","Yvonne","Wadi","Yu","Walid","Yla","Xaver","Zoe","Yannis","Zilla","Yannik","Zuri","Yoshi","Zamira","Yunus"];document.querySelector("kol-input-text.vorname")._list=NAMEN;
|
|
1
|
+
const FORMULAR_FORM=LeanUpForm.FormFactory.createForm("anschrift",{anschrift:{anrede:{ansprache:"Frau",vorname:"Elke",nachname:"Mustermann"},adresse:{strasse:"Musterstraße",hausnummer:"1a",ort:"Musterstadt",plz:"54321"}},email:"",text:"",datum:"2000-12-24",password:"Passwort",betrag:45,status:0,agb:null,datenschutz:null});console.log(FORMULAR_FORM);const ANSCHRIFT_FORM=FORMULAR_FORM.getControl("anschrift"),ANREDE_FORM=ANSCHRIFT_FORM.getControl("anrede"),ANREDE_ANSPRACHE_INPUT=ANREDE_FORM.getControl("ansprache"),ANREDE_VORNAME_INPUT=ANREDE_FORM.getControl("vorname"),ANREDE_NACHNAME_INPUT=ANREDE_FORM.getControl("nachname");ANREDE_ANSPRACHE_INPUT.label="Anrede",ANREDE_ANSPRACHE_INPUT.mandatory=!0,ANREDE_VORNAME_INPUT.label="Vorname",ANREDE_VORNAME_INPUT.mandatory=!0,ANREDE_VORNAME_INPUT.info="Bitte geben Sie einen schönen Vorname ein.",ANREDE_NACHNAME_INPUT.label="Nachname",ANREDE_VORNAME_INPUT.changeListeners.add(((...a)=>{console.log(...a)}));class DemoFehler extends LeanUpForm.AbstractValidator{constructor(){super("Test")}isValid(a){return!("string"==typeof a&&a.length>5||"boolean"==typeof a&&!1===a)}}class DemoFormatter extends LeanUpForm.AbstractFormatter{format(a){return a.toLocaleUpperCase()}parse(a){return a}}class Demo4SignSepFormatter extends LeanUpForm.AbstractFormatter{format(a){const e=a.match(/(.{1,4})/g);return Array.isArray(e)?e.join(" "):a}parse(a){return a.replace(/ +/g,"")}}class DemoMaxLength extends LeanUpForm.AbstractFormatter{format(a){return a}parse(a){return a.substring(0,6)}}const VALIDATION_HANDLER=new LeanUpForm.ValidationHandler;VALIDATION_HANDLER.validators.add(new DemoFehler),ANREDE_VORNAME_INPUT.setValidationHandler(VALIDATION_HANDLER),ANREDE_NACHNAME_INPUT.setValidationHandler(VALIDATION_HANDLER);const FORMAT_HANDLER=new LeanUpForm.FormatHandler;FORMAT_HANDLER.formatters.add([new DemoFormatter,new Demo4SignSepFormatter,new DemoMaxLength]),ANREDE_VORNAME_INPUT.setFormatHandler(FORMAT_HANDLER),document.querySelector("#kol-input-text")._control=ANREDE_VORNAME_INPUT;const ADRESSE_FORM=ANSCHRIFT_FORM.getControl("adresse"),ADRESSE_STRASSE_INPUT=ADRESSE_FORM.getControl("strasse"),ADRESSE_HAUSNUMMER_INPUT=ADRESSE_FORM.getControl("hausnummer"),ADRESSE_PLZ_INPUT=ADRESSE_FORM.getControl("plz"),ADRESSE_ORT_INPUT=ADRESSE_FORM.getControl("ort");ADRESSE_STRASSE_INPUT.label="Straße",ADRESSE_HAUSNUMMER_INPUT.label="Hausnummer",ADRESSE_PLZ_INPUT.label="Postleitzahl",ADRESSE_ORT_INPUT.label="Ort";const STATUS_INPUT=FORMULAR_FORM.getControl("status"),EMAIL_INPUT=FORMULAR_FORM.getControl("email"),TEXT_INPUT=FORMULAR_FORM.getControl("text"),BETRAG_INPUT=FORMULAR_FORM.getControl("betrag"),AGB_INPUT=FORMULAR_FORM.getControl("agb"),DATENSCHUTZ_INPUT=FORMULAR_FORM.getControl("datenschutz");STATUS_INPUT.label="Status",EMAIL_INPUT.label="E-Mail-Adresse",EMAIL_INPUT.info="Bitte geben Sie hier eine E-Mail-Adresse ein.",TEXT_INPUT.label="Text",TEXT_INPUT.mandatory=!0,TEXT_INPUT.setValidationHandler(VALIDATION_HANDLER),BETRAG_INPUT.label="Betrag",BETRAG_INPUT.mandatory=!0,BETRAG_INPUT.setValidationHandler(VALIDATION_HANDLER),AGB_INPUT.label="Ich akzeptiere die Allgemeinen Geschäftsbedingungen.",AGB_INPUT.mandatory=!0,AGB_INPUT.setValidationHandler(VALIDATION_HANDLER),DATENSCHUTZ_INPUT.label="Ich akzeptiere die Datenschutzerklärung.";const PASSWORD_INPUT=FORMULAR_FORM.getControl("password"),DATUM_INPUT=FORMULAR_FORM.getControl("datum");function domReady(){document.querySelector("#anrede-adapter")._control=ANREDE_ANSPRACHE_INPUT;const a=[{label:"Herr",value:"Herr"},{label:"Frau",value:"Frau"}];document.querySelectorAll("kol-input-radido").forEach((e=>{e._list=a,e._on={onChange:console.log}})),document.querySelector("kol-form").addEventListener("submit",(a=>{a.stopPropagation(),console.log(a,ANREDE_FORM.getData())}));document.querySelectorAll(".datenschutz-checkbox").forEach((a=>{a._control=AGB_INPUT})),document.querySelector("#new-input-checkbox")._control=AGB_INPUT,document.querySelector("#new-input-checkbox-leanup")._control=AGB_INPUT,document.querySelectorAll("kol-input-radio").forEach((e=>{e._list=a})),document.querySelector("#kol-input-text")._control=ANREDE_VORNAME_INPUT,document.querySelector("kol-input-text.vorname")._list=NAMEN,document.querySelector("#new-input-email")._control=EMAIL_INPUT,document.querySelector("#new-input-color")._control=new LeanUpForm.InputControl("color",{label:"Farbe",value:"#ff0000"}),document.querySelector("#new-input-file")._control=new LeanUpForm.InputControl("file",{label:"Datei(en) hochladen"}),document.querySelector("#new-input-range")._control=BETRAG_INPUT,document.querySelector("#new-textarea")._control=TEXT_INPUT;const e=setInterval((()=>{TEXT_INPUT.value=`${TEXT_INPUT.value}A`,document.querySelector('kol-textarea[_hide-label=""]')._value=TEXT_INPUT.value}),1e3),n=setTimeout((()=>{clearInterval(e),clearTimeout(n)}),10);STATUS_INPUT.value="['c1','2']",document.querySelectorAll("kol-select").forEach((a=>{a._on={onChange:console.log}})),document.querySelectorAll("kol-select.list4value").forEach((a=>{a._list="[{'value':null,'label':'- keine Auswahl -'},{'label':'Optgroup 1','options':[{'value':'a1','label':'A1'},{'disabled':true,'value':'b1','label':'B1'},{'label':'Optgroup 2','options':[{'value':'a2','label':'A2'},{'value':'b2','label':'B2'}]},{'value':'c1','label':'C1'}]},{'value':'1','label':'Gute Laune'},{'value':'2','label':'Geht so'},{'value':'3','label':'Schlechte Laune'},{'value':'4','label':'ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen'}]"})),document.querySelectorAll("kol-select.value4list").forEach((a=>{a._value=STATUS_INPUT.value})),setTimeout((()=>{document.querySelectorAll("kol-select.value4list").forEach((a=>{a._list="[{'value':null,'label':'- keine Auswahl -'},{'label':'Optgroup 1','options':[{'value':'a1','label':'A1'},{'disabled':true,'value':'b1','label':'B1'},{'label':'Optgroup 2','options':[{'value':'a2','label':'A2'},{'value':'b2','label':'B2'}]},{'value':'c1','label':'C1'}]},{'value':'1','label':'Gute Laune'},{'value':'2','label':'Geht so'},{'value':'3','label':'Schlechte Laune'},{'value':'4','label':'ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen'}]"})),document.querySelectorAll(".select-adapter").forEach((a=>{a._control=STATUS_INPUT})),document.querySelectorAll("kol-select.list4value").forEach((a=>{a._value=STATUS_INPUT.value}))}),5e3),document.querySelector("#new-input-date")._control=DATUM_INPUT,document.querySelector("#filter-table")._data=DATA,document.querySelector("#filter-input")._on={onChange:a=>{console.log(a.target.value),document.querySelector("#filter-table")._data=DATA.filter((e=>{const n=new RegExp(a.target.value,"i");return n.test(e.montag)||n.test(e.dienstag)||n.test(e.mittwoch)||n.test(e.donnerstag)||n.test(e.freitag)}))}};var t=document.querySelector("#fix-select-multi");t instanceof HTMLElement&&(t._list=[{label:"Baum",value:Date.now()},{label:"Baum",value:Date.now()}],t._on={onChange:(...a)=>{console.log("onChange",a),setTimeout((()=>{t._list=[{label:"Baum",value:Date.now()}].concat(t._list),setTimeout((()=>{console.log(t._value)}),100)}),100)}})}PASSWORD_INPUT.label="Passwort",DATUM_INPUT.label="Datum",ANREDE_ANSPRACHE_INPUT.readonly=!0,ANREDE_ANSPRACHE_INPUT.changeListeners.add((a=>{ANREDE_VORNAME_INPUT.disabled=!ANREDE_VORNAME_INPUT.disabled,ANREDE_NACHNAME_INPUT.readonly=!ANREDE_NACHNAME_INPUT.readonly,AGB_INPUT.readonly=!AGB_INPUT.readonly,DATENSCHUTZ_INPUT.disabled=!DATENSCHUTZ_INPUT.disabled})),ANREDE_VORNAME_INPUT.changeListeners.add((()=>{})),ANREDE_NACHNAME_INPUT.changeListeners.add((()=>{document.querySelector("#nachname").setAttribute("_readonly",ANREDE_NACHNAME_INPUT.readonly)})),document.onreadystatechange=function(){"complete"==document.readyState&&setTimeout(domReady,1e3)};const DATA=[{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Alex",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Helena",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Marcus"},{montag:"Fabian",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"},{montag:"Hong",dienstag:"Marie",mittwoch:"Kevin",donnerstag:"Maya",freitag:"Ben"}],NAMEN=["Lucy","Lukas","Ella","Konstantin","Amy","Ben","Emely","Jonas","Finja","Elias","Amelie","Niklas","Luise","David","Frieda","Oskar","Katharina","Philipp","Romy","Leon","Juna","Noah","Theresa","Luis","Eva","Paul","Julia","Finn","Anna","Felix","Carla","Julian","Paulina","Maximilian","Elisabeth","Henry","Rosa","Tim","Mia","Karl","Maya","Friedrich","Selma","Peter","Edda","Quirin","Flora","Liam","Berenike","Linus","Simone","Quentin","Elena","Paul","Meike","Johannes","Susanne","Alexander","Annika","Anton","Augusta","Aras","Alba","Asis","Wilma","Adrian","Annegret","Arthur","Aglaia","Adam","Aaliyah","Arian","Annabelle","Amos","Alma","Arik","Alicia","Ake","Anette","Altfried","Astrid","Ari","Anisha","Andreas","Antke","Allessandro","Abigail","Achim","Aideen","Ben","Aini","Bela","Aida","Baldur","Aamenah","Benedikt","Ariane","Beat","Adriana","Bernd","Alexandra","Bertram","Ava","Blue","Arielle","Badi","Allissa","Batiste","Aamu","Bastian","Arzu","Caleb","Anouk","Caspar","Andrea","Calvin","Bianca","Cadmus","Blanka","Christoph","Benita","Cedrik","Bettina","Camern","Bamika","Carsten","Bente","Cainan","Barbara","Cem","Berit","Carl","Bentje","Cyranus","Birte","Curt","Brigitte","Daniel","Christiane","Dominik","Charlotte","Darius","Catherina","Dario","Caroline","Dag","Caren","Diminic","Caecilia","Damian","Celine","Diego","Coco","Dieter","Chaya","Demian","Dalia","Dewis","Deenah","Dirk","Daphne","Donald","Delia","Enzo","Dari","Emil","Doerte","Erik","Djamila","Edwin","Dominique","Eliah","Doerte","Ethan","Dorothee","Erwin","Emira","Eliot","Emily","Enes","Elif","Emilio","Ellen","Ebbo","Enna","Eberhard","Ebba","Edgar","Eleni","Fabrizius","Freya","Finn","Fiona","Fabian","Franziska","Fabio","Luzia","Finjas","Fabienne","Franz","Mädchen","Jungen","Fiona","Falko","Felina","Fatih","Felicitas","Fynn","Fabia","Flavio","Fabiola","Fady","Fabrizia","Fritz","Filomae","Falko","Floris","Gabriel","Fae","Gustav","Fanny","Guiseppe","Fritzi","Günter","Greta","Gerhard","Gabrielle","Georg","Grit","Gel","Gwen","Gerald","Gabi","Geoffrey","Gila","Gismund","Giorgina","Giulio","Gisele","Godo","Heike","Henri","Hanna","Hannes","Helena","Henry","Haima","Henrik","Heike","Hendrik","Helen","Heiko","Isabell","Haku","Ida","Hanno","Ilona","Hugo","Ingrid","Henryk","Iris","Hardy","Ira","Hagar","Iara","Hafiz","Ivette","Haile","Irma","Hakan","Jardis","Hasso","Juni","Harry","Juna","Hauke","Josephine","Harun","Jella","Hayo","Jill","Idil","Jennifer","Ian","Jakobine","Izzy","Jessika","Ibrahim","Julie","Igor","Jasmin","Jack","Joana","Jules","Jaqueline","Julian","Jonna","Jan","Jean","Jakob","Janis","Jaap","Jodi","Jonathan","Jen","Jannik","Justyna","Jona","Jutta","Jannis","Kathleen","Joel","Kayra","Jonte","Klara","Jarin","Kiara","Jörn","Kathrin","Jari","Catrin","Jannik","Kiki","Jukka","Judith","Samo","Celia","Jaakov","Kaaria","Jeremy","Kerstin","Jarne","Kim","Kilian","Kader","Kai","Kaisa","Kylan","Liv","Kristian","Livia","Kasper","Louisa","Kadmos","Lucy","Klaus","Lina","Kaarle","Lena","Kevin","Leonie","Kadir","Lea","Konrad","Leni","Lukas","Lotta","Leon","Laura","Leopold","Lara","Luca","Lia","Linas","Lisa","Roland","Luna","Leo","Linda","Lennard","Laureen","Luke","Liv","Lenny","Liz","Lasse","Mona","Lion","Mareen","Luca","Mathilda","Lutz","Marlene","Levi","Marianne","Matthias","Mara","Moritz","Mina","Meteo","Magdalena","Mats","Miriam","Matthis","Marianne","Mattes","Martje","Milo","Maeve","Mika","Mae","Maxim","Mädchen","Jungen","Nadja","Marlon","Nadine","Mark","Nele","Matti","Nora","Martin","Nina","Morris","Nada","Miran","Nadeshda","Miro","Nancy","Niklas","Nova","Nika","Nika","Niko","Nike","Nabil","Oda","Noel","Odilie","Nils","Okka","Nick","Olea","Neo","Odett","Nadeem","Olivia","Namo","Odilia","Nepomuk","Oana","Oscar","Pia","Ole","Paula","Oliver","Phlomena","Olivier","Paloma","Onur","Paris","Owen","Paola","Obbo","Poppy","Idil","Panja","Otto","Pardis","Oswald","Quirine","Paul","Quinta","Phil","Qara","Patrick","Ria","Paavo","Rita","Pamir","Raina","Pascal","Rabea","Peter","Radost","Quinn","Rabi","Quazim","Ronina","Kasimir","Rae","René","Radia","Riko","Svea","Robin","Smila","Raphael","Sofia","Rudi","Sonja","Remigius","Sophie","Richard","Stella","Radi","Sarah","Rainer","Silvie","Rasmus","Silke","Ruben","Sila","Samuel","Siri","Stefan","Sarah","Sascha","Saara","Serkan","Svenja","Marco","Sabine","Manuel","Sandra","Tom","Tiffanie","Tim","Thea","Theo","Tilda","Theodor","Tardis","Thilo","Tamina","Till","Tamy","Timo","Trudi","Tino","Tea","Tiny","Tima","Taylor","Tabia","Titus","Tassja","Tristan","Tilla","Tizian","Tabita","Todd","Tahua","Thomas","Uli","Taavi","Ulrike","Tillmann","Ute","Uwe","Uda","Udo","Ulla","Ugor","Ulrika","Ulrich","Ulva","Uli","Ulvi","Ulas","Uma","Ulf","Violeta","Volker","Victoria","Vinzent","Vanessa","Valentin","Valentine","Vitus","Valeska","Volker","Wandy","Valentin","Waris","Vidu","Walli","Valerio","Waltraud","Wilhelm","Wanda","William","Xenia","Will","Xani","Walter","Xanthe","Wanja","Yvonne","Wadi","Yu","Walid","Yla","Xaver","Zoe","Yannis","Zilla","Yannik","Zuri","Yoshi","Zamira","Yunus"];document.querySelector("kol-input-text.vorname")._list=NAMEN;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
|
+
*/
|
|
4
|
+
import{d as t}from"./a11y.tipps-7e981511.js";import{a as e,b as i,f as s,w as a}from"./prop.validators-6128c2dd.js";import{I as h}from"./controller-e77a2ece.js";class o extends h{constructor(e,a,o){super(e,a,o),this.handleHiddenLabelAndRequired=()=>{!0===this.component.state._hideLabel&&!0===this.component.state._required?(t("[KolInput*] Wenn man das Label ausblendet, dann kann der sehende Nutzer:in nicht mehr erkennen, ob die Eingabe erforderlich ist."),this.hideLabel=!1):this.hideLabel=!0===this.component.state._hideLabel},this.component=e}validateAutoComplete(t){e(this.component,"_autoComplete",(e=>"string"==typeof e&&("on"===e||"off"===e)),new Set(["on | off"]),t)}validateHideLabel(e){i(this.component,"_hideLabel",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateMaxLength(e){s(this.component,"_maxLength",e,{min:0})}validatePattern(e){a(this.component,"_pattern",e)}validatePlaceholder(e){a(this.component,"_placeholder",e)}validateReadOnly(e){i(this.component,"_readOnly",e)}validateRequired(e){i(this.component,"_required",e,{hooks:{afterPatch:this.handleHiddenLabelAndRequired}})}validateSize(e){s(this.component,"_size",e,{min:1})}validateValue(e){a(this.component,"_value",e)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(e){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(e)}onFocus(e){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(e)}}export{o as I};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
|
+
*/
|
|
4
|
+
import{a as t,c as s,g as i,s as e,b as a}from"./prop.validators-6128c2dd.js";import{S as o}from"./validator-fe8c60ef.js";import{I as r}from"./controller-e77a2ece.js";const h=(t,e,o="")=>{e.forEach(((e,i)=>{const a=`${o}-${i}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?h(t,e.options,a):t.set(a,e))}))};class l extends r{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){a(this.component,"_required",t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class n extends l{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.isValueInOptions=(t,e)=>void 0!==e.find((e=>e.value===t)),this.beforePatchListValue=(t,e)=>{const o=e.has("_list")?e.get("_list"):this.component.state._list;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),h(this.keyOptionMap,o);const t=e.has("_value")?e.get("_value"):this.component.state._value;!1===this.isValueInOptions(t,o)&&(e.set("_value",o[0].value),this.onStateChange())}},this.component=t}validateOrientation(e){t(this.component,"_orientation",(t=>"horizontal"===t||"vertical"===t),new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}validateList(t){s(this.component,"_list",(t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0),t,void 0,{hooks:{beforePatch:this.beforePatchListValue}})}validateValue(t){t=i(t),t=Array.isArray(t)?t[0]:t,e(this.component,"_value",t,{beforePatch:this.beforePatchListValue}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(t){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof t){const e=setTimeout((()=>{clearTimeout(e),t(o)}))}},this.validateOrientation(this.component._orientation),this.validateList(this.component._list),this.validateValue(this.component._value)}}export{l as I,n as a,h as f};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
|
+
*/
|
|
4
|
+
import{b as t,d as i}from"./a11y.tipps-7e981511.js";import{b as s,w as e,o as h,p as o,a as n,s as a}from"./prop.validators-6128c2dd.js";import{i as d}from"./validator-fe8c60ef.js";import{i as r}from"./icon-1e6842f0.js";import{v as l}from"./tab-index-e911109b.js";const c=t=>{const o="string"==typeof t._error&&t._error.length>0&&!0===t._touched,e="string"==typeof t._hint&&t._hint.length>0,i=[];return!0===o&&i.push(`${t._id}-error`),!0===e&&i.push(`${t._id}-hint`),{hasError:o,hasHint:e,ariaDiscribedBy:i}},v=(t,o)=>{const e=t;"object"==typeof e&&null!==e&&(d(e.right,1)&&(e.right={icon:e.right}),d(e.left,1)&&(e.left={icon:e.left}),o.set("_icon",e))};class u extends class{constructor(t,o,e){var i,n,s,a,h;this.syncFormAssociatedName=()=>{this.formAssociated.setAttribute("name",this.component.state._name||this.component.state._id)},this.setFormAssociatedValue=(t=null)=>{this.formAssociated.setAttribute("value",t)},this.component=t,this.name=o,this.host=e,this.formAssociated=document.createElement("input"),this.formAssociated.setAttribute("type","hidden");const c=(null===(i=this.host)||void 0===i?void 0:i.children)||[];for(let t=0;t<c.length;t++)"INPUT"===(null===(n=this.host)||void 0===n?void 0:n.children[t].tagName)&&(null===(s=this.host)||void 0===s||s.removeChild(null===(a=this.host)||void 0===a?void 0:a.children[t]));null===(h=this.host)||void 0===h||h.appendChild(this.formAssociated)}validateAlert(t){s(this.component,"_alert",t)}validateTouched(t){s(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,o,e){super(t,o,e),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){e(this.component,"_accessKey",t)}validateAdjustHeight(t){s(this.component,"_adjustHeight",t)}validateDisabled(o){s(this.component,"_disabled",o),!0===o&&t()}validateError(t){e(this.component,"_error",t)}validateHideLabel(t){s(this.component,"_hideLabel",t)}validateHint(t){e(this.component,"_hint",t)}validateIcon(t){h(t,(()=>{try{t=o(t)}catch(t){}n(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(d(t.left,1)||r(t.left)||d(t.right,1)||r(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:v},required:!0})}))}validateId(t){e(this.component,"_id",t,{hooks:{afterPatch:this.syncFormAssociatedName}}),void 0===t&&i("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){e(this.component,"_name",t,{hooks:{afterPatch:this.syncFormAssociatedName}}),void 0===t&&i("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, kann aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&a(this.component,"_on",t)}validateSmartButton(t){h(t,(()=>{try{t=o(t)}catch(t){}a(this.component,"_smartButton",t)}))}validateTabIndex(t){l(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),this.syncFormAssociatedName()}onBlur(t){var o;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onBlur)&&this.component._on.onBlur(t)}onChange(t){var o;this.setFormAssociatedValue(t.target.value),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onClick)&&this.component._on.onClick(t)}onFocus(t){var o;this.component._alert=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onFocus)&&this.component._on.onFocus(t)}setValue(t,o){var e;this.setFormAssociatedValue(o),"function"==typeof(null===(e=this.component._on)||void 0===e?void 0:e.onChange)&&this.component._on.onChange(t,o)}}export{u as I,c as g};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
|
+
*/
|
|
4
|
+
import{a as t,c as s}from"./prop.validators-6128c2dd.js";import{I as e}from"./controller-157ac6c5.js";class r extends e{constructor(t,s,e){super(t,s,e),this.component=t}validateList(t){s(this.component,"_list",(t=>"string"==typeof t),t)}componentWillLoad(){super.componentWillLoad(),this.validateList(this.component._list)}}class i extends r{constructor(t,s,e){super(t,s,e),this.hasError=!1,this.hasList=!1,this.component=t}validateType(s){t(this.component,"_type",(t=>"string"==typeof t&&("text"===t||"search"===t||"url"===t||"tel"===t)),new Set(["String {text, search, url, tel}"]),s)}componentWillLoad(){super.componentWillLoad(),this.validateType(this.component._type)}}export{r as I,i as a};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* KoliBri - The accessible HTML-Standard
|
|
3
|
+
*/
|
|
4
|
+
let e,t,n,l=!1,s=!1,o=!1,i=!1;const r="http://www.w3.org/1999/xlink",c={},f=e=>"object"==(e=typeof e)||"function"===e,u=(e,t,...n)=>{let s=null,l=null,o=null,r=!1,i=!1;const c=[],p=t=>{for(let n=0;n<t.length;n++)s=t[n],Array.isArray(s)?p(s):null!=s&&"boolean"!=typeof s&&((r="function"!=typeof e&&!f(s))&&(s+=""),r&&i?c[c.length-1].t+=s:c.push(r?a(null,s):s),i=r)};if(p(n),t){t.key&&(l=t.key),t.name&&(o=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,h);const d=a(e,null);return d.l=t,c.length>0&&(d.o=c),d.i=l,d.u=o,d},a=(e,t)=>({$:0,h:e,t:t,p:null,o:null,l:null,i:null,u:null}),$={},h={forEach:(e,t)=>e.map(d).forEach(t),map:(e,t)=>e.map(d).map(t).map(y)},d=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.h,vtext:e.t}),y=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),u(e.vtag,t,...e.vchildren||[])}const t=a(e.vtag,e.vtext);return t.l=e.vattrs,t.o=e.vchildren,t.i=e.vkey,t.u=e.vname,t},p=e=>oe.push(e),b=e=>X(e).m,m=new WeakMap,w=(e,t)=>"sc-"+(t&&32&e.$?e.g+"-"+t:e.g),g=(e,t,n,s,l,o)=>{if(n!==s){let i=ee(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,l=k(n),o=k(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if("style"===t){for(const t in n)s&&null!=s[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in s)n&&s[t]===n[t]||(t.includes("-")?e.style.setProperty(t,s[t]):e.style[t]=s[t])}else if("key"===t);else if("ref"===t)s&&s(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=f(s);if((i||c&&null!==s)&&!l)try{if(e.tagName.includes("-"))e[t]=s;else{const l=null==s?"":s;"list"===t?i=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}let h=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,h=!0),null==s||!1===s?!1===s&&""!==e.getAttribute(t)||(h?e.removeAttributeNS(r,t):e.removeAttribute(t)):(!i||4&o||l)&&!c&&(s=!0===s?"":s,h?e.setAttributeNS(r,t,s):e.setAttribute(t,s))}else t="-"===t[2]?t.slice(3):ee(ie,a)?a.slice(2):a[2]+t.slice(3),n&&ce.rel(e,t,n,!1),s&&ce.ael(e,t,s,!1)}},v=/\s/,k=e=>e?e.split(v):[],j=(e,t,n,s)=>{const l=11===t.p.nodeType&&t.p.host?t.p.host:t.p,o=e&&e.l||c,r=t.l||c;for(s in o)s in r||g(l,s,o[s],void 0,n,t.$);for(s in r)g(l,s,o[s],r[s],n,t.$)},S=(s,r,a,c)=>{const h=r.o[a];let p,d,u,f=0;if(l||(o=!0,"slot"===h.h&&(e&&c.classList.add(e+"-s"),h.$|=h.o?2:1)),null!==h.t)p=h.p=re.createTextNode(h.t);else if(1&h.$)p=h.p=re.createTextNode("");else{if(i||(i="svg"===h.h),p=h.p=re.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&h.$?"slot-fb":h.h),i&&"foreignObject"===h.h&&(i=!1),j(null,h,i),null!=e&&p["s-si"]!==e&&p.classList.add(p["s-si"]=e),h.o)for(f=0;f<h.o.length;++f)d=S(s,h,f,p),d&&p.appendChild(d);"svg"===h.h?i=!1:"foreignObject"===p.tagName&&(i=!0)}return p["s-hn"]=n,3&h.$&&(p["s-sr"]=!0,p["s-cr"]=t,p["s-sn"]=h.u||"",u=s&&s.o&&s.o[a],u&&u.h===h.h&&s.p&&O(s.p,!1)),p},O=(e,t)=>{ce.$|=1;const s=e.childNodes;for(let e=s.length-1;e>=0;e--){const l=s[e];l["s-hn"]!==n&&l["s-ol"]&&(P(l).insertBefore(l,R(l)),l["s-ol"].remove(),l["s-ol"]=void 0,o=!0),t&&O(l,t)}ce.$&=-2},M=(e,t,s,l,o,r)=>{let i,a=e["s-cr"]&&e["s-cr"].parentNode||e;for(a.shadowRoot&&a.tagName===n&&(a=a.shadowRoot);o<=r;++o)l[o]&&(i=S(null,s,o,e),i&&(l[o].p=i,a.insertBefore(i,R(t))))},x=(e,t,n,l,o)=>{for(;t<=n;++t)(l=e[t])&&(o=l.p,W(l),s=!0,o["s-ol"]?o["s-ol"].remove():O(o,!0),o.remove())},C=(e,t)=>e.h===t.h&&("slot"===e.h?e.u===t.u:e.i===t.i),R=e=>e&&e["s-ol"]||e,P=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,T=(e,t)=>{const n=t.p=e.p,s=e.o,l=t.o,o=t.h,r=t.t;let a;null===r?(i="svg"===o||"foreignObject"!==o&&i,"slot"===o||j(e,t,i),null!==s&&null!==l?((e,t,n,s)=>{let l,o,r=0,i=0,a=0,c=0,h=t.length-1,p=t[0],d=t[h],u=s.length-1,f=s[0],m=s[u];for(;r<=h&&i<=u;)if(null==p)p=t[++r];else if(null==d)d=t[--h];else if(null==f)f=s[++i];else if(null==m)m=s[--u];else if(C(p,f))T(p,f),p=t[++r],f=s[++i];else if(C(d,m))T(d,m),d=t[--h],m=s[--u];else if(C(p,m))"slot"!==p.h&&"slot"!==m.h||O(p.p.parentNode,!1),T(p,m),e.insertBefore(p.p,d.p.nextSibling),p=t[++r],m=s[--u];else if(C(d,f))"slot"!==p.h&&"slot"!==m.h||O(d.p.parentNode,!1),T(d,f),e.insertBefore(d.p,p.p),d=t[--h],f=s[++i];else{for(a=-1,c=r;c<=h;++c)if(t[c]&&null!==t[c].i&&t[c].i===f.i){a=c;break}a>=0?(o=t[a],o.h!==f.h?l=S(t&&t[i],n,a,e):(T(o,f),t[a]=void 0,l=o.p),f=s[++i]):(l=S(t&&t[i],n,i,e),f=s[++i]),l&&P(p.p).insertBefore(l,R(p.p))}r>h?M(e,null==s[u+1]?null:s[u+1].p,n,s,i,u):i>u&&x(t,r,h)})(n,s,t,l):null!==l?(null!==e.t&&(n.textContent=""),M(n,null,t,l,0,l.length-1)):null!==s&&x(s,0,s.length-1),i&&"svg"===o&&(i=!1)):(a=n["s-cr"])?a.parentNode.textContent=r:e.t!==r&&(n.data=r)},E=e=>{const t=e.childNodes;let n,s,l,o,r,i;for(s=0,l=t.length;s<l;s++)if(n=t[s],1===n.nodeType){if(n["s-sr"])for(r=n["s-sn"],n.hidden=!1,o=0;o<l;o++)if(i=t[o].nodeType,t[o]["s-hn"]!==n["s-hn"]||""!==r){if(1===i&&r===t[o].getAttribute("slot")){n.hidden=!0;break}}else if(1===i||3===i&&""!==t[o].textContent.trim()){n.hidden=!0;break}E(n)}},N=[],F=e=>{let t,n,l,o,r,i,a=0;const c=e.childNodes,h=c.length;for(;a<h;a++){if(t=c[a],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,o=t["s-sn"],i=l.length-1;i>=0;i--)n=l[i],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(L(n,o)?(r=N.find((e=>e.v===n)),s=!0,n["s-sn"]=n["s-sn"]||o,r?r.k=t:N.push({k:t,v:n}),n["s-sr"]&&N.map((e=>{L(e.v,n["s-sn"])&&(r=N.find((e=>e.v===n)),r&&!e.k&&(e.k=r.k))}))):N.some((e=>e.v===n))||N.push({v:n}));1===t.nodeType&&F(t)}},L=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,W=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(W)},A=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},H=(e,t)=>{if(!(4&e.$))return A(e,e.S),U(e,t);e.$|=512},U=(e,t)=>{const n=e.O;let s;return t&&(s=z(n,"componentWillLoad")),B(s,(()=>q(e,n,t)))},q=async(e,t,n)=>{const s=e.m,l=s["s-rc"];n&&(e=>{const t=e.M,n=e.m,s=t.$,l=((e,t,n)=>{let s=w(t,n);const l=se.get(s);if(e=11===e.nodeType?e:re,l)if("string"==typeof l){let t,n=m.get(e=e.head||e);n||m.set(e,n=new Set),n.has(s)||(t=re.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),n&&n.add(s))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return s})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.C);10&s&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e),D(e,t),l&&(l.map((e=>e())),s["s-rc"]=void 0);{const t=s["s-p"],n=()=>V(e);0===t.length?n():(Promise.all(t).then(n),e.$|=4,t.length=0)}},D=(r,i)=>{try{i=i.render(),r.$|=2,((r,i)=>{const c=r.m,h=r.M,p=r.R||a(null,null),d=(e=>e&&e.h===$)(i)?i:u(null,null,i);if(n=c.tagName,h.P&&(d.l=d.l||{},h.P.map((([e,t])=>d.l[t]=c[e]))),d.h=null,d.$|=4,r.R=d,d.p=p.p=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],l=0!=(1&h.$),s=!1,T(p,d),ce.$|=1,o){let e,t,n,s,l,o;F(d.p);let r=0;for(;r<N.length;r++)e=N[r],t=e.v,t["s-ol"]||(n=re.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(r=0;r<N.length;r++)if(e=N[r],t=e.v,e.k){for(s=e.k.parentNode,l=e.k.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(o=n["s-nr"],o&&o["s-sn"]===t["s-sn"]&&s===o.parentNode&&(o=o.nextSibling,!o||!o["s-nr"])){l=o;break}(!l&&s!==t.parentNode||t.nextSibling!==l)&&t!==l&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),s.insertBefore(t,l))}else 1===t.nodeType&&(t.hidden=!0)}s&&E(d.p),ce.$&=-2,N.length=0})(r,i)}catch(e){te(e,r.m)}return null},V=e=>{const t=e.m,n=e.S;z(e.O,"componentDidRender"),64&e.$||(e.$|=64,G(t),e.T(t),n||_()),e.N(t),e.j&&(e.j(),e.j=void 0),512&e.$&&ae((()=>H(e,!1))),e.$&=-517},_=()=>{G(re.documentElement),ae((()=>(e=>{const t=ce.ce("appload",{detail:{namespace:"kolibri"}});return e.dispatchEvent(t),t})(ie)))},z=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){te(e)}},B=(e,t)=>e&&e.then?e.then(t):t(),G=e=>e.classList.add("hydrated"),I=(e,t,n)=>{if(t.F){e.watchers&&(t.L=e.watchers);const s=Object.entries(t.F),l=e.prototype;if(s.map((([e,[s]])=>{31&s||2&n&&32&s?Object.defineProperty(l,e,{get(){return((e,t)=>X(this).W.get(t))(0,e)},set(n){((e,t,n,s)=>{const l=X(this),o=l.m,r=l.W.get(t),i=l.$,a=l.O;if(n=((e,t)=>null==e||f(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,s.F[t][0]),(!(8&i)||void 0===r)&&n!==r&&(!Number.isNaN(r)||!Number.isNaN(n))&&(l.W.set(t,n),a)){if(s.L&&128&i){const e=s.L[t];e&&e.map((e=>{try{a[e](n,r,t)}catch(e){te(e,o)}}))}2==(18&i)&&H(l,!1)}})(0,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&s&&Object.defineProperty(l,e,{value(...t){const n=X(this);return n.A.then((()=>n.O[e](...t)))}})})),1&n){const n=new Map;l.attributeChangedCallback=function(e,t,s){ce.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))s=this[t],delete this[t];else if(l.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==s)return;this[t]=(null!==s||"boolean"!=typeof this[t])&&s}))},e.observedAttributes=s.filter((([e,t])=>15&t[0])).map((([e,s])=>{const l=s[1]||e;return n.set(l,e),512&s[0]&&t.P.push([e,l]),l}))}}return e},J=(e,t={})=>{const n=[],s=t.exclude||[],l=ie.customElements,o=re.head,r=o.querySelector("meta[charset]"),i=re.createElement("style"),a=[];let c,h=!0;Object.assign(ce,t),ce.H=new URL(t.resourcesUrl||"./",re.baseURI).href,e.map((e=>{e[1].map((t=>{const o={$:t[0],g:t[1],F:t[2],U:t[3]};o.F=t[2],o.P=[],o.L={};const r=o.g,i=class extends HTMLElement{constructor(e){super(e),Z(e=this,o),1&o.$&&e.attachShadow({mode:"open"})}connectedCallback(){c&&(clearTimeout(c),c=null),h?a.push(this):ce.jmp((()=>(e=>{if(0==(1&ce.$)){const t=X(e),n=t.M,s=()=>{};if(!(1&t.$)){t.$|=1,12&n.$&&(e=>{const t=e["s-cr"]=re.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){A(t,t.S=n);break}}n.F&&Object.entries(n.F).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,s,l)=>{if(0==(32&t.$)){{if(t.$|=32,(l=le(n)).then){const e=()=>{};l=await l,e()}l.isProxied||(n.L=l.watchers,I(l,n,2),l.isProxied=!0);const s=()=>{};t.$|=8;try{new l(t)}catch(e){te(e)}t.$&=-9,t.$|=128,s()}if(l.style){let s=l.style;"string"!=typeof s&&(s=s[t.C=(e=>oe.map((t=>t(e))).find((e=>!!e)))(e)]);const o=w(n,t.C);if(!se.has(o)){const e=()=>{};((e,t,n)=>{let s=se.get(e);ue&&n?(s=s||new CSSStyleSheet,"string"==typeof s?s=t:s.replaceSync(t)):s=t,se.set(e,s)})(o,s,!!(1&n.$)),e()}}}const o=t.S,r=()=>H(t,!0);o&&o["s-rc"]?o["s-rc"].push(r):r()})(e,t,n)}s()}})(this)))}disconnectedCallback(){ce.jmp((()=>(()=>{0==(1&ce.$)&&z(X(this).O,"disconnectedCallback")})()))}componentOnReady(){return X(this).q}};o.D=e[0],s.includes(r)||l.get(r)||(n.push(r),l.define(r,I(i,o,1)))}))})),i.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",i.setAttribute("data-styles",""),o.insertBefore(i,r?r.nextSibling:o.firstChild),h=!1,a.length?a.map((e=>e.connectedCallback())):ce.jmp((()=>c=setTimeout(_,30)))},K=(e,t)=>t,Q=new WeakMap,X=e=>Q.get(e),Y=(e,t)=>Q.set(t.O=e,t),Z=(e,t)=>{const n={$:0,m:e,M:t,W:new Map};return n.A=new Promise((e=>n.N=e)),n.q=new Promise((e=>n.T=e)),e["s-p"]=[],e["s-rc"]=[],Q.set(e,n)},ee=(e,t)=>t in e,te=(e,t)=>(0,console.error)(e,t),ne=new Map,le=e=>{const t=e.g.replace(/-/g,"_"),n=e.D,s=ne.get(n);return s?s[t]:import(`./${n}.entry.js`).then((e=>(ne.set(n,e),e[t])),te)
|
|
5
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},se=new Map,oe=[],ie="undefined"!=typeof window?window:{},re=ie.document||{head:{}},ce={$:0,H:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)},fe=e=>Promise.resolve(e),ue=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ae=e=>fe().then(e);export{K as F,$ as H,J as b,b as g,u as h,fe as p,Y as r,p as s};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as e}from"./index-
|
|
4
|
+
import{r as t,h as i,H as e}from"./index-a9774259.js";import{w as o}from"./button-link-b8b2a2cf.js";import{n as r}from"./dev.utils-d28700ca.js";import{w as a}from"./prop.validators-6128c2dd.js";import"./index.m-86dc8c44.js";import"./a11y.tipps-7e981511.js";import"./index-d870d3e1.js";const l=class{constructor(i){t(this,i),this.nonce=r(),this._tooltipAlign="top",this._title=void 0,this.state={_title:"",_tooltipAlign:"top"}}render(){return i(e,{style:{display:"inline-block"}},i("abbr",{"aria-labelledby":this.nonce,role:"definition",title:this.state._title},i("span",{title:""},i("slot",null))),i("kol-tooltip",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._title}))}validateTitle(t){a(this,"_title",t,{required:!0})}validateTooltipAlign(t){o(this,"_tooltipAlign",t)}componentWillLoad(){this.validateTitle(this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};l.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 abbr{cursor:help}'};export{l as kol_abbr};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as e}from"./index-
|
|
4
|
+
import{r as t,h as i,H as e}from"./index-a9774259.js";import{f as o}from"./a11y.tipps-7e981511.js";import{w as a,s as r,b as n}from"./prop.validators-6128c2dd.js";import{w as l}from"./validation-ca65ff34.js";import"./dev.utils-d28700ca.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";o("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),o("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const s=class{constructor(e){t(this,e),this.catchAriaExpanded=t=>{t instanceof HTMLButtonElement&&(this.buttonRef=t)},this.triggerAriaExpanded=t=>{t.setAttribute("aria-expanded",this.state._open?"true":"false")},this.onClick=t=>{this._open=!1===this._open;const e=setTimeout((()=>{var i;clearTimeout(e),"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(t,!0===this._open),this.buttonRef instanceof HTMLButtonElement&&this.triggerAriaExpanded(this.buttonRef)}))},this._heading=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_heading:"⚠"}}render(){return i(e,null,i("div",{part:"accordion "+(this.state._open?"open":"close")},i("kol-heading-wc",{_level:this.state._level},i("button",{ref:this.catchAriaExpanded,onClick:this.onClick},i("kol-icon",{_ariaLabel:"",_icon:this.state._open?"fa-solid fa-minus":"fa-solid fa-plus",_part:this.state._open?"close":"open"}),i("span",null,this.state._heading))),i("div",{part:"header"},i("slot",{name:"header"})),i("div",{part:"content",style:!1===this.state._open?{display:"none",height:"0",visibility:"hidden"}:void 0},i("slot",{name:"content"}))))}validateHeading(t){a(this,"_heading",t,{required:!0})}validateLevel(t){l(this,t)}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onClick&&r(this,"_on",t)}validateOpen(t){n(this,"_open",t)}componentWillLoad(){this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};s.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}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{s as kol_accordion};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as i,h as t,H as e}from"./index-5878bd01.js";import{f as r}from"./a11y.tipps-7e981511.js";import{L as o}from"./dev.utils-d28700ca.js";import{b as a,w as n,s as l,a as s}from"./prop.validators-6128c2dd.js";import{w as c}from"./validation-ca65ff34.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";const d=i=>t("kol-icon",{class:"icon",_ariaLabel:"string"==typeof i.heading&&i.heading.length>0?"":i.ariaLabel,_icon:i.icon}),h=i=>{switch(i.type){case"error":return t(d,{ariaLabel:"Fehler",icon:"fa-solid fa-circle-xmark",heading:i.heading});case"info":return t(d,{ariaLabel:"Hinweis",icon:"fa-solid fa-circle-info",heading:i.heading});case"warning":return t(d,{ariaLabel:"Warnung",icon:"fa-solid fa-triangle-exclamation",heading:i.heading});case"success":return t(d,{ariaLabel:"Erfolg",icon:"fa-solid fa-circle-check",heading:i.heading});default:return t(d,{ariaLabel:"Nachricht",icon:"fa-regular fa-comment",heading:i.heading})}},p=class{constructor(t){i(this,t),this.close=()=>{var i;void 0!==(null===(i=this._on)||void 0===i?void 0:i.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._heading=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={}}render(){if(this.state._alert){try{o.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(i){o.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return t(e,null,t("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&t(h,{heading:this.state._heading,type:this.state._type}),t("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&t("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&t(h,{heading:this.state._heading,type:this.state._type}),this.state._heading),t("div",{class:"content"},t("slot",null)),this.state._hasCloser&&t("kol-button-wc",{class:"close",_icon:{left:{icon:"fa-solid fa-circle-xmark"}},_iconOnly:!0,_label:"Schließen",_on:this.on,_tooltipAlign:"left"}))))}validateAlert(i){a(this,"_alert",i)}validateHasCloser(i){a(this,"_hasCloser",i)}validateHeading(i){n(this,"_heading",i)}validateLevel(i){c(this,i)}validateOn(i){if("object"==typeof i&&null!==i){r("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const t={};"function"!=typeof i.onClose&&!0!==i.onClose||(t.onClose=i.onClose),l(this,"_on",t)}}validateType(i){s(this,"_type",(i=>"string"==typeof i&&("default"===i||"error"===i||"info"===i||"success"===i||"warning"===i)),new Set("String {success, info, warning, error}"),i)}validateVariant(i){s(this,"_variant",(i=>"card"===i||"msg"===i),new Set("AlertVariant {card, msg}"),i)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};p.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}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 *{box-sizing:border-box}:host>div{background-color:white;border-color:white;border-width:1px;border-radius:0.5rem;border-style:solid;display:flex;width:100%;overflow:hidden}:host>div.error{border-color:var(--kolibri-color-error)}:host>div.error .icon{background-color:var(--kolibri-color-error)}:host>div.info{border-color:var(--kolibri-color-info)}:host>div.info .icon{background-color:var(--kolibri-color-info)}:host>div.success{border-color:var(--kolibri-color-success)}:host>div.success .icon{background-color:var(--kolibri-color-success)}:host>div.warning{border-color:var(--kolibri-color-warning)}:host>div.warning .icon{background-color:var(--kolibri-color-warning)}:host>div .icon{color:white;display:inline-block;padding:0 0.25rem}:host>div>div{display:grid}:host>div>div .heading{padding:0 0.25rem;display:inline-block}:host>div>div .heading .icon{margin-left:-0.25rem;margin-right:0.25rem;border-radius:0 0 0.25rem 0}:host>div>div>div:last-child{padding:0.25rem}'};export{p as kol_alert};
|
|
4
|
+
import{r as i,h as t,H as e}from"./index-a9774259.js";import{f as r}from"./a11y.tipps-7e981511.js";import{L as o}from"./dev.utils-d28700ca.js";import{b as a,w as n,s as l,a as s}from"./prop.validators-6128c2dd.js";import{w as c}from"./validation-ca65ff34.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";const d=i=>t("kol-icon",{class:"icon",_ariaLabel:"string"==typeof i.heading&&i.heading.length>0?"":i.ariaLabel,_icon:i.icon}),h=i=>{switch(i.type){case"error":return t(d,{ariaLabel:"Fehler",icon:"fa-solid fa-circle-xmark",heading:i.heading});case"info":return t(d,{ariaLabel:"Hinweis",icon:"fa-solid fa-circle-info",heading:i.heading});case"warning":return t(d,{ariaLabel:"Warnung",icon:"fa-solid fa-triangle-exclamation",heading:i.heading});case"success":return t(d,{ariaLabel:"Erfolg",icon:"fa-solid fa-circle-check",heading:i.heading});default:return t(d,{ariaLabel:"Nachricht",icon:"fa-regular fa-comment",heading:i.heading})}},p=class{constructor(t){i(this,t),this.close=()=>{var i;void 0!==(null===(i=this._on)||void 0===i?void 0:i.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this._alert=!1,this._hasCloser=!1,this._heading=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={}}render(){if(this.state._alert){try{o.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(i){o.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return t(e,null,t("div",{class:{[this.state._type]:!0,[this.state._variant]:!0},role:this.state._alert?"alert":void 0},"msg"===this.state._variant&&t(h,{heading:this.state._heading,type:this.state._type}),t("div",null,("string"==typeof this.state._heading&&this.state._heading.length>0||"card"===this.state._variant)&&t("kol-heading-wc",{class:"heading",_level:this.state._level},"card"===this.state._variant&&t(h,{heading:this.state._heading,type:this.state._type}),this.state._heading),t("div",{class:"content"},t("slot",null)),this.state._hasCloser&&t("kol-button-wc",{class:"close",_icon:{left:{icon:"fa-solid fa-circle-xmark"}},_iconOnly:!0,_label:"Schließen",_on:this.on,_tooltipAlign:"left"}))))}validateAlert(i){a(this,"_alert",i)}validateHasCloser(i){a(this,"_hasCloser",i)}validateHeading(i){n(this,"_heading",i)}validateLevel(i){c(this,i)}validateOn(i){if("object"==typeof i&&null!==i){r("[KolAlert] Prüfen, wie man auch einen EventCallback einzeln ändern kann.");const t={};"function"!=typeof i.onClose&&!0!==i.onClose||(t.onClose=i.onClose),l(this,"_on",t)}}validateType(i){s(this,"_type",(i=>"string"==typeof i&&("default"===i||"error"===i||"info"===i||"success"===i||"warning"===i)),new Set("String {success, info, warning, error}"),i)}validateVariant(i){s(this,"_variant",(i=>"card"===i||"msg"===i),new Set("AlertVariant {card, msg}"),i)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateHeading(this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_heading:["validateHeading"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};p.style={default:'*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--kolibri-border-color)}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:var(--kolibri-color);--tw-ring-color:rgba(undefined, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=\'search\']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}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 *{box-sizing:border-box}:host>div{background-color:white;border-color:white;border-width:1px;border-radius:0.5rem;border-style:solid;display:flex;width:100%;overflow:hidden}:host>div.error{border-color:var(--kolibri-color-error)}:host>div.error .icon{background-color:var(--kolibri-color-error)}:host>div.info{border-color:var(--kolibri-color-info)}:host>div.info .icon{background-color:var(--kolibri-color-info)}:host>div.success{border-color:var(--kolibri-color-success)}:host>div.success .icon{background-color:var(--kolibri-color-success)}:host>div.warning{border-color:var(--kolibri-color-warning)}:host>div.warning .icon{background-color:var(--kolibri-color-warning)}:host>div .icon{color:white;display:inline-block;padding:0 0.25rem}:host>div>div{display:grid}:host>div>div .heading{padding:0 0.25rem;display:inline-block}:host>div>div .heading .icon{margin-left:-0.25rem;margin-right:0.25rem;border-radius:0 0 0.25rem 0}:host>div>div>div:last-child{padding:0.25rem}'};export{p as kol_alert};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as i}from"./index-
|
|
4
|
+
import{r as t,h as e,H as i}from"./index-a9774259.js";import{N as o}from"./color-d69786a5.js";import{f as r,d as a}from"./a11y.tipps-7e981511.js";import{r as n,a as l}from"./prop.validators-6128c2dd.js";import{s}from"./index.m-86dc8c44.js";import{c}from"./index-e722bdb7.js";import"./dev.utils-d28700ca.js";import"./index-d870d3e1.js";import"./index-1b8b837d.js";const p=(t,e,i,o=1)=>{const r=[Math.max(Math.min(Math.round(e[0]+o*Math.max(1,e[0]/100)),255),0),Math.max(Math.min(Math.round(e[1]+o*Math.max(1,e[1]/100)),255),0),Math.max(Math.min(Math.round(e[2]+o*Math.max(1,e[2]/100)),255),0)],a=s(n.hex(`rgba(${t.join(",")},1)`),n.hex(`rgba(${r.join(",")},1)`)),l=r[0]+r[1]+r[2];return 0===l||765===l||a>i?r:p(t,r,i,o)},d=new Map,b=(t,e=7)=>{let i=[0,0,0,1],o=[255,255,255,1];return"string"==typeof t?(i=c(t),o=i):"object"==typeof t&&null!==t&&"string"==typeof t.baseColor&&(i=c(t.baseColor),o="string"==typeof t.contrastColor?c(t.contrastColor):i),o=[...((t,e,i,o=1)=>{if(d.has(t))return d.get(t);const r=p(t,e,i,o);return d.set(t,r),r})([i[0],i[1],i[2]],[o[0],o[1],o[2]],e,(299*i[0]+587*i[1]+114*i[2])/1e3>=128?-1:1),1],{baseColor:n.hex(`rgba(${i.join(",")})`),contrastColor:n.hex(`rgba(${o.join(",")})`)}};r("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const h=/^([a-f0-9]{3}|[a-f0-9]{6})$/,m=class{constructor(e){t(this,e),this.bgColorStr="#000",this.colorStr="#fff",this.handleColorChange=t=>{let e,i=t;"string"==typeof i?(h.test(i)&&(a("[KolBadge] Bitte verwenden Sie zukünftig nur noch das Standard-Farbformat für CSS (https://developer.mozilla.org/en-US/docs/Web/CSS/color_value)."),i=`#${i}`),e=b(i)):e=b({baseColor:i.backgroundColor,contrastColor:i.color}),this.bgColorStr=e.baseColor,this.colorStr=e.contrastColor},this._color=o.Schwarz,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._label=void 0,this.state={_color:o.Schwarz}}render(){return e(i,null,e("kol-span-wc",{_label:this._label,_icon:this._icon,_iconOnly:this._iconOnly,style:{backgroundColor:this.bgColorStr,color:this.colorStr}}))}validateColor(t){l(this,"_color",(t=>"string"==typeof t||"object"==typeof t&&null!==t),new Set(["string","KoliBriColor"]),t,{defaultValue:o.Schwarz,hooks:{beforePatch:this.handleColorChange}})}componentWillLoad(){this.validateColor(this._color)}static get watchers(){return{_color:["validateColor"]}}};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}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}span{display:inline-block;border-radius:var(--kolibri-border-radius);padding-left:calc(2 * var(--kolibri-spacing));padding-right:calc(2 * var(--kolibri-spacing));padding-top:0.125rem;padding-bottom:0.125rem}'};export{m as kol_badge};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as i,h as t,F as e,H as a}from"./index-
|
|
4
|
+
import{r as i,h as t,F as e,H as a}from"./index-a9774259.js";import{a as r}from"./a11y.tipps-7e981511.js";import{w as o}from"./prop.validators-6128c2dd.js";import{w as n}from"./validation-6efef46a.js";import"./dev.utils-d28700ca.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";const l=class{constructor(t){i(this,t),this._ariaLabel=void 0,this._links=void 0,this.state={_ariaLabel:"…",_links:[]}}render(){const i=this.state._links.length-1;return t(a,null,t("nav",{"aria-label":this.state._ariaLabel},t("ul",null,0===this.state._links.length&&t("li",null,t("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-house"}),"…"),this.state._links.map(((a,r)=>t("li",{key:r},0!==r&&t("kol-icon",{_ariaLabel:"",_icon:"fa-solid fa-angle-right",_part:"separator",exportparts:"separator"}),r===i?t("span",null,a._iconOnly?t("kol-icon",{_ariaLabel:a._label,_icon:"string"==typeof a._icon?a._icon:"fa-solid fa-link-slash"}):t(e,null,a._label)):t("kol-link",Object.assign({exportparts:"link",_useCase:"nav"},a,{_ariaLabel:a._label}),a._label)))))))}validateAriaLabel(t){o(this,"_ariaLabel",t,{required:!0}),r(t)}validateLinks(t){n("KolBreadcrumb",this,t)}componentWillLoad(){this.validateAriaLabel(this._ariaLabel),this.validateLinks(this._links)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_links:["validateLinks"]}}};l.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{l as kol_breadcrumb};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r,h as s,H as l}from"./index-
|
|
4
|
+
import{r,h as s,H as l}from"./index-a9774259.js";const o=class{constructor(s){r(this,s),this.state={}}render(){return s(l,null,s("div",{class:"flex flex-wrap bg-normal"},s("slot",null)))}};export{o as kol_button_group_wc};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,H as i}from"./index-
|
|
4
|
+
import{r as t,h as e,H as i}from"./index-a9774259.js";const o=class{constructor(e){t(this,e)}render(){return e(i,null,e("kol-button-group-wc",null,e("slot",null)))}};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}:host{display:inline-flex;width:100%}'};export{o as kol_button_group};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* KoliBri - The accessible HTML-Standard
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,H as e}from"./index-5878bd01.js";import{w as a}from"./button-link-b8b2a2cf.js";import{d as o,b as r}from"./a11y.tipps-7e981511.js";import{n as l}from"./dev.utils-d28700ca.js";import{d as n,m as s,e as d,w as c,a as h,b as p}from"./prop.validators-6128c2dd.js";import{v as b,w as m}from"./icon-1e6842f0.js";import{v as w,a as g}from"./label-48702aa0.js";import{v}from"./tab-index-e911109b.js";import{w as f}from"./controller-ce8de601.js";import{p as u,a as y}from"./controller-5baf841b.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";import"./validator-fe8c60ef.js";const x=class{constructor(i){t(this,i),this.nonce=l(),this.catchHost=t=>{this.host=t},this.catchRef=t=>{this.forwardedRef=t,this.ref=t},this.onClick=t=>{var i,e;"submit"===this.state._type?u({form:this.host,ref:this.ref}):"reset"===this.state._type?y({form:this.host,ref:this.ref}):"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)?(n(t,this.ref),null===(e=this.state._on)||void 0===e||e.onClick(t)):o("It is no button click callback configured!")},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._disabled=!1,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._id=void 0,this._label=void 0,this._on=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this.state={_ariaLabel:"",_icon:{},_iconAlign:"left",_label:"",_on:{},_type:"button"}}render(){return i(e,{ref:this.catchHost},i("button",Object.assign({ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":s(this.state._ariaCurrent),"aria-expanded":d(this.state._ariaExpanded),"aria-label":!1===this.state._iconOnly?this.state._ariaLabel||this.state._label:void 0,"aria-labelledby":!0===this.state._iconOnly?this.nonce:void 0,class:{[this.state._variant]:!0,"icon-only":!0===this.state._iconOnly,[this.state._customClass]:"string"==typeof this.state._customClass&&this.state._customClass.length>0},disabled:this.state._disabled,id:this.state._id},this.state._on,{onClick:this.onClick,style:{width:"inherit"},tabIndex:this.state._tabIndex,type:this.state._type}),i("kol-span-wc",{_icon:this._icon,_iconOnly:this._iconOnly,_label:this.state._ariaLabel||this.state._label},i("slot",{name:"expert",slot:"expert"}))),!0===this.state._iconOnly&&i("kol-tooltip",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._ariaLabel||this.state._label}))}validateAccessKey(t){c(this,"_accessKey",t)}validateAriaControls(t){c(this,"_ariaControls",t)}validateAriaCurrent(t){h(this,"_ariaControls",(t=>!0===t||"date"===t||"location"===t||"page"===t||"step"===t||"time"===t),new Set(["boolean","String {data, location, page, step, time}"]),t)}validateAriaExpanded(t){p(this,"_ariaExpanded",t)}validateAriaLabel(t){w(this,t)}validateDisabled(t){p(this,"_disabled",t),!0===t&&r()}validateIcon(t){b(this,t)}validateIconAlign(t){m(this,t)}validateIconOnly(t){p(this,"_iconOnly",t,{defaultValue:!1})}validateId(t){c(this,"_id",t)}validateLabel(t){g(this,t)}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateTabIndex(t){v(this,t)}validateTooltipAlign(t){a(this,"_tooltipAlign",t)}validateType(t){f(this,"_type",t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaCurrent(this._ariaCurrent),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaLabel(this._ariaLabel),this.validateDisabled(this._disabled),this.validateIcon(this._icon),this.validateIconOnly(this._iconOnly),this.validateId(this._id),this.validateLabel(this._label),this.validateOn(this._on),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaCurrent:["validateAriaCurrent"],_ariaExpanded:["validateAriaExpanded"],_ariaLabel:["validateAriaLabel"],_disabled:["validateDisabled"],_icon:["validateIcon"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_id:["validateId"],_label:["validateLabel"],_on:["validateOn"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"]}}};x.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{x as kol_button_link};
|
|
4
|
+
import{r as t,h as i,H as e,g as a}from"./index-a9774259.js";import{w as o}from"./button-link-b8b2a2cf.js";import{d as r,b as l}from"./a11y.tipps-7e981511.js";import{n}from"./dev.utils-d28700ca.js";import{d as s,m as d,e as c,w as h,a as p,b}from"./prop.validators-6128c2dd.js";import{v as m,w as g}from"./icon-1e6842f0.js";import{v as w,a as v}from"./label-48702aa0.js";import{v as f}from"./tab-index-e911109b.js";import{w as u}from"./controller-ce8de601.js";import{p as y,a as x}from"./controller-5baf841b.js";import"./index.m-86dc8c44.js";import"./index-d870d3e1.js";import"./validator-fe8c60ef.js";const k=class{constructor(i){t(this,i),this.nonce=n(),this.catchRef=t=>{this.forwardedRef=t,this.ref=t},this.onClick=t=>{var i,e;"submit"===this.state._type?y({form:this.host,ref:this.ref}):"reset"===this.state._type?x({form:this.host,ref:this.ref}):"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)?(s(t,this.ref),null===(e=this.state._on)||void 0===e||e.onClick(t)):r("It is no button click callback configured!")},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._disabled=!1,this._icon=void 0,this._iconAlign="left",this._iconOnly=!1,this._id=void 0,this._label=void 0,this._on=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this.state={_ariaLabel:"",_icon:{},_iconAlign:"left",_label:"",_on:{},_type:"button"}}render(){return i(e,null,i("button",Object.assign({ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":d(this.state._ariaCurrent),"aria-expanded":c(this.state._ariaExpanded),"aria-label":!1===this.state._iconOnly?this.state._ariaLabel||this.state._label:void 0,"aria-labelledby":!0===this.state._iconOnly?this.nonce:void 0,class:{[this.state._variant]:!0,"icon-only":!0===this.state._iconOnly,[this.state._customClass]:"string"==typeof this.state._customClass&&this.state._customClass.length>0},disabled:this.state._disabled,id:this.state._id},this.state._on,{onClick:this.onClick,style:{width:"inherit"},tabIndex:this.state._tabIndex,type:this.state._type}),i("kol-span-wc",{_icon:this._icon,_iconOnly:this._iconOnly,_label:this.state._ariaLabel||this.state._label},i("slot",{name:"expert",slot:"expert"}))),!0===this.state._iconOnly&&i("kol-tooltip",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._ariaLabel||this.state._label}))}validateAccessKey(t){h(this,"_accessKey",t)}validateAriaControls(t){h(this,"_ariaControls",t)}validateAriaCurrent(t){p(this,"_ariaControls",(t=>!0===t||"date"===t||"location"===t||"page"===t||"step"===t||"time"===t),new Set(["boolean","String {data, location, page, step, time}"]),t)}validateAriaExpanded(t){b(this,"_ariaExpanded",t)}validateAriaLabel(t){w(this,t)}validateDisabled(t){b(this,"_disabled",t),!0===t&&l()}validateIcon(t){m(this,t)}validateIconAlign(t){g(this,t)}validateIconOnly(t){b(this,"_iconOnly",t,{defaultValue:!1})}validateId(t){h(this,"_id",t)}validateLabel(t){v(this,t)}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateTabIndex(t){f(this,t)}validateTooltipAlign(t){o(this,"_tooltipAlign",t)}validateType(t){u(this,"_type",t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaCurrent(this._ariaCurrent),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaLabel(this._ariaLabel),this.validateDisabled(this._disabled),this.validateIcon(this._icon),this.validateIconOnly(this._iconOnly),this.validateId(this._id),this.validateLabel(this._label),this.validateOn(this._on),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type)}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaCurrent:["validateAriaCurrent"],_ariaExpanded:["validateAriaExpanded"],_ariaLabel:["validateAriaLabel"],_disabled:["validateDisabled"],_icon:["validateIcon"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_id:["validateId"],_label:["validateLabel"],_on:["validateOn"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"]}}};k.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{k as kol_button_link};
|