@public-ui/components 1.7.15 → 1.7.16

package/dist/kolibri/index.esm.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-export{T as ToasterServiceLegacy}from"./toaster-832ff321.js";import{_ as s}from"./index-117bd1aa.js";import{i,c as t}from"./i18n-fddf0324.js";export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-ad41b762.js";export{K as KoliBriDevHelper}from"./prop.validators-9d76278b.js";import"./a11y.tipps-c347026d.js";import"./dev.utils-11981c6e.js";import"./reuse-d79ab469.js";class o{constructor(t){this.document=t,this.toastContainerElement=this.document.createElement("kol-toast-container"),this.document.body.prepend(this.toastContainerElement)}static getInstance(t){let e=this.instances.get(t);return e||(e=new o(t),this.instances.set(t,e)),e}dispose(){const t=this.toastContainerElement;t?(this.toastContainerElement=void 0,t.remove()):console.warn("Toaster service is already disposed.")}enqueue(t){if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return this.toastContainerElement.enqueue(t)}closeAll(){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll()}}o.instances=new Map;const n=async(e,n,o)=>{var a,r,l;return await i(null===(a=null==o?void 0:o.translation)||void 0===a?void 0:a.name),await t(null!==(l=null===(r=null==o?void 0:o.translation)||void 0===r?void 0:r.name)&&void 0!==l?l:"de",null==o?void 0:o.translations),await s(e,n,o)},r=n;export{o as ToasterService,n as bootstrap,r as register};
+export{T as ToasterServiceLegacy}from"./toaster-832ff321.js";import{_ as s}from"./index-117bd1aa.js";import{i,c as t}from"./i18n-fddf0324.js";export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-ad41b762.js";export{K as KoliBriDevHelper}from"./prop.validators-8c5a4551.js";import"./a11y.tipps-1cea6b3d.js";import"./dev.utils-8d5cefe9.js";import"./reuse-d79ab469.js";class o{constructor(t){this.document=t,this.toastContainerElement=this.document.createElement("kol-toast-container"),this.document.body.prepend(this.toastContainerElement)}static getInstance(t){let e=this.instances.get(t);return e||(e=new o(t),this.instances.set(t,e)),e}dispose(){const t=this.toastContainerElement;t?(this.toastContainerElement=void 0,t.remove()):console.warn("Toaster service is already disposed.")}enqueue(t){if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return this.toastContainerElement.enqueue(t)}closeAll(){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll()}}o.instances=new Map;const n=async(e,n,a)=>{var o,r,l;return await i(null===(o=null==a?void 0:a.translation)||void 0===o?void 0:o.name),await t(null!==(l=null===(r=null==a?void 0:a.translation)||void 0===r?void 0:r.name)&&void 0!==l?l:"de",null==a?void 0:a.translations),await s(e,n,a)},r=n;export{o as ToasterService,n as bootstrap,r as register};

package/dist/kolibri/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToasterService","constructor","document","this","toastContainerElement","createElement","body","prepend","getInstance","instance","instances","get","set","dispose","element","undefined","remove","console","warn","enqueue","toast","closeAll","Map","bootstrap","async","themes","loaders","options","initI18n","_a","translation","name","configI18n","_c","_b","translations","coreRegister","register"],"sources":["src/components/toaster/toaster.tsx","src/core/bootstrap.ts"],"sourcesContent":["import { Toast } from './types';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(private readonly document: Document) {\n\t\tthis.toastContainerElement = this.document.createElement('kol-toast-container');\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document) {\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tconsole.warn('Toaster service is already disposed.');\n\t\t}\n\t}\n\n\tpublic enqueue(toast: Toast): Promise<() => void> | undefined {\n\t\t/**\n\t\t * We need this condition for SSR. The toast container is not rendered on the server,\n\t\t * so we can't enqueue toasts.\n\t\t */\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {\n\t\t\treturn this.toastContainerElement.enqueue(toast);\n\t\t}\n\t}\n\n\tpublic closeAll(): void {\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.closeAll === 'function') {\n\t\t\tvoid this.toastContainerElement.closeAll();\n\t\t}\n\t}\n}\n","import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';\nimport { register as coreRegister } from 'adopted-style-sheets';\nimport { configI18n, initI18n } from './i18n';\n\ntype KoliBriOptions = RegisterOptions & {\n\t// transformTagName?: (tagName: string) => string;\n};\n\nexport const bootstrap = async (\n\tthemes:\n\t\t| Generic.Theming.RegisterPatch<string, string, string>\n\t\t| Generic.Theming.RegisterPatch<string, string, string>[]\n\t\t| Set<Generic.Theming.RegisterPatch<string, string, string>>,\n\tloaders: LoaderCallback | LoaderCallback[] | Set<LoaderCallback>,\n\toptions?: KoliBriOptions\n): Promise<void[]> => {\n\tawait initI18n(options?.translation?.name);\n\tawait configI18n(options?.translation?.name ?? 'de', options?.translations);\n\t// configTransformTagName(options.transformTagName);\n\treturn await coreRegister(themes, loaders, options);\n};\n\nexport const register = bootstrap;\n"],"mappings":";;;ieAEaA,EAKZ,WAAAC,CAAqCC,GAAAC,KAAAD,WACpCC,KAAKC,sBAAwBD,KAAKD,SAASG,cAAc,uBACzDF,KAAKD,SAASI,KAAKC,QAAQJ,KAAKC,sB,CAM1B,kBAAOI,CAAYN,GACzB,IAAIO,EAAWN,KAAKO,UAAUC,IAAIT,GAClC,IAAKO,EAAU,CACdA,EAAW,IAAIT,EAAeE,GAC9BC,KAAKO,UAAUE,IAAIV,EAAUO,E,CAE9B,OAAOA,C,CAGD,OAAAI,GACN,MAAMC,EAAUX,KAAKC,sBACrB,GAAIU,EAAS,CACZX,KAAKC,sBAAwBW,UAC7BD,EAAQE,Q,KACF,CACNC,QAAQC,KAAK,uC,EAIR,OAAAC,CAAQC,GAKd,GAAIjB,KAAKC,8BAAgCD,KAAKC,sBAAsBe,UAAY,WAAY,CAC3F,OAAOhB,KAAKC,sBAAsBe,QAAQC,E,EAIrC,QAAAC,GACN,GAAIlB,KAAKC,8BAAgCD,KAAKC,sBAAsBiB,WAAa,WAAY,MACvFlB,KAAKC,sBAAsBiB,U,GA3CVrB,EAAAU,UAA2C,IAAIY,I,MCK3DC,EAAYC,MACxBC,EAIAC,EACAC,K,gBAEMC,GAASC,EAAAF,IAAO,MAAPA,SAAO,SAAPA,EAASG,eAAW,MAAAD,SAAA,SAAAA,EAAEE,YAC/BC,GAAWC,GAAAC,EAAAP,IAAO,MAAPA,SAAO,SAAPA,EAASG,eAAW,MAAAI,SAAA,SAAAA,EAAEH,QAAI,MAAAE,SAAA,EAAAA,EAAI,KAAMN,IAAO,MAAPA,SAAO,SAAPA,EAASQ,cAE9D,aAAaC,EAAaX,EAAQC,EAASC,EAAQ,E,MAGvCU,EAAWd,S"}
+{"version":3,"names":["ToasterService","constructor","document","this","toastContainerElement","createElement","body","prepend","getInstance","instance","instances","get","set","dispose","element","undefined","remove","console","warn","enqueue","toast","closeAll","Map","bootstrap","async","themes","loaders","options","initI18n","_a","translation","name","configI18n","_c","_b","translations","coreRegister","register"],"sources":["src/components/toaster/toaster.tsx","src/core/bootstrap.ts"],"sourcesContent":["import { Toast } from './types';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(private readonly document: Document) {\n\t\tthis.toastContainerElement = this.document.createElement('kol-toast-container');\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document) {\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tconsole.warn('Toaster service is already disposed.');\n\t\t}\n\t}\n\n\tpublic enqueue(toast: Toast): Promise<() => void> | undefined {\n\t\t/**\n\t\t * We need this condition for SSR. The toast container is not rendered on the server,\n\t\t * so we can't enqueue toasts.\n\t\t */\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {\n\t\t\treturn this.toastContainerElement.enqueue(toast);\n\t\t}\n\t}\n\n\tpublic closeAll(): void {\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.closeAll === 'function') {\n\t\t\tvoid this.toastContainerElement.closeAll();\n\t\t}\n\t}\n}\n","import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';\nimport { register as coreRegister } from 'adopted-style-sheets';\nimport { configI18n, initI18n } from './i18n';\n\ntype KoliBriOptions = RegisterOptions & {\n\t// transformTagName?: (tagName: string) => string;\n};\n\nexport const bootstrap = async (\n\tthemes:\n\t\t| Generic.Theming.RegisterPatch<string, string, string>\n\t\t| Generic.Theming.RegisterPatch<string, string, string>[]\n\t\t| Set<Generic.Theming.RegisterPatch<string, string, string>>,\n\tloaders: LoaderCallback | LoaderCallback[] | Set<LoaderCallback>,\n\toptions?: KoliBriOptions,\n): Promise<void[]> => {\n\tawait initI18n(options?.translation?.name);\n\tawait configI18n(options?.translation?.name ?? 'de', options?.translations);\n\t// configTransformTagName(options.transformTagName);\n\treturn await coreRegister(themes, loaders, options);\n};\n\nexport const register = bootstrap;\n"],"mappings":";;;ieAEaA,EAKZ,WAAAC,CAAqCC,GAAAC,KAAAD,WACpCC,KAAKC,sBAAwBD,KAAKD,SAASG,cAAc,uBACzDF,KAAKD,SAASI,KAAKC,QAAQJ,KAAKC,sB,CAM1B,kBAAOI,CAAYN,GACzB,IAAIO,EAAWN,KAAKO,UAAUC,IAAIT,GAClC,IAAKO,EAAU,CACdA,EAAW,IAAIT,EAAeE,GAC9BC,KAAKO,UAAUE,IAAIV,EAAUO,E,CAE9B,OAAOA,C,CAGD,OAAAI,GACN,MAAMC,EAAUX,KAAKC,sBACrB,GAAIU,EAAS,CACZX,KAAKC,sBAAwBW,UAC7BD,EAAQE,Q,KACF,CACNC,QAAQC,KAAK,uC,EAIR,OAAAC,CAAQC,GAKd,GAAIjB,KAAKC,8BAAgCD,KAAKC,sBAAsBe,UAAY,WAAY,CAC3F,OAAOhB,KAAKC,sBAAsBe,QAAQC,E,EAIrC,QAAAC,GACN,GAAIlB,KAAKC,8BAAgCD,KAAKC,sBAAsBiB,WAAa,WAAY,MACvFlB,KAAKC,sBAAsBiB,U,GA3CVrB,EAAAU,UAA2C,IAAIY,I,MCK3DC,EAAYC,MACxBC,EAIAC,EACAC,K,gBAEMC,GAASC,EAAAF,IAAO,MAAPA,SAAO,SAAPA,EAASG,eAAW,MAAAD,SAAA,SAAAA,EAAEE,YAC/BC,GAAWC,GAAAC,EAAAP,IAAO,MAAPA,SAAO,SAAPA,EAASG,eAAW,MAAAI,SAAA,SAAAA,EAAEH,QAAI,MAAAE,SAAA,EAAAA,EAAI,KAAMN,IAAO,MAAPA,SAAO,SAAPA,EAASQ,cAE9D,aAAaC,EAAaX,EAAQC,EAASC,EAAQ,E,MAGvCU,EAAWd,S"}

