@public-ui/components 1.7.23 → 1.7.24

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

@@ -1 +1 @@
-{"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"}
+{"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","ignoreList":[]}

package/dist/kolibri/input-error-bc5a177b.js.map

@@ -1 +1 @@
-{"version":3,"names":["input","document","querySelector","console","log","setInterval","error","hasAttribute","removeAttribute","setAttribute","inputError"],"sources":["src/dev/input-error.ts"],"sourcesContent":["const input = document.querySelector('kol-input-text');\nif (input) {\n\tconsole.log(input);\n\tsetInterval(() => {\n\t\tconst error = input.hasAttribute('_error');\n\t\tif (error) {\n\t\t\tinput.removeAttribute('_error');\n\t\t} else {\n\t\t\tinput.setAttribute('_error', 'This is an error');\n\t\t}\n\t}, 1000);\n}\n\nexport default {}; // make file a module\n"],"mappings":";;;AAAA,MAAMA,EAAQC,SAASC,cAAc,kBACrC,GAAIF,EAAO,CACVG,QAAQC,IAAIJ,GACZK,aAAY,KACX,MAAMC,EAAQN,EAAMO,aAAa,UACjC,GAAID,EAAO,CACVN,EAAMQ,gBAAgB,S,KAChB,CACNR,EAAMS,aAAa,SAAU,mB,IAE5B,IACJ,CAEA,MAAAC,EAAe,U"}
+{"version":3,"names":["input","document","querySelector","console","log","setInterval","error","hasAttribute","removeAttribute","setAttribute","inputError"],"sources":["src/dev/input-error.ts"],"sourcesContent":["const input = document.querySelector('kol-input-text');\nif (input) {\n\tconsole.log(input);\n\tsetInterval(() => {\n\t\tconst error = input.hasAttribute('_error');\n\t\tif (error) {\n\t\t\tinput.removeAttribute('_error');\n\t\t} else {\n\t\t\tinput.setAttribute('_error', 'This is an error');\n\t\t}\n\t}, 1000);\n}\n\nexport default {}; // make file a module\n"],"mappings":";;;AAAA,MAAMA,EAAQC,SAASC,cAAc,kBACrC,GAAIF,EAAO,CACVG,QAAQC,IAAIJ,GACZK,aAAY,KACX,MAAMC,EAAQN,EAAMO,aAAa,UACjC,GAAID,EAAO,CACVN,EAAMQ,gBAAgB,S,KAChB,CACNR,EAAMS,aAAa,SAAU,mB,IAE5B,IACJ,CAEA,MAAAC,EAAe,U","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as e}from"./index-dfb131c4.js";import{v as a}from"./label-7db04673.js";import{v as o}from"./tooltip-align-18560b32.js";import{n}from"./dev.utils-d4a31161.js";import{b as s}from"./component-names-fed305c7.js";import"./a11y.tipps-f2507b68.js";import"./prop.validators-13f7a3fd.js";import"./index-117bd1aa.js";import"./alignment-30d47781.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:"471dbfc7885b5279fe7ceae64390d829644615c0",class:"kol-abbr"},t("abbr",{key:"00fa0074095c055693f89a2cd47181c93a85308c","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},t("span",{key:"490fe2c7b020dc964b1910e0331018af9281d0f4",title:""},t("slot",{key:"6109cb7018e37b9aec6e95642dfa74b7382c24dd"}))),t(s,{key:"64e8eb37981ce31ecbc7dcdf8681cb880f835044",_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};
+import{r as i,h as t,H as e}from"./index-75e4aa9f.js";import{v as a}from"./label-60eb42dc.js";import{v as o}from"./tooltip-align-7d9512cd.js";import{n}from"./dev.utils-c9d65bc9.js";import{b as s}from"./component-names-fed305c7.js";import"./a11y.tipps-2f109549.js";import"./prop.validators-142da2f4.js";import"./index-14005aa7.js";import"./alignment-d367ab71.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:"471dbfc7885b5279fe7ceae64390d829644615c0",class:"kol-abbr"},t("abbr",{key:"00fa0074095c055693f89a2cd47181c93a85308c","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},t("span",{key:"490fe2c7b020dc964b1910e0331018af9281d0f4",title:""},t("slot",{key:"6109cb7018e37b9aec6e95642dfa74b7382c24dd"}))),t(s,{key:"64e8eb37981ce31ecbc7dcdf8681cb880f835044",_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","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"}
+{"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as e,H as a,g as t}from"./index-dfb131c4.js";import{v as n}from"./label-7db04673.js";import{v as o}from"./open-39adb417.js";import{f as s}from"./a11y.tipps-f2507b68.js";import{n as d}from"./dev.utils-d4a31161.js";import{s as r}from"./prop.validators-13f7a3fd.js";import{a as c}from"./reuse-d79ab469.js";import{w as l}from"./validation-7c648181.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(e){i(this,e),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 e(a,{key:"2210fb25c93cc811783f763e956d04c9156e84a4",class:"kol-accordion"},e("div",{key:"43f6add95e19695da0263baac094f4de2e77133e",class:{accordion:!0,open:!0===this.state._open}},e(p,{key:"1236a155eee820f52c146a018f5d14be6eb4f39b",_label:"",_level:this.state._level},e(h,{key:"41675f03cb4d062348f68bdf67b938b285c22f65",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}})),e("div",{key:"b11a1fe12ab8892959b637101a22a965e9803492",class:"header"},e("slot",{key:"b38992dabe9c3332d92b1d341017499f422a46e9",name:"header"})),e("div",{key:"d85a96772ab32376fb402d657c4cd9407395efa6",class:"wrapper"},e("div",{key:"3b580afec226b4cbe56255c3a50a6b6bb28fb16c",class:"animation-wrapper"},e("div",{key:"9a76ec130c4536c74bd0bc53384311c5ddb5eff2","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},e("slot",{key:"5c6c3448fa9e237c082859fa37b191e3d59b5b9b",name:"content"})," ",e("slot",{key:"f488707b6f86a9dfbfea753df7062d7a6cd8a521"}))))))}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};
+import{r as e,h as i,H as a,g as t}from"./index-75e4aa9f.js";import{v as n}from"./label-60eb42dc.js";import{v as o}from"./open-ff4dc444.js";import{f as s}from"./a11y.tipps-2f109549.js";import{n as r}from"./dev.utils-c9d65bc9.js";import{s as d}from"./prop.validators-142da2f4.js";import{a as c}from"./reuse-d79ab469.js";import{w as l}from"./validation-de4e2205.js";import{c as p,d as h}from"./component-names-fed305c7.js";import"./index-14005aa7.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=r(),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:"2210fb25c93cc811783f763e956d04c9156e84a4",class:"kol-accordion"},i("div",{key:"43f6add95e19695da0263baac094f4de2e77133e",class:{accordion:!0,open:!0===this.state._open}},i(p,{key:"1236a155eee820f52c146a018f5d14be6eb4f39b",_label:"",_level:this.state._level},i(h,{key:"41675f03cb4d062348f68bdf67b938b285c22f65",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:"b11a1fe12ab8892959b637101a22a965e9803492",class:"header"},i("slot",{key:"b38992dabe9c3332d92b1d341017499f422a46e9",name:"header"})),i("div",{key:"d85a96772ab32376fb402d657c4cd9407395efa6",class:"wrapper"},i("div",{key:"3b580afec226b4cbe56255c3a50a6b6bb28fb16c",class:"animation-wrapper"},i("div",{key:"9a76ec130c4536c74bd0bc53384311c5ddb5eff2","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},i("slot",{key:"5c6c3448fa9e237c082859fa37b191e3d59b5b9b",name:"content"})," ",i("slot",{key:"f488707b6f86a9dfbfea753df7062d7a6cd8a521"}))))))}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&&d(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","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"}
+{"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as a,H as i}from"./index-dfb131c4.js";import{t}from"./i18n-8ac68853.js";import{v as s}from"./has-closer-2c2d8b99.js";import{v as o}from"./label-7db04673.js";import{L as l}from"./dev.utils-d4a31161.js";import{a as r,s as n,w as c}from"./prop.validators-13f7a3fd.js";import{w as d}from"./validation-7c648181.js";import{c as h,d as f,h as b}from"./component-names-fed305c7.js";import"./i18n-a2f79a81.js";import"./reuse-d79ab469.js";import"./a11y.tipps-f2507b68.js";import"./index-117bd1aa.js";const v=e=>a(b,{class:"heading-icon",_ariaLabel:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),p=e=>{switch(e.type){case"error":return a(v,{ariaLabel:t("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return a(v,{ariaLabel:t("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return a(v,{ariaLabel:t("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return a(v,{ariaLabel:t("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return a(v,{ariaLabel:t("kol-message"),icon:"codicon codicon-comment",label:e.label})}},u=class{constructor(a){e(this,a),this.close=()=>{var a;void 0!==(null===(a=this._on)||void 0===a?void 0:a.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=a=>"object"==typeof a&&null!==a&&"function"==typeof a.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var e;if(this.state._alert){try{l.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){l.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return a(i,{key:"5623c860359559b0888b7e01bd43bd0944b3f621",class:{"kol-alert-wc":!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},a("div",{key:"11a550e34680bae64f86fba0635ad1365ee4df7e",class:"heading"},a(p,{key:"63a3d7902e23f07c14ab7212c4bd4905eedec39f",label:this.state._label,type:this.state._type}),a("div",{key:"f3d110da2a70bb609c306dab61e5549bb2fc93ea"},"string"==typeof this.state._label&&(null===(e=this.state._label)||void 0===e?void 0:e.length)>0&&a(h,{key:"a361b01b6ae62e81062f1b02d6e233f25bf884b0",_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&a("div",{key:"1d7f25fd69fde4e24b7276d07c84421937d55ade",class:"content"},a("slot",{key:"d34b1c369f545522a9663248ce8aa1e73952f469"}))),this.state._hasCloser&&a(f,{key:"31741ec67c586e60ca092feb6f07e05bd2dc127d",class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:t("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&a("div",{key:"07b9d36d6c0b62a3a19172eae0f24b90bbb1b793",class:"content"},a("slot",{key:"3fb53c9f8381578b9a0ea72e07774baf64c8d52e"})))}validateAlert(a){r(this,"_alert",a)}validateHasCloser(a){s(this,a)}validateLabel(a){o(this,a)}validateLevel(a){d(this,a)}validateOn(a){this.validateOnValue(a)&&n(this,"_on",{onClose:a.onClose})}validateType(a){c(this,"_type",(a=>"string"==typeof a&&("default"===a||"error"===a||"info"===a||"success"===a||"warning"===a)),new Set("String {success, info, warning, error}"),a)}validateVariant(a){c(this,"_variant",(a=>"card"===a||"msg"===a),new Set("AlertVariant {card, msg}"),a)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{u as kol_alert_wc};
+import{r as e,h as a,H as i}from"./index-75e4aa9f.js";import{t}from"./i18n-d1be0413.js";import{v as s}from"./has-closer-fa66c77b.js";import{v as o}from"./label-60eb42dc.js";import{L as l}from"./dev.utils-c9d65bc9.js";import{a as r,s as n,w as c}from"./prop.validators-142da2f4.js";import{w as d}from"./validation-de4e2205.js";import{c as h,d as f,h as b}from"./component-names-fed305c7.js";import"./i18n-268d2aa6.js";import"./reuse-d79ab469.js";import"./a11y.tipps-2f109549.js";import"./index-14005aa7.js";const v=e=>a(b,{class:"heading-icon",_ariaLabel:"string"==typeof e.label&&e.label.length>0?"":e.ariaLabel,_icons:e.icon}),p=e=>{switch(e.type){case"error":return a(v,{ariaLabel:t("kol-error"),icon:"codicon codicon-error",label:e.label});case"info":return a(v,{ariaLabel:t("kol-info"),icon:"codicon codicon-info",label:e.label});case"warning":return a(v,{ariaLabel:t("kol-warning"),icon:"codicon codicon-warning",label:e.label});case"success":return a(v,{ariaLabel:t("kol-success"),icon:"codicon codicon-pass",label:e.label});default:return a(v,{ariaLabel:t("kol-message"),icon:"codicon codicon-comment",label:e.label})}},u=class{constructor(a){e(this,a),this.close=()=>{var a;void 0!==(null===(a=this._on)||void 0===a?void 0:a.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=a=>"object"==typeof a&&null!==a&&"function"==typeof a.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var e;if(this.state._alert){try{l.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(e){l.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return a(i,{key:"5623c860359559b0888b7e01bd43bd0944b3f621",class:{"kol-alert-wc":!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},a("div",{key:"11a550e34680bae64f86fba0635ad1365ee4df7e",class:"heading"},a(p,{key:"63a3d7902e23f07c14ab7212c4bd4905eedec39f",label:this.state._label,type:this.state._type}),a("div",{key:"f3d110da2a70bb609c306dab61e5549bb2fc93ea"},"string"==typeof this.state._label&&(null===(e=this.state._label)||void 0===e?void 0:e.length)>0&&a(h,{key:"a361b01b6ae62e81062f1b02d6e233f25bf884b0",_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&a("div",{key:"1d7f25fd69fde4e24b7276d07c84421937d55ade",class:"content"},a("slot",{key:"d34b1c369f545522a9663248ce8aa1e73952f469"}))),this.state._hasCloser&&a(f,{key:"31741ec67c586e60ca092feb6f07e05bd2dc127d",class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:t("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&a("div",{key:"07b9d36d6c0b62a3a19172eae0f24b90bbb1b793",class:"content"},a("slot",{key:"3fb53c9f8381578b9a0ea72e07774baf64c8d52e"})))}validateAlert(a){r(this,"_alert",a)}validateHasCloser(a){s(this,a)}validateLabel(a){o(this,a)}validateLevel(a){d(this,a)}validateOn(a){this.validateOnValue(a)&&n(this,"_on",{onClose:a.onClose})}validateType(a){c(this,"_type",(a=>"string"==typeof a&&("default"===a||"error"===a||"info"===a||"success"===a||"warning"===a)),new Set("String {success, info, warning, error}"),a)}validateVariant(a){c(this,"_variant",(a=>"card"===a||"msg"===a),new Set("AlertVariant {card, msg}"),a)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}};export{u as kol_alert_wc};

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

@@ -1 +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":";;;0fAYA,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,CAAAP,IAAA,2CAACM,OAAQ7B,KAAKa,MAAMgB,OAAQlB,OAAQX,KAAKa,MAAMF,SAE/DX,KAAKa,MAAMY,WAAa,OACxBtC,EAAA,OAAAoC,IAAA,2CAAKlC,MAAM,WACVF,EAAA,QAAAoC,IAAA,+CAIFvB,KAAKa,MAAMc,YACXxC,EAAC4C,EAAc,CAAAR,IAAA,2CACdlC,MAAM,QACN2C,WAAU,KACVtC,OAAQ,CACPuC,KAAM,CACLtC,KAAM,0BAGRkC,OAAQ/B,EAAU,aAClBK,IAAKH,KAAKO,GACV2B,cAAc,UAIhBlC,KAAKa,MAAMY,WAAa,QACxBtC,EAAA,OAAAoC,IAAA,2CAAKlC,MAAM,WACVF,EAAA,QAAAoC,IAAA,8C,CAgDE,aAAAF,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"}
+{"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":";;;0fAYA,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,CAAAP,IAAA,2CAACM,OAAQ7B,KAAKa,MAAMgB,OAAQlB,OAAQX,KAAKa,MAAMF,SAE/DX,KAAKa,MAAMY,WAAa,OACxBtC,EAAA,OAAAoC,IAAA,2CAAKlC,MAAM,WACVF,EAAA,QAAAoC,IAAA,+CAIFvB,KAAKa,MAAMc,YACXxC,EAAC4C,EAAc,CAAAR,IAAA,2CACdlC,MAAM,QACN2C,WAAU,KACVtC,OAAQ,CACPuC,KAAM,CACLtC,KAAM,0BAGRkC,OAAQ/B,EAAU,aAClBK,IAAKH,KAAKO,GACV2B,cAAc,UAIhBlC,KAAKa,MAAMY,WAAa,QACxBtC,EAAA,OAAAoC,IAAA,2CAAKlC,MAAM,WACVF,EAAA,QAAAoC,IAAA,8C,CAgDE,aAAAF,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","ignoreList":[]}

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-dfb131c4.js";import{e as a}from"./component-names-fed305c7.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}",s=n,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:"79eb03c6cd09d363ca549fb6b5f669a42fd9ab88",class:"kol-alert"},i(a,{key:"ed1724f28925d329557d156500a14aa1b4109a5d",_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:"fb8896ff810c957ffcae4eda282355a12c9661e5"})))}};o.style={default:s};export{o as kol_alert};
+import{r as e,h as i,H as t}from"./index-75e4aa9f.js";import{e as a}from"./component-names-fed305c7.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}",s=n,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:"79eb03c6cd09d363ca549fb6b5f669a42fd9ab88",class:"kol-alert"},i(a,{key:"ed1724f28925d329557d156500a14aa1b4109a5d",_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:"fb8896ff810c957ffcae4eda282355a12c9661e5"})))}};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","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"}
+{"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","ignoreList":[]}

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-dfb131c4.js";import{t as i}from"./i18n-8ac68853.js";import{v as r}from"./image-source-2fe04afc.js";import{v as e}from"./label-7db04673.js";import"./i18n-a2f79a81.js";import"./reuse-d79ab469.js";import"./prop.validators-13f7a3fd.js";import"./index-117bd1aa.js";import"./a11y.tipps-f2507b68.js";import"./dev.utils-d4a31161.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:"41951a5655fb3122a3106b3d2b4d4228ebe5b2f4",class:"kol-avatar-wc"},t("div",{key:"f768dc508b07c443b9d180ca9b626a22b02a26de","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"},c(this.state._label.trim()))))}validateSrc(a){r(this,a)}validateLabel(a){e(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{d as kol_avatar_wc};
+import{r as a,h as t,H as s}from"./index-75e4aa9f.js";import{t as i}from"./i18n-d1be0413.js";import{v as r}from"./image-source-876118bb.js";import{v as e}from"./label-60eb42dc.js";import"./i18n-268d2aa6.js";import"./reuse-d79ab469.js";import"./prop.validators-142da2f4.js";import"./index-14005aa7.js";import"./a11y.tipps-2f109549.js";import"./dev.utils-c9d65bc9.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:"41951a5655fb3122a3106b3d2b4d4228ebe5b2f4",class:"kol-avatar-wc"},t("div",{key:"f768dc508b07c443b9d180ca9b626a22b02a26de","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"},c(this.state._label.trim()))))}validateSrc(a){r(this,a)}validateLabel(a){e(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{d as kol_avatar_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["formatNameAsInitial","name","length","toUpperCase","formatLabelAsInitials","label","names","split","first","at","last","KolAvatarWc","_src","_label","render","h","Host","key","class","translate","placeholders","this","state","role","alt","src","trim","validateSrc","value","validateImageSource","validateLabel","required","componentWillLoad"],"sources":["src/components/avatar/controller.ts","src/components/avatar/component.tsx"],"sourcesContent":["const formatNameAsInitial = (name: string): string => {\n\tif (name.length === 0) {\n\t\treturn '';\n\t}\n\n\treturn name[0].toUpperCase();\n};\n\nexport const formatLabelAsInitials = (label: string): string => {\n\tconst names = label.split(/\\s+/); // split by any whitespace characters\n\tconst first = names.at(0);\n\tconst last = names.at(-1);\n\n\t// names might consist of only one word\n\tif (names.length >= 2 && first && last) {\n\t\treturn `${formatNameAsInitial(first)}${formatNameAsInitial(last)}`;\n\t}\n\n\treturn formatNameAsInitial(label);\n};\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { ImageSourcePropType, validateImageSource } from '../../types/props/image-source';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { formatLabelAsInitials } from './controller';\nimport { API, States } from './types';\n\n@Component({\n\ttag: 'kol-avatar-wc',\n\tshadow: false,\n})\nexport class KolAvatarWc implements API {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-avatar-wc\">\n\t\t\t\t<div aria-label={translate('kol-avatar-alt', { placeholders: { name: this.state._label } })} class=\"container\" role=\"img\">\n\t\t\t\t\t{this.state._src ? (\n\t\t\t\t\t\t<img alt=\"\" aria-hidden=\"true\" class=\"image\" src={this.state._src} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"initials\">\n\t\t\t\t\t\t\t{formatLabelAsInitials(this.state._label.trim())}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\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?: ImageSourcePropType;\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@State() public state: States = {\n\t\t_src: '',\n\t\t_label: '…', // ⚠ required\n\t};\n\n\t@Watch('_src')\n\tpublic validateSrc(value?: ImageSourcePropType): void {\n\t\tvalidateImageSource(this, 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\tpublic componentWillLoad(): void {\n\t\tthis.validateSrc(this._src);\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"mappings":";;;8WAAA,MAAMA,EAAuBC,IAC5B,GAAIA,EAAKC,SAAW,EAAG,CACtB,MAAO,E,CAGR,OAAOD,EAAK,GAAGE,aAAa,EAGtB,MAAMC,EAAyBC,IACrC,MAAMC,EAAQD,EAAME,MAAM,OAC1B,MAAMC,EAAQF,EAAMG,GAAG,GACvB,MAAMC,EAAOJ,EAAMG,IAAI,GAGvB,GAAIH,EAAMJ,QAAU,GAAKM,GAASE,EAAM,CACvC,MAAO,GAAGV,EAAoBQ,KAASR,EAAoBU,I,CAG5D,OAAOV,EAAoBK,EAAM,E,MCNrBM,EAAW,M,8EA2BS,CAC/BC,KAAM,GACNC,OAAQ,I,CA5BF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,iBACXH,EAAA,OAAAE,IAAA,wDAAiBE,EAAU,iBAAkB,CAAEC,aAAc,CAAEnB,KAAMoB,KAAKC,MAAMT,UAAaK,MAAM,YAAYK,KAAK,OAClHF,KAAKC,MAAMV,KACXG,EAAA,OAAKS,IAAI,GAAE,cAAa,OAAON,MAAM,QAAQO,IAAKJ,KAAKC,MAAMV,OAE7DG,EAAA,sBAAkB,OAAOG,MAAM,YAC7Bd,EAAsBiB,KAAKC,MAAMT,OAAOa,U,CAwBxC,WAAAC,CAAYC,GAClBC,EAAoBR,KAAMO,E,CAIpB,aAAAE,CAAcF,GACpBE,EAAcT,KAAMO,EAAO,CAC1BG,SAAU,M,CAIL,iBAAAC,GACNX,KAAKM,YAAYN,KAAKT,MACtBS,KAAKS,cAAcT,KAAKR,O"}
+{"version":3,"names":["formatNameAsInitial","name","length","toUpperCase","formatLabelAsInitials","label","names","split","first","at","last","KolAvatarWc","_src","_label","render","h","Host","key","class","translate","placeholders","this","state","role","alt","src","trim","validateSrc","value","validateImageSource","validateLabel","required","componentWillLoad"],"sources":["src/components/avatar/controller.ts","src/components/avatar/component.tsx"],"sourcesContent":["const formatNameAsInitial = (name: string): string => {\n\tif (name.length === 0) {\n\t\treturn '';\n\t}\n\n\treturn name[0].toUpperCase();\n};\n\nexport const formatLabelAsInitials = (label: string): string => {\n\tconst names = label.split(/\\s+/); // split by any whitespace characters\n\tconst first = names.at(0);\n\tconst last = names.at(-1);\n\n\t// names might consist of only one word\n\tif (names.length >= 2 && first && last) {\n\t\treturn `${formatNameAsInitial(first)}${formatNameAsInitial(last)}`;\n\t}\n\n\treturn formatNameAsInitial(label);\n};\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { ImageSourcePropType, validateImageSource } from '../../types/props/image-source';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { formatLabelAsInitials } from './controller';\nimport { API, States } from './types';\n\n@Component({\n\ttag: 'kol-avatar-wc',\n\tshadow: false,\n})\nexport class KolAvatarWc implements API {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-avatar-wc\">\n\t\t\t\t<div aria-label={translate('kol-avatar-alt', { placeholders: { name: this.state._label } })} class=\"container\" role=\"img\">\n\t\t\t\t\t{this.state._src ? (\n\t\t\t\t\t\t<img alt=\"\" aria-hidden=\"true\" class=\"image\" src={this.state._src} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"initials\">\n\t\t\t\t\t\t\t{formatLabelAsInitials(this.state._label.trim())}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\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?: ImageSourcePropType;\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@State() public state: States = {\n\t\t_src: '',\n\t\t_label: '…', // ⚠ required\n\t};\n\n\t@Watch('_src')\n\tpublic validateSrc(value?: ImageSourcePropType): void {\n\t\tvalidateImageSource(this, 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\tpublic componentWillLoad(): void {\n\t\tthis.validateSrc(this._src);\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"mappings":";;;8WAAA,MAAMA,EAAuBC,IAC5B,GAAIA,EAAKC,SAAW,EAAG,CACtB,MAAO,E,CAGR,OAAOD,EAAK,GAAGE,aAAa,EAGtB,MAAMC,EAAyBC,IACrC,MAAMC,EAAQD,EAAME,MAAM,OAC1B,MAAMC,EAAQF,EAAMG,GAAG,GACvB,MAAMC,EAAOJ,EAAMG,IAAI,GAGvB,GAAIH,EAAMJ,QAAU,GAAKM,GAASE,EAAM,CACvC,MAAO,GAAGV,EAAoBQ,KAASR,EAAoBU,I,CAG5D,OAAOV,EAAoBK,EAAM,E,MCNrBM,EAAW,M,8EA2BS,CAC/BC,KAAM,GACNC,OAAQ,I,CA5BF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,iBACXH,EAAA,OAAAE,IAAA,wDAAiBE,EAAU,iBAAkB,CAAEC,aAAc,CAAEnB,KAAMoB,KAAKC,MAAMT,UAAaK,MAAM,YAAYK,KAAK,OAClHF,KAAKC,MAAMV,KACXG,EAAA,OAAKS,IAAI,GAAE,cAAa,OAAON,MAAM,QAAQO,IAAKJ,KAAKC,MAAMV,OAE7DG,EAAA,sBAAkB,OAAOG,MAAM,YAC7Bd,EAAsBiB,KAAKC,MAAMT,OAAOa,U,CAwBxC,WAAAC,CAAYC,GAClBC,EAAoBR,KAAMO,E,CAIpB,aAAAE,CAAcF,GACpBE,EAAcT,KAAMO,EAAO,CAC1BG,SAAU,M,CAIL,iBAAAC,GACNX,KAAKM,YAAYN,KAAKT,MACtBS,KAAKS,cAAcT,KAAKR,O","ignoreList":[]}

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-dfb131c4.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:"337af9d8d2e1ff0e9a5438fe93f1b618dadbf5e5",class:"kol-avatar"},e(n,{key:"c0b25dae5dbf9892b1bff53f1416434888ba769d",_src:this._src,_label:this._label}))}};r.style={default:a};export{r as kol_avatar};
+import{r as i,h as e,H as t}from"./index-75e4aa9f.js";import{f 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}.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))}",o=a,r=class{constructor(e){i(this,e),this._src=void 0,this._label=void 0}render(){return e(t,{key:"337af9d8d2e1ff0e9a5438fe93f1b618dadbf5e5",class:"kol-avatar"},e(n,{key:"c0b25dae5dbf9892b1bff53f1416434888ba769d",_src:this._src,_label:this._label}))}};r.style={default:o};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","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"}
+{"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","ignoreList":[]}

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-dfb131c4.js";import{h as s,v as e}from"./color-1af0f468.js";import{f as a}from"./a11y.tipps-f2507b68.js";import{n}from"./dev.utils-d4a31161.js";import{o as r,p as d,s as l}from"./prop.validators-13f7a3fd.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}",f=p;a("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const u=class{constructor(o){t(this,o),this.bgColorStr="#000",this.colorStr="#fff",this.id=n(),this.handleColorChange=t=>{const o=s(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:"928a4a12998193fd35e8113e30483f0889cb113a",class:"kol-badge"},i("span",{key:"9334506c7d5601388c2731c827c1cd54d1c0ba9a",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},i(c,{key:"e54f0c27feff596569925eb88d24f346cebf56fd",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){e(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"]}}};u.style={default:f};export{u as kol_badge};
+import{r as t,h as i,H as o}from"./index-75e4aa9f.js";import{h as e,v as s}from"./color-522c552e.js";import{f as a}from"./a11y.tipps-2f109549.js";import{n}from"./dev.utils-c9d65bc9.js";import{o as r,p as l,s as d}from"./prop.validators-142da2f4.js";import{d as h,g as c}from"./component-names-fed305c7.js";import"./reuse-d79ab469.js";import"./index-14005aa7.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}",f=p;a("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const u=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:"928a4a12998193fd35e8113e30483f0889cb113a",class:"kol-badge"},i("span",{key:"9334506c7d5601388c2731c827c1cd54d1c0ba9a",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},i(c,{key:"e54f0c27feff596569925eb88d24f346cebf56fd",id:t?this.id:void 0,_allowMarkdown:!0,_hideLabel:this._hideLabel||this._iconOnly,_icons:this._icons||this._icon,_label:this._label}),t&&this.renderSmartButton(this.state._smartButton)))}validateColor(t){s(this,t,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){r(t,(()=>{try{t=l(t)}catch(t){}d(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};u.style={default:f};export{u 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","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"}
+{"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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i,F as a,H as t}from"./index-dfb131c4.js";import{v as n}from"./label-7db04673.js";import{b as o}from"./a11y.tipps-f2507b68.js";import{r as s,a as r}from"./unique-nav-labels-62d9802d.js";import{w as l}from"./validation-a994c5e0.js";import{h as d,i as c}from"./component-names-fed305c7.js";import"./prop.validators-13f7a3fd.js";import"./index-117bd1aa.js";import"./dev.utils-d4a31161.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"}',b=p,h=class{constructor(t){e(this,t),this.renderLink=(e,t)=>{const n=this.state._links.length-1,l=e._iconOnly||e._hideLabel;return i("li",{key:t},0!==t&&i(d,{_label:"",_icons:"codicon codicon-chevron-right"}),t===n?i("span",null,l?i(d,{_label:e._label,_icons:"string"==typeof e._icon?e._icon:"codicon codicon-symbol-event"}):i(a,null,e._label)):i(c,Object.assign({},e)))},this._ariaLabel=void 0,this._label=void 0,this._links=void 0,this.state={_label:"…",_links:[]}}render(){var e;return i(t,{key:"03ff5ece936c843d1675c64ff7b7b5afbd134b40",class:"kol-breadcrumb"},i("nav",{key:"94e1e2d4d4329e61e5477eb57cde76ecbce514f7","aria-label":null!==(e=this.state._label)&&void 0!==e?e:""},i("ul",{key:"dbfccf5de6121a8b9c20c2b6d93f30289a774bd5"},0===this.state._links.length&&i("li",{key:"dc595bdfb03d42ad8c909f2fe26734ad89a3ce3d"},i(d,{key:"86f007ea0d61645e32e7b4b0c8578d025046b289",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateAriaLabel(i){this.validateLabel(i)}validateLabel(i,e,a=!1){a||s(this.state._label),n(this,i,{defaultValue:"…"}),o(i),r(this.state._label)}validateLinks(i){l("KolBreadcrumb",this,i)}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"]}}};h.style={default:b};export{h as kol_breadcrumb};
+import{r as e,h as i,F as a,H as t}from"./index-75e4aa9f.js";import{v as n}from"./label-60eb42dc.js";import{b as o}from"./a11y.tipps-2f109549.js";import{r as s,a as r}from"./unique-nav-labels-62d9802d.js";import{w as l}from"./validation-453518fa.js";import{h as d,i as c}from"./component-names-fed305c7.js";import"./prop.validators-142da2f4.js";import"./index-14005aa7.js";import"./dev.utils-c9d65bc9.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){e(this,t),this.renderLink=(e,t)=>{const n=this.state._links.length-1,l=e._iconOnly||e._hideLabel;return i("li",{key:t},0!==t&&i(d,{_label:"",_icons:"codicon codicon-chevron-right"}),t===n?i("span",null,l?i(d,{_label:e._label,_icons:"string"==typeof e._icon?e._icon:"codicon codicon-symbol-event"}):i(a,null,e._label)):i(c,Object.assign({},e)))},this._ariaLabel=void 0,this._label=void 0,this._links=void 0,this.state={_label:"…",_links:[]}}render(){var e;return i(t,{key:"03ff5ece936c843d1675c64ff7b7b5afbd134b40",class:"kol-breadcrumb"},i("nav",{key:"94e1e2d4d4329e61e5477eb57cde76ecbce514f7","aria-label":null!==(e=this.state._label)&&void 0!==e?e:""},i("ul",{key:"dbfccf5de6121a8b9c20c2b6d93f30289a774bd5"},0===this.state._links.length&&i("li",{key:"dc595bdfb03d42ad8c909f2fe26734ad89a3ce3d"},i(d,{key:"86f007ea0d61645e32e7b4b0c8578d025046b289",_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateAriaLabel(i){this.validateLabel(i)}validateLabel(i,e,a=!1){a||s(this.state._label),n(this,i,{defaultValue:"…"}),o(i),r(this.state._label)}validateLinks(i){l("KolBreadcrumb",this,i)}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","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,MAAAC,IAAA,4CACCD,EAACE,EAAU,CAAAD,IAAA,2CAACE,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"}
+{"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,MAAAC,IAAA,4CACCD,EAACE,EAAU,CAAAD,IAAA,2CAACE,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","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as c,h as o,H as s}from"./index-dfb131c4.js";const t=class{constructor(s){c(this,s),this.state={}}render(){return o(s,{key:"95c045b64c996a4b4075fb50751c84c4109d19db",class:"kol-button-group-wc"},o("slot",{key:"290f706d0e47811986f120342735b5c6e2c0d8a3"}))}};export{t as kol_button_group_wc};
+import{r as c,h as o,H as s}from"./index-75e4aa9f.js";const t=class{constructor(s){c(this,s),this.state={}}render(){return o(s,{key:"95c045b64c996a4b4075fb50751c84c4109d19db",class:"kol-button-group-wc"},o("slot",{key:"290f706d0e47811986f120342735b5c6e2c0d8a3"}))}};export{t as kol_button_group_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["KolButtonGroupWc","render","h","Host","key","class"],"sources":["src/components/button-group/component.tsx"],"sourcesContent":["import { Component, h, Host, JSX, State } from '@stencil/core';\n\nimport { API, States } from './types';\n\n@Component({\n\ttag: 'kol-button-group-wc',\n\tshadow: false,\n})\nexport class KolButtonGroupWc implements API {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-button-group-wc\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@State() public state: States = {};\n}\n"],"mappings":";;;4DAQaA,EAAgB,M,oCASI,E,CARzB,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,uBACXH,EAAA,QAAAE,IAAA,6C"}
+{"version":3,"names":["KolButtonGroupWc","render","h","Host","key","class"],"sources":["src/components/button-group/component.tsx"],"sourcesContent":["import { Component, h, Host, JSX, State } from '@stencil/core';\n\nimport { API, States } from './types';\n\n@Component({\n\ttag: 'kol-button-group-wc',\n\tshadow: false,\n})\nexport class KolButtonGroupWc implements API {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-button-group-wc\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@State() public state: States = {};\n}\n"],"mappings":";;;4DAQaA,EAAgB,M,oCASI,E,CARzB,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,uBACXH,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as n,h as o,H as t}from"./index-dfb131c4.js";import{j as a}from"./component-names-fed305c7.js";const e=":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}",i=e,r=class{constructor(o){n(this,o)}render(){return o(t,{key:"856c4def4a38f041bac8fb59aafe1e8e3d85c56f",class:"kol-button-group"},o(a,{key:"95563871f03b261afabcaa8d570879fd8aa3fb40"},o("slot",{key:"b341aec28098c5170e5aa8c53b8ca71050732880"})))}};r.style={default:i};export{r as kol_button_group};
+import{r as n,h as a,H as o}from"./index-75e4aa9f.js";import{j as t}from"./component-names-fed305c7.js";const e=":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}",i=e,r=class{constructor(a){n(this,a)}render(){return a(o,{key:"856c4def4a38f041bac8fb59aafe1e8e3d85c56f",class:"kol-button-group"},a(t,{key:"95563871f03b261afabcaa8d570879fd8aa3fb40"},a("slot",{key:"b341aec28098c5170e5aa8c53b8ca71050732880"})))}};r.style={default:i};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","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"}
+{"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","ignoreList":[]}

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-dfb131c4.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:"4c6b65d7f50d5ded64dceb7405e84a7a9ff9997c",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};
+import{r as t,h as s,H as e}from"./index-75e4aa9f.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:"4c6b65d7f50d5ded64dceb7405e84a7a9ff9997c",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","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"}
+{"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","ignoreList":[]}

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-dfb131c4.js";import{a as s}from"./reuse-d79ab469.js";import{d as o}from"./component-names-fed305c7.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}: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=d,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:"4f3d7382e1af26a09db1859e35492bc8fef0ef48",class:"kol-button-link"},e(o,{key:"3b258e7e522c6b7f4dc242429c478663d4d2db6c",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:"4471d3ed30f49dc6c434d96303b3a3ed6fcb50cf",name:"expert",slot:"expert"})))}get host(){return n(this)}};h.style={default:a};export{h as kol_button_link};
+import{r as i,h as e,H as t,g as n}from"./index-75e4aa9f.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:"4f3d7382e1af26a09db1859e35492bc8fef0ef48",class:"kol-button-link"},e(o,{key:"3b258e7e522c6b7f4dc242429c478663d4d2db6c",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:"4471d3ed30f49dc6c434d96303b3a3ed6fcb50cf",name:"expert",slot:"expert"})))}get host(){return n(this)}};h.style={default:d};export{h as kol_button_link};