@public-ui/components 1.7.16 → 1.7.17

package/dist/kolibri/{index-0e51998c.js → index-a42f8d80.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-switch(location.pathname){case"/dev/toaster.html":import("./toaster-9c6c5ae2.js");break;case"/dev/input-error.html":import("./input-error-bc5a177b.js");break;case"/dev/reprod-accordion-does-not-toggle-with-open.html":import("./reprod-accordion-does-not-toggle-with-open-930fccf8.js");break;case"/dev/details-synced-open-state.html":import("./details-synced-open-state-e1e2be6f.js")}
+switch(location.pathname){case"/dev/toaster.html":import("./toaster-363ac349.js");break;case"/dev/input-error.html":import("./input-error-bc5a177b.js");break;case"/dev/reprod-accordion-does-not-toggle-with-open.html":import("./reprod-accordion-does-not-toggle-with-open-930fccf8.js");break;case"/dev/details-synced-open-state.html":import("./details-synced-open-state-e1e2be6f.js")}

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-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};
+export{T as ToasterServiceLegacy}from"./toaster-59df19c4.js";import{s,K as i}from"./component-names-fed305c7.js";import{_ as t}from"./index-117bd1aa.js";import{i as o,c as r}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-d99c5d68.js";import"./a11y.tipps-5500b43f.js";import"./dev.utils-cdb6e8d3.js";import"./reuse-d79ab469.js";let n=!1;const l=async(e,a,i)=>{var l,d,m;await o(null===(l=null==i?void 0:i.translation)||void 0===l?void 0:l.name),await r(null!==(m=null===(d=null==i?void 0:i.translation)||void 0===d?void 0:d.name)&&void 0!==m?m:"de",null==i?void 0:i.translations),(null==i?void 0:i.transformTagName)&&s(null==i?void 0:i.transformTagName);const c=await t(e,a,i);return n=!0,c},u=l,p=()=>n;class v{constructor(t){this.document=t,this.toastContainerElement=this.document.createElement(i),this.document.body.prepend(this.toastContainerElement)}static getInstance(t){if(!p())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let e=this.instances.get(t);return e||(e=new v(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()}}v.instances=new Map;export{v as ToasterService,l as bootstrap,u 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":["initialized","bootstrap","async","themes","loaders","options","initI18n","_a","translation","name","configI18n","_c","_b","translations","transformTagName","setCustomTagNames","coreRegisterReturnValue","coreRegister","register","isInitialized","ToasterService","constructor","document","this","toastContainerElement","createElement","KolToastContainerTag","body","prepend","getInstance","Error","instance","instances","get","set","dispose","element","undefined","remove","console","warn","enqueue","toast","closeAll","Map"],"sources":["src/core/bootstrap.ts","src/components/toaster/toaster.tsx"],"sourcesContent":["import type { Generic, LoaderCallback, RegisterOptions } from 'adopted-style-sheets';\nimport { register as coreRegister } from 'adopted-style-sheets';\nimport { configI18n, initI18n } from './i18n';\nimport { setCustomTagNames } from './component-names';\n\nlet initialized = false;\n\ntype KoliBriOptions = RegisterOptions & {\n\ttransformTagName?: (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\tif (options?.transformTagName) {\n\t\tsetCustomTagNames(options?.transformTagName);\n\t}\n\tconst coreRegisterReturnValue = await coreRegister(themes, loaders, options);\n\tinitialized = true;\n\n\treturn coreRegisterReturnValue;\n};\n\nexport const register = bootstrap;\nexport const isInitialized = () => initialized;\n","import { Toast } from './types';\nimport { KolToastContainerTag } from '../../core/component-names';\nimport { isInitialized } from '../../core/bootstrap';\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(KolToastContainerTag);\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\tif (!isInitialized()) {\n\t\t\tthrow new Error('Toaster: Call KoliBri bootstrap/register method first.');\n\t\t}\n\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"],"mappings":";;;ohBAKA,IAAIA,EAAc,M,MAMLC,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,cAC9D,GAAIR,IAAO,MAAPA,SAAO,SAAPA,EAASS,iBAAkB,CAC9BC,EAAkBV,IAAO,MAAPA,SAAO,SAAPA,EAASS,iB,CAE5B,MAAME,QAAgCC,EAAad,EAAQC,EAASC,GACpEL,EAAc,KAEd,OAAOgB,CAAuB,E,MAGlBE,EAAWjB,EACjB,MAAMkB,EAAgB,IAAMnB,E,MC3BtBoB,EAKZ,WAAAC,CAAqCC,GAAAC,KAAAD,WACpCC,KAAKC,sBAAwBD,KAAKD,SAASG,cAAcC,GACzDH,KAAKD,SAASK,KAAKC,QAAQL,KAAKC,sB,CAM1B,kBAAOK,CAAYP,GACzB,IAAKH,IAAiB,CACrB,MAAM,IAAIW,MAAM,yD,CAGjB,IAAIC,EAAWR,KAAKS,UAAUC,IAAIX,GAClC,IAAKS,EAAU,CACdA,EAAW,IAAIX,EAAeE,GAC9BC,KAAKS,UAAUE,IAAIZ,EAAUS,E,CAE9B,OAAOA,C,CAGD,OAAAI,GACN,MAAMC,EAAUb,KAAKC,sBACrB,GAAIY,EAAS,CACZb,KAAKC,sBAAwBa,UAC7BD,EAAQE,Q,KACF,CACNC,QAAQC,KAAK,uC,EAIR,OAAAC,CAAQC,GAKd,GAAInB,KAAKC,8BAAgCD,KAAKC,sBAAsBiB,UAAY,WAAY,CAC3F,OAAOlB,KAAKC,sBAAsBiB,QAAQC,E,EAIrC,QAAAC,GACN,GAAIpB,KAAKC,8BAAgCD,KAAKC,sBAAsBmB,WAAa,WAAY,MACvFpB,KAAKC,sBAAsBmB,U,GA/CVvB,EAAAY,UAA2C,IAAIY,W"}

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-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};
+import{r as i,h as t,H as e}from"./index-a051748e.js";import{v as a}from"./label-ce16ea0f.js";import{v as o}from"./tooltip-align-d96322b0.js";import{n}from"./dev.utils-cdb6e8d3.js";import{b as s}from"./component-names-fed305c7.js";import"./a11y.tipps-5500b43f.js";import"./prop.validators-d99c5d68.js";import"./index-117bd1aa.js";import"./alignment-c366b3f5.js";import"./reuse-d79ab469.js";const l=":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}",r=l,d=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 t(e,{key:"4771794fd31f78288566cf35fb59a9907d10c816",class:"kol-abbr"},t("abbr",{key:"f6ad6e44d01d7ce413dc7bd260efc9655ef41cdc","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},t("span",{key:"f40a47d7978f5700635e240a7f640b627a3d0718",title:""},t("slot",{key:"6f12b398db6182f29f9c5429f33be8e9ff85caaa"}))),t(s,{key:"93e2bf4bab104f89c336566a4705d9af44f9c515",_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"]}}};d.style={default:r};export{d as kol_abbr};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAbbrDefaultStyle0","KolAbbr","this","nonce","_label","_tooltipAlign","render","h","Host","key","class","role","tabindex","title","state","_align","_id","validateLabel","value","required","validateTitle","validateTooltipAlign","componentWillLoad","_title"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/component.tsx"],"sourcesContent":["@import '../style';\n\n:host > abbr {\n\tcursor: help;\n}\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { TooltipAlignPropType, validateTooltipAlign } from '../../types/props/tooltip-align';\nimport { nonce } from '../../utils/dev.utils';\nimport { API, States } from './types';\n\n/**\n * @slot - Der Begriff, der erläutert werden soll.\n */\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements API {\n\tprivate readonly nonce = nonce();\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t{/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n\t\t\t\t<abbr aria-labelledby={this.nonce} role=\"definition\" tabindex=\"0\" title={this.state._label}>\n\t\t\t\t\t<span title=\"\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\t\t\t\t</abbr>\n\t\t\t\t<kol-tooltip-wc _align={this.state._tooltipAlign} _id={this.nonce} _label={this.state._label}></kol-tooltip-wc>\n\t\t\t</Host>\n\t\t);\n\t}\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 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 * Deprecated: Dieses Property gibt die Beschreibung oder Erläuterung der Abkürzung an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _title?: string;\n\n\t/**\n\t * Die State-Parameter repräsentieren den inneren State\n\t * einer Komponente.\n\t *\n\t * @see: https://stenciljs.com/docs/state\n\t */\n\t@State() public state: States = {\n\t\t_label: '…', // ⚠ required\n\t\t_tooltipAlign: 'top',\n\t};\n\n\t/**\n\t * Die Watch-Methoden dienen der Möglichkeit zur\n\t * Validierung der Werte eines Properties und\n\t * dem Mapping dessen auf einen anderen internen\n\t * State-Typ.\n\t *\n\t * @see: https://stenciljs.com/docs/properties#prop-validation\n\t */\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_title')\n\tpublic validateTitle(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label || this._title);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t}\n}\n"],"mappings":";;;oVAAA,MAAMA,EAAkB,s4BACxB,MAAAC,EAAeD,E,MCgBFE,EAAO,M,yBACFC,KAAAC,MAAQA,I,yCAwB6B,M,iCActB,CAC/BC,OAAQ,IACRC,cAAe,M,CAtCT,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YAEXH,EAAA,QAAAE,IAAA,6DAAuBP,KAAKC,MAAOQ,KAAK,aAAaC,SAAS,IAAIC,MAAOX,KAAKY,MAAMV,QACnFG,EAAA,QAAAE,IAAA,2CAAMI,MAAM,IACXN,EAAA,QAAAE,IAAA,+CAGFF,EAAA,kBAAAE,IAAA,2CAAgBM,OAAQb,KAAKY,MAAMT,cAAeW,IAAKd,KAAKC,MAAOC,OAAQF,KAAKY,MAAMV,S,CAyClF,aAAAa,CAAcC,GACpBD,EAAcf,KAAMgB,EAAO,CAC1BC,SAAU,M,CAKL,aAAAC,CAAcF,GACpBhB,KAAKe,cAAcC,E,CAIb,oBAAAG,CAAqBH,GAC3BG,EAAqBnB,KAAMgB,E,CAGrB,iBAAAI,GACNpB,KAAKe,cAAcf,KAAKE,QAAUF,KAAKqB,QACvCrB,KAAKmB,qBAAqBnB,KAAKG,c"}
+{"version":3,"names":["defaultStyleCss","KolAbbrDefaultStyle0","KolAbbr","this","nonce","_label","_tooltipAlign","render","h","Host","key","class","role","tabindex","title","state","KolTooltipWcTag","_align","_id","validateLabel","value","required","validateTitle","validateTooltipAlign","componentWillLoad","_title"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/component.tsx"],"sourcesContent":["@import '../style';\n\n:host > abbr {\n\tcursor: help;\n}\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { TooltipAlignPropType, validateTooltipAlign } from '../../types/props/tooltip-align';\nimport { nonce } from '../../utils/dev.utils';\nimport { API, States } from './types';\nimport { KolTooltipWcTag } from '../../core/component-names';\n\n/**\n * @slot - Der Begriff, der erläutert werden soll.\n */\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements API {\n\tprivate readonly nonce = nonce();\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t{/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n\t\t\t\t<abbr aria-labelledby={this.nonce} role=\"definition\" tabindex=\"0\" title={this.state._label}>\n\t\t\t\t\t<span title=\"\">\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\t\t\t\t</abbr>\n\t\t\t\t<KolTooltipWcTag _align={this.state._tooltipAlign} _id={this.nonce} _label={this.state._label}></KolTooltipWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\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 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 * Deprecated: Dieses Property gibt die Beschreibung oder Erläuterung der Abkürzung an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _title?: string;\n\n\t/**\n\t * Die State-Parameter repräsentieren den inneren State\n\t * einer Komponente.\n\t *\n\t * @see: https://stenciljs.com/docs/state\n\t */\n\t@State() public state: States = {\n\t\t_label: '…', // ⚠ required\n\t\t_tooltipAlign: 'top',\n\t};\n\n\t/**\n\t * Die Watch-Methoden dienen der Möglichkeit zur\n\t * Validierung der Werte eines Properties und\n\t * dem Mapping dessen auf einen anderen internen\n\t * State-Typ.\n\t *\n\t * @see: https://stenciljs.com/docs/properties#prop-validation\n\t */\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_title')\n\tpublic validateTitle(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label || this._title);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t}\n}\n"],"mappings":";;;sYAAA,MAAMA,EAAkB,s4BACxB,MAAAC,EAAeD,E,MCiBFE,EAAO,M,yBACFC,KAAAC,MAAQA,I,yCAwB6B,M,iCActB,CAC/BC,OAAQ,IACRC,cAAe,M,CAtCT,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YAEXH,EAAA,QAAAE,IAAA,6DAAuBP,KAAKC,MAAOQ,KAAK,aAAaC,SAAS,IAAIC,MAAOX,KAAKY,MAAMV,QACnFG,EAAA,QAAAE,IAAA,2CAAMI,MAAM,IACXN,EAAA,QAAAE,IAAA,+CAGFF,EAACQ,EAAe,CAAAN,IAAA,2CAACO,OAAQd,KAAKY,MAAMT,cAAeY,IAAKf,KAAKC,MAAOC,OAAQF,KAAKY,MAAMV,S,CAyCnF,aAAAc,CAAcC,GACpBD,EAAchB,KAAMiB,EAAO,CAC1BC,SAAU,M,CAKL,aAAAC,CAAcF,GACpBjB,KAAKgB,cAAcC,E,CAIb,oBAAAG,CAAqBH,GAC3BG,EAAqBpB,KAAMiB,E,CAGrB,iBAAAI,GACNrB,KAAKgB,cAAchB,KAAKE,QAAUF,KAAKsB,QACvCtB,KAAKoB,qBAAqBpB,KAAKG,c"}

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 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};
+import{r as e,h as i,H as a,g as t}from"./index-a051748e.js";import{v as n}from"./label-ce16ea0f.js";import{v as o}from"./open-7a91a920.js";import{f as s}from"./a11y.tipps-5500b43f.js";import{n as d}from"./dev.utils-cdb6e8d3.js";import{s as r}from"./prop.validators-d99c5d68.js";import{a as c}from"./reuse-d79ab469.js";import{w as l}from"./validation-8597a722.js";import{c as p,d as h}from"./component-names-fed305c7.js";import"./index-117bd1aa.js";const f=":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}",b=f;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 m=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:"8bc113713fe44637f69d401d0c0150de089c5db8",class:"kol-accordion"},i("div",{key:"d2c04a7afd820d3b4cb3e06c850f739077fe5df6",class:{accordion:!0,open:!0===this.state._open}},i(p,{key:"af17a3f5d59b5b872e31d447fa79b1fe5be31a53",_label:"",_level:this.state._level},i(h,{key:"1389b5c20e17568128e8e8e1758071d2161605a2",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:"7e96b34d45b60146ed4cb1af785a84087db75397",class:"header"},i("slot",{key:"0e0c9ab23ee4eb677ac45296444392649aa3af1d",name:"header"})),i("div",{key:"30f99e86b974a4eeba8818deb1e27b8fe51c1779",class:"wrapper"},i("div",{key:"4fa3def2b2aa78c99ad241e0f6e47afc06dacce8",class:"animation-wrapper"},i("div",{key:"14d104214d253f936f75912b0d82318a856ba0d5","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},i("slot",{key:"deb78cc20c268e69c534e2d0c92db655727fc221",name:"content"})," ",i("slot",{key:"4d175471fd64ca9b32f2c254a4fd6f956e99b02a"}))))))}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"]}}};m.style={default:b};export{m as kol_accordion};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAccordionDefaultStyle0","featureHint","KolAccordion","this","nonce","catchRef","ref","propagateFocus","host","onClick","event","_open","setTimeout","_a","state","_on","_label","_level","render","h","Host","key","class","accordion","open","_ariaControls","_ariaExpanded","_icons","name","undefined","id","validateHeading","value","validateLabel","required","validateLevel","watchHeadingLevel","validateOn","setState","validateOpen","componentWillLoad","_heading"],"sources":["src/components/accordion/style.scss?tag=kol-accordion&mode=default&encapsulation=shadow","src/components/accordion/component.tsx"],"sourcesContent":["@import '../style';\n@import '../host-display-block';\n\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n.wrapper {\n\tdisplay: grid;\n\tgrid-template-rows: 0fr;\n\toverflow: hidden;\n\ttransition: grid-template-rows 0.3s;\n}\n\n.accordion.open .wrapper {\n\tgrid-template-rows: 1fr;\n}\n\n.animation-wrapper {\n\tmin-height: 0;\n\ttransition: visibility 0.3s;\n\t/* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n\tvisibility: hidden;\n}\n\n.accordion.open .animation-wrapper {\n\tvisibility: visible;\n}\n\n@media (prefers-reduced-motion) {\n\t.animation-wrapper,\n\t.wrapper {\n\t\ttransition-duration: 0s;\n\t}\n}\n\n/* @see https://github.com/public-ui/kolibri/issues/5952 */\n@media print {\n\t.accordion:not(.open) .animation-wrapper {\n\t\tdisplay: none;\n\t}\n}\n\n/*\n * Inside a button, the caption text is always centered.\n * So we have to align the text to the left.\n */\n.accordion .kol-heading-wc .kol-button-wc button .kol-span-wc {\n\tjustify-items: start;\n}\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\n\nimport { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { HeadingLevel } from '../../types/heading-level';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { OpenPropType, validateOpen } from '../../types/props/open';\nimport { featureHint } from '../../utils/a11y.tipps';\nimport { nonce } from '../../utils/dev.utils';\nimport { setState } from '../../utils/prop.validators';\nimport { propagateFocus } from '../../utils/reuse';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { API, KoliBriAccordionCallbacks, States } from './types';\n\nfeatureHint(`[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`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\n\n/**\n *\n * @slot - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions.\n * @slot content - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions.\n * @slot header - Deprecated für Version 2: Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich des Accordions.\n */\n@Component({\n\ttag: 'kol-accordion',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAccordion implements API {\n\t@Element() private readonly host?: HTMLKolDetailsElement;\n\tprivate readonly nonce = nonce();\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-accordion\">\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\taccordion: true,\n\t\t\t\t\t\topen: this.state._open === true,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<kol-heading-wc _label=\"\" _level={this.state._level}>\n\t\t\t\t\t\t<kol-button-wc\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\t// slot=\"expert\"\n\t\t\t\t\t\t\t_ariaControls={this.nonce}\n\t\t\t\t\t\t\t_ariaExpanded={this.state._open}\n\t\t\t\t\t\t\t_icons={this.state._open ? 'codicon codicon-remove' : 'codicon codicon-add'}\n\t\t\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t\t\t_on={{ onClick: this.onClick }}\n\t\t\t\t\t\t></kol-button-wc>\n\t\t\t\t\t</kol-heading-wc>\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"wrapper\">\n\t\t\t\t\t\t<div class=\"animation-wrapper\">\n\t\t\t\t\t\t\t<div aria-hidden={this.state._open === false ? 'true' : undefined} class=\"content\" id={this.nonce}>\n\t\t\t\t\t\t\t\t<slot name=\"content\"></slot> {/* Deprecated for version 2 */}\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</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Deprecated: Gibt die Beschriftung der Komponente an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _heading?: 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\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-Funktionen an.\n\t */\n\t@Prop() public _on?: KoliBriAccordionCallbacks;\n\n\t/**\n\t * If set (to true) opens/expands the element, closes if not set (or set to false).\n\t * @TODO: Change type back to `OpenPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t@State() public state: States = {\n\t\t_label: '…', // ⚠ required\n\t\t_level: 1,\n\t};\n\n\t@Watch('_heading')\n\tpublic validateHeading(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\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('_on')\n\tpublic validateOn(value?: KoliBriAccordionCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null && typeof value.onClick === 'function') {\n\t\t\tsetState(this, '_on', value);\n\t\t}\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label || this._heading);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n\n\tprivate onClick = (event: Event) => {\n\t\tthis._open = !this._open;\n\n\t\t/**\n\t\t * Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t */\n\t\tsetTimeout(() => {\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tthis.state._on.onClick(event, this._open === true);\n\t\t\t}\n\t\t});\n\t};\n}\n"],"mappings":";;;wYAAA,MAAMA,EAAkB,g4CACxB,MAAAC,EAAeD,ECafE,EAAY,+OAKZA,EAAY,mE,MAeCC,EAAY,M,yBAEPC,KAAAC,MAAQA,IAERD,KAAAE,SAAYC,IAC5BC,EAAeJ,KAAKK,KAAMF,EAAI,EA2GvBH,KAAAM,QAAWC,IAClBP,KAAKQ,OAASR,KAAKQ,MAQnBC,YAAW,K,MACV,WAAWC,EAAAV,KAAKW,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEJ,WAAY,WAAY,CAClDN,KAAKW,MAAMC,IAAIN,QAAQC,EAAOP,KAAKQ,QAAU,K,IAE7C,E,0DAnEoC,E,8BAW0B,M,WAEjC,CAC/BK,OAAQ,IACRC,OAAQ,E,CAjEF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,iBACXH,EAAA,OAAAE,IAAA,2CACCC,MAAO,CACNC,UAAW,KACXC,KAAMrB,KAAKW,MAAMH,QAAU,OAG5BQ,EAAA,kBAAAE,IAAA,2CAAgBL,OAAO,GAAGC,OAAQd,KAAKW,MAAMG,QAC5CE,EAAA,iBAAAE,IAAA,2CACCf,IAAKH,KAAKE,SAEVoB,cAAetB,KAAKC,MACpBsB,cAAevB,KAAKW,MAAMH,MAC1BgB,OAAQxB,KAAKW,MAAMH,MAAQ,yBAA2B,sBACtDK,OAAQb,KAAKW,MAAME,OACnBD,IAAK,CAAEN,QAASN,KAAKM,YAGvBU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACVH,EAAA,QAAAE,IAAA,2CAAMO,KAAK,YAEZT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACVH,EAAA,OAAAE,IAAA,yDAAkBlB,KAAKW,MAAMH,QAAU,MAAQ,OAASkB,UAAWP,MAAM,UAAUQ,GAAI3B,KAAKC,OAC3Fe,EAAA,QAAAE,IAAA,2CAAMO,KAAK,YAAiB,IAC5BT,EAAA,QAAAE,IAAA,iD,CA0CA,eAAAU,CAAgBC,GACtB7B,KAAK8B,cAAcD,E,CAIb,aAAAC,CAAcD,GACpBC,EAAc9B,KAAM6B,EAAO,CAC1BE,SAAU,M,CAKL,aAAAC,CAAcH,GACpBI,EAAkBjC,KAAM6B,E,CAIlB,UAAAK,CAAWL,GACjB,UAAWA,IAAU,UAAYA,IAAU,aAAeA,EAAMvB,UAAY,WAAY,CACvF6B,EAASnC,KAAM,MAAO6B,E,EAKjB,YAAAO,CAAaP,GACnBO,EAAapC,KAAM6B,E,CAGb,iBAAAQ,GACNrC,KAAK8B,cAAc9B,KAAKa,QAAUb,KAAKsC,UACvCtC,KAAKgC,cAAchC,KAAKc,QACxBd,KAAKkC,WAAWlC,KAAKY,KACrBZ,KAAKoC,aAAapC,KAAKQ,M"}
+{"version":3,"names":["defaultStyleCss","KolAccordionDefaultStyle0","featureHint","KolAccordion","this","nonce","catchRef","ref","propagateFocus","host","onClick","event","_open","setTimeout","_a","state","_on","_label","_level","render","h","Host","key","class","accordion","open","KolHeadingWcTag","KolButtonWcTag","_ariaControls","_ariaExpanded","_icons","name","undefined","id","validateHeading","value","validateLabel","required","validateLevel","watchHeadingLevel","validateOn","setState","validateOpen","componentWillLoad","_heading"],"sources":["src/components/accordion/style.scss?tag=kol-accordion&mode=default&encapsulation=shadow","src/components/accordion/component.tsx"],"sourcesContent":["@import '../style';\n@import '../host-display-block';\n\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n.wrapper {\n\tdisplay: grid;\n\tgrid-template-rows: 0fr;\n\toverflow: hidden;\n\ttransition: grid-template-rows 0.3s;\n}\n\n.accordion.open .wrapper {\n\tgrid-template-rows: 1fr;\n}\n\n.animation-wrapper {\n\tmin-height: 0;\n\ttransition: visibility 0.3s;\n\t/* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n\tvisibility: hidden;\n}\n\n.accordion.open .animation-wrapper {\n\tvisibility: visible;\n}\n\n@media (prefers-reduced-motion) {\n\t.animation-wrapper,\n\t.wrapper {\n\t\ttransition-duration: 0s;\n\t}\n}\n\n/* @see https://github.com/public-ui/kolibri/issues/5952 */\n@media print {\n\t.accordion:not(.open) .animation-wrapper {\n\t\tdisplay: none;\n\t}\n}\n\n/*\n * Inside a button, the caption text is always centered.\n * So we have to align the text to the left.\n */\n.accordion .kol-heading-wc .kol-button-wc button .kol-span-wc {\n\tjustify-items: start;\n}\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\n\nimport { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { HeadingLevel } from '../../types/heading-level';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { OpenPropType, validateOpen } from '../../types/props/open';\nimport { featureHint } from '../../utils/a11y.tipps';\nimport { nonce } from '../../utils/dev.utils';\nimport { setState } from '../../utils/prop.validators';\nimport { propagateFocus } from '../../utils/reuse';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { API, KoliBriAccordionCallbacks, States } from './types';\nimport { KolButtonWcTag, KolHeadingWcTag } from '../../core/component-names';\n\nfeatureHint(`[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`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\n\n/**\n *\n * @slot - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions.\n * @slot content - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich des Accordions.\n * @slot header - Deprecated für Version 2: Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich des Accordions.\n */\n@Component({\n\ttag: 'kol-accordion',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAccordion implements API {\n\t@Element() private readonly host?: HTMLKolDetailsElement;\n\tprivate readonly nonce = nonce();\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-accordion\">\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\taccordion: true,\n\t\t\t\t\t\topen: this.state._open === true,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<KolHeadingWcTag _label=\"\" _level={this.state._level}>\n\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t\t\t// slot=\"expert\"\n\t\t\t\t\t\t\t_ariaControls={this.nonce}\n\t\t\t\t\t\t\t_ariaExpanded={this.state._open}\n\t\t\t\t\t\t\t_icons={this.state._open ? 'codicon codicon-remove' : 'codicon codicon-add'}\n\t\t\t\t\t\t\t_label={this.state._label}\n\t\t\t\t\t\t\t_on={{ onClick: this.onClick }}\n\t\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t</KolHeadingWcTag>\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"wrapper\">\n\t\t\t\t\t\t<div class=\"animation-wrapper\">\n\t\t\t\t\t\t\t<div aria-hidden={this.state._open === false ? 'true' : undefined} class=\"content\" id={this.nonce}>\n\t\t\t\t\t\t\t\t<slot name=\"content\"></slot> {/* Deprecated for version 2 */}\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</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Deprecated: Gibt die Beschriftung der Komponente an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _heading?: 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\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-Funktionen an.\n\t */\n\t@Prop() public _on?: KoliBriAccordionCallbacks;\n\n\t/**\n\t * If set (to true) opens/expands the element, closes if not set (or set to false).\n\t * @TODO: Change type back to `OpenPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t@State() public state: States = {\n\t\t_label: '…', // ⚠ required\n\t\t_level: 1,\n\t};\n\n\t@Watch('_heading')\n\tpublic validateHeading(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\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('_on')\n\tpublic validateOn(value?: KoliBriAccordionCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null && typeof value.onClick === 'function') {\n\t\t\tsetState(this, '_on', value);\n\t\t}\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label || this._heading);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n\n\tprivate onClick = (event: Event) => {\n\t\tthis._open = !this._open;\n\n\t\t/**\n\t\t * Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t */\n\t\tsetTimeout(() => {\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tthis.state._on.onClick(event, this._open === true);\n\t\t\t}\n\t\t});\n\t};\n}\n"],"mappings":";;;icAAA,MAAMA,EAAkB,g4CACxB,MAAAC,EAAeD,ECcfE,EAAY,+OAKZA,EAAY,mE,MAeCC,EAAY,M,yBAEPC,KAAAC,MAAQA,IAERD,KAAAE,SAAYC,IAC5BC,EAAeJ,KAAKK,KAAMF,EAAI,EA2GvBH,KAAAM,QAAWC,IAClBP,KAAKQ,OAASR,KAAKQ,MAQnBC,YAAW,K,MACV,WAAWC,EAAAV,KAAKW,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEJ,WAAY,WAAY,CAClDN,KAAKW,MAAMC,IAAIN,QAAQC,EAAOP,KAAKQ,QAAU,K,IAE7C,E,0DAnEoC,E,8BAW0B,M,WAEjC,CAC/BK,OAAQ,IACRC,OAAQ,E,CAjEF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,iBACXH,EAAA,OAAAE,IAAA,2CACCC,MAAO,CACNC,UAAW,KACXC,KAAMrB,KAAKW,MAAMH,QAAU,OAG5BQ,EAACM,EAAe,CAAAJ,IAAA,2CAACL,OAAO,GAAGC,OAAQd,KAAKW,MAAMG,QAC7CE,EAACO,EAAc,CAAAL,IAAA,2CACdf,IAAKH,KAAKE,SAEVsB,cAAexB,KAAKC,MACpBwB,cAAezB,KAAKW,MAAMH,MAC1BkB,OAAQ1B,KAAKW,MAAMH,MAAQ,yBAA2B,sBACtDK,OAAQb,KAAKW,MAAME,OACnBD,IAAK,CAAEN,QAASN,KAAKM,YAGvBU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACVH,EAAA,QAAAE,IAAA,2CAAMS,KAAK,YAEZX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACVH,EAAA,OAAAE,IAAA,yDAAkBlB,KAAKW,MAAMH,QAAU,MAAQ,OAASoB,UAAWT,MAAM,UAAUU,GAAI7B,KAAKC,OAC3Fe,EAAA,QAAAE,IAAA,2CAAMS,KAAK,YAAiB,IAC5BX,EAAA,QAAAE,IAAA,iD,CA0CA,eAAAY,CAAgBC,GACtB/B,KAAKgC,cAAcD,E,CAIb,aAAAC,CAAcD,GACpBC,EAAchC,KAAM+B,EAAO,CAC1BE,SAAU,M,CAKL,aAAAC,CAAcH,GACpBI,EAAkBnC,KAAM+B,E,CAIlB,UAAAK,CAAWL,GACjB,UAAWA,IAAU,UAAYA,IAAU,aAAeA,EAAMzB,UAAY,WAAY,CACvF+B,EAASrC,KAAM,MAAO+B,E,EAKjB,YAAAO,CAAaP,GACnBO,EAAatC,KAAM+B,E,CAGb,iBAAAQ,GACNvC,KAAKgC,cAAchC,KAAKa,QAAUb,KAAKwC,UACvCxC,KAAKkC,cAAclC,KAAKc,QACxBd,KAAKoC,WAAWpC,KAAKY,KACrBZ,KAAKsC,aAAatC,KAAKQ,M"}

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

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{r as a,h as i,H as t}from"./index-a051748e.js";import{t as e}from"./i18n-ad947f60.js";import{v as s}from"./has-closer-dd12bf14.js";import{v as o}from"./label-ce16ea0f.js";import{L as l}from"./dev.utils-cdb6e8d3.js";import{a as r,s as n,w as d}from"./prop.validators-d99c5d68.js";import{w as c}from"./validation-8597a722.js";import{c as h,d as f,h as v}from"./component-names-fed305c7.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./a11y.tipps-5500b43f.js";import"./index-117bd1aa.js";const b=a=>i(v,{class:"heading-icon",_ariaLabel:"string"==typeof a.label&&a.label.length>0?"":a.ariaLabel,_icons:a.icon}),u=a=>{switch(a.type){case"error":return i(b,{ariaLabel:e("kol-error"),icon:"codicon codicon-error",label:a.label});case"info":return i(b,{ariaLabel:e("kol-info"),icon:"codicon codicon-info",label:a.label});case"warning":return i(b,{ariaLabel:e("kol-warning"),icon:"codicon codicon-warning",label:a.label});case"success":return i(b,{ariaLabel:e("kol-success"),icon:"codicon codicon-pass",label:a.label});default:return i(b,{ariaLabel:e("kol-message"),icon:"codicon codicon-comment",label:a.label})}},p=class{constructor(e){a(this,e),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 a;if(this.state._alert){try{l.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(a){l.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return i(t,{key:"f503dfe9179509f772a0c18ae8f2dbdf1c18c181",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:"7440476a737e410f0a8a0b72b3de0138630b7994",class:"heading"},i(u,{key:"ad9792dbafba717d9d49d839d75b1a9343a3b20a",label:this.state._label,type:this.state._type}),i("div",{key:"a580afb1a63086617d5db6a45da80bcd38deb48d"},"string"==typeof this.state._label&&(null===(a=this.state._label)||void 0===a?void 0:a.length)>0&&i(h,{_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&i("div",{class:"content"},i("slot",null))),this.state._hasCloser&&i(f,{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:e("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&i("div",{class:"content"},i("slot",null)))}validateAlert(a){r(this,"_alert",a)}validateHasCloser(a){s(this,a)}validateLabel(a){o(this,a)}validateLevel(a){c(this,a)}validateOn(a){this.validateOnValue(a)&&n(this,"_on",{onClose:a.onClose})}validateType(a){d(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){d(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"]}}};export{p as kol_alert_wc};

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

@@ -0,0 +1 @@
+{"version":3,"names":["Icon","props","h","KolIconTag","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","KolHeadingWcTag","KolButtonWcTag","_hideLabel","left","_tooltipAlign","watchBoolean","validateHasCloser","validateLabel","validateLevel","watchHeadingLevel","validateOn","setState","validateType","watchValidator","Set","validateVariant","componentWillLoad"],"sources":["src/components/alert/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';\nimport { KolButtonWcTag, KolHeadingWcTag, KolIconTag } from '../../core/component-names';\n\nconst Icon = (props: { ariaLabel: string; icon: string; label?: string }) => {\n\treturn <KolIconTag 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<KolHeadingWcTag _label={this.state._label} _level={this.state._level}></KolHeadingWcTag>\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<KolButtonWcTag\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></KolButtonWcTag>\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"],"mappings":";;;+fAYA,MAAMA,EAAQC,GACNC,EAACC,EAAU,CAACC,MAAM,eAAeC,kBAAmBJ,EAAMK,QAAU,UAAYL,EAAMK,MAAMC,OAAS,EAAI,GAAKN,EAAMO,UAAWC,OAAQR,EAAMS,OAGrJ,MAAMC,EAAaV,IAClB,OAAQA,EAAMW,MACb,IAAK,QACJ,OAAOV,EAACF,EAAI,CAACQ,UAAWK,EAAU,aAAcH,KAAK,wBAAwBJ,MAAOL,EAAMK,QAC3F,IAAK,OACJ,OAAOJ,EAACF,EAAI,CAACQ,UAAWK,EAAU,YAAaH,KAAK,uBAAuBJ,MAAOL,EAAMK,QACzF,IAAK,UACJ,OAAOJ,EAACF,EAAI,CAACQ,UAAWK,EAAU,eAAgBH,KAAK,0BAA0BJ,MAAOL,EAAMK,QAC/F,IAAK,UACJ,OAAOJ,EAACF,EAAI,CAACQ,UAAWK,EAAU,eAAgBH,KAAK,uBAAuBJ,MAAOL,EAAMK,QAC5F,QACC,OAAOJ,EAACF,EAAI,CAACQ,UAAWK,EAAU,eAAgBH,KAAK,0BAA0BJ,MAAOL,EAAMK,Q,QAWpFQ,EAAU,M,yBACLC,KAAAC,MAAQ,K,MACxB,KAAIC,EAAAF,KAAKG,OAAG,MAAAD,SAAA,SAAAA,EAAEE,WAAYC,UAAW,CACpCL,KAAKG,IAAIC,QAAQ,IAAIE,MAAM,S,GAIZN,KAAAO,GAAK,CACrBC,QAASR,KAAKC,OA8HPD,KAAAS,gBAAmBC,UACnBA,IAAU,UAAYA,IAAU,aAAgBA,EAAqCN,UAAY,W,YA1DvE,M,gBAMI,M,kCAUC,E,8BAUJ,U,cAKM,M,WAET,CAC/BO,OAAQ,E,CApGF,MAAAC,G,MACN,GAAIZ,KAAKa,MAAMC,OAAQ,CAKtB,IACCC,EAAIC,MAAM,CAAC,+BAAgCC,UAAUC,QAAQ,CAAC,IAAK,GAAI,IAAK,GAAI,O,CAC/E,MAAOC,GACRJ,EAAIC,MAAM,wC,CAGXI,YAAW,KACVpB,KAAKqB,cAAc,MAAM,GACvB,I,CAGJ,OACClC,EAACmC,EAAI,CAAAC,IAAA,2CACJlC,MAAO,CACN,eAAgB,KAChB,CAACW,KAAKa,MAAMW,OAAkB,KAC9B,CAACxB,KAAKa,MAAMY,UAAqB,KACjCC,YAAa1B,KAAKa,MAAMc,YAEzBC,KAAM5B,KAAKa,MAAMC,OAAS,QAAUT,WAEpClB,EAAA,OAAAoC,IAAA,2CAAKlC,MAAM,WACVF,EAACS,EAAS,CAAA2B,IAAA,2CAAChC,MAAOS,KAAKa,MAAMgB,OAAQhC,KAAMG,KAAKa,MAAMW,QACtDrC,EAAA,OAAAoC,IAAA,mDACSvB,KAAKa,MAAMgB,SAAW,YAAY3B,EAAAF,KAAKa,MAAMgB,UAAM,MAAA3B,SAAA,SAAAA,EAAEV,QAAS,GACrEL,EAAC2C,EAAe,CAACD,OAAQ7B,KAAKa,MAAMgB,OAAQlB,OAAQX,KAAKa,MAAMF,SAE/DX,KAAKa,MAAMY,WAAa,OACxBtC,EAAA,OAAKE,MAAM,WACVF,EAAA,eAIFa,KAAKa,MAAMc,YACXxC,EAAC4C,EAAc,CACd1C,MAAM,QACN2C,WAAU,KACVtC,OAAQ,CACPuC,KAAM,CACLtC,KAAM,0BAGRkC,OAAQ/B,EAAU,aAClBK,IAAKH,KAAKO,GACV2B,cAAc,UAIhBlC,KAAKa,MAAMY,WAAa,QACxBtC,EAAA,OAAKE,MAAM,WACVF,EAAA,c,CAgDE,aAAAkC,CAAcX,GACpByB,EAAanC,KAAM,SAAUU,E,CAIvB,iBAAA0B,CAAkB1B,GACxB0B,EAAkBpC,KAAMU,E,CAIlB,aAAA2B,CAAc3B,GACpB2B,EAAcrC,KAAMU,E,CAId,aAAA4B,CAAc5B,GACpB6B,EAAkBvC,KAAMU,E,CAOlB,UAAA8B,CAAW9B,GACjB,GAAIV,KAAKS,gBAAgBC,GAAQ,CAChC+B,EACCzC,KACA,MACA,CACCI,QAAUM,EAAqCN,S,EAkB5C,YAAAsC,CAAahC,GACnBiC,EACC3C,KACA,SACCU,UAAiBA,IAAU,WAAaA,IAAU,WAAaA,IAAU,SAAWA,IAAU,QAAUA,IAAU,WAAaA,IAAU,YAC1I,IAAIkC,IAAI,0CACRlC,E,CAKK,eAAAmC,CAAgBnC,GACtBiC,EAAe3C,KAAM,YAAaU,GAAUA,IAAU,QAAUA,IAAU,OAAO,IAAIkC,IAAI,4BAA6BlC,E,CAGhH,iBAAAoC,GACN9C,KAAKqB,cAAcrB,KAAKc,QACxBd,KAAKoC,kBAAkBpC,KAAK2B,YAC5B3B,KAAKqC,cAAcrC,KAAK6B,QACxB7B,KAAKsC,cAActC,KAAKW,QACxBX,KAAKwC,WAAWxC,KAAKG,KACrBH,KAAK0C,aAAa1C,KAAKwB,OACvBxB,KAAK6C,gBAAgB7C,KAAKyB,S"}

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-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};
+import{r as e,h as i,H as t}from"./index-a051748e.js";import{e as n}from"./component-names-fed305c7.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}",s=a,o=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:"cf53b5e010a60b8ef0017671a7da5b63bf54589b",class:"kol-alert"},i(n,{key:"338689038aa0f85f8b86488d742570e966b91a8c",_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:"0c977d0f01a1918dc20207b35714f6cef6034554"})))}};o.style={default:s};export{o as kol_alert};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolAlertDefaultStyle0","KolAlert","_level","render","h","Host","key","class","_alert","this","_hasCloser","_label","_heading","_on","_type","_variant"],"sources":["src/components/alert/style.scss?tag=kol-alert&mode=default&encapsulation=shadow","src/components/alert/shadow.tsx"],"sourcesContent":["@import '../style';\n@import '../host-display-block';\n\n.kol-alert-wc {\n\tdisplay: grid;\n}\n\n.kol-alert-wc .heading {\n\tdisplay: flex;\n\tplace-items: center;\n}\n\n.kol-alert-wc .heading > div {\n\tflex-grow: 1;\n}\n","import { Component, h, Host, JSX, Prop, State } from '@stencil/core';\n\nimport { HeadingLevel } from '../../types/heading-level';\nimport { LabelPropType } from '../../types/props/label';\nimport { AlertType, AlertVariant, KoliBriAlertEventCallbacks, Props, States } from './types';\n\n/**\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-alert',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAlert implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-alert\">\n\t\t\t\t<kol-alert-wc\n\t\t\t\t\t_alert={this._alert}\n\t\t\t\t\t_hasCloser={this._hasCloser}\n\t\t\t\t\t_label={this._label || this._heading}\n\t\t\t\t\t_level={this._level}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</kol-alert-wc>\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 * Deprecated: Gibt die Beschriftung der Komponente an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _heading?: 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?: 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"],"mappings":";;;sDAAA,MAAMA,EAAkB,4/BACxB,MAAAC,EAAeD,E,MCeFE,EAAQ,M,qCAsBc,M,gBAMI,M,0DAgBC,E,8BAUJ,U,cAKM,M,WAET,CAC/BC,OAAQ,E,CA7DF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,aACXH,EAAA,gBAAAE,IAAA,2CACCE,OAAQC,KAAKD,OACbE,WAAYD,KAAKC,WACjBC,OAAQF,KAAKE,QAAUF,KAAKG,SAC5BV,OAAQO,KAAKP,OACbW,IAAKJ,KAAKI,IACVC,MAAOL,KAAKK,MACZC,SAAUN,KAAKM,UAEfX,EAAA,QAAAE,IAAA,8C"}
+{"version":3,"names":["defaultStyleCss","KolAlertDefaultStyle0","KolAlert","_level","render","h","Host","key","class","KolAlertWcTag","_alert","this","_hasCloser","_label","_heading","_on","_type","_variant"],"sources":["src/components/alert/style.scss?tag=kol-alert&mode=default&encapsulation=shadow","src/components/alert/shadow.tsx"],"sourcesContent":["@import '../style';\n@import '../host-display-block';\n\n.kol-alert-wc {\n\tdisplay: grid;\n}\n\n.kol-alert-wc .heading {\n\tdisplay: flex;\n\tplace-items: center;\n}\n\n.kol-alert-wc .heading > div {\n\tflex-grow: 1;\n}\n","import { Component, h, Host, JSX, Prop, State } from '@stencil/core';\n\nimport { HeadingLevel } from '../../types/heading-level';\nimport { LabelPropType } from '../../types/props/label';\nimport { AlertType, AlertVariant, KoliBriAlertEventCallbacks, Props, States } from './types';\nimport { KolAlertWcTag } from '../../core/component-names';\n\n/**\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-alert',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAlert implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-alert\">\n\t\t\t\t<KolAlertWcTag\n\t\t\t\t\t_alert={this._alert}\n\t\t\t\t\t_hasCloser={this._hasCloser}\n\t\t\t\t\t_label={this._label || this._heading}\n\t\t\t\t\t_level={this._level}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_variant={this._variant}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</KolAlertWcTag>\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 * Deprecated: Gibt die Beschriftung der Komponente an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _heading?: 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?: 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"],"mappings":";;;wGAAA,MAAMA,EAAkB,4/BACxB,MAAAC,EAAeD,E,MCgBFE,EAAQ,M,qCAsBc,M,gBAMI,M,0DAgBC,E,8BAUJ,U,cAKM,M,WAET,CAC/BC,OAAQ,E,CA7DF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,aACXH,EAACI,EAAa,CAAAF,IAAA,2CACbG,OAAQC,KAAKD,OACbE,WAAYD,KAAKC,WACjBC,OAAQF,KAAKE,QAAUF,KAAKG,SAC5BX,OAAQQ,KAAKR,OACbY,IAAKJ,KAAKI,IACVC,MAAOL,KAAKK,MACZC,SAAUN,KAAKM,UAEfZ,EAAA,QAAAE,IAAA,8C"}

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-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};
+import{r as a,h as t,H as s}from"./index-a051748e.js";import{t as e}from"./i18n-ad947f60.js";import{v as i}from"./image-source-e1470645.js";import{v as r}from"./label-ce16ea0f.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./prop.validators-d99c5d68.js";import"./index-117bd1aa.js";import"./a11y.tipps-5500b43f.js";import"./dev.utils-cdb6e8d3.js";const o=a=>0===a.length?"":a[0].toUpperCase(),c=a=>{const t=a.split(/\s+/),s=t.at(0),e=t.at(-1);return t.length>=2&&s&&e?`${o(s)}${o(e)}`:o(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":e("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"},c(this.state._label.trim()))))}validateSrc(a){i(this,a)}validateLabel(a){r(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};

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-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};
+import{r as i,h as e,H as t}from"./index-a051748e.js";import{f as n}from"./component-names-fed305c7.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: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=o,r=class{constructor(e){i(this,e),this._src=void 0,this._label=void 0}render(){return e(t,{key:"93dbc7d5bfa8c10984fb0ebf29cca0b7fddf5c25",class:"kol-avatar"},e(n,{key:"01d73b3512e442809fb65fd0f35b3b24f4da758e",_src:this._src,_label:this._label}))}};r.style={default:a};export{r 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 '../@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"}
+{"version":3,"names":["defaultStyleCss","KolAvatarDefaultStyle0","KolAvatar","render","h","Host","key","class","KolAvatarWcTag","_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';\nimport { KolAvatarWcTag } from '../../core/component-names';\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<KolAvatarWcTag _src={this._src} _label={this._label}></KolAvatarWcTag>\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":";;;wGAAA,MAAMA,EAAkB,4oCACxB,MAAAC,EAAeD,E,MCWFE,EAAS,M,mEACd,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,cACXH,EAACI,EAAc,CAAAF,IAAA,2CAACG,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-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};
+import{r as t,h as i,H as o}from"./index-a051748e.js";import{h as e,v as s}from"./color-58e00a36.js";import{f as a}from"./a11y.tipps-5500b43f.js";import{n}from"./dev.utils-cdb6e8d3.js";import{o as r,p as d,s as l}from"./prop.validators-d99c5d68.js";import{d as h,g as c}from"./component-names-fed305c7.js";import"./reuse-d79ab469.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>span{display:inline-flex;place-items:center}:host>span>.kol-button-wc button{color:inherit}",u=p;a("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const f=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(h,{_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:"66f7af7a7c0b6dd9ad3fa5f9749beac9803a88cc",class:"kol-badge"},i("span",{key:"96ed66661294cb486970adbf4b1660a4af988686",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},i(c,{key:"9cef3a07368cd843c4917d4b9deada0af1ef1a62",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"]}}};f.style={default:u};export{f as kol_badge};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolBadgeDefaultStyle0","featureHint","KolBadge","this","bgColorStr","colorStr","id","nonce","handleColorChange","value","colorPair","backgroundColor","foregroundColor","_color","renderSmartButton","props","h","_ariaControls","_customClass","_disabled","_hideLabel","_icons","_icon","_id","_label","_on","_tooltipAlign","_variant","render","hasSmartButton","state","_smartButton","Host","key","class","style","color","undefined","_allowMarkdown","_iconOnly","validateColor","defaultValue","hooks","beforePatch","validateSmartButton","objectObjectHandler","parseJson","e","setState","componentWillLoad"],"sources":["src/components/badge/style.scss?tag=kol-badge&mode=default&encapsulation=shadow","src/components/badge/component.tsx"],"sourcesContent":["@import '../style';\n\n:host > span {\n\tdisplay: inline-flex;\n\tplace-items: center;\n}\n\n:host > span > .kol-button-wc button {\n\tcolor: inherit;\n}\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconsProp } from '../../types/icons';\nimport { handleColorChange, PropColor, validateColor } from '../../types/props/color';\nimport { LabelPropType } from '../../types/props/label';\nimport { featureHint } from '../../utils/a11y.tipps';\nimport { nonce } from '../../utils/dev.utils';\nimport { objectObjectHandler, parseJson, setState } from '../../utils/prop.validators';\nimport { ButtonProps } from '../button/types';\nimport { API, States } from './types';\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\n\n@Component({\n\ttag: 'kol-badge',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolBadge implements API {\n\tprivate bgColorStr = '#000';\n\tprivate colorStr = '#fff';\n\tprivate readonly id = nonce();\n\n\tprivate renderSmartButton(props: ButtonProps): JSX.Element {\n\t\treturn (\n\t\t\t<kol-button-wc\n\t\t\t\t_ariaControls={this.id}\n\t\t\t\t_customClass={props._customClass}\n\t\t\t\t_disabled={props._disabled}\n\t\t\t\t_hideLabel={true}\n\t\t\t\t_icons={props._icons || props._icon}\n\t\t\t\t_id={props._id}\n\t\t\t\t_label={props._label}\n\t\t\t\t_on={props._on}\n\t\t\t\t_tooltipAlign={props._tooltipAlign}\n\t\t\t\t_variant={props._variant}\n\t\t\t></kol-button-wc>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n\t\treturn (\n\t\t\t<Host class=\"kol-badge\">\n\t\t\t\t<span\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t'smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n\t\t\t\t\t}}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: this.bgColorStr,\n\t\t\t\t\t\tcolor: this.colorStr,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<kol-span-wc\n\t\t\t\t\t\tid={hasSmartButton ? this.id : undefined}\n\t\t\t\t\t\t_allowMarkdown\n\t\t\t\t\t\t_hideLabel={this._hideLabel || this._iconOnly}\n\t\t\t\t\t\t_icons={this._icons || this._icon}\n\t\t\t\t\t\t_label={this._label}\n\t\t\t\t\t></kol-span-wc>\n\t\t\t\t\t{hasSmartButton && this.renderSmartButton(this.state._smartButton as ButtonProps)}\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the backgroundColor and foregroundColor.\n\t */\n\t@Prop() public _color?: Stringified<PropColor> = '#000';\n\n\t/**\n\t * Deprecated:\n\t * ⚠️ We do not support the `_hide-label` property for the `kol-badge` element,\n\t *   since it would not be accessible without visible labeling. A separate tooltip\n\t *   is not planed, because a badge is not an interactive element.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t * @deprecated Will be removed in the next major version.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconsProp>;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\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 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 * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t@State() public state: States = {\n\t\t_color: {\n\t\t\tbackgroundColor: '#000',\n\t\t\tforegroundColor: '#fff',\n\t\t},\n\t};\n\n\tprivate handleColorChange = (value: unknown) => {\n\t\tconst colorPair = handleColorChange(value);\n\t\tthis.bgColorStr = colorPair.backgroundColor;\n\t\tthis.colorStr = colorPair.foregroundColor as string;\n\t};\n\n\t@Watch('_color')\n\tpublic validateColor(value?: Stringified<PropColor>): void {\n\t\tvalidateColor(this, value, {\n\t\t\tdefaultValue: '#000',\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.handleColorChange,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateColor(this._color);\n\t\tthis.validateSmartButton(this._smartButton);\n\t}\n}\n"],"mappings":";;;iTAAA,MAAMA,EAAkB,g9BACxB,MAAAC,EAAeD,ECWfE,EAAY,uE,MASCC,EAAQ,M,yBACZC,KAAAC,WAAa,OACbD,KAAAE,SAAW,OACFF,KAAAG,GAAKC,IA8FdJ,KAAAK,kBAAqBC,IAC5B,MAAMC,EAAYF,EAAkBC,GACpCN,KAAKC,WAAaM,EAAUC,gBAC5BR,KAAKE,SAAWK,EAAUE,eAAyB,E,YAjDH,O,gBAUX,M,iIA6BN,CAC/BC,OAAQ,CACPF,gBAAiB,OACjBC,gBAAiB,Q,CAxFX,iBAAAE,CAAkBC,GACzB,OACCC,EAAA,iBACCC,cAAed,KAAKG,GACpBY,aAAcH,EAAMG,aACpBC,UAAWJ,EAAMI,UACjBC,WAAY,KACZC,OAAQN,EAAMM,QAAUN,EAAMO,MAC9BC,IAAKR,EAAMQ,IACXC,OAAQT,EAAMS,OACdC,IAAKV,EAAMU,IACXC,cAAeX,EAAMW,cACrBC,SAAUZ,EAAMY,U,CAKZ,MAAAC,GACN,MAAMC,SAAwB1B,KAAK2B,MAAMC,eAAiB,UAAY5B,KAAK2B,MAAMC,eAAiB,KAClG,OACCf,EAACgB,EAAI,CAAAC,IAAA,2CAACC,MAAM,aACXlB,EAAA,QAAAiB,IAAA,2CACCC,MAAO,CACN,sBAAuB/B,KAAK2B,MAAMC,eAAiB,UAAY5B,KAAK2B,MAAMC,eAAiB,MAE5FI,MAAO,CACNxB,gBAAiBR,KAAKC,WACtBgC,MAAOjC,KAAKE,WAGbW,EAAA,eAAAiB,IAAA,2CACC3B,GAAIuB,EAAiB1B,KAAKG,GAAK+B,UAC/BC,eAAc,KACdlB,WAAYjB,KAAKiB,YAAcjB,KAAKoC,UACpClB,OAAQlB,KAAKkB,QAAUlB,KAAKmB,MAC5BE,OAAQrB,KAAKqB,SAEbK,GAAkB1B,KAAKW,kBAAkBX,KAAK2B,MAAMC,e,CA8DlD,aAAAS,CAAc/B,GACpB+B,EAAcrC,KAAMM,EAAO,CAC1BgC,aAAc,OACdC,MAAO,CACNC,YAAaxC,KAAKK,oB,CAMd,mBAAAoC,CAAoBnC,GAC1BoC,EAAoBpC,GAAO,KAC1B,IACCA,EAAQqC,EAAuBrC,E,CAE9B,MAAOsC,G,CAGTC,EAAS7C,KAAM,eAAgBM,EAAM,G,CAIhC,iBAAAwC,GACN9C,KAAKqC,cAAcrC,KAAKU,QACxBV,KAAKyC,oBAAoBzC,KAAK4B,a"}
+{"version":3,"names":["defaultStyleCss","KolBadgeDefaultStyle0","featureHint","KolBadge","this","bgColorStr","colorStr","id","nonce","handleColorChange","value","colorPair","backgroundColor","foregroundColor","_color","renderSmartButton","props","h","KolButtonWcTag","_ariaControls","_customClass","_disabled","_hideLabel","_icons","_icon","_id","_label","_on","_tooltipAlign","_variant","render","hasSmartButton","state","_smartButton","Host","key","class","style","color","KolSpanWcTag","undefined","_allowMarkdown","_iconOnly","validateColor","defaultValue","hooks","beforePatch","validateSmartButton","objectObjectHandler","parseJson","e","setState","componentWillLoad"],"sources":["src/components/badge/style.scss?tag=kol-badge&mode=default&encapsulation=shadow","src/components/badge/component.tsx"],"sourcesContent":["@import '../style';\n\n:host > span {\n\tdisplay: inline-flex;\n\tplace-items: center;\n}\n\n:host > span > .kol-button-wc button {\n\tcolor: inherit;\n}\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { KoliBriIconsProp } from '../../types/icons';\nimport { handleColorChange, PropColor, validateColor } from '../../types/props/color';\nimport { LabelPropType } from '../../types/props/label';\nimport { featureHint } from '../../utils/a11y.tipps';\nimport { nonce } from '../../utils/dev.utils';\nimport { objectObjectHandler, parseJson, setState } from '../../utils/prop.validators';\nimport { ButtonProps } from '../button/types';\nimport { API, States } from './types';\nimport { KolButtonWcTag, KolSpanWcTag } from '../../core/component-names';\n\nfeatureHint(`[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).`);\n\n@Component({\n\ttag: 'kol-badge',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolBadge implements API {\n\tprivate bgColorStr = '#000';\n\tprivate colorStr = '#fff';\n\tprivate readonly id = nonce();\n\n\tprivate renderSmartButton(props: ButtonProps): JSX.Element {\n\t\treturn (\n\t\t\t<KolButtonWcTag\n\t\t\t\t_ariaControls={this.id}\n\t\t\t\t_customClass={props._customClass}\n\t\t\t\t_disabled={props._disabled}\n\t\t\t\t_hideLabel={true}\n\t\t\t\t_icons={props._icons || props._icon}\n\t\t\t\t_id={props._id}\n\t\t\t\t_label={props._label}\n\t\t\t\t_on={props._on}\n\t\t\t\t_tooltipAlign={props._tooltipAlign}\n\t\t\t\t_variant={props._variant}\n\t\t\t></KolButtonWcTag>\n\t\t);\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;\n\t\treturn (\n\t\t\t<Host class=\"kol-badge\">\n\t\t\t\t<span\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t'smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,\n\t\t\t\t\t}}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackgroundColor: this.bgColorStr,\n\t\t\t\t\t\tcolor: this.colorStr,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<KolSpanWcTag\n\t\t\t\t\t\tid={hasSmartButton ? this.id : undefined}\n\t\t\t\t\t\t_allowMarkdown\n\t\t\t\t\t\t_hideLabel={this._hideLabel || this._iconOnly}\n\t\t\t\t\t\t_icons={this._icons || this._icon}\n\t\t\t\t\t\t_label={this._label}\n\t\t\t\t\t></KolSpanWcTag>\n\t\t\t\t\t{hasSmartButton && this.renderSmartButton(this.state._smartButton as ButtonProps)}\n\t\t\t\t</span>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the backgroundColor and foregroundColor.\n\t */\n\t@Prop() public _color?: Stringified<PropColor> = '#000';\n\n\t/**\n\t * Deprecated:\n\t * ⚠️ We do not support the `_hide-label` property for the `kol-badge` element,\n\t *   since it would not be accessible without visible labeling. A separate tooltip\n\t *   is not planed, because a badge is not an interactive element.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t * @deprecated Will be removed in the next major version.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: Stringified<KoliBriIconsProp>;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: Stringified<KoliBriIconsProp>;\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 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 * Allows to add a button with an arbitrary action within the element (_hide-label only).\n\t */\n\t@Prop() public _smartButton?: Stringified<ButtonProps>;\n\n\t@State() public state: States = {\n\t\t_color: {\n\t\t\tbackgroundColor: '#000',\n\t\t\tforegroundColor: '#fff',\n\t\t},\n\t};\n\n\tprivate handleColorChange = (value: unknown) => {\n\t\tconst colorPair = handleColorChange(value);\n\t\tthis.bgColorStr = colorPair.backgroundColor;\n\t\tthis.colorStr = colorPair.foregroundColor as string;\n\t};\n\n\t@Watch('_color')\n\tpublic validateColor(value?: Stringified<PropColor>): void {\n\t\tvalidateColor(this, value, {\n\t\t\tdefaultValue: '#000',\n\t\t\thooks: {\n\t\t\t\tbeforePatch: this.handleColorChange,\n\t\t\t},\n\t\t});\n\t}\n\n\t@Watch('_smartButton')\n\tpublic validateSmartButton(value?: ButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<ButtonProps>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateColor(this._color);\n\t\tthis.validateSmartButton(this._smartButton);\n\t}\n}\n"],"mappings":";;;0WAAA,MAAMA,EAAkB,g9BACxB,MAAAC,EAAeD,ECYfE,EAAY,uE,MASCC,EAAQ,M,yBACZC,KAAAC,WAAa,OACbD,KAAAE,SAAW,OACFF,KAAAG,GAAKC,IA8FdJ,KAAAK,kBAAqBC,IAC5B,MAAMC,EAAYF,EAAkBC,GACpCN,KAAKC,WAAaM,EAAUC,gBAC5BR,KAAKE,SAAWK,EAAUE,eAAyB,E,YAjDH,O,gBAUX,M,iIA6BN,CAC/BC,OAAQ,CACPF,gBAAiB,OACjBC,gBAAiB,Q,CAxFX,iBAAAE,CAAkBC,GACzB,OACCC,EAACC,EAAc,CACdC,cAAef,KAAKG,GACpBa,aAAcJ,EAAMI,aACpBC,UAAWL,EAAMK,UACjBC,WAAY,KACZC,OAAQP,EAAMO,QAAUP,EAAMQ,MAC9BC,IAAKT,EAAMS,IACXC,OAAQV,EAAMU,OACdC,IAAKX,EAAMW,IACXC,cAAeZ,EAAMY,cACrBC,SAAUb,EAAMa,U,CAKZ,MAAAC,GACN,MAAMC,SAAwB3B,KAAK4B,MAAMC,eAAiB,UAAY7B,KAAK4B,MAAMC,eAAiB,KAClG,OACChB,EAACiB,EAAI,CAAAC,IAAA,2CAACC,MAAM,aACXnB,EAAA,QAAAkB,IAAA,2CACCC,MAAO,CACN,sBAAuBhC,KAAK4B,MAAMC,eAAiB,UAAY7B,KAAK4B,MAAMC,eAAiB,MAE5FI,MAAO,CACNzB,gBAAiBR,KAAKC,WACtBiC,MAAOlC,KAAKE,WAGbW,EAACsB,EAAY,CAAAJ,IAAA,2CACZ5B,GAAIwB,EAAiB3B,KAAKG,GAAKiC,UAC/BC,eAAc,KACdnB,WAAYlB,KAAKkB,YAAclB,KAAKsC,UACpCnB,OAAQnB,KAAKmB,QAAUnB,KAAKoB,MAC5BE,OAAQtB,KAAKsB,SAEbK,GAAkB3B,KAAKW,kBAAkBX,KAAK4B,MAAMC,e,CA8DlD,aAAAU,CAAcjC,GACpBiC,EAAcvC,KAAMM,EAAO,CAC1BkC,aAAc,OACdC,MAAO,CACNC,YAAa1C,KAAKK,oB,CAMd,mBAAAsC,CAAoBrC,GAC1BsC,EAAoBtC,GAAO,KAC1B,IACCA,EAAQuC,EAAuBvC,E,CAE9B,MAAOwC,G,CAGTC,EAAS/C,KAAM,eAAgBM,EAAM,G,CAIhC,iBAAA0C,GACNhD,KAAKuC,cAAcvC,KAAKU,QACxBV,KAAK2C,oBAAoB3C,KAAK6B,a"}

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-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};
+import{r as i,h as e,F as a,H as t}from"./index-a051748e.js";import{v as n}from"./label-ce16ea0f.js";import{b as o}from"./a11y.tipps-5500b43f.js";import{r as s,a as l}from"./unique-nav-labels-62d9802d.js";import{w as r}from"./validation-9bcdefb0.js";import{h as d,i as c}from"./component-names-fed305c7.js";import"./prop.validators-d99c5d68.js";import"./index-117bd1aa.js";import"./dev.utils-cdb6e8d3.js";import"./reuse-d79ab469.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}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"}',h=p,b=class{constructor(t){i(this,t),this.renderLink=(i,t)=>{const n=this.state._links.length-1,l=i._iconOnly||i._hideLabel;return e("li",{key:t},0!==t&&e(d,{_label:"",_icons:"codicon codicon-chevron-right"}),t===n?e("span",null,l?e(d,{_label:i._label,_icons:"string"==typeof i._icon?i._icon:"codicon codicon-symbol-event"}):e(a,null,i._label)):e(c,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:"8880ba6864727f37ca98f155989fc192487cf720",class:"kol-breadcrumb"},e("nav",{key:"a5d2f04178c244986afd5f877ce0459a24b118bf","aria-label":null!==(a=this.state._label)&&void 0!==a?a:""},e("ul",{key:"548cafad0f76d3ba708bf8388596f45129530247"},0===this.state._links.length&&e("li",null,e(d,{_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"]}}};b.style={default:h};export{b as kol_breadcrumb};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolBreadcrumbDefaultStyle0","KolBreadcrumb","this","renderLink","link","index","lastIndex","state","_links","length","hideLabel","_iconOnly","_hideLabel","h","key","_label","_icons","_icon","Fragment","Object","assign","render","Host","class","_a","map","validateAriaLabel","value","validateLabel","_oldValue","initial","removeNavLabel","defaultValue","a11yHintLabelingLandmarks","addNavLabel","validateLinks","watchNavLinks","componentWillLoad","_ariaLabel","undefined","disconnectedCallback"],"sources":["src/components/breadcrumb/style.scss?tag=kol-breadcrumb&mode=default&encapsulation=shadow","src/components/breadcrumb/component.tsx"],"sourcesContent":["@import '../style';\n\nli,\nul {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tdisplay: flex;\n\tgap: 0.5em;\n\tflex-wrap: wrap;\n\tplace-items: center;\n}\n\n.kol-icon::part(separator) {\n\tfont-weight: 900;\n\tfont-size: 0.7em;\n}\n\n.kol-icon::part(separator):before {\n\tcontent: '\\f054';\n\tfont-family: 'Font Awesome 6 Free';\n}\n","import { Component, Fragment, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { a11yHintLabelingLandmarks } from '../../utils/a11y.tipps';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { LinkProps } from '../link/types';\nimport { watchNavLinks } from '../nav/validation';\nimport { API, BreadcrumbLinkProps, States } from './types';\n\n@Component({\n\ttag: 'kol-breadcrumb',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolBreadcrumb implements API {\n\tprivate readonly renderLink = (link: BreadcrumbLinkProps, index: number): JSX.Element => {\n\t\tconst lastIndex = this.state._links.length - 1;\n\t\tconst hideLabel = link._iconOnly || link._hideLabel;\n\t\treturn (\n\t\t\t<li key={index}>\n\t\t\t\t{index !== 0 && <kol-icon _label=\"\" _icons=\"codicon codicon-chevron-right\" />}\n\t\t\t\t{index === lastIndex ? (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t{hideLabel ? (\n\t\t\t\t\t\t\t<kol-icon _label={link._label} _icons={typeof link._icon === 'string' ? link._icon : 'codicon codicon-symbol-event'} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>{link._label}</Fragment>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\t<kol-link {...link}></kol-link>\n\t\t\t\t)}\n\t\t\t</li>\n\t\t);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-breadcrumb\">\n\t\t\t\t<nav aria-label={this.state._label ?? ''}>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t{this.state._links.length === 0 && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<kol-icon _label=\"\" _icons=\"codicon codicon-home\" />…\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._links.map(this.renderLink)}\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\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 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; // TODO: required in v2\n\n\t/**\n\t * Defines the list of links combined with their labels to render.\n\t */\n\t@Prop() public _links!: Stringified<BreadcrumbLinkProps[]>;\n\n\t@State() public state: States = {\n\t\t_label: '…',\n\t\t_links: [],\n\t};\n\n\t/**\n\t * @deprecated\n\t */\n\t@Watch('_ariaLabel')\n\tpublic validateAriaLabel(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\tdefaultValue: '…',\n\t\t});\n\t\ta11yHintLabelingLandmarks(value);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<LinkProps[]>): void {\n\t\twatchNavLinks('KolBreadcrumb', this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label || this._ariaLabel, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"mappings":";;;wXAAA,MAAMA,EAAkB,imCACxB,MAAAC,EAAeD,E,MCgBFE,EAAa,M,yBACRC,KAAAC,WAAa,CAACC,EAA2BC,KACzD,MAAMC,EAAYJ,KAAKK,MAAMC,OAAOC,OAAS,EAC7C,MAAMC,EAAYN,EAAKO,WAAaP,EAAKQ,WACzC,OACCC,EAAA,MAAIC,IAAKT,GACPA,IAAU,GAAKQ,EAAA,YAAUE,OAAO,GAAGC,OAAO,kCAC1CX,IAAUC,EACVO,EAAA,YACEH,EACAG,EAAA,YAAUE,OAAQX,EAAKW,OAAQC,cAAeZ,EAAKa,QAAU,SAAWb,EAAKa,MAAQ,iCAErFJ,EAACK,EAAQ,KAAEd,EAAKW,SAIlBF,EAAA,WAAAM,OAAAC,OAAA,GAAchB,IAEX,E,iFAsCyB,CAC/BW,OAAQ,IACRP,OAAQ,G,CApCF,MAAAa,G,MACN,OACCR,EAACS,EAAI,CAAAR,IAAA,2CAACS,MAAM,kBACXV,EAAA,OAAAC,IAAA,yDAAiBU,EAAAtB,KAAKK,MAAMQ,UAAM,MAAAS,SAAA,EAAAA,EAAI,IACrCX,EAAA,MAAAC,IAAA,4CACEZ,KAAKK,MAAMC,OAAOC,SAAW,GAC7BI,EAAA,UACCA,EAAA,YAAUE,OAAO,GAAGC,OAAO,yBAAyB,KAGrDd,KAAKK,MAAMC,OAAOiB,IAAIvB,KAAKC,c,CAiC1B,iBAAAuB,CAAkBC,GACxBzB,KAAK0B,cAAcD,E,CAIb,aAAAC,CAAcD,EAAuBE,EAA2BC,EAAU,OAChF,IAAKA,EAAS,CACbC,EAAe7B,KAAKK,MAAMQ,O,CAE3Ba,EAAc1B,KAAMyB,EAAO,CAC1BK,aAAc,MAEfC,EAA0BN,GAC1BO,EAAYhC,KAAKK,MAAMQ,O,CAIjB,aAAAoB,CAAcR,GACpBS,EAAc,gBAAiBlC,KAAMyB,E,CAG/B,iBAAAU,GACNnC,KAAK0B,cAAc1B,KAAKa,QAAUb,KAAKoC,WAAYC,UAAW,MAC9DrC,KAAKiC,cAAcjC,KAAKM,O,CAGlB,oBAAAgC,GACNT,EAAe7B,KAAKK,MAAMQ,O"}
+{"version":3,"names":["defaultStyleCss","KolBreadcrumbDefaultStyle0","KolBreadcrumb","this","renderLink","link","index","lastIndex","state","_links","length","hideLabel","_iconOnly","_hideLabel","h","key","KolIconTag","_label","_icons","_icon","Fragment","KolLinkTag","Object","assign","render","Host","class","_a","map","validateAriaLabel","value","validateLabel","_oldValue","initial","removeNavLabel","defaultValue","a11yHintLabelingLandmarks","addNavLabel","validateLinks","watchNavLinks","componentWillLoad","_ariaLabel","undefined","disconnectedCallback"],"sources":["src/components/breadcrumb/style.scss?tag=kol-breadcrumb&mode=default&encapsulation=shadow","src/components/breadcrumb/component.tsx"],"sourcesContent":["@import '../style';\n\nli,\nul {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tdisplay: flex;\n\tgap: 0.5em;\n\tflex-wrap: wrap;\n\tplace-items: center;\n}\n\n.kol-icon::part(separator) {\n\tfont-weight: 900;\n\tfont-size: 0.7em;\n}\n\n.kol-icon::part(separator):before {\n\tcontent: '\\f054';\n\tfont-family: 'Font Awesome 6 Free';\n}\n","import { Component, Fragment, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { a11yHintLabelingLandmarks } from '../../utils/a11y.tipps';\nimport { addNavLabel, removeNavLabel } from '../../utils/unique-nav-labels';\nimport { LinkProps } from '../link/types';\nimport { watchNavLinks } from '../nav/validation';\nimport { API, BreadcrumbLinkProps, States } from './types';\nimport { KolIconTag, KolLinkTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-breadcrumb',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolBreadcrumb implements API {\n\tprivate readonly renderLink = (link: BreadcrumbLinkProps, index: number): JSX.Element => {\n\t\tconst lastIndex = this.state._links.length - 1;\n\t\tconst hideLabel = link._iconOnly || link._hideLabel;\n\t\treturn (\n\t\t\t<li key={index}>\n\t\t\t\t{index !== 0 && <KolIconTag _label=\"\" _icons=\"codicon codicon-chevron-right\" />}\n\t\t\t\t{index === lastIndex ? (\n\t\t\t\t\t<span>\n\t\t\t\t\t\t{hideLabel ? (\n\t\t\t\t\t\t\t<KolIconTag _label={link._label} _icons={typeof link._icon === 'string' ? link._icon : 'codicon codicon-symbol-event'} />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Fragment>{link._label}</Fragment>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\t<KolLinkTag {...link}></KolLinkTag>\n\t\t\t\t)}\n\t\t\t</li>\n\t\t);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-breadcrumb\">\n\t\t\t\t<nav aria-label={this.state._label ?? ''}>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t{this.state._links.length === 0 && (\n\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t<KolIconTag _label=\"\" _icons=\"codicon codicon-home\" />…\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.state._links.map(this.renderLink)}\n\t\t\t\t\t</ul>\n\t\t\t\t</nav>\n\t\t\t</Host>\n\t\t);\n\t}\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 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; // TODO: required in v2\n\n\t/**\n\t * Defines the list of links combined with their labels to render.\n\t */\n\t@Prop() public _links!: Stringified<BreadcrumbLinkProps[]>;\n\n\t@State() public state: States = {\n\t\t_label: '…',\n\t\t_links: [],\n\t};\n\n\t/**\n\t * @deprecated\n\t */\n\t@Watch('_ariaLabel')\n\tpublic validateAriaLabel(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial = false): void {\n\t\tif (!initial) {\n\t\t\tremoveNavLabel(this.state._label); // remove the current\n\t\t}\n\t\tvalidateLabel(this, value, {\n\t\t\tdefaultValue: '…',\n\t\t});\n\t\ta11yHintLabelingLandmarks(value);\n\t\taddNavLabel(this.state._label); // add the state instead of prop, because the prop could be invalid and not set as new label\n\t}\n\n\t@Watch('_links')\n\tpublic validateLinks(value?: Stringified<LinkProps[]>): void {\n\t\twatchNavLinks('KolBreadcrumb', this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label || this._ariaLabel, undefined, true);\n\t\tthis.validateLinks(this._links);\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tremoveNavLabel(this.state._label);\n\t}\n}\n"],"mappings":";;;ibAAA,MAAMA,EAAkB,imCACxB,MAAAC,EAAeD,E,MCiBFE,EAAa,M,yBACRC,KAAAC,WAAa,CAACC,EAA2BC,KACzD,MAAMC,EAAYJ,KAAKK,MAAMC,OAAOC,OAAS,EAC7C,MAAMC,EAAYN,EAAKO,WAAaP,EAAKQ,WACzC,OACCC,EAAA,MAAIC,IAAKT,GACPA,IAAU,GAAKQ,EAACE,EAAU,CAACC,OAAO,GAAGC,OAAO,kCAC5CZ,IAAUC,EACVO,EAAA,YACEH,EACAG,EAACE,EAAU,CAACC,OAAQZ,EAAKY,OAAQC,cAAeb,EAAKc,QAAU,SAAWd,EAAKc,MAAQ,iCAEvFL,EAACM,EAAQ,KAAEf,EAAKY,SAIlBH,EAACO,EAAUC,OAAAC,OAAA,GAAKlB,IAEb,E,iFAsCyB,CAC/BY,OAAQ,IACRR,OAAQ,G,CApCF,MAAAe,G,MACN,OACCV,EAACW,EAAI,CAAAV,IAAA,2CAACW,MAAM,kBACXZ,EAAA,OAAAC,IAAA,yDAAiBY,EAAAxB,KAAKK,MAAMS,UAAM,MAAAU,SAAA,EAAAA,EAAI,IACrCb,EAAA,MAAAC,IAAA,4CACEZ,KAAKK,MAAMC,OAAOC,SAAW,GAC7BI,EAAA,UACCA,EAACE,EAAU,CAACC,OAAO,GAAGC,OAAO,yBAAyB,KAGvDf,KAAKK,MAAMC,OAAOmB,IAAIzB,KAAKC,c,CAiC1B,iBAAAyB,CAAkBC,GACxB3B,KAAK4B,cAAcD,E,CAIb,aAAAC,CAAcD,EAAuBE,EAA2BC,EAAU,OAChF,IAAKA,EAAS,CACbC,EAAe/B,KAAKK,MAAMS,O,CAE3Bc,EAAc5B,KAAM2B,EAAO,CAC1BK,aAAc,MAEfC,EAA0BN,GAC1BO,EAAYlC,KAAKK,MAAMS,O,CAIjB,aAAAqB,CAAcR,GACpBS,EAAc,gBAAiBpC,KAAM2B,E,CAG/B,iBAAAU,GACNrC,KAAK4B,cAAc5B,KAAKc,QAAUd,KAAKsC,WAAYC,UAAW,MAC9DvC,KAAKmC,cAAcnC,KAAKM,O,CAGlB,oBAAAkC,GACNT,EAAe/B,KAAKK,MAAMS,O"}

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-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};
+import{r as e,h as o,H as s}from"./index-a051748e.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-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};
+import{r as n,h as o,H as t}from"./index-a051748e.js";import{j as e}from"./component-names-fed305c7.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}",a=i,r=class{constructor(o){n(this,o)}render(){return o(t,{key:"3a66c19eb6512dbcc014b367a2dbda10f88b7dd6",class:"kol-button-group"},o(e,{key:"002c90e0d0b16b44d60d9566839c67d40987a697"},o("slot",{key:"f99161fceb50393a7564761be5a9530850c467bf"})))}};r.style={default:a};export{r as kol_button_group};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolButtonGroupDefaultStyle0","KolButtonGroup","render","h","Host","key","class"],"sources":["src/components/button-group/style.scss?tag=kol-button-group&mode=default&encapsulation=shadow","src/components/button-group/shadow.tsx"],"sourcesContent":["@import '../style';\n\n:host > .kol-button-group-wc {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n","import { Component, h, Host, JSX } from '@stencil/core';\n\nimport { Props } from './types';\n\n@Component({\n\ttag: 'kol-button-group',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolButtonGroup implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-button-group\">\n\t\t\t\t<kol-button-group-wc>\n\t\t\t\t\t<slot />\n\t\t\t\t</kol-button-group-wc>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":";;;sDAAA,MAAMA,EAAkB,s6BACxB,MAAAC,EAAeD,E,MCUFE,EAAc,M,yBACnB,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,oBACXH,EAAA,uBAAAE,IAAA,4CACCF,EAAA,QAAAE,IAAA,8C"}
+{"version":3,"names":["defaultStyleCss","KolButtonGroupDefaultStyle0","KolButtonGroup","render","h","Host","key","class","KolButtonGroupWcTag"],"sources":["src/components/button-group/style.scss?tag=kol-button-group&mode=default&encapsulation=shadow","src/components/button-group/shadow.tsx"],"sourcesContent":["@import '../style';\n\n:host > .kol-button-group-wc {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n}\n","import { Component, h, Host, JSX } from '@stencil/core';\n\nimport { Props } from './types';\nimport { KolButtonGroupWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-button-group',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolButtonGroup implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-button-group\">\n\t\t\t\t<KolButtonGroupWcTag>\n\t\t\t\t\t<slot />\n\t\t\t\t</KolButtonGroupWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":";;;wGAAA,MAAMA,EAAkB,s6BACxB,MAAAC,EAAeD,E,MCWFE,EAAc,M,yBACnB,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,oBACXH,EAACI,EAAmB,CAAAF,IAAA,4CACnBF,EAAA,QAAAE,IAAA,8C"}

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-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};
+import{r as t,h as s,H as e}from"./index-a051748e.js";import{d as i,n,g as r}from"./component-names-fed305c7.js";const c=class{constructor(e){t(this,e),this.button=t=>s(i,Object.assign({},t)),this.link=t=>s(n,Object.assign({},t)),this.text=t=>s(r,Object.assign({},t)),this._link=void 0}render(){return s(e,{key:"b2ec27cbc1b52705d81d7447380a651690156b85",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{c as kol_button_link_text_switch};

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

@@ -1 +1 @@
-{"version":3,"names":["KolButtonLinkTextSwitch","this","button","h","Object","assign","link","text","render","Host","key","class","renderContent","_link","_on","_href"],"sources":["src/components/button-link-text-switch/component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/label-has-associated-control */\nimport { Component, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { ButtonOrLinkOrTextWithChildrenProps, ButtonWithChildrenProps, LinkWithChildrenProps, TextWithChildrenProps } from '../../types/button-link-text';\nimport { Props } from './types';\n\n/**\n * Internal component that renders an action or text component like a button or a link.\n * @internal\n */\n@Component({\n\ttag: 'kol-button-link-text-switch',\n\tshadow: false,\n})\nexport class KolButtonLinkTextSwitch implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn <Host class=\"kol-button-link-text-switch\">{this.renderContent()}</Host>;\n\t}\n\n\tprivate renderContent() {\n\t\tif ((this._link as ButtonWithChildrenProps)._on) {\n\t\t\tconst button = this._link as ButtonWithChildrenProps;\n\t\t\treturn this.button(button);\n\t\t} else if ((this._link as LinkWithChildrenProps)._href) {\n\t\t\tconst link = this._link as LinkWithChildrenProps;\n\t\t\treturn this.link(link);\n\t\t} else {\n\t\t\tconst text = this._link as TextWithChildrenProps;\n\t\t\treturn this.text(text);\n\t\t}\n\t}\n\n\tprivate button = (button: ButtonWithChildrenProps): JSX.Element => <kol-button-wc {...button}></kol-button-wc>;\n\n\tprivate link = (link: LinkWithChildrenProps): JSX.Element => <kol-link-wc {...link}></kol-link-wc>;\n\n\tprivate text = (text: TextWithChildrenProps): JSX.Element => <kol-span-wc {...text}></kol-span-wc>;\n\n\t/**\n\t * Die Link-Daten welche diese Komponente verwendet, um die entsprechende Komponente zu rendern.\n\t */\n\t@Prop() public _link!: ButtonOrLinkOrTextWithChildrenProps;\n}\n"],"mappings":";;;4DAcaA,EAAuB,M,yBAkB3BC,KAAAC,OAAUA,GAAiDC,EAAA,gBAAAC,OAAAC,OAAA,GAAmBH,IAE9ED,KAAAK,KAAQA,GAA6CH,EAAA,cAAAC,OAAAC,OAAA,GAAiBC,IAEtEL,KAAAM,KAAQA,GAA6CJ,EAAA,cAAAC,OAAAC,OAAA,GAAiBE,I,qBArBvE,MAAAC,GACN,OAAOL,EAACM,EAAI,CAAAC,IAAA,2CAACC,MAAM,+BAA+BV,KAAKW,gB,CAGhD,aAAAA,GACP,GAAKX,KAAKY,MAAkCC,IAAK,CAChD,MAAMZ,EAASD,KAAKY,MACpB,OAAOZ,KAAKC,OAAOA,E,MACb,GAAKD,KAAKY,MAAgCE,MAAO,CACvD,MAAMT,EAAOL,KAAKY,MAClB,OAAOZ,KAAKK,KAAKA,E,KACX,CACN,MAAMC,EAAON,KAAKY,MAClB,OAAOZ,KAAKM,KAAKA,E"}
+{"version":3,"names":["KolButtonLinkTextSwitch","this","button","h","KolButtonWcTag","Object","assign","link","KolLinkWcTag","text","KolSpanWcTag","render","Host","key","class","renderContent","_link","_on","_href"],"sources":["src/components/button-link-text-switch/component.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/label-has-associated-control */\nimport { Component, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { ButtonOrLinkOrTextWithChildrenProps, ButtonWithChildrenProps, LinkWithChildrenProps, TextWithChildrenProps } from '../../types/button-link-text';\nimport { Props } from './types';\nimport { KolButtonWcTag, KolLinkWcTag, KolSpanWcTag } from '../../core/component-names';\n\n/**\n * Internal component that renders an action or text component like a button or a link.\n * @internal\n */\n@Component({\n\ttag: 'kol-button-link-text-switch',\n\tshadow: false,\n})\nexport class KolButtonLinkTextSwitch implements Props {\n\tpublic render(): JSX.Element {\n\t\treturn <Host class=\"kol-button-link-text-switch\">{this.renderContent()}</Host>;\n\t}\n\n\tprivate renderContent() {\n\t\tif ((this._link as ButtonWithChildrenProps)._on) {\n\t\t\tconst button = this._link as ButtonWithChildrenProps;\n\t\t\treturn this.button(button);\n\t\t} else if ((this._link as LinkWithChildrenProps)._href) {\n\t\t\tconst link = this._link as LinkWithChildrenProps;\n\t\t\treturn this.link(link);\n\t\t} else {\n\t\t\tconst text = this._link as TextWithChildrenProps;\n\t\t\treturn this.text(text);\n\t\t}\n\t}\n\n\tprivate button = (button: ButtonWithChildrenProps): JSX.Element => <KolButtonWcTag {...button}></KolButtonWcTag>;\n\n\tprivate link = (link: LinkWithChildrenProps): JSX.Element => <KolLinkWcTag {...link}></KolLinkWcTag>;\n\n\tprivate text = (text: TextWithChildrenProps): JSX.Element => <KolSpanWcTag {...text}></KolSpanWcTag>;\n\n\t/**\n\t * Die Link-Daten welche diese Komponente verwendet, um die entsprechende Komponente zu rendern.\n\t */\n\t@Prop() public _link!: ButtonOrLinkOrTextWithChildrenProps;\n}\n"],"mappings":";;;uHAeaA,EAAuB,M,yBAkB3BC,KAAAC,OAAUA,GAAiDC,EAACC,EAAcC,OAAAC,OAAA,GAAKJ,IAE/ED,KAAAM,KAAQA,GAA6CJ,EAACK,EAAYH,OAAAC,OAAA,GAAKC,IAEvEN,KAAAQ,KAAQA,GAA6CN,EAACO,EAAYL,OAAAC,OAAA,GAAKG,I,qBArBxE,MAAAE,GACN,OAAOR,EAACS,EAAI,CAAAC,IAAA,2CAACC,MAAM,+BAA+Bb,KAAKc,gB,CAGhD,aAAAA,GACP,GAAKd,KAAKe,MAAkCC,IAAK,CAChD,MAAMf,EAASD,KAAKe,MACpB,OAAOf,KAAKC,OAAOA,E,MACb,GAAKD,KAAKe,MAAgCE,MAAO,CACvD,MAAMX,EAAON,KAAKe,MAClB,OAAOf,KAAKM,KAAKA,E,KACX,CACN,MAAME,EAAOR,KAAKe,MAClB,OAAOf,KAAKQ,KAAKA,E"}

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-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};
+import{r as i,h as e,H as t,g as n}from"./index-a051748e.js";import{a as s}from"./reuse-d79ab469.js";import{d as o}from"./component-names-fed305c7.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}",d=a,h=class{constructor(e){i(this,e),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:"ce8b4d98428c96815cc218537bbeb256ee9b01c1",class:"kol-button-link"},e(o,{key:"e88ba13498756fb0bf85d6069aa59eb8d2786527",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:"97fe1ff646c6e5f869f9be1fc1db64aedb3a4a53",name:"expert",slot:"expert"})))}get host(){return n(this)}};h.style={default:d};export{h as kol_button_link};

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

@@ -1 +1 @@
-{"version":3,"names":["defaultStyleCss","KolButtonLinkDefaultStyle0","KolButtonLink","this","catchRef","ref","propagateFocus","host","render","h","Host","key","class","_accessKey","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_icons","_icon","_hideLabel","_iconOnly","_id","_label","_name","_on","_role","_syncValueBySelector","_tabIndex","_tooltipAlign","_type","_value","name","slot"],"sources":["src/components/button-link/style.scss?tag=kol-button-link&mode=default&encapsulation=shadow","src/components/button-link/component.tsx"],"sourcesContent":["@import '../link';\n","import { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';\nimport { AriaCurrentPropType } from '../../types/props/aria-current';\nimport { ButtonCallbacksPropType } from '../../types/props/button-callbacks';\nimport { ButtonTypePropType } from '../../types/props/button-type';\nimport { IconsPropType } from '../../types/props/icons';\nimport { IdPropType } from '../../types/props/id';\nimport { LabelWithExpertSlotPropType } from '../../types/props/label';\nimport { NamePropType } from '../../types/props/name';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType } from '../../types/props/tooltip-align';\nimport { StencilUnknown } from '../../types/unknown';\nimport { propagateFocus } from '../../utils/reuse';\nimport { Props } from './types';\n\n@Component({\n\ttag: 'kol-button-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolButtonLink implements Props {\n\t@Element() private readonly host?: HTMLKolButtonLinkElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-button-link\">\n\t\t\t\t<kol-button-wc\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icons={this._icons || this._icon}\n\t\t\t\t\t_hideLabel={this._hideLabel || this._iconOnly}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_name={this._name}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role=\"link\"\n\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</kol-button-wc>\n\t\t\t</Host>\n\t\t);\n\t}\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 * @TODO: Change type back to `AriaExpandedPropType` after Stencil#4663 has been resolved.\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({ mutable: true, reflect: false }) 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 * @TODO: Change type back to `AriaSelectedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\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: Hides the label and shows the description in a Tooltip instead.\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?: IdPropType;\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?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\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"],"mappings":";;;qGAAA,MAAMA,EAAkB,kxCACxB,MAAAC,EAAeD,E,MCuBFE,EAAa,M,yBAGRC,KAAAC,SAAYC,IAC5BC,EAAeH,KAAKI,KAAMF,EAAI,E,sLA0EM,M,gBAOC,M,0PAyDgB,M,WAKV,S,sBA5IrC,MAAAG,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,mBACXH,EAAA,iBAAAE,IAAA,2CACCN,IAAKF,KAAKC,SACVS,WAAYV,KAAKU,WACjBC,cAAeX,KAAKW,cACpBC,aAAcZ,KAAKY,aACnBC,cAAeb,KAAKa,cACpBC,WAAYd,KAAKc,WACjBC,cAAef,KAAKe,cACpBC,UAAWhB,KAAKgB,UAChBC,OAAQjB,KAAKiB,QAAUjB,KAAKkB,MAC5BC,WAAYnB,KAAKmB,YAAcnB,KAAKoB,UACpCC,IAAKrB,KAAKqB,IACVC,OAAQtB,KAAKsB,OACbC,MAAOvB,KAAKuB,MACZC,IAAKxB,KAAKwB,IACVC,MAAM,OACNC,qBAAsB1B,KAAK0B,qBAC3BC,UAAW3B,KAAK2B,UAChBC,cAAe5B,KAAK4B,cACpBC,MAAO7B,KAAK6B,MACZC,OAAQ9B,KAAK8B,QAEbxB,EAAA,QAAAE,IAAA,2CAAMuB,KAAK,SAASC,KAAK,Y"}
+{"version":3,"names":["defaultStyleCss","KolButtonLinkDefaultStyle0","KolButtonLink","this","catchRef","ref","propagateFocus","host","render","h","Host","key","class","KolButtonWcTag","_accessKey","_ariaControls","_ariaCurrent","_ariaExpanded","_ariaLabel","_ariaSelected","_disabled","_icons","_icon","_hideLabel","_iconOnly","_id","_label","_name","_on","_role","_syncValueBySelector","_tabIndex","_tooltipAlign","_type","_value","name","slot"],"sources":["src/components/button-link/style.scss?tag=kol-button-link&mode=default&encapsulation=shadow","src/components/button-link/component.tsx"],"sourcesContent":["@import '../link';\n","import { Component, Element, h, Host, JSX, Prop } from '@stencil/core';\n\nimport { Stringified } from '../../types/common';\nimport { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';\nimport { AriaCurrentPropType } from '../../types/props/aria-current';\nimport { ButtonCallbacksPropType } from '../../types/props/button-callbacks';\nimport { ButtonTypePropType } from '../../types/props/button-type';\nimport { IconsPropType } from '../../types/props/icons';\nimport { IdPropType } from '../../types/props/id';\nimport { LabelWithExpertSlotPropType } from '../../types/props/label';\nimport { NamePropType } from '../../types/props/name';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType } from '../../types/props/tooltip-align';\nimport { StencilUnknown } from '../../types/unknown';\nimport { propagateFocus } from '../../utils/reuse';\nimport { Props } from './types';\nimport { KolButtonWcTag } from '../../core/component-names';\n\n@Component({\n\ttag: 'kol-button-link',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolButtonLink implements Props {\n\t@Element() private readonly host?: HTMLKolButtonLinkElement;\n\n\tprivate readonly catchRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tpropagateFocus(this.host, ref);\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-button-link\">\n\t\t\t\t<KolButtonWcTag\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t_ariaCurrent={this._ariaCurrent}\n\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t_ariaLabel={this._ariaLabel}\n\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t_icons={this._icons || this._icon}\n\t\t\t\t\t_hideLabel={this._hideLabel || this._iconOnly}\n\t\t\t\t\t_id={this._id}\n\t\t\t\t\t_label={this._label}\n\t\t\t\t\t_name={this._name}\n\t\t\t\t\t_on={this._on}\n\t\t\t\t\t_role=\"link\"\n\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t_tabIndex={this._tabIndex}\n\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t_type={this._type}\n\t\t\t\t\t_value={this._value}\n\t\t\t\t>\n\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t</KolButtonWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\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 * @TODO: Change type back to `AriaExpandedPropType` after Stencil#4663 has been resolved.\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({ mutable: true, reflect: false }) 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 * @TODO: Change type back to `AriaSelectedPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\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: Hides the label and shows the description in a Tooltip instead.\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?: IdPropType;\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?: NamePropType;\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Button-Events an.\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"],"mappings":";;;uJAAA,MAAMA,EAAkB,kxCACxB,MAAAC,EAAeD,E,MCwBFE,EAAa,M,yBAGRC,KAAAC,SAAYC,IAC5BC,EAAeH,KAAKI,KAAMF,EAAI,E,sLA0EM,M,gBAOC,M,0PAyDgB,M,WAKV,S,sBA5IrC,MAAAG,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,mBACXH,EAACI,EAAc,CAAAF,IAAA,2CACdN,IAAKF,KAAKC,SACVU,WAAYX,KAAKW,WACjBC,cAAeZ,KAAKY,cACpBC,aAAcb,KAAKa,aACnBC,cAAed,KAAKc,cACpBC,WAAYf,KAAKe,WACjBC,cAAehB,KAAKgB,cACpBC,UAAWjB,KAAKiB,UAChBC,OAAQlB,KAAKkB,QAAUlB,KAAKmB,MAC5BC,WAAYpB,KAAKoB,YAAcpB,KAAKqB,UACpCC,IAAKtB,KAAKsB,IACVC,OAAQvB,KAAKuB,OACbC,MAAOxB,KAAKwB,MACZC,IAAKzB,KAAKyB,IACVC,MAAM,OACNC,qBAAsB3B,KAAK2B,qBAC3BC,UAAW5B,KAAK4B,UAChBC,cAAe7B,KAAK6B,cACpBC,MAAO9B,KAAK8B,MACZC,OAAQ/B,KAAK+B,QAEbzB,EAAA,QAAAE,IAAA,2CAAMwB,KAAK,SAASC,KAAK,Y"}