package/dist/kolibri/kol-abbr.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as t}from"./index-7cc6aa47.js";import{v as a}from"./label-0cc3ee5d.js";import{v as o}from"./tooltip-align-e243c82c.js";import{n}from"./dev.utils-11981c6e.js";import"./a11y.tipps-c347026d.js";import"./prop.validators-9d76278b.js";import"./index-117bd1aa.js";import"./alignment-68533fed.js";import"./reuse-d79ab469.js";const s=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>abbr{cursor:help}",l=s,r=class{constructor(t){i(this,t),this.nonce=n(),this._label=void 0,this._tooltipAlign="top",this._title=void 0,this.state={_label:"…",_tooltipAlign:"top"}}render(){return e(t,{key:"2e0e1847fea4ff58188e8e553bd9ca9594c8bbf6",class:"kol-abbr"},e("abbr",{key:"8180dcdf5a2872e2491b551799c2e25ee172a195","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},e("span",{key:"6de715e89fe451d134cc5e517bbc982804261863",title:""},e("slot",{key:"00be80b54e15078f99198633ec55b2024c6b4b39"}))),e("kol-tooltip-wc",{key:"a7eec582ea8e084f2cfbf4aeaf6e0e8278e86487",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(t){a(this,t,{required:!0})}validateTitle(t){this.validateLabel(t)}validateTooltipAlign(t){o(this,t)}componentWillLoad(){this.validateLabel(this._label||this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};r.style={default:l};export{r as kol_abbr};
+import{r as i,h as e,H as t}from"./index-c1d028ba.js";import{v as a}from"./label-9ebba50f.js";import{v as o}from"./tooltip-align-d0553e7f.js";import{n}from"./dev.utils-8d5cefe9.js";import"./a11y.tipps-1cea6b3d.js";import"./prop.validators-8c5a4551.js";import"./index-117bd1aa.js";import"./alignment-7cf13a42.js";import"./reuse-d79ab469.js";const s=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>abbr{cursor:help}",l=s,r=class{constructor(t){i(this,t),this.nonce=n(),this._label=void 0,this._tooltipAlign="top",this._title=void 0,this.state={_label:"…",_tooltipAlign:"top"}}render(){return e(t,{key:"2e0e1847fea4ff58188e8e553bd9ca9594c8bbf6",class:"kol-abbr"},e("abbr",{key:"8180dcdf5a2872e2491b551799c2e25ee172a195","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},e("span",{key:"6de715e89fe451d134cc5e517bbc982804261863",title:""},e("slot",{key:"00be80b54e15078f99198633ec55b2024c6b4b39"}))),e("kol-tooltip-wc",{key:"a7eec582ea8e084f2cfbf4aeaf6e0e8278e86487",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(t){a(this,t,{required:!0})}validateTitle(t){this.validateLabel(t)}validateTooltipAlign(t){o(this,t)}componentWillLoad(){this.validateLabel(this._label||this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};r.style={default:l};export{r as kol_abbr};

package/dist/kolibri/kol-accordion.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i,H as t,g as a}from"./index-7cc6aa47.js";import{v as n}from"./label-0cc3ee5d.js";import{v as o}from"./open-3bbdba74.js";import{f as s}from"./a11y.tipps-c347026d.js";import{n as d}from"./dev.utils-11981c6e.js";import{s as r}from"./prop.validators-9d76278b.js";import{a as c}from"./reuse-d79ab469.js";import{w as l}from"./validation-e0cdfc8e.js";import"./index-117bd1aa.js";const p=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}.wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows 0.3s}.accordion.open .wrapper{grid-template-rows:1fr}.animation-wrapper{min-height:0;transition:visibility 0.3s;visibility:hidden}.accordion.open .animation-wrapper{visibility:visible}@media (prefers-reduced-motion){.animation-wrapper,.wrapper{transition-duration:0s}}@media print{.accordion:not(.open) .animation-wrapper{display:none}}.accordion .kol-heading-wc .kol-button-wc button .kol-span-wc{justify-items:start}",h=p;s("[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"),s("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const b=class{constructor(i){e(this,i),this.nonce=d(),this.catchRef=e=>{c(this.host,e)},this.onClick=e=>{this._open=!this._open,setTimeout((()=>{var i;"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(e,!0===this._open)}))},this._heading=void 0,this._label=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_label:"…",_level:1}}render(){return i(t,{key:"a7d5ce5d4cff914a10c515f23dc4997c828a5ab1",class:"kol-accordion"},i("div",{key:"4df94b03f24661b919ef9b351c35a2bd9509b852",class:{accordion:!0,open:!0===this.state._open}},i("kol-heading-wc",{key:"32dcf8dcc072f1968b0bf03a5d8061b9e3a30eec",_label:"",_level:this.state._level},i("kol-button-wc",{key:"802019682c9547b39670090372cf4e7a9aa5bf91",ref:this.catchRef,_ariaControls:this.nonce,_ariaExpanded:this.state._open,_icons:this.state._open?"codicon codicon-remove":"codicon codicon-add",_label:this.state._label,_on:{onClick:this.onClick}})),i("div",{key:"0dd993330fef85449b4f64f98ac88618671f9435",class:"header"},i("slot",{key:"67c9f608cd12aed59bf1a95f41aee692ab681e6b",name:"header"})),i("div",{key:"4aa4f5ed41bebca98063841b0ccb2a474ca0e0e7",class:"wrapper"},i("div",{key:"1354863e00237ec38d6b135dcbbc68bcdab69a4e",class:"animation-wrapper"},i("div",{key:"522e048f3496887c45fc8742cd42511521d2f64e","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},i("slot",{key:"0475f737972397c5dbf98eb9ac4e3c46edbb5d52",name:"content"})," ",i("slot",{key:"562b53897add09c5839d56eb2688a85c6ab8b3d7"}))))))}validateHeading(e){this.validateLabel(e)}validateLabel(e){n(this,e,{required:!0})}validateLevel(e){l(this,e)}validateOn(e){"object"==typeof e&&null!==e&&"function"==typeof e.onClick&&r(this,"_on",e)}validateOpen(e){o(this,e)}componentWillLoad(){this.validateLabel(this._label||this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return a(this)}static get watchers(){return{_heading:["validateHeading"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};b.style={default:h};export{b as kol_accordion};
+import{r as e,h as i,H as a,g as t}from"./index-c1d028ba.js";import{v as n}from"./label-9ebba50f.js";import{v as o}from"./open-156f7856.js";import{f as s}from"./a11y.tipps-1cea6b3d.js";import{n as d}from"./dev.utils-8d5cefe9.js";import{s as r}from"./prop.validators-8c5a4551.js";import{a as c}from"./reuse-d79ab469.js";import{w as l}from"./validation-4822efd5.js";import"./index-117bd1aa.js";const p=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}.wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows 0.3s}.accordion.open .wrapper{grid-template-rows:1fr}.animation-wrapper{min-height:0;transition:visibility 0.3s;visibility:hidden}.accordion.open .animation-wrapper{visibility:visible}@media (prefers-reduced-motion){.animation-wrapper,.wrapper{transition-duration:0s}}@media print{.accordion:not(.open) .animation-wrapper{display:none}}.accordion .kol-heading-wc .kol-button-wc button .kol-span-wc{justify-items:start}",h=p;s("[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"),s("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const b=class{constructor(i){e(this,i),this.nonce=d(),this.catchRef=e=>{c(this.host,e)},this.onClick=e=>{this._open=!this._open,setTimeout((()=>{var i;"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(e,!0===this._open)}))},this._heading=void 0,this._label=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_label:"…",_level:1}}render(){return i(a,{key:"a7d5ce5d4cff914a10c515f23dc4997c828a5ab1",class:"kol-accordion"},i("div",{key:"4df94b03f24661b919ef9b351c35a2bd9509b852",class:{accordion:!0,open:!0===this.state._open}},i("kol-heading-wc",{key:"32dcf8dcc072f1968b0bf03a5d8061b9e3a30eec",_label:"",_level:this.state._level},i("kol-button-wc",{key:"802019682c9547b39670090372cf4e7a9aa5bf91",ref:this.catchRef,_ariaControls:this.nonce,_ariaExpanded:this.state._open,_icons:this.state._open?"codicon codicon-remove":"codicon codicon-add",_label:this.state._label,_on:{onClick:this.onClick}})),i("div",{key:"0dd993330fef85449b4f64f98ac88618671f9435",class:"header"},i("slot",{key:"67c9f608cd12aed59bf1a95f41aee692ab681e6b",name:"header"})),i("div",{key:"4aa4f5ed41bebca98063841b0ccb2a474ca0e0e7",class:"wrapper"},i("div",{key:"1354863e00237ec38d6b135dcbbc68bcdab69a4e",class:"animation-wrapper"},i("div",{key:"522e048f3496887c45fc8742cd42511521d2f64e","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},i("slot",{key:"0475f737972397c5dbf98eb9ac4e3c46edbb5d52",name:"content"})," ",i("slot",{key:"562b53897add09c5839d56eb2688a85c6ab8b3d7"}))))))}validateHeading(e){this.validateLabel(e)}validateLabel(e){n(this,e,{required:!0})}validateLevel(e){l(this,e)}validateOn(e){"object"==typeof e&&null!==e&&"function"==typeof e.onClick&&r(this,"_on",e)}validateOpen(e){o(this,e)}componentWillLoad(){this.validateLabel(this._label||this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return t(this)}static get watchers(){return{_heading:["validateHeading"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};b.style={default:h};export{b as kol_accordion};

package/dist/kolibri/kol-alert-wc_3.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as e,g as s}from"./index-7cc6aa47.js";import{t as a}from"./i18n-ad947f60.js";import{v as l}from"./has-closer-d5bb4e12.js";import{v as n,a as d}from"./label-0cc3ee5d.js";import{L as o}from"./dev.utils-11981c6e.js";import{a as h,s as r,w as c,l as u,i as v,f,d as b}from"./prop.validators-9d76278b.js";import{w as p}from"./validation-e0cdfc8e.js";import{v as _,a as m,c as y}from"./aria-current-237ef298.js";import{v as g,a as k}from"./custom-class-e90f6244.js";import{v as w}from"./hide-label-c9ce8fc8.js";import{v as L,w as j}from"./icons-e0d64894.js";import{v as A}from"./tooltip-align-e243c82c.js";import{g as C}from"./a11y.tipps-c347026d.js";import{s as S,t as x}from"./events-fa760b68.js";import{s as I,a as T}from"./reuse-d79ab469.js";import{v as V}from"./tab-index-9fa47228.js";import{p as H,a as O}from"./controller-89bb64c9.js";import{A as E}from"./associated.controller-2a2dee1c.js";import"./i18n-fddf0324.js";import"./index-117bd1aa.js";import"./alignment-68533fed.js";const B=a=>i("kol-icon",{class:"heading-icon",_ariaLabel:"string"==typeof a.label&&a.label.length>0?"":a.ariaLabel,_icons:a.icon}),K=e=>{switch(e.type){case"error":return i(B,{ariaLabel:a("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return i(B,{ariaLabel:a("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return i(B,{ariaLabel:a("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return i(B,{ariaLabel:a("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return i(B,{ariaLabel:a("kol-message"),icon:"codicon codicon-comment",label:e.label})}},N=class{constructor(a){t(this,a),this.close=()=>{var a;void 0!==(null===(a=this._on)||void 0===a?void 0:a.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=a=>"object"==typeof a&&null!==a&&"function"==typeof a.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var t;if(this.state._alert){try{o.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(t){o.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return i(e,{key:"0c9981d985880bc6408fa56490f1af4cca3e5612",class:{"kol-alert-wc":!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},i("div",{key:"e9f5ef877d647ba7e0a77d1d409ac305ae986d27",class:"heading"},i(K,{key:"7205bd26fa27c11c98b93e0dced79861b7d9ddb8",label:this.state._label,type:this.state._type}),i("div",{key:"4280475e2c8d1fd1d6bae3bf43d4025a2cca7eee"},"string"==typeof this.state._label&&(null===(t=this.state._label)||void 0===t?void 0:t.length)>0&&i("kol-heading-wc",{_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&i("div",{class:"content"},i("slot",null))),this.state._hasCloser&&i("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:a("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&i("div",{class:"content"},i("slot",null)))}validateAlert(a){h(this,"_alert",a)}validateHasCloser(a){l(this,a)}validateLabel(a){n(this,a)}validateLevel(a){p(this,a)}validateOn(a){this.validateOnValue(a)&&r(this,"_on",{onClose:a.onClose})}validateType(a){c(this,"_type",(a=>"string"==typeof a&&("default"===a||"error"===a||"info"===a||"success"===a||"warning"===a)),new Set("String {success, info, warning, error}"),a)}validateVariant(a){c(this,"_variant",(a=>"card"===a||"msg"===a),new Set("AlertVariant {card, msg}"),a)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}},D=(a,e)=>{h(a,"_ariaExpanded",e)},W=(a,e)=>{c(a,"_on",(a=>"object"==typeof a&&null!==a),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),e)},R=(a,e)=>{c(a,"_type",(a=>"button"===a||"reset"===a||"submit"===a),new Set(["KoliBriButtonType {button, reset, submit}"]),e)},q=(a,e)=>{h(a,"_disabled",e)},M=class{render(){const a=I(this.state._label);return i(e,{key:"a03281943dde8f27f08001fc4cab49ff64594e5e",class:"kol-button-wc"},i("button",Object.assign({key:"a8888d7b5122d49f17582864a80ae4c04d24075b",ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":u(this.state._ariaCurrent),"aria-expanded":v(this.state._ariaExpanded),"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":u(this.state._ariaSelected),class:{button:!0,[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"icon-only":!0===this.state._hideLabel,"hide-label":!0===this.state._hideLabel},disabled:this.state._disabled,id:this.state._id,name:this.state._name},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),i("kol-span-wc",{key:"a2d9a70be5668d0c931c917f523ad29cd6e81ebd",class:"button-inner",_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:a?"":this.state._label},i("slot",{key:"6658c75c035583407e3ed5eb20a8a5b687cd358e",name:"expert",slot:"expert"}))),i("kol-tooltip-wc",{key:"247723f3b1b11d3fea03335ea0196a666045d595","aria-hidden":"true",hidden:a||!this.state._hideLabel,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}))}constructor(a){t(this,a),this.catchRef=a=>{this.ref=a,T(this.host,this.ref)},this.onClick=a=>{var e,t;"submit"===this.state._type?H({form:this.host,ref:this.ref}):"reset"===this.state._type?O({form:this.host,ref:this.ref}):(S(a),x("click",this.host,this.state._value),this.controller.setFormAssociatedValue(this.state._value),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(f(a,this.ref),null===(t=this.state._on)||void 0===t||t.onClick(a,this.state._value)))},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_icons:{},_label:"…",_on:{},_type:"button",_variant:"normal"},this.controller=new E(this,"button",this.host)}validateAccessKey(a){b(this,"_accessKey",a)}validateAriaControls(a){_(this,a)}validateAriaCurrent(a){m(this,a)}validateAriaExpanded(a){D(this,a)}validateAriaLabel(a){this.validateLabel(a)}validateAriaSelected(a){h(this,"_ariaSelected",a)}validateCustomClass(a){g(this,a)}validateDisabled(a){q(this,a),!0===a&&C()}validateHideLabel(a){w(this,a)}validateIcon(a){L(this,a)}validateIcons(a){L(this,a)}validateIconAlign(a){j(this,a)}validateIconOnly(a){this.validateHideLabel(a)}validateId(a){b(this,"_id",a)}validateLabel(a){d(this,a,{required:!0})}validateName(a){this.controller.validateName(a)}validateOn(a){W(this,a)}validateRole(a){y(this,a)}validateSyncValueBySelector(a){this.controller.validateSyncValueBySelector(a)}validateTabIndex(a){V(this,a)}validateTooltipAlign(a){A(this,a)}validateType(a){R(this,a)}validateValue(a){r(this,"_value",a),this.controller.setFormAssociatedValue(this.state._value)}validateVariant(a){k(this,a)}componentWillLoad(){var a;this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaCurrent(this._ariaCurrent),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel||this._iconOnly),this.validateIcons(this._icons||this._icon),this.validateIconAlign(this._iconAlign),this.validateId(this._id),this.validateLabel(null!==(a=this._label)&&void 0!==a?a:this._ariaLabel),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateVariant(this._variant)}get host(){return s(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaCurrent:["validateAriaCurrent"],_ariaExpanded:["validateAriaExpanded"],_ariaLabel:["validateAriaLabel"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icon:["validateIcon"],_icons:["validateIcons"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_id:["validateId"],_label:["validateLabel"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}},P=class{constructor(a){t(this,a),this.renderHeadline=(a,e)=>{switch(e){case 1:return i("h1",{class:"headline"},a,i("slot",null));case 2:return i("h2",{class:"headline"},a,i("slot",null));case 3:return i("h3",{class:"headline"},a,i("slot",null));case 4:return i("h4",{class:"headline"},a,i("slot",null));case 5:return i("h5",{class:"headline"},a,i("slot",null));case 6:return i("h6",{class:"headline"},a,i("slot",null));default:return i("strong",{class:"headline"},a,i("slot",null))}},this.renderSecondaryHeadline=(a,e)=>{switch(e){case 1:return i("span",{class:"secondary-headline"},a);case 2:return i("h2",{class:"secondary-headline"},a);case 3:return i("h3",{class:"secondary-headline"},a);case 4:return i("h4",{class:"secondary-headline"},a);case 5:return i("h5",{class:"secondary-headline"},a);case 6:return i("h6",{class:"secondary-headline"},a);default:return i("strong",{class:"secondary-headline"},a)}},this._label=void 0,this._level=1,this._secondaryHeadline=void 0,this.state={_label:"…",_level:1}}validateLabel(a){d(this,a,{defaultValue:"…"})}validateLevel(a){p(this,a)}validateSecondaryHeadline(a){b(this,"_secondaryHeadline",a)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline)}render(){return i(e,{key:"f15665b14858a2546a9a0f9ec63906c75d1323e6",class:"kol-heading-wc"},"string"==typeof this.state._secondaryHeadline&&this.state._secondaryHeadline.length>0?i("hgroup",null,this.renderHeadline(this.state._label,this.state._level),this.state._secondaryHeadline&&this.renderSecondaryHeadline(this.state._secondaryHeadline,this.state._level+1)):this.renderHeadline(this.state._label,this.state._level))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_secondaryHeadline:["validateSecondaryHeadline"]}}};export{N as kol_alert_wc,M as kol_button_wc,P as kol_heading_wc};
+import{r as t,h as i,H as e,g as s}from"./index-c1d028ba.js";import{t as a}from"./i18n-ad947f60.js";import{v as l}from"./has-closer-a9be38af.js";import{v as n,a as d}from"./label-9ebba50f.js";import{L as o}from"./dev.utils-8d5cefe9.js";import{a as h,s as r,w as c,l as u,i as v,f,d as b}from"./prop.validators-8c5a4551.js";import{w as p}from"./validation-4822efd5.js";import{v as _,a as m,c as y}from"./aria-current-9675e9d1.js";import{v as g,a as k}from"./custom-class-9470f26b.js";import{v as w}from"./hide-label-d39d4679.js";import{v as L,w as j}from"./icons-1e78352d.js";import{v as A}from"./tooltip-align-d0553e7f.js";import{g as C}from"./a11y.tipps-1cea6b3d.js";import{s as S,t as x}from"./events-fa760b68.js";import{s as I,a as T}from"./reuse-d79ab469.js";import{v as V}from"./tab-index-42e01244.js";import{p as H,a as O}from"./controller-86b9d0e8.js";import{A as E}from"./associated.controller-c4487875.js";import"./i18n-fddf0324.js";import"./index-117bd1aa.js";import"./alignment-7cf13a42.js";const B=a=>i("kol-icon",{class:"heading-icon",_ariaLabel:"string"==typeof a.label&&a.label.length>0?"":a.ariaLabel,_icons:a.icon}),K=e=>{switch(e.type){case"error":return i(B,{ariaLabel:a("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return i(B,{ariaLabel:a("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return i(B,{ariaLabel:a("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return i(B,{ariaLabel:a("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return i(B,{ariaLabel:a("kol-message"),icon:"codicon codicon-comment",label:e.label})}},N=class{constructor(a){t(this,a),this.close=()=>{var a;void 0!==(null===(a=this._on)||void 0===a?void 0:a.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=a=>"object"==typeof a&&null!==a&&"function"==typeof a.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var t;if(this.state._alert){try{o.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(t){o.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return i(e,{key:"0c9981d985880bc6408fa56490f1af4cca3e5612",class:{"kol-alert-wc":!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},i("div",{key:"e9f5ef877d647ba7e0a77d1d409ac305ae986d27",class:"heading"},i(K,{key:"7205bd26fa27c11c98b93e0dced79861b7d9ddb8",label:this.state._label,type:this.state._type}),i("div",{key:"4280475e2c8d1fd1d6bae3bf43d4025a2cca7eee"},"string"==typeof this.state._label&&(null===(t=this.state._label)||void 0===t?void 0:t.length)>0&&i("kol-heading-wc",{_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&i("div",{class:"content"},i("slot",null))),this.state._hasCloser&&i("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:a("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&i("div",{class:"content"},i("slot",null)))}validateAlert(a){h(this,"_alert",a)}validateHasCloser(a){l(this,a)}validateLabel(a){n(this,a)}validateLevel(a){p(this,a)}validateOn(a){this.validateOnValue(a)&&r(this,"_on",{onClose:a.onClose})}validateType(a){c(this,"_type",(a=>"string"==typeof a&&("default"===a||"error"===a||"info"===a||"success"===a||"warning"===a)),new Set("String {success, info, warning, error}"),a)}validateVariant(a){c(this,"_variant",(a=>"card"===a||"msg"===a),new Set("AlertVariant {card, msg}"),a)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}},D=(a,e)=>{h(a,"_ariaExpanded",e)},W=(a,e)=>{c(a,"_on",(a=>"object"==typeof a&&null!==a),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),e)},R=(a,e)=>{c(a,"_type",(a=>"button"===a||"reset"===a||"submit"===a),new Set(["KoliBriButtonType {button, reset, submit}"]),e)},q=(a,e)=>{h(a,"_disabled",e)},M=class{render(){const a=I(this.state._label);return i(e,{key:"a03281943dde8f27f08001fc4cab49ff64594e5e",class:"kol-button-wc"},i("button",Object.assign({key:"a8888d7b5122d49f17582864a80ae4c04d24075b",ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":u(this.state._ariaCurrent),"aria-expanded":v(this.state._ariaExpanded),"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":u(this.state._ariaSelected),class:{button:!0,[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"icon-only":!0===this.state._hideLabel,"hide-label":!0===this.state._hideLabel},disabled:this.state._disabled,id:this.state._id,name:this.state._name},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),i("kol-span-wc",{key:"a2d9a70be5668d0c931c917f523ad29cd6e81ebd",class:"button-inner",_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:a?"":this.state._label},i("slot",{key:"6658c75c035583407e3ed5eb20a8a5b687cd358e",name:"expert",slot:"expert"}))),i("kol-tooltip-wc",{key:"247723f3b1b11d3fea03335ea0196a666045d595","aria-hidden":"true",hidden:a||!this.state._hideLabel,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}))}constructor(a){t(this,a),this.catchRef=a=>{this.ref=a,T(this.host,this.ref)},this.onClick=a=>{var e,t;"submit"===this.state._type?H({form:this.host,ref:this.ref}):"reset"===this.state._type?O({form:this.host,ref:this.ref}):(S(a),x("click",this.host,this.state._value),this.controller.setFormAssociatedValue(this.state._value),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(f(a,this.ref),null===(t=this.state._on)||void 0===t||t.onClick(a,this.state._value)))},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_icons:{},_label:"…",_on:{},_type:"button",_variant:"normal"},this.controller=new E(this,"button",this.host)}validateAccessKey(a){b(this,"_accessKey",a)}validateAriaControls(a){_(this,a)}validateAriaCurrent(a){m(this,a)}validateAriaExpanded(a){D(this,a)}validateAriaLabel(a){this.validateLabel(a)}validateAriaSelected(a){h(this,"_ariaSelected",a)}validateCustomClass(a){g(this,a)}validateDisabled(a){q(this,a),!0===a&&C()}validateHideLabel(a){w(this,a)}validateIcon(a){L(this,a)}validateIcons(a){L(this,a)}validateIconAlign(a){j(this,a)}validateIconOnly(a){this.validateHideLabel(a)}validateId(a){b(this,"_id",a)}validateLabel(a){d(this,a,{required:!0})}validateName(a){this.controller.validateName(a)}validateOn(a){W(this,a)}validateRole(a){y(this,a)}validateSyncValueBySelector(a){this.controller.validateSyncValueBySelector(a)}validateTabIndex(a){V(this,a)}validateTooltipAlign(a){A(this,a)}validateType(a){R(this,a)}validateValue(a){r(this,"_value",a),this.controller.setFormAssociatedValue(this.state._value)}validateVariant(a){k(this,a)}componentWillLoad(){var a;this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaCurrent(this._ariaCurrent),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel||this._iconOnly),this.validateIcons(this._icons||this._icon),this.validateIconAlign(this._iconAlign),this.validateId(this._id),this.validateLabel(null!==(a=this._label)&&void 0!==a?a:this._ariaLabel),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateVariant(this._variant)}get host(){return s(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaCurrent:["validateAriaCurrent"],_ariaExpanded:["validateAriaExpanded"],_ariaLabel:["validateAriaLabel"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icon:["validateIcon"],_icons:["validateIcons"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_id:["validateId"],_label:["validateLabel"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}},P=class{constructor(a){t(this,a),this.renderHeadline=(a,e)=>{switch(e){case 1:return i("h1",{class:"headline"},a,i("slot",null));case 2:return i("h2",{class:"headline"},a,i("slot",null));case 3:return i("h3",{class:"headline"},a,i("slot",null));case 4:return i("h4",{class:"headline"},a,i("slot",null));case 5:return i("h5",{class:"headline"},a,i("slot",null));case 6:return i("h6",{class:"headline"},a,i("slot",null));default:return i("strong",{class:"headline"},a,i("slot",null))}},this.renderSecondaryHeadline=(a,e)=>{switch(e){case 1:return i("span",{class:"secondary-headline"},a);case 2:return i("h2",{class:"secondary-headline"},a);case 3:return i("h3",{class:"secondary-headline"},a);case 4:return i("h4",{class:"secondary-headline"},a);case 5:return i("h5",{class:"secondary-headline"},a);case 6:return i("h6",{class:"secondary-headline"},a);default:return i("strong",{class:"secondary-headline"},a)}},this._label=void 0,this._level=1,this._secondaryHeadline=void 0,this.state={_label:"…",_level:1}}validateLabel(a){d(this,a,{defaultValue:"…"})}validateLevel(a){p(this,a)}validateSecondaryHeadline(a){b(this,"_secondaryHeadline",a)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline)}render(){return i(e,{key:"f15665b14858a2546a9a0f9ec63906c75d1323e6",class:"kol-heading-wc"},"string"==typeof this.state._secondaryHeadline&&this.state._secondaryHeadline.length>0?i("hgroup",null,this.renderHeadline(this.state._label,this.state._level),this.state._secondaryHeadline&&this.renderSecondaryHeadline(this.state._secondaryHeadline,this.state._level+1)):this.renderHeadline(this.state._label,this.state._level))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_secondaryHeadline:["validateSecondaryHeadline"]}}};export{N as kol_alert_wc,M as kol_button_wc,P as kol_heading_wc};

package/dist/kolibri/kol-alert-wc_3.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["Icon","props","h","class","_ariaLabel","label","length","ariaLabel","_icons","icon","AlertIcon","type","translate","KolAlertWc","this","close","_a","_on","onClose","undefined","Event","on","onClick","validateOnValue","value","_level","render","state","_alert","Log","debug","navigator","vibrate","e","setTimeout","validateAlert","Host","key","_type","_variant","hasCloser","_hasCloser","role","_label","_hideLabel","left","_tooltipAlign","watchBoolean","validateHasCloser","validateLabel","validateLevel","watchHeadingLevel","validateOn","setState","validateType","watchValidator","Set","validateVariant","componentWillLoad","validateAriaExpanded","component","validateButtonCallbacks","validateButtonType","validateDisabled","KolButtonWc","hasExpertSlot","showExpertSlot","Object","assign","ref","catchRef","accessKey","_accessKey","_ariaControls","mapStringOrBoolean2String","_ariaCurrent","mapBoolean2String","_ariaExpanded","_ariaSelected","button","_customClass","disabled","_disabled","id","_id","name","_name","_role","tabIndex","_tabIndex","slot","hidden","_align","constructor","hostRef","propagateFocus","host","event","propagateSubmitEventToForm","form","propagateResetEventToForm","stopPropagation","tryToDispatchKoliBriEvent","_value","controller","setFormAssociatedValue","setEventTarget","_b","AssociatedInputController","validateAccessKey","watchString","validateAriaControls","validateAriaCurrent","validateAriaLabel","validateAriaSelected","validateCustomClass","a11yHintDisabled","validateHideLabel","validateIcon","validateIcons","validateIconAlign","watchIconAlign","validateIconOnly","validateId","validateLabelWithExpertSlot","required","validateName","validateRole","validateAlternativeButtonLinkRole","validateSyncValueBySelector","validateTabIndex","validateTooltipAlign","validateValue","validateButtonVariant","_iconOnly","_icon","_iconAlign","_syncValueBySelector","KolHeadingWc","renderHeadline","headline","level","renderSecondaryHeadline","defaultValue","validateSecondaryHeadline","_secondaryHeadline"],"sources":["src/components/alert/component.tsx","src/types/props/aria-expanded.ts","src/types/props/button-callbacks.ts","src/types/props/button-type.ts","src/types/props/disabled.ts","src/components/button/component.tsx","src/components/heading/component.tsx"],"sourcesContent":["import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { HeadingLevel } from '../../types/heading-level';\nimport { HasCloserPropType, validateHasCloser } from '../../types/props/has-closer';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { Log } from '../../utils/dev.utils';\nimport { setState, watchBoolean, watchValidator } from '../../utils/prop.validators';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { AlertType, AlertVariant, API, KoliBriAlertEventCallbacks, States } from './types';\n\nconst Icon = (props: { ariaLabel: string; icon: string; label?: string }) => {\n\treturn <kol-icon class=\"heading-icon\" _ariaLabel={typeof props.label === 'string' && props.label.length > 0 ? '' : props.ariaLabel} _icons={props.icon} />;\n};\n\nconst AlertIcon = (props: { label?: string; type?: AlertType }) => {\n\tswitch (props.type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={props.label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={props.label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={props.label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={props.label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={props.label} />;\n\t}\n};\n\n/**\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-alert-wc',\n\tshadow: false,\n})\nexport class KolAlertWc implements API {\n\tprivate readonly close = () => {\n\t\tif (this._on?.onClose !== undefined) {\n\t\t\tthis._on.onClose(new Event('Close'));\n\t\t}\n\t};\n\n\tprivate readonly on = {\n\t\tonClick: this.close,\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tif (this.state._alert) {\n\t\t\t/**\n\t\t\t * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t\t */\n\t\t\ttry {\n\t\t\t\tLog.debug(['Navigator should vibrate ...', navigator.vibrate([100, 75, 100, 75, 100])]);\n\t\t\t} catch (e) {\n\t\t\t\tLog.debug('Navigator does not support vibration.');\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.validateAlert(false);\n\t\t\t}, 10000);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'kol-alert-wc': true,\n\t\t\t\t\t[this.state._type as string]: true,\n\t\t\t\t\t[this.state._variant as string]: true,\n\t\t\t\t\thasCloser: !!this.state._hasCloser,\n\t\t\t\t}}\n\t\t\t\trole={this.state._alert ? 'alert' : undefined}\n\t\t\t>\n\t\t\t\t<div class=\"heading\">\n\t\t\t\t\t<AlertIcon label={this.state._label} type={this.state._type} />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{typeof this.state._label === 'string' && this.state._label?.length > 0 && (\n\t\t\t\t\t\t\t<kol-heading-wc _label={this.state._label} _level={this.state._level}></kol-heading-wc>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._variant === 'msg' && (\n\t\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state._hasCloser && (\n\t\t\t\t\t\t<kol-button-wc\n\t\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_label={translate('kol-close')}\n\t\t\t\t\t\t\t_on={this.on}\n\t\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t\t></kol-button-wc>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.state._variant === 'card' && (\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop() public _alert?: boolean = false;\n\n\t/**\n\t * Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCloser?: boolean = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Function für das Schließen des Alerts an.\n\t */\n\t@Prop() public _on?: KoliBriAlertEventCallbacks;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: AlertType = 'default';\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: AlertVariant = 'msg';\n\n\t@State() public state: States = {\n\t\t_level: 1,\n\t};\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this, '_alert', value);\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\tprivate validateOnValue = (value: unknown): boolean =>\n\t\ttypeof value === 'object' && value !== null && typeof (value as KoliBriAlertEventCallbacks).onClose === 'function';\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAlertEventCallbacks): void {\n\t\tif (this.validateOnValue(value)) {\n\t\t\tsetState<KoliBriAlertEventCallbacks>(\n\t\t\t\tthis,\n\t\t\t\t'_on',\n\t\t\t\t{\n\t\t\t\t\tonClose: (value as KoliBriAlertEventCallbacks).onClose,\n\t\t\t\t}\n\t\t\t\t// {\n\t\t\t\t// \tafterPatch: (value: unknown) => {\n\t\t\t\t// \t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t\t// \t},\n\t\t\t\t// }\n\t\t\t);\n\t\t\t// } else {\n\t\t\t// \tsetState<KoliBriAlertEventCallbacks>(this, '_on', null, {\n\t\t\t// \t\tafterPatch: (value: unknown) => {\n\t\t\t// \t\t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t// \t\t},\n\t\t\t// \t});\n\t\t}\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: AlertType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_type',\n\t\t\t(value) => typeof value === 'string' && (value === 'default' || value === 'error' || value === 'info' || value === 'success' || value === 'warning'),\n\t\t\tnew Set('String {success, info, warning, error}'),\n\t\t\tvalue\n\t\t);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: AlertVariant): void {\n\t\twatchValidator(this, '_variant', (value) => value === 'card' || value === 'msg', new Set('AlertVariant {card, msg}'), value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlert(this._alert);\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateType(this._type);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\ntype AriaExpandedPropType = boolean;\n\n/**\n * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n * @deprecated\n */\nexport type PropAriaExpanded = {\n\tariaExpanded: AriaExpandedPropType;\n};\n\n/* validator */\nexport const validateAriaExpanded = (component: Generic.Element.Component, value?: AriaExpandedPropType): void => {\n\twatchBoolean(component, '_ariaExpanded', value);\n};\n","import { Events } from '../../enums/events';\nimport { EventCallback, EventValueOrEventCallback } from '../callbacks';\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\nimport { StencilUnknown } from '../unknown';\n\n/* types */\nexport type ButtonCallbacksPropType<T> = {\n\t[Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n\t[Events.onMouseDown]?: EventCallback<MouseEvent>;\n};\n\n/**\n * Defines the callback functions for button events.\n */\nexport type PropButtonCallbacks<T> = {\n\ton: ButtonCallbacksPropType<T>;\n};\n\n/* validator */\nexport const validateButtonCallbacks = (component: Generic.Element.Component, value?: ButtonCallbacksPropType<StencilUnknown>): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}']),\n\t\tvalue\n\t);\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\n\nexport type ButtonTypePropType = 'button' | 'reset' | 'submit';\n\n/**\n * Defines either the type of the component or of the components interactive element.\n */\nexport type PropButtonType = {\n\ttype: ButtonTypePropType;\n};\n\n/* validator */\nexport const validateButtonType = (component: Generic.Element.Component, value?: ButtonTypePropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_type`,\n\t\t(value) => value === 'button' || value === 'reset' || value === 'submit',\n\t\tnew Set(['KoliBriButtonType {button, reset, submit}']),\n\t\tvalue\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\nexport type DisabledPropType = boolean;\n\n/**\n * Makes the element not focusable and ignore all events.\n */\nexport type PropDisabled = {\n\tdisabled: DisabledPropType;\n};\n\n/* validator */\nexport const validateDisabled = (component: Generic.Element.Component, value?: DisabledPropType): void => {\n\twatchBoolean(component, '_disabled', value);\n};\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { States as ButtonStates } from '../../components/button/types';\nimport { Stringified } from '../../types/common';\nimport { AlignPropType } from '../../types/props/align';\nimport { AlternativeButtonLinkRolePropType, validateAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';\nimport { validateAriaControls } from '../../types/props/aria-controls';\nimport { AriaCurrentPropType, validateAriaCurrent } from '../../types/props/aria-current';\nimport { validateAriaExpanded } from '../../types/props/aria-expanded';\nimport { ButtonCallbacksPropType, validateButtonCallbacks } from '../../types/props/button-callbacks';\nimport { ButtonTypePropType, validateButtonType } from '../../types/props/button-type';\nimport { ButtonVariantPropType, validateButtonVariant } from '../../types/props/button-variant';\nimport { CustomClassPropType, validateCustomClass } from '../../types/props/custom-class';\nimport { DisabledPropType, validateDisabled } from '../../types/props/disabled';\nimport { validateHideLabel } from '../../types/props/hide-label';\nimport { IconsPropType, validateIcons, watchIconAlign } from '../../types/props/icons';\nimport { LabelWithExpertSlotPropType, validateLabelWithExpertSlot } from '../../types/props/label';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType, validateTooltipAlign } from '../../types/props/tooltip-align';\nimport { StencilUnknown } from '../../types/unknown';\nimport { a11yHintDisabled } from '../../utils/a11y.tipps';\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { mapBoolean2String, mapStringOrBoolean2String, setEventTarget, setState, watchBoolean, watchString } from '../../utils/prop.validators';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { validateTabIndex } from '../../utils/validators/tab-index';\nimport { propagateResetEventToForm, propagateSubmitEventToForm } from '../form/controller';\nimport { AssociatedInputController } from '../input-adapter-leanup/associated.controller';\nimport { API } from './types';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-button-wc',\n\tshadow: false,\n})\nexport class KolButtonWc implements API {\n\t@Element() private readonly host?: HTMLKolButtonWcElement;\n\tprivate ref?: HTMLButtonElement;\n\n\tprivate readonly catchRef = (ref?: HTMLButtonElement) => {\n\t\tthis.ref = ref;\n\t\tpropagateFocus(this.host, this.ref);\n\t};\n\n\tprivate readonly onClick = (event: MouseEvent) => {\n\t\tif (this.state._type === 'submit') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else if (this.state._type === 'reset') {\n\t\t\tpropagateResetEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else {\n\t\t\t// Event handling\n\t\t\tstopPropagation(event);\n\t\t\ttryToDispatchKoliBriEvent('click', this.host, this.state._value);\n\n\t\t\t// TODO: Static form handling\n\t\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tsetEventTarget(event, this.ref);\n\t\t\t\tthis.state._on?.onClick(event, this.state._value);\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\treturn (\n\t\t\t<Host class=\"kol-button-wc\">\n\t\t\t\t<button\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-controls={this.state._ariaControls}\n\t\t\t\t\taria-current={mapStringOrBoolean2String(this.state._ariaCurrent)}\n\t\t\t\t\taria-expanded={mapBoolean2String(this.state._ariaExpanded)}\n\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\taria-selected={mapStringOrBoolean2String(this.state._ariaSelected)}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\t[this.state._variant as string]: this.state._variant !== 'custom',\n\t\t\t\t\t\t[this.state._customClass as string]:\n\t\t\t\t\t\t\tthis.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n\t\t\t\t\t\t'icon-only': this.state._hideLabel === true, // @deprecated in v2\n\t\t\t\t\t\t'hide-label': this.state._hideLabel === true,\n\t\t\t\t\t}}\n\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\tid={this.state._id}\n\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t{...this.state._on}\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\ttype={this.state._type}\n\t\t\t\t>\n\t\t\t\t\t<kol-span-wc class=\"button-inner\" _icons={this.state._icons} _hideLabel={this.state._hideLabel} _label={hasExpertSlot ? '' : this.state._label}>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t\t</kol-span-wc>\n\t\t\t\t</button>\n\t\t\t\t<kol-tooltip-wc\n\t\t\t\t\t/**\n\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t */\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\thidden={hasExpertSlot || !this.state._hideLabel}\n\t\t\t\t\t_align={this.state._tooltipAlign}\n\t\t\t\t\t_label={typeof this.state._label === 'string' ? this.state._label : ''}\n\t\t\t\t></kol-tooltip-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: AssociatedInputController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t *\n\t * @deprecated aria-current is not necessary for buttons. will be removed in version 2.\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrentPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Deprecated: Setzt die semantische Beschriftung der Komponente.\n\t *\n\t * @deprecated use _label instead\n\t */\n\t@Prop() public _ariaLabel?: string;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: IconsPropType;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Deprecated: Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t *\n\t * @deprecated\n\t */\n\t@Prop() public _iconAlign?: AlignPropType;\n\n\t/**\n\t * Deprecated: Hides the label and shows the description in a Tooltip instead.\n\t *\n\t * @deprecated use _hide-label\n\t */\n\t@Prop() public _iconOnly?: boolean;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value that the button emits on click.\n\t */\n\t@Prop() public _value?: Stringified<StencilUnknown>;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@State() public state: ButtonStates = {\n\t\t_icons: {},\n\t\t_label: '…', // ⚠ required\n\t\t_on: {},\n\t\t_type: 'button',\n\t\t_variant: 'normal',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new AssociatedInputController(this, 'button', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this, '_accessKey', value);\n\t}\n\n\t@Watch('_ariaControls')\n\tpublic validateAriaControls(value?: string): void {\n\t\tvalidateAriaControls(this, value);\n\t}\n\n\t@Watch('_ariaCurrent')\n\tpublic validateAriaCurrent(value?: AriaCurrentPropType): void {\n\t\tvalidateAriaCurrent(this, value);\n\t}\n\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: boolean): void {\n\t\tvalidateAriaExpanded(this, value);\n\t}\n\n\t@Watch('_ariaLabel')\n\tpublic validateAriaLabel(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_ariaSelected')\n\tpublic validateAriaSelected(value?: boolean): void {\n\t\twatchBoolean(this, '_ariaSelected', value);\n\t}\n\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: CustomClassPropType): void {\n\t\tvalidateCustomClass(this, value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_iconAlign')\n\tpublic validateIconAlign(value?: AlignPropType): void {\n\t\twatchIconAlign(this, value);\n\t}\n\n\t@Watch('_iconOnly')\n\tpublic validateIconOnly(value?: boolean): void {\n\t\tthis.validateHideLabel(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\twatchString(this, '_id', value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: ButtonCallbacksPropType<StencilUnknown>): void {\n\t\tvalidateButtonCallbacks(this, value);\n\t}\n\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativeButtonLinkRolePropType): void {\n\t\tvalidateAlternativeButtonLinkRole(this, value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: ButtonTypePropType): void {\n\t\tvalidateButtonType(this, value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<StencilUnknown>): void {\n\t\tsetState(this, '_value', value);\n\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: ButtonVariantPropType): void {\n\t\tvalidateButtonVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaControls(this._ariaControls);\n\t\tthis.validateAriaCurrent(this._ariaCurrent);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaSelected(this._ariaSelected);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateHideLabel(this._hideLabel || this._iconOnly);\n\t\tthis.validateIcons(this._icons || this._icon);\n\t\tthis.validateIconAlign(this._iconAlign);\n\t\tthis.validateId(this._id);\n\t\tthis.validateLabel(this._label ?? this._ariaLabel); // explicitly allow empty string labels\n\t\tthis.validateName(this._name);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateType(this._type);\n\t\tthis.validateValue(this._value);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { HeadingLevel } from '../../types/heading-level';\nimport { LabelWithExpertSlotPropType, validateLabelWithExpertSlot } from '../../types/props/label';\nimport { watchString } from '../../utils/prop.validators';\nimport { API, States } from './types';\nimport { watchHeadingLevel } from './validation';\n\n/**\n * @slot - Inhalt der Überschrift.\n */\n@Component({\n\ttag: 'kol-heading-wc',\n\tshadow: false,\n})\nexport class KolHeadingWc implements API {\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.\n\t */\n\t@Prop() public _secondaryHeadline?: string;\n\n\t@State() public state: States = {\n\t\t_label: '…', // ⚠ required\n\t\t_level: 1,\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value, {\n\t\t\tdefaultValue: '…',\n\t\t});\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_secondaryHeadline')\n\tpublic validateSecondaryHeadline(value?: string): void {\n\t\twatchString(this, '_secondaryHeadline', value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateSecondaryHeadline(this._secondaryHeadline);\n\t}\n\n\tprivate readonly renderHeadline = (headline: LabelWithExpertSlotPropType, level?: number): JSX.Element => {\n\t\tswitch (level) {\n\t\t\tcase 1:\n\t\t\t\treturn (\n\t\t\t\t\t<h1 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h1>\n\t\t\t\t);\n\t\t\tcase 2:\n\t\t\t\treturn (\n\t\t\t\t\t<h2 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h2>\n\t\t\t\t);\n\t\t\tcase 3:\n\t\t\t\treturn (\n\t\t\t\t\t<h3 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h3>\n\t\t\t\t);\n\t\t\tcase 4:\n\t\t\t\treturn (\n\t\t\t\t\t<h4 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h4>\n\t\t\t\t);\n\t\t\tcase 5:\n\t\t\t\treturn (\n\t\t\t\t\t<h5 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h5>\n\t\t\t\t);\n\t\t\tcase 6:\n\t\t\t\treturn (\n\t\t\t\t\t<h6 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h6>\n\t\t\t\t);\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<strong class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</strong>\n\t\t\t\t);\n\t\t}\n\t};\n\n\tprivate readonly renderSecondaryHeadline = (headline: string, level?: number): JSX.Element => {\n\t\tswitch (level) {\n\t\t\tcase 1: // if the headline is only strong\n\t\t\t\treturn <span class=\"secondary-headline\">{headline}</span>;\n\t\t\tcase 2: // if the headline is h1\n\t\t\t\treturn <h2 class=\"secondary-headline\">{headline}</h2>;\n\t\t\tcase 3: // if the headline is h2\n\t\t\t\treturn <h3 class=\"secondary-headline\">{headline}</h3>;\n\t\t\tcase 4: // if the headline is h3\n\t\t\t\treturn <h4 class=\"secondary-headline\">{headline}</h4>;\n\t\t\tcase 5: // if the headline is h4\n\t\t\t\treturn <h5 class=\"secondary-headline\">{headline}</h5>;\n\t\t\tcase 6: // if the headline is h5\n\t\t\t\treturn <h6 class=\"secondary-headline\">{headline}</h6>;\n\t\t\tdefault: // if the headline is h6\n\t\t\t\treturn <strong class=\"secondary-headline\">{headline}</strong>;\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-heading-wc\">\n\t\t\t\t{typeof this.state._secondaryHeadline === 'string' && this.state._secondaryHeadline.length > 0 ? (\n\t\t\t\t\t<hgroup>\n\t\t\t\t\t\t{this.renderHeadline(this.state._label, this.state._level)}\n\t\t\t\t\t\t{this.state._secondaryHeadline && this.renderSecondaryHeadline(this.state._secondaryHeadline, this.state._level + 1)}\n\t\t\t\t\t</hgroup>\n\t\t\t\t) : (\n\t\t\t\t\tthis.renderHeadline(this.state._label, this.state._level)\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"names":["Icon","props","h","class","_ariaLabel","label","length","ariaLabel","_icons","icon","AlertIcon","type","translate","KolAlertWc","this","close","_a","_on","onClose","undefined","Event","on","onClick","validateOnValue","value","_level","render","state","_alert","Log","debug","navigator","vibrate","e","setTimeout","validateAlert","Host","key","_type","_variant","hasCloser","_hasCloser","role","_label","_hideLabel","left","_tooltipAlign","watchBoolean","validateHasCloser","validateLabel","validateLevel","watchHeadingLevel","validateOn","setState","validateType","watchValidator","Set","validateVariant","componentWillLoad","validateAriaExpanded","component","validateButtonCallbacks","validateButtonType","validateDisabled","KolButtonWc","hasExpertSlot","showExpertSlot","Object","assign","ref","catchRef","accessKey","_accessKey","_ariaControls","mapStringOrBoolean2String","_ariaCurrent","mapBoolean2String","_ariaExpanded","_ariaSelected","button","_customClass","disabled","_disabled","id","_id","name","_name","_role","tabIndex","_tabIndex","slot","hidden","_align","constructor","hostRef","propagateFocus","host","event","propagateSubmitEventToForm","form","propagateResetEventToForm","stopPropagation","tryToDispatchKoliBriEvent","_value","controller","setFormAssociatedValue","setEventTarget","_b","AssociatedInputController","validateAccessKey","watchString","validateAriaControls","validateAriaCurrent","validateAriaLabel","validateAriaSelected","validateCustomClass","a11yHintDisabled","validateHideLabel","validateIcon","validateIcons","validateIconAlign","watchIconAlign","validateIconOnly","validateId","validateLabelWithExpertSlot","required","validateName","validateRole","validateAlternativeButtonLinkRole","validateSyncValueBySelector","validateTabIndex","validateTooltipAlign","validateValue","validateButtonVariant","_iconOnly","_icon","_iconAlign","_syncValueBySelector","KolHeadingWc","renderHeadline","headline","level","renderSecondaryHeadline","defaultValue","validateSecondaryHeadline","_secondaryHeadline"],"sources":["src/components/alert/component.tsx","src/types/props/aria-expanded.ts","src/types/props/button-callbacks.ts","src/types/props/button-type.ts","src/types/props/disabled.ts","src/components/button/component.tsx","src/components/heading/component.tsx"],"sourcesContent":["import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { HeadingLevel } from '../../types/heading-level';\nimport { HasCloserPropType, validateHasCloser } from '../../types/props/has-closer';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { Log } from '../../utils/dev.utils';\nimport { setState, watchBoolean, watchValidator } from '../../utils/prop.validators';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { AlertType, AlertVariant, API, KoliBriAlertEventCallbacks, States } from './types';\n\nconst Icon = (props: { ariaLabel: string; icon: string; label?: string }) => {\n\treturn <kol-icon class=\"heading-icon\" _ariaLabel={typeof props.label === 'string' && props.label.length > 0 ? '' : props.ariaLabel} _icons={props.icon} />;\n};\n\nconst AlertIcon = (props: { label?: string; type?: AlertType }) => {\n\tswitch (props.type) {\n\t\tcase 'error':\n\t\t\treturn <Icon ariaLabel={translate('kol-error')} icon=\"codicon codicon-error\" label={props.label} />;\n\t\tcase 'info':\n\t\t\treturn <Icon ariaLabel={translate('kol-info')} icon=\"codicon codicon-info\" label={props.label} />;\n\t\tcase 'warning':\n\t\t\treturn <Icon ariaLabel={translate('kol-warning')} icon=\"codicon codicon-warning\" label={props.label} />;\n\t\tcase 'success':\n\t\t\treturn <Icon ariaLabel={translate('kol-success')} icon=\"codicon codicon-pass\" label={props.label} />;\n\t\tdefault:\n\t\t\treturn <Icon ariaLabel={translate('kol-message')} icon=\"codicon codicon-comment\" label={props.label} />;\n\t}\n};\n\n/**\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-alert-wc',\n\tshadow: false,\n})\nexport class KolAlertWc implements API {\n\tprivate readonly close = () => {\n\t\tif (this._on?.onClose !== undefined) {\n\t\t\tthis._on.onClose(new Event('Close'));\n\t\t}\n\t};\n\n\tprivate readonly on = {\n\t\tonClick: this.close,\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tif (this.state._alert) {\n\t\t\t/**\n\t\t\t * - https://developer.mozilla.org/de/docs/Web/API/Navigator/vibrate\n\t\t\t * - https://googlechrome.github.io/samples/vibration/\n\t\t\t */\n\t\t\ttry {\n\t\t\t\tLog.debug(['Navigator should vibrate ...', navigator.vibrate([100, 75, 100, 75, 100])]);\n\t\t\t} catch (e) {\n\t\t\t\tLog.debug('Navigator does not support vibration.');\n\t\t\t}\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.validateAlert(false);\n\t\t\t}, 10000);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={{\n\t\t\t\t\t'kol-alert-wc': true,\n\t\t\t\t\t[this.state._type as string]: true,\n\t\t\t\t\t[this.state._variant as string]: true,\n\t\t\t\t\thasCloser: !!this.state._hasCloser,\n\t\t\t\t}}\n\t\t\t\trole={this.state._alert ? 'alert' : undefined}\n\t\t\t>\n\t\t\t\t<div class=\"heading\">\n\t\t\t\t\t<AlertIcon label={this.state._label} type={this.state._type} />\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{typeof this.state._label === 'string' && this.state._label?.length > 0 && (\n\t\t\t\t\t\t\t<kol-heading-wc _label={this.state._label} _level={this.state._level}></kol-heading-wc>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._variant === 'msg' && (\n\t\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state._hasCloser && (\n\t\t\t\t\t\t<kol-button-wc\n\t\t\t\t\t\t\tclass=\"close\"\n\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t_icons={{\n\t\t\t\t\t\t\t\tleft: {\n\t\t\t\t\t\t\t\t\ticon: 'codicon codicon-close',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t_label={translate('kol-close')}\n\t\t\t\t\t\t\t_on={this.on}\n\t\t\t\t\t\t\t_tooltipAlign=\"left\"\n\t\t\t\t\t\t></kol-button-wc>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{this.state._variant === 'card' && (\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines whether the screen-readers should read out the notification.\n\t */\n\t@Prop() public _alert?: boolean = false;\n\n\t/**\n\t * Defines whether the element can be closed.\n\t * @TODO: Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasCloser?: boolean = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Gibt die EventCallback-Function für das Schließen des Alerts an.\n\t */\n\t@Prop() public _on?: KoliBriAlertEventCallbacks;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: AlertType = 'default';\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: AlertVariant = 'msg';\n\n\t@State() public state: States = {\n\t\t_level: 1,\n\t};\n\n\t@Watch('_alert')\n\tpublic validateAlert(value?: boolean): void {\n\t\twatchBoolean(this, '_alert', value);\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\tprivate validateOnValue = (value: unknown): boolean =>\n\t\ttypeof value === 'object' && value !== null && typeof (value as KoliBriAlertEventCallbacks).onClose === 'function';\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriAlertEventCallbacks): void {\n\t\tif (this.validateOnValue(value)) {\n\t\t\tsetState<KoliBriAlertEventCallbacks>(\n\t\t\t\tthis,\n\t\t\t\t'_on',\n\t\t\t\t{\n\t\t\t\t\tonClose: (value as KoliBriAlertEventCallbacks).onClose,\n\t\t\t\t},\n\t\t\t\t// {\n\t\t\t\t// \tafterPatch: (value: unknown) => {\n\t\t\t\t// \t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t\t// \t},\n\t\t\t\t// }\n\t\t\t);\n\t\t\t// } else {\n\t\t\t// \tsetState<KoliBriAlertEventCallbacks>(this, '_on', null, {\n\t\t\t// \t\tafterPatch: (value: unknown) => {\n\t\t\t// \t\t\tthis._hasCloser = this.validateOnValue(value);\n\t\t\t// \t\t},\n\t\t\t// \t});\n\t\t}\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: AlertType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_type',\n\t\t\t(value) => typeof value === 'string' && (value === 'default' || value === 'error' || value === 'info' || value === 'success' || value === 'warning'),\n\t\t\tnew Set('String {success, info, warning, error}'),\n\t\t\tvalue,\n\t\t);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: AlertVariant): void {\n\t\twatchValidator(this, '_variant', (value) => value === 'card' || value === 'msg', new Set('AlertVariant {card, msg}'), value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAlert(this._alert);\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateType(this._type);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\ntype AriaExpandedPropType = boolean;\n\n/**\n * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n * @deprecated\n */\nexport type PropAriaExpanded = {\n\tariaExpanded: AriaExpandedPropType;\n};\n\n/* validator */\nexport const validateAriaExpanded = (component: Generic.Element.Component, value?: AriaExpandedPropType): void => {\n\twatchBoolean(component, '_ariaExpanded', value);\n};\n","import { Events } from '../../enums/events';\nimport { EventCallback, EventValueOrEventCallback } from '../callbacks';\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\nimport { StencilUnknown } from '../unknown';\n\n/* types */\nexport type ButtonCallbacksPropType<T> = {\n\t[Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n\t[Events.onMouseDown]?: EventCallback<MouseEvent>;\n};\n\n/**\n * Defines the callback functions for button events.\n */\nexport type PropButtonCallbacks<T> = {\n\ton: ButtonCallbacksPropType<T>;\n};\n\n/* validator */\nexport const validateButtonCallbacks = (component: Generic.Element.Component, value?: ButtonCallbacksPropType<StencilUnknown>): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}']),\n\t\tvalue,\n\t);\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\n\nexport type ButtonTypePropType = 'button' | 'reset' | 'submit';\n\n/**\n * Defines either the type of the component or of the components interactive element.\n */\nexport type PropButtonType = {\n\ttype: ButtonTypePropType;\n};\n\n/* validator */\nexport const validateButtonType = (component: Generic.Element.Component, value?: ButtonTypePropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_type`,\n\t\t(value) => value === 'button' || value === 'reset' || value === 'submit',\n\t\tnew Set(['KoliBriButtonType {button, reset, submit}']),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\nexport type DisabledPropType = boolean;\n\n/**\n * Makes the element not focusable and ignore all events.\n */\nexport type PropDisabled = {\n\tdisabled: DisabledPropType;\n};\n\n/* validator */\nexport const validateDisabled = (component: Generic.Element.Component, value?: DisabledPropType): void => {\n\twatchBoolean(component, '_disabled', value);\n};\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { States as ButtonStates } from '../../components/button/types';\nimport { Stringified } from '../../types/common';\nimport { AlignPropType } from '../../types/props/align';\nimport { AlternativeButtonLinkRolePropType, validateAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';\nimport { validateAriaControls } from '../../types/props/aria-controls';\nimport { AriaCurrentPropType, validateAriaCurrent } from '../../types/props/aria-current';\nimport { validateAriaExpanded } from '../../types/props/aria-expanded';\nimport { ButtonCallbacksPropType, validateButtonCallbacks } from '../../types/props/button-callbacks';\nimport { ButtonTypePropType, validateButtonType } from '../../types/props/button-type';\nimport { ButtonVariantPropType, validateButtonVariant } from '../../types/props/button-variant';\nimport { CustomClassPropType, validateCustomClass } from '../../types/props/custom-class';\nimport { DisabledPropType, validateDisabled } from '../../types/props/disabled';\nimport { validateHideLabel } from '../../types/props/hide-label';\nimport { IconsPropType, validateIcons, watchIconAlign } from '../../types/props/icons';\nimport { LabelWithExpertSlotPropType, validateLabelWithExpertSlot } from '../../types/props/label';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType, validateTooltipAlign } from '../../types/props/tooltip-align';\nimport { StencilUnknown } from '../../types/unknown';\nimport { a11yHintDisabled } from '../../utils/a11y.tipps';\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { mapBoolean2String, mapStringOrBoolean2String, setEventTarget, setState, watchBoolean, watchString } from '../../utils/prop.validators';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { validateTabIndex } from '../../utils/validators/tab-index';\nimport { propagateResetEventToForm, propagateSubmitEventToForm } from '../form/controller';\nimport { AssociatedInputController } from '../input-adapter-leanup/associated.controller';\nimport { API } from './types';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-button-wc',\n\tshadow: false,\n})\nexport class KolButtonWc implements API {\n\t@Element() private readonly host?: HTMLKolButtonWcElement;\n\tprivate ref?: HTMLButtonElement;\n\n\tprivate readonly catchRef = (ref?: HTMLButtonElement) => {\n\t\tthis.ref = ref;\n\t\tpropagateFocus(this.host, this.ref);\n\t};\n\n\tprivate readonly onClick = (event: MouseEvent) => {\n\t\tif (this.state._type === 'submit') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else if (this.state._type === 'reset') {\n\t\t\tpropagateResetEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else {\n\t\t\t// Event handling\n\t\t\tstopPropagation(event);\n\t\t\ttryToDispatchKoliBriEvent('click', this.host, this.state._value);\n\n\t\t\t// TODO: Static form handling\n\t\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tsetEventTarget(event, this.ref);\n\t\t\t\tthis.state._on?.onClick(event, this.state._value);\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\treturn (\n\t\t\t<Host class=\"kol-button-wc\">\n\t\t\t\t<button\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-controls={this.state._ariaControls}\n\t\t\t\t\taria-current={mapStringOrBoolean2String(this.state._ariaCurrent)}\n\t\t\t\t\taria-expanded={mapBoolean2String(this.state._ariaExpanded)}\n\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\taria-selected={mapStringOrBoolean2String(this.state._ariaSelected)}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\t[this.state._variant as string]: this.state._variant !== 'custom',\n\t\t\t\t\t\t[this.state._customClass as string]:\n\t\t\t\t\t\t\tthis.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n\t\t\t\t\t\t'icon-only': this.state._hideLabel === true, // @deprecated in v2\n\t\t\t\t\t\t'hide-label': this.state._hideLabel === true,\n\t\t\t\t\t}}\n\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\tid={this.state._id}\n\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t{...this.state._on}\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\ttype={this.state._type}\n\t\t\t\t>\n\t\t\t\t\t<kol-span-wc class=\"button-inner\" _icons={this.state._icons} _hideLabel={this.state._hideLabel} _label={hasExpertSlot ? '' : this.state._label}>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t\t</kol-span-wc>\n\t\t\t\t</button>\n\t\t\t\t<kol-tooltip-wc\n\t\t\t\t\t/**\n\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t */\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\thidden={hasExpertSlot || !this.state._hideLabel}\n\t\t\t\t\t_align={this.state._tooltipAlign}\n\t\t\t\t\t_label={typeof this.state._label === 'string' ? this.state._label : ''}\n\t\t\t\t></kol-tooltip-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: AssociatedInputController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t *\n\t * @deprecated aria-current is not necessary for buttons. will be removed in version 2.\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrentPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Deprecated: Setzt die semantische Beschriftung der Komponente.\n\t *\n\t * @deprecated use _label instead\n\t */\n\t@Prop() public _ariaLabel?: string;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: IconsPropType;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Deprecated: Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t *\n\t * @deprecated\n\t */\n\t@Prop() public _iconAlign?: AlignPropType;\n\n\t/**\n\t * Deprecated: Hides the label and shows the description in a Tooltip instead.\n\t *\n\t * @deprecated use _hide-label\n\t */\n\t@Prop() public _iconOnly?: boolean;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value that the button emits on click.\n\t */\n\t@Prop() public _value?: Stringified<StencilUnknown>;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@State() public state: ButtonStates = {\n\t\t_icons: {},\n\t\t_label: '…', // ⚠ required\n\t\t_on: {},\n\t\t_type: 'button',\n\t\t_variant: 'normal',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new AssociatedInputController(this, 'button', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this, '_accessKey', value);\n\t}\n\n\t@Watch('_ariaControls')\n\tpublic validateAriaControls(value?: string): void {\n\t\tvalidateAriaControls(this, value);\n\t}\n\n\t@Watch('_ariaCurrent')\n\tpublic validateAriaCurrent(value?: AriaCurrentPropType): void {\n\t\tvalidateAriaCurrent(this, value);\n\t}\n\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: boolean): void {\n\t\tvalidateAriaExpanded(this, value);\n\t}\n\n\t@Watch('_ariaLabel')\n\tpublic validateAriaLabel(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_ariaSelected')\n\tpublic validateAriaSelected(value?: boolean): void {\n\t\twatchBoolean(this, '_ariaSelected', value);\n\t}\n\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: CustomClassPropType): void {\n\t\tvalidateCustomClass(this, value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_iconAlign')\n\tpublic validateIconAlign(value?: AlignPropType): void {\n\t\twatchIconAlign(this, value);\n\t}\n\n\t@Watch('_iconOnly')\n\tpublic validateIconOnly(value?: boolean): void {\n\t\tthis.validateHideLabel(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\twatchString(this, '_id', value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: ButtonCallbacksPropType<StencilUnknown>): void {\n\t\tvalidateButtonCallbacks(this, value);\n\t}\n\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativeButtonLinkRolePropType): void {\n\t\tvalidateAlternativeButtonLinkRole(this, value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: ButtonTypePropType): void {\n\t\tvalidateButtonType(this, value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<StencilUnknown>): void {\n\t\tsetState(this, '_value', value);\n\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: ButtonVariantPropType): void {\n\t\tvalidateButtonVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaControls(this._ariaControls);\n\t\tthis.validateAriaCurrent(this._ariaCurrent);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaSelected(this._ariaSelected);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateHideLabel(this._hideLabel || this._iconOnly);\n\t\tthis.validateIcons(this._icons || this._icon);\n\t\tthis.validateIconAlign(this._iconAlign);\n\t\tthis.validateId(this._id);\n\t\tthis.validateLabel(this._label ?? this._ariaLabel); // explicitly allow empty string labels\n\t\tthis.validateName(this._name);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateType(this._type);\n\t\tthis.validateValue(this._value);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { HeadingLevel } from '../../types/heading-level';\nimport { LabelWithExpertSlotPropType, validateLabelWithExpertSlot } from '../../types/props/label';\nimport { watchString } from '../../utils/prop.validators';\nimport { API, States } from './types';\nimport { watchHeadingLevel } from './validation';\n\n/**\n * @slot - Inhalt der Überschrift.\n */\n@Component({\n\ttag: 'kol-heading-wc',\n\tshadow: false,\n})\nexport class KolHeadingWc implements API {\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t/**\n\t * Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.\n\t */\n\t@Prop() public _secondaryHeadline?: string;\n\n\t@State() public state: States = {\n\t\t_label: '…', // ⚠ required\n\t\t_level: 1,\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value, {\n\t\t\tdefaultValue: '…',\n\t\t});\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_secondaryHeadline')\n\tpublic validateSecondaryHeadline(value?: string): void {\n\t\twatchString(this, '_secondaryHeadline', value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateSecondaryHeadline(this._secondaryHeadline);\n\t}\n\n\tprivate readonly renderHeadline = (headline: LabelWithExpertSlotPropType, level?: number): JSX.Element => {\n\t\tswitch (level) {\n\t\t\tcase 1:\n\t\t\t\treturn (\n\t\t\t\t\t<h1 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h1>\n\t\t\t\t);\n\t\t\tcase 2:\n\t\t\t\treturn (\n\t\t\t\t\t<h2 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h2>\n\t\t\t\t);\n\t\t\tcase 3:\n\t\t\t\treturn (\n\t\t\t\t\t<h3 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h3>\n\t\t\t\t);\n\t\t\tcase 4:\n\t\t\t\treturn (\n\t\t\t\t\t<h4 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h4>\n\t\t\t\t);\n\t\t\tcase 5:\n\t\t\t\treturn (\n\t\t\t\t\t<h5 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h5>\n\t\t\t\t);\n\t\t\tcase 6:\n\t\t\t\treturn (\n\t\t\t\t\t<h6 class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</h6>\n\t\t\t\t);\n\t\t\tdefault:\n\t\t\t\treturn (\n\t\t\t\t\t<strong class=\"headline\">\n\t\t\t\t\t\t{headline}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</strong>\n\t\t\t\t);\n\t\t}\n\t};\n\n\tprivate readonly renderSecondaryHeadline = (headline: string, level?: number): JSX.Element => {\n\t\tswitch (level) {\n\t\t\tcase 1: // if the headline is only strong\n\t\t\t\treturn <span class=\"secondary-headline\">{headline}</span>;\n\t\t\tcase 2: // if the headline is h1\n\t\t\t\treturn <h2 class=\"secondary-headline\">{headline}</h2>;\n\t\t\tcase 3: // if the headline is h2\n\t\t\t\treturn <h3 class=\"secondary-headline\">{headline}</h3>;\n\t\t\tcase 4: // if the headline is h3\n\t\t\t\treturn <h4 class=\"secondary-headline\">{headline}</h4>;\n\t\t\tcase 5: // if the headline is h4\n\t\t\t\treturn <h5 class=\"secondary-headline\">{headline}</h5>;\n\t\t\tcase 6: // if the headline is h5\n\t\t\t\treturn <h6 class=\"secondary-headline\">{headline}</h6>;\n\t\t\tdefault: // if the headline is h6\n\t\t\t\treturn <strong class=\"secondary-headline\">{headline}</strong>;\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-heading-wc\">\n\t\t\t\t{typeof this.state._secondaryHeadline === 'string' && this.state._secondaryHeadline.length > 0 ? (\n\t\t\t\t\t<hgroup>\n\t\t\t\t\t\t{this.renderHeadline(this.state._label, this.state._level)}\n\t\t\t\t\t\t{this.state._secondaryHeadline && this.renderSecondaryHeadline(this.state._secondaryHeadline, this.state._level + 1)}\n\t\t\t\t\t</hgroup>\n\t\t\t\t) : (\n\t\t\t\t\tthis.renderHeadline(this.state._label, this.state._level)\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"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"}

package/dist/kolibri/kol-alert.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i,H as t}from"./index-7cc6aa47.js";const a=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}.kol-alert-wc{display:grid}.kol-alert-wc .heading{display:flex;place-items:center}.kol-alert-wc .heading>div{flex-grow:1}",n=a,s=class{constructor(i){e(this,i),this._alert=!1,this._hasCloser=!1,this._heading=void 0,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){return i(t,{key:"13503298ccc51e996e1c3d98a1c8584eadda333e",class:"kol-alert"},i("kol-alert-wc",{key:"96f86dec9b97cb90007e1e95df1db7c185b36afe",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label||this._heading,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},i("slot",{key:"fdf0847511f6852a0de7b259171a93cf65ff5d3d"})))}};s.style={default:n};export{s as kol_alert};
+import{r as e,h as i,H as t}from"./index-c1d028ba.js";const n=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}.kol-alert-wc{display:grid}.kol-alert-wc .heading{display:flex;place-items:center}.kol-alert-wc .heading>div{flex-grow:1}",a=n,s=class{constructor(i){e(this,i),this._alert=!1,this._hasCloser=!1,this._heading=void 0,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){return i(t,{key:"13503298ccc51e996e1c3d98a1c8584eadda333e",class:"kol-alert"},i("kol-alert-wc",{key:"96f86dec9b97cb90007e1e95df1db7c185b36afe",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label||this._heading,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},i("slot",{key:"fdf0847511f6852a0de7b259171a93cf65ff5d3d"})))}};s.style={default:a};export{s as kol_alert};

package/dist/kolibri/kol-avatar-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as a,h as t,H as s}from"./index-7cc6aa47.js";import{t as i}from"./i18n-ad947f60.js";import{v as r}from"./image-source-112a2adf.js";import{v as e}from"./label-0cc3ee5d.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./prop.validators-9d76278b.js";import"./index-117bd1aa.js";import"./a11y.tipps-c347026d.js";import"./dev.utils-11981c6e.js";const c=a=>0===a.length?"":a[0].toUpperCase(),o=a=>{const t=a.split(/\s+/),s=t.at(0),e=t.at(-1);return t.length>=2&&s&&e?`${c(s)}${c(e)}`:c(a)},d=class{constructor(t){a(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:"…"}}render(){return t(s,{key:"2f2414fc7a3719e1655faf3d3425d16185619365",class:"kol-avatar-wc"},t("div",{key:"81b68bcf427acaa7484cbf9fc11b6235025f3eae","aria-label":i("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"container",role:"img"},this.state._src?t("img",{alt:"","aria-hidden":"true",class:"image",src:this.state._src}):t("span",{"aria-hidden":"true",class:"initials"},o(this.state._label.trim()))))}validateSrc(a){r(this,a)}validateLabel(a){e(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{d as kol_avatar_wc};
+import{r as a,h as t,H as s}from"./index-c1d028ba.js";import{t as i}from"./i18n-ad947f60.js";import{v as r}from"./image-source-20111f07.js";import{v as e}from"./label-9ebba50f.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./prop.validators-8c5a4551.js";import"./index-117bd1aa.js";import"./a11y.tipps-1cea6b3d.js";import"./dev.utils-8d5cefe9.js";const c=a=>0===a.length?"":a[0].toUpperCase(),o=a=>{const t=a.split(/\s+/),s=t.at(0),e=t.at(-1);return t.length>=2&&s&&e?`${c(s)}${c(e)}`:c(a)},l=class{constructor(t){a(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:"…"}}render(){return t(s,{key:"2f2414fc7a3719e1655faf3d3425d16185619365",class:"kol-avatar-wc"},t("div",{key:"81b68bcf427acaa7484cbf9fc11b6235025f3eae","aria-label":i("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"container",role:"img"},this.state._src?t("img",{alt:"","aria-hidden":"true",class:"image",src:this.state._src}):t("span",{"aria-hidden":"true",class:"initials"},o(this.state._label.trim()))))}validateSrc(a){r(this,a)}validateLabel(a){e(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{l as kol_avatar_wc};

package/dist/kolibri/kol-avatar.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as t}from"./index-7cc6aa47.js";const n=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}.container{border-radius:50%;overflow:hidden;width:100px;height:100px}.image{width:100%;height:100%}.initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#d3d3d3;font-size:2rem}",a=n,o=class{constructor(e){i(this,e),this._src=void 0,this._label=void 0}render(){return e(t,{key:"68595aa2ae4f8d906c87622510ebe6da81643104",class:"kol-avatar"},e("kol-avatar-wc",{key:"1a8da8fc7a7bfa7a919bef9ea413c4f99f002ecf",_src:this._src,_label:this._label}))}};o.style={default:a};export{o as kol_avatar};
+import{r as i,h as e,H as t}from"./index-c1d028ba.js";const n=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}.container{border-radius:50%;overflow:hidden;width:100px;height:100px}.image{width:100%;height:100%}.initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#d3d3d3;font-size:calc(32rem / var(--kolibri-root-font-size, 16))}",a=n,o=class{constructor(e){i(this,e),this._src=void 0,this._label=void 0}render(){return e(t,{key:"68595aa2ae4f8d906c87622510ebe6da81643104",class:"kol-avatar"},e("kol-avatar-wc",{key:"1a8da8fc7a7bfa7a919bef9ea413c4f99f002ecf",_src:this._src,_label:this._label}))}};o.style={default:a};export{o as kol_avatar};

package/dist/kolibri/kol-avatar.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAvatarDefaultStyle0","KolAvatar","render","h","Host","key","class","_src","this","_label"],"sources":["src/components/avatar/style.scss?tag=kol-avatar&mode=default&encapsulation=shadow","src/components/avatar/shadow.tsx"],"sourcesContent":["@import '../style';\n@import '../host-display-block';\n\n.container {\n\tborder-radius: 50%;\n\toverflow: hidden;\n\t/*theme?*/\n\twidth: 100px;\n\theight: 100px;\n}\n\n.image {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.initials {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\t/*theme?*/\n\tbackground: #d3d3d3;\n\tfont-size: 2rem;\n}\n","import { Component, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Props } from './types';\n\n@Component({\n\ttag: 'kol-avatar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAvatar implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-avatar\">\n\t\t\t\t<kol-avatar-wc _src={this._src} _label={this._label}></kol-avatar-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Sets the image `src` attribute to the given string.\n\t */\n\t@Prop() public _src?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n}\n"],"mappings":";;;sDAAA,MAAMA,EAAkB,imCACxB,MAAAC,EAAeD,E,MCUFE,EAAS,M,mEACd,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,cACXH,EAAA,iBAAAE,IAAA,2CAAeE,KAAMC,KAAKD,KAAME,OAAQD,KAAKC,S"}
+{"version":3,"names":["defaultStyleCss","KolAvatarDefaultStyle0","KolAvatar","render","h","Host","key","class","_src","this","_label"],"sources":["src/components/avatar/style.scss?tag=kol-avatar&mode=default&encapsulation=shadow","src/components/avatar/shadow.tsx"],"sourcesContent":["@import '../@shared/mixins';\n@import '../style';\n@import '../host-display-block';\n\n.container {\n\tborder-radius: 50%;\n\toverflow: hidden;\n\t/*theme?*/\n\twidth: 100px;\n\theight: 100px;\n}\n\n.image {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.initials {\n\twidth: 100%;\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\t/*theme?*/\n\tbackground: #d3d3d3;\n\tfont-size: rem(32);\n}\n","import { Component, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Props } from './types';\n\n@Component({\n\ttag: 'kol-avatar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAvatar implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-avatar\">\n\t\t\t\t<kol-avatar-wc _src={this._src} _label={this._label}></kol-avatar-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Sets the image `src` attribute to the given string.\n\t */\n\t@Prop() public _src?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: string;\n}\n"],"mappings":";;;sDAAA,MAAMA,EAAkB,4oCACxB,MAAAC,EAAeD,E,MCUFE,EAAS,M,mEACd,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,cACXH,EAAA,iBAAAE,IAAA,2CAAeE,KAAMC,KAAKD,KAAME,OAAQD,KAAKC,S"}

package/dist/kolibri/kol-badge.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as o}from"./index-7cc6aa47.js";import{h as e,v as s}from"./color-04abfc7c.js";import{f as a}from"./a11y.tipps-c347026d.js";import{n}from"./dev.utils-11981c6e.js";import{o as r,p as l,s as d}from"./prop.validators-9d76278b.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";const h=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>span{display:inline-flex;place-items:center}:host>span>.kol-button-wc button{color:inherit}",c=h;a("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const p=class{constructor(o){t(this,o),this.bgColorStr="#000",this.colorStr="#fff",this.id=n(),this.handleColorChange=t=>{const o=e(t);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor},this._color="#000",this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconOnly=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(t){return i("kol-button-wc",{_ariaControls:this.id,_customClass:t._customClass,_disabled:t._disabled,_hideLabel:!0,_icons:t._icons||t._icon,_id:t._id,_label:t._label,_on:t._on,_tooltipAlign:t._tooltipAlign,_variant:t._variant})}render(){const t="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return i(o,{key:"1494e7e6c622d325e7ea304b2571348f358e1193",class:"kol-badge"},i("span",{key:"1e831c402ffdea2ad9f7dec055c26c00ada51896",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},i("kol-span-wc",{key:"82eb2fc13dd9b3d6aa97201ef8bacabe300d0fd5",id:t?this.id:void 0,_allowMarkdown:!0,_hideLabel:this._hideLabel||this._iconOnly,_icons:this._icons||this._icon,_label:this._label}),t&&this.renderSmartButton(this.state._smartButton)))}validateColor(t){s(this,t,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){r(t,(()=>{try{t=l(t)}catch(t){}d(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};p.style={default:c};export{p as kol_badge};
+import{r as t,h as i,H as o}from"./index-c1d028ba.js";import{h as e,v as s}from"./color-0f13235a.js";import{f as a}from"./a11y.tipps-1cea6b3d.js";import{n}from"./dev.utils-8d5cefe9.js";import{o as r,p as d,s as l}from"./prop.validators-8c5a4551.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";const h=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>span{display:inline-flex;place-items:center}:host>span>.kol-button-wc button{color:inherit}",c=h;a("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const p=class{constructor(o){t(this,o),this.bgColorStr="#000",this.colorStr="#fff",this.id=n(),this.handleColorChange=t=>{const o=e(t);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor},this._color="#000",this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconOnly=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(t){return i("kol-button-wc",{_ariaControls:this.id,_customClass:t._customClass,_disabled:t._disabled,_hideLabel:!0,_icons:t._icons||t._icon,_id:t._id,_label:t._label,_on:t._on,_tooltipAlign:t._tooltipAlign,_variant:t._variant})}render(){const t="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return i(o,{key:"1494e7e6c622d325e7ea304b2571348f358e1193",class:"kol-badge"},i("span",{key:"1e831c402ffdea2ad9f7dec055c26c00ada51896",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},i("kol-span-wc",{key:"82eb2fc13dd9b3d6aa97201ef8bacabe300d0fd5",id:t?this.id:void 0,_allowMarkdown:!0,_hideLabel:this._hideLabel||this._iconOnly,_icons:this._icons||this._icon,_label:this._label}),t&&this.renderSmartButton(this.state._smartButton)))}validateColor(t){s(this,t,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){r(t,(()=>{try{t=d(t)}catch(t){}l(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};p.style={default:c};export{p as kol_badge};

package/dist/kolibri/kol-breadcrumb.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,F as a,H as t}from"./index-7cc6aa47.js";import{v as n}from"./label-0cc3ee5d.js";import{b as o}from"./a11y.tipps-c347026d.js";import{r as s,a as l}from"./unique-nav-labels-62d9802d.js";import{w as r}from"./validation-81a932fa.js";import"./prop.validators-9d76278b.js";import"./index-117bd1aa.js";import"./dev.utils-11981c6e.js";import"./reuse-d79ab469.js";const d=':host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}li,ul{margin:0;padding:0;list-style:none;display:flex;gap:0.5em;flex-wrap:wrap;place-items:center}.kol-icon::part(separator){font-weight:900;font-size:0.7em}.kol-icon::part(separator):before{content:"\\f054";font-family:"Font Awesome 6 Free"}',c=d,p=class{constructor(t){i(this,t),this.renderLink=(i,t)=>{const l=this.state._links.length-1,n=i._iconOnly||i._hideLabel;return e("li",{key:t},0!==t&&e("kol-icon",{_label:"",_icons:"codicon codicon-chevron-right"}),t===l?e("span",null,n?e("kol-icon",{_label:i._label,_icons:"string"==typeof i._icon?i._icon:"codicon codicon-symbol-event"}):e(a,null,i._label)):e("kol-link",Object.assign({},i)))},this._ariaLabel=void 0,this._label=void 0,this._links=void 0,this.state={_label:"…",_links:[]}}render(){var a;return e(t,{key:"2b6e6a9d2ceaf0e55828f62128b496ae3690ca2a",class:"kol-breadcrumb"},e("nav",{key:"2e1f3b37e626b525a6e6fba37145391977285b89","aria-label":null!==(a=this.state._label)&&void 0!==a?a:""},e("ul",{key:"8baa6f976e1b3b714bdc05219373f5e4618f3dde"},0===this.state._links.length&&e("li",null,e("kol-icon",{_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateAriaLabel(e){this.validateLabel(e)}validateLabel(e,a,i=!1){i||s(this.state._label),n(this,e,{defaultValue:"…"}),o(e),l(this.state._label)}validateLinks(e){r("KolBreadcrumb",this,e)}componentWillLoad(){this.validateLabel(this._label||this._ariaLabel,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){s(this.state._label)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_label:["validateLabel"],_links:["validateLinks"]}}};p.style={default:c};export{p as kol_breadcrumb};
+import{r as i,h as e,F as a,H as t}from"./index-c1d028ba.js";import{v as n}from"./label-9ebba50f.js";import{b as o}from"./a11y.tipps-1cea6b3d.js";import{r as s,a as l}from"./unique-nav-labels-62d9802d.js";import{w as r}from"./validation-697ec9e5.js";import"./prop.validators-8c5a4551.js";import"./index-117bd1aa.js";import"./dev.utils-8d5cefe9.js";import"./reuse-d79ab469.js";const d=':host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}li,ul{margin:0;padding:0;list-style:none;display:flex;gap:0.5em;flex-wrap:wrap;place-items:center}.kol-icon::part(separator){font-weight:900;font-size:0.7em}.kol-icon::part(separator):before{content:"\\f054";font-family:"Font Awesome 6 Free"}',c=d,p=class{constructor(t){i(this,t),this.renderLink=(i,t)=>{const l=this.state._links.length-1,n=i._iconOnly||i._hideLabel;return e("li",{key:t},0!==t&&e("kol-icon",{_label:"",_icons:"codicon codicon-chevron-right"}),t===l?e("span",null,n?e("kol-icon",{_label:i._label,_icons:"string"==typeof i._icon?i._icon:"codicon codicon-symbol-event"}):e(a,null,i._label)):e("kol-link",Object.assign({},i)))},this._ariaLabel=void 0,this._label=void 0,this._links=void 0,this.state={_label:"…",_links:[]}}render(){var a;return e(t,{key:"2b6e6a9d2ceaf0e55828f62128b496ae3690ca2a",class:"kol-breadcrumb"},e("nav",{key:"2e1f3b37e626b525a6e6fba37145391977285b89","aria-label":null!==(a=this.state._label)&&void 0!==a?a:""},e("ul",{key:"8baa6f976e1b3b714bdc05219373f5e4618f3dde"},0===this.state._links.length&&e("li",null,e("kol-icon",{_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateAriaLabel(e){this.validateLabel(e)}validateLabel(e,a,i=!1){i||s(this.state._label),n(this,e,{defaultValue:"…"}),o(e),l(this.state._label)}validateLinks(e){r("KolBreadcrumb",this,e)}componentWillLoad(){this.validateLabel(this._label||this._ariaLabel,void 0,!0),this.validateLinks(this._links)}disconnectedCallback(){s(this.state._label)}static get watchers(){return{_ariaLabel:["validateAriaLabel"],_label:["validateLabel"],_links:["validateLinks"]}}};p.style={default:c};export{p as kol_breadcrumb};

package/dist/kolibri/kol-button-group-wc.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as o,H as s}from"./index-7cc6aa47.js";const t=class{constructor(s){e(this,s),this.state={}}render(){return o(s,{key:"0d64e0f5db976e0f1ec181f499bd065d0af2be81",class:"kol-button-group-wc"},o("slot",{key:"e1bf6061a59361bd7164407cfe3397162ee85e0b"}))}};export{t as kol_button_group_wc};
+import{r as e,h as o,H as s}from"./index-c1d028ba.js";const t=class{constructor(s){e(this,s),this.state={}}render(){return o(s,{key:"0d64e0f5db976e0f1ec181f499bd065d0af2be81",class:"kol-button-group-wc"},o("slot",{key:"e1bf6061a59361bd7164407cfe3397162ee85e0b"}))}};export{t as kol_button_group_wc};

package/dist/kolibri/kol-button-group.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as t,H as o}from"./index-7cc6aa47.js";const i=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>.kol-button-group-wc{display:flex;flex-wrap:wrap}",e=i,a=class{constructor(t){n(this,t)}render(){return t(o,{key:"7893cb12f86b5a7752039542641f4b29469e1d75",class:"kol-button-group"},t("kol-button-group-wc",{key:"5a1f5940d63a6c3ef9073c52d78a63b36c92f97c"},t("slot",{key:"3456894c99045c60e7578ee3179d1a42ddc0b7ab"})))}};a.style={default:e};export{a as kol_button_group};
+import{r as n,h as t,H as o}from"./index-c1d028ba.js";const i=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>.kol-button-group-wc{display:flex;flex-wrap:wrap}",e=i,a=class{constructor(t){n(this,t)}render(){return t(o,{key:"7893cb12f86b5a7752039542641f4b29469e1d75",class:"kol-button-group"},t("kol-button-group-wc",{key:"5a1f5940d63a6c3ef9073c52d78a63b36c92f97c"},t("slot",{key:"3456894c99045c60e7578ee3179d1a42ddc0b7ab"})))}};a.style={default:e};export{a as kol_button_group};

package/dist/kolibri/kol-button-link-text-switch.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as s,H as e}from"./index-7cc6aa47.js";const i=class{constructor(n){t(this,n),this.button=t=>s("kol-button-wc",Object.assign({},t)),this.link=t=>s("kol-link-wc",Object.assign({},t)),this.text=t=>s("kol-span-wc",Object.assign({},t)),this._link=void 0}render(){return s(e,{key:"ab326c9886237c6d7bb902bd515121f347fe8e7a",class:"kol-button-link-text-switch"},this.renderContent())}renderContent(){if(this._link._on){const t=this._link;return this.button(t)}if(this._link._href){const t=this._link;return this.link(t)}{const t=this._link;return this.text(t)}}};export{i as kol_button_link_text_switch};
+import{r as t,h as s,H as e}from"./index-c1d028ba.js";const i=class{constructor(n){t(this,n),this.button=t=>s("kol-button-wc",Object.assign({},t)),this.link=t=>s("kol-link-wc",Object.assign({},t)),this.text=t=>s("kol-span-wc",Object.assign({},t)),this._link=void 0}render(){return s(e,{key:"ab326c9886237c6d7bb902bd515121f347fe8e7a",class:"kol-button-link-text-switch"},this.renderContent())}renderContent(){if(this._link._on){const t=this._link;return this.button(t)}if(this._link._href){const t=this._link;return this.link(t)}{const t=this._link;return this.text(t)}}};export{i as kol_button_link_text_switch};

package/dist/kolibri/kol-button-link.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as t,g as n}from"./index-7cc6aa47.js";import{a as s}from"./reuse-d79ab469.js";const a=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:inline-block}:is(a,button){align-items:baseline;display:inline-flex;place-items:center;text-align:left;text-decoration-line:underline}:is(a,button):is(:focus,:hover){text-decoration-thickness:0.2em}.skip{left:-99999px;overflow:hidden;position:absolute;z-index:9999999;line-height:1em}.skip:focus{background-color:#fff;left:unset;padding:1em;position:unset}.kol-icon.external-link-icon{display:inline-flex}",o=a,d=class{constructor(t){i(this,t),this.catchRef=i=>{s(this.host,i)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0}render(){return e(t,{key:"001139a7ba6520887bc2653f3d96f19faac0de88",class:"kol-button-link"},e("kol-button-wc",{key:"58cf9942b9944059a71fc9ff149271999f17caae",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_icons:this._icons||this._icon,_hideLabel:this._hideLabel||this._iconOnly,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:"link",_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value},e("slot",{key:"4d9014c1de8d6dc77d27b2308403423240c62ccd",name:"expert",slot:"expert"})))}get host(){return n(this)}};d.style={default:o};export{d as kol_button_link};
+import{r as i,h as e,H as t,g as n}from"./index-c1d028ba.js";import{a as s}from"./reuse-d79ab469.js";const o=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:inline-block}:is(a,button){align-items:baseline;display:inline-flex;place-items:center;text-align:left;text-decoration-line:underline}:is(a,button):is(:focus,:hover){text-decoration-thickness:0.2em}.skip{left:-99999px;overflow:hidden;position:absolute;z-index:9999999;line-height:1em}.skip:focus{background-color:#fff;left:unset;padding:1em;position:unset}.kol-icon.external-link-icon{display:inline-flex}",a=o,d=class{constructor(t){i(this,t),this.catchRef=i=>{s(this.host,i)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0}render(){return e(t,{key:"001139a7ba6520887bc2653f3d96f19faac0de88",class:"kol-button-link"},e("kol-button-wc",{key:"58cf9942b9944059a71fc9ff149271999f17caae",ref:this.catchRef,_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_disabled:this._disabled,_icons:this._icons||this._icon,_hideLabel:this._hideLabel||this._iconOnly,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:"link",_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value},e("slot",{key:"4d9014c1de8d6dc77d27b2308403423240c62ccd",name:"expert",slot:"expert"})))}get host(){return n(this)}};d.style={default:a};export{d as kol_button_link};

package/dist/kolibri/kol-button.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as e,g as n}from"./index-7cc6aa47.js";import{a as s}from"./reuse-d79ab469.js";const a=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:inline-block}:is(a,button){display:inline-flex;place-items:center;text-align:center;text-decoration-line:none}:is(a,button)>.kol-span-wc{margin:auto;width:100%}:is(button):disabled{cursor:not-allowed;opacity:0.5}",o=a,h=class{constructor(t){i(this,t),this.catchRef=i=>{s(this.host,i)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal"}render(){return t(e,{key:"e051bfa26d0801e525bea9e7d9aa5f4cc891f265",class:"kol-button"},t("kol-button-wc",{key:"e125cc7dc14098496d994cc14f65b3895117e1c1",ref:this.catchRef,class:{button:!0,[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0},_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel||this._iconOnly,_icons:this._icons||this._icon,_iconAlign:this._iconAlign,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant},t("slot",{key:"878b1492e2fe4923211999aad12ac77e11532729",name:"expert",slot:"expert"})))}get host(){return n(this)}};h.style={default:o};export{h as kol_button};
+import{r as i,h as t,H as e,g as n}from"./index-c1d028ba.js";import{a as s}from"./reuse-d79ab469.js";const a=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:inline-block}:is(a,button){display:inline-flex;place-items:center;text-align:center;text-decoration-line:none}:is(a,button)>.kol-span-wc{margin:auto;width:100%}:is(button):disabled{cursor:not-allowed;opacity:0.5}",o=a,d=class{constructor(t){i(this,t),this.catchRef=i=>{s(this.host,i)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal"}render(){return t(e,{key:"e051bfa26d0801e525bea9e7d9aa5f4cc891f265",class:"kol-button"},t("kol-button-wc",{key:"e125cc7dc14098496d994cc14f65b3895117e1c1",ref:this.catchRef,class:{button:!0,[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0},_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel||this._iconOnly,_icons:this._icons||this._icon,_iconAlign:this._iconAlign,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant},t("slot",{key:"878b1492e2fe4923211999aad12ac77e11532729",name:"expert",slot:"expert"})))}get host(){return n(this)}};d.style={default:o};export{d as kol_button};

package/dist/kolibri/kol-card.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i,H as t}from"./index-7cc6aa47.js";import{t as a}from"./i18n-ad947f60.js";import{v as s}from"./has-closer-d5bb4e12.js";import{a as o,s as n}from"./prop.validators-9d76278b.js";import{v as l}from"./label-0cc3ee5d.js";import{w as d}from"./validation-e0cdfc8e.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";import"./a11y.tipps-c347026d.js";import"./dev.utils-11981c6e.js";const r=(e,a)=>{o(e,"_hasFooter",a)},h=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>div.card{height:100%;position:relative}.close{position:absolute;top:0;right:0}",c=h,f=class{constructor(a){e(this,a),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._on=void 0,this._hasCloser=!1,this._hasFooter=!1,this._heading=void 0,this._headline=void 0,this._label=void 0,this._level=1,this.state={_label:"…"}}render(){return i(t,{key:"4456029ad1f0d1d961e3f499a4fd99a1271d5aa3",class:"kol-card"},i("div",{key:"3e977e2e01f142aa0a7ff48f48f09a0c26893008",class:"card"},i("div",{key:"054799323c5b2efc5f3d7415ea9ba09f07d303cb",class:"header"},i("kol-heading-wc",{key:"ff4f74669233c75ae12e8828522aeb7a1c7d8aaf",_label:this.state._label,_level:this.state._level}),i("slot",{key:"4a80e470fbe83e44bfb6205031f76bf50569a4ed",name:"header"})),i("div",{key:"01aa039e91c84558f3f2a7bd3ce0bc31ee086199",class:"content"},i("slot",{key:"073fc39112c8f51fd1db84f786f31c6d1f293073",name:"content"}),i("slot",{key:"16bc8e0f6db4ea7fa50c032a22af89014c65ca41"})),this.state._hasFooter&&i("div",{class:"footer"},i("slot",{name:"footer"})),this.state._hasCloser&&i("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:a("kol-close"),_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&n(this,"_on",{onClose:e.onClose})}validateHasCloser(e){s(this,e)}validateHasFooter(e){r(this,e)}validateHeading(e){this.validateLabel(e)}validateHeadline(e){this.validateLabel(e)}validateLabel(e){l(this,e,{defaultValue:"…"})}validateLevel(e){d(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateHasFooter(this._hasFooter),this.validateLabel(this._label||this._heading||this._headline),this.validateLevel(this._level),this.validateOn(this._on)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_hasFooter:["validateHasFooter"],_heading:["validateHeading"],_headline:["validateHeadline"],_label:["validateLabel"],_level:["validateLevel"]}}};f.style={default:c};export{f as kol_card};
+import{r as e,h as i,H as a}from"./index-c1d028ba.js";import{t}from"./i18n-ad947f60.js";import{v as s}from"./has-closer-a9be38af.js";import{a as o,s as n}from"./prop.validators-8c5a4551.js";import{v as l}from"./label-9ebba50f.js";import{w as d}from"./validation-4822efd5.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";import"./a11y.tipps-1cea6b3d.js";import"./dev.utils-8d5cefe9.js";const r=(e,a)=>{o(e,"_hasFooter",a)},h=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>div.card{height:100%;position:relative}.close{position:absolute;top:0;right:0}",c=h,f=class{constructor(a){e(this,a),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._on=void 0,this._hasCloser=!1,this._hasFooter=!1,this._heading=void 0,this._headline=void 0,this._label=void 0,this._level=1,this.state={_label:"…"}}render(){return i(a,{key:"4456029ad1f0d1d961e3f499a4fd99a1271d5aa3",class:"kol-card"},i("div",{key:"3e977e2e01f142aa0a7ff48f48f09a0c26893008",class:"card"},i("div",{key:"054799323c5b2efc5f3d7415ea9ba09f07d303cb",class:"header"},i("kol-heading-wc",{key:"ff4f74669233c75ae12e8828522aeb7a1c7d8aaf",_label:this.state._label,_level:this.state._level}),i("slot",{key:"4a80e470fbe83e44bfb6205031f76bf50569a4ed",name:"header"})),i("div",{key:"01aa039e91c84558f3f2a7bd3ce0bc31ee086199",class:"content"},i("slot",{key:"073fc39112c8f51fd1db84f786f31c6d1f293073",name:"content"}),i("slot",{key:"16bc8e0f6db4ea7fa50c032a22af89014c65ca41"})),this.state._hasFooter&&i("div",{class:"footer"},i("slot",{name:"footer"})),this.state._hasCloser&&i("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:t("kol-close"),_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&n(this,"_on",{onClose:e.onClose})}validateHasCloser(e){s(this,e)}validateHasFooter(e){r(this,e)}validateHeading(e){this.validateLabel(e)}validateHeadline(e){this.validateLabel(e)}validateLabel(e){l(this,e,{defaultValue:"…"})}validateLevel(e){d(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateHasFooter(this._hasFooter),this.validateLabel(this._label||this._heading||this._headline),this.validateLevel(this._level),this.validateOn(this._on)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_hasFooter:["validateHasFooter"],_heading:["validateHeading"],_headline:["validateHeadline"],_label:["validateLabel"],_level:["validateLevel"]}}};f.style={default:c};export{f as kol_card};