@public-ui/components 1.7.19 → 1.7.20

package/dist/kolibri/index.esm.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-export{T as ToasterServiceLegacy}from"./toaster-59df19c4.js";import{s,K as i}from"./component-names-fed305c7.js";import{_ as t}from"./index-117bd1aa.js";import{i as o,c as r}from"./i18n-fddf0324.js";export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-ad41b762.js";export{K as KoliBriDevHelper}from"./prop.validators-3017e14b.js";import"./a11y.tipps-798efb1a.js";import"./dev.utils-f829063f.js";import"./reuse-d79ab469.js";let n=!1;const l=async(e,a,i)=>{var l,m,d;await o(null===(l=null==i?void 0:i.translation)||void 0===l?void 0:l.name),await r(null!==(d=null===(m=null==i?void 0:i.translation)||void 0===m?void 0:m.name)&&void 0!==d?d:"de",null==i?void 0:i.translations),(null==i?void 0:i.transformTagName)&&s(null==i?void 0:i.transformTagName);const u=await t(e,a,i);return n=!0,u},u=l,p=()=>n;class v{constructor(t){this.document=t,this.toastContainerElement=this.document.createElement(i),this.document.body.prepend(this.toastContainerElement)}static getInstance(t){if(!p())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let e=this.instances.get(t);return e||(e=new v(t),this.instances.set(t,e)),e}dispose(){const t=this.toastContainerElement;t?(this.toastContainerElement=void 0,t.remove()):console.warn("Toaster service is already disposed.")}enqueue(t){if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return this.toastContainerElement.enqueue(t)}closeAll(){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll()}}v.instances=new Map;export{v as ToasterService,l as bootstrap,u as register};
+export{T as ToasterServiceLegacy}from"./toaster-59df19c4.js";import{s,K as i}from"./component-names-fed305c7.js";import{_ as t}from"./index-117bd1aa.js";import{i as o,c as r}from"./i18n-fddf0324.js";export{c as BUNDESAEMTER,e as BUNDESANSTALTEN,a as BUNDESMINISTERIEN,f as BUND_LOGO_TEXT_MAP,b as Bundesamt,d as Bundesanstalt,B as Bundesministerium}from"./bund-ad41b762.js";export{K as KoliBriDevHelper}from"./prop.validators-0872ab9e.js";import"./a11y.tipps-2fa5953b.js";import"./dev.utils-d7aa3c72.js";import"./reuse-d79ab469.js";let n=!1;const l=async(e,a,i)=>{var l,m,d;await o(null===(l=null==i?void 0:i.translation)||void 0===l?void 0:l.name),await r(null!==(d=null===(m=null==i?void 0:i.translation)||void 0===m?void 0:m.name)&&void 0!==d?d:"de",null==i?void 0:i.translations),(null==i?void 0:i.transformTagName)&&s(null==i?void 0:i.transformTagName);const c=await t(e,a,i);return n=!0,c},u=l,p=()=>n;class v{constructor(t){this.document=t,this.toastContainerElement=this.document.createElement(i),this.document.body.prepend(this.toastContainerElement)}static getInstance(t){if(!p())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let e=this.instances.get(t);return e||(e=new v(t),this.instances.set(t,e)),e}dispose(){const t=this.toastContainerElement;t?(this.toastContainerElement=void 0,t.remove()):console.warn("Toaster service is already disposed.")}enqueue(t){if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return this.toastContainerElement.enqueue(t)}closeAll(){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll()}}v.instances=new Map;export{v as ToasterService,l as bootstrap,u as register};

package/dist/kolibri/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-a051748e.js";import{v as a}from"./label-bce4f328.js";import{v as o}from"./tooltip-align-a16d498e.js";import{n}from"./dev.utils-f829063f.js";import{b as s}from"./component-names-fed305c7.js";import"./a11y.tipps-798efb1a.js";import"./prop.validators-3017e14b.js";import"./index-117bd1aa.js";import"./alignment-4c0cd265.js";import"./reuse-d79ab469.js";const l=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>abbr{cursor:help}",r=l,d=class{constructor(t){i(this,t),this.nonce=n(),this._label=void 0,this._tooltipAlign="top",this._title=void 0,this.state={_label:"…",_tooltipAlign:"top"}}render(){return t(e,{key:"4771794fd31f78288566cf35fb59a9907d10c816",class:"kol-abbr"},t("abbr",{key:"f6ad6e44d01d7ce413dc7bd260efc9655ef41cdc","aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},t("span",{key:"f40a47d7978f5700635e240a7f640b627a3d0718",title:""},t("slot",{key:"6f12b398db6182f29f9c5429f33be8e9ff85caaa"}))),t(s,{key:"93e2bf4bab104f89c336566a4705d9af44f9c515",_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(t){a(this,t,{required:!0})}validateTitle(t){this.validateLabel(t)}validateTooltipAlign(t){o(this,t)}componentWillLoad(){this.validateLabel(this._label||this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};d.style={default:r};export{d as kol_abbr};
+import{r as i,h as t,H as e}from"./index-6237c77d.js";import{v as a}from"./label-218f516d.js";import{v as o}from"./tooltip-align-44ee374a.js";import{n}from"./dev.utils-d7aa3c72.js";import{b as s}from"./component-names-fed305c7.js";import"./a11y.tipps-2fa5953b.js";import"./prop.validators-0872ab9e.js";import"./index-117bd1aa.js";import"./alignment-ae1fa968.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-accordion.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i,H as a,g as t}from"./index-a051748e.js";import{v as n}from"./label-bce4f328.js";import{v as o}from"./open-e11c786d.js";import{f as s}from"./a11y.tipps-798efb1a.js";import{n as d}from"./dev.utils-f829063f.js";import{s as r}from"./prop.validators-3017e14b.js";import{a as c}from"./reuse-d79ab469.js";import{w as l}from"./validation-f641b69f.js";import{c as p,d as h}from"./component-names-fed305c7.js";import"./index-117bd1aa.js";const f=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}.wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows 0.3s}.accordion.open .wrapper{grid-template-rows:1fr}.animation-wrapper{min-height:0;transition:visibility 0.3s;visibility:hidden}.accordion.open .animation-wrapper{visibility:visible}@media (prefers-reduced-motion){.animation-wrapper,.wrapper{transition-duration:0s}}@media print{.accordion:not(.open) .animation-wrapper{display:none}}.accordion .kol-heading-wc .kol-button-wc button .kol-span-wc{justify-items:start}",b=f;s("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),s("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const m=class{constructor(i){e(this,i),this.nonce=d(),this.catchRef=e=>{c(this.host,e)},this.onClick=e=>{this._open=!this._open,setTimeout((()=>{var i;"function"==typeof(null===(i=this.state._on)||void 0===i?void 0:i.onClick)&&this.state._on.onClick(e,!0===this._open)}))},this._heading=void 0,this._label=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_label:"…",_level:1}}render(){return i(a,{key:"8bc113713fe44637f69d401d0c0150de089c5db8",class:"kol-accordion"},i("div",{key:"d2c04a7afd820d3b4cb3e06c850f739077fe5df6",class:{accordion:!0,open:!0===this.state._open}},i(p,{key:"af17a3f5d59b5b872e31d447fa79b1fe5be31a53",_label:"",_level:this.state._level},i(h,{key:"1389b5c20e17568128e8e8e1758071d2161605a2",ref:this.catchRef,_ariaControls:this.nonce,_ariaExpanded:this.state._open,_icons:this.state._open?"codicon codicon-remove":"codicon codicon-add",_label:this.state._label,_on:{onClick:this.onClick}})),i("div",{key:"7e96b34d45b60146ed4cb1af785a84087db75397",class:"header"},i("slot",{key:"0e0c9ab23ee4eb677ac45296444392649aa3af1d",name:"header"})),i("div",{key:"30f99e86b974a4eeba8818deb1e27b8fe51c1779",class:"wrapper"},i("div",{key:"4fa3def2b2aa78c99ad241e0f6e47afc06dacce8",class:"animation-wrapper"},i("div",{key:"14d104214d253f936f75912b0d82318a856ba0d5","aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},i("slot",{key:"deb78cc20c268e69c534e2d0c92db655727fc221",name:"content"})," ",i("slot",{key:"4d175471fd64ca9b32f2c254a4fd6f956e99b02a"}))))))}validateHeading(e){this.validateLabel(e)}validateLabel(e){n(this,e,{required:!0})}validateLevel(e){l(this,e)}validateOn(e){"object"==typeof e&&null!==e&&"function"==typeof e.onClick&&r(this,"_on",e)}validateOpen(e){o(this,e)}componentWillLoad(){this.validateLabel(this._label||this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return t(this)}static get watchers(){return{_heading:["validateHeading"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};m.style={default:b};export{m as kol_accordion};
+import{r as i,h as e,H as a,g as t}from"./index-6237c77d.js";import{v as n}from"./label-218f516d.js";import{v as o}from"./open-afad812b.js";import{f as s}from"./a11y.tipps-2fa5953b.js";import{n as d}from"./dev.utils-d7aa3c72.js";import{s as r}from"./prop.validators-0872ab9e.js";import{a as c}from"./reuse-d79ab469.js";import{w as l}from"./validation-dc1ebfa2.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};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as a,h as i,H as t}from"./index-a051748e.js";import{t as e}from"./i18n-ad947f60.js";import{v as s}from"./has-closer-1a36473f.js";import{v as o}from"./label-bce4f328.js";import{L as l}from"./dev.utils-f829063f.js";import{a as r,s as n,w as c}from"./prop.validators-3017e14b.js";import{w as d}from"./validation-f641b69f.js";import{c as h,d as f,h as v}from"./component-names-fed305c7.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./a11y.tipps-798efb1a.js";import"./index-117bd1aa.js";const b=a=>i(v,{class:"heading-icon",_ariaLabel:"string"==typeof a.label&&a.label.length>0?"":a.ariaLabel,_icons:a.icon}),u=a=>{switch(a.type){case"error":return i(b,{ariaLabel:e("kol-error"),icon:"codicon codicon-error",label:a.label});case"info":return i(b,{ariaLabel:e("kol-info"),icon:"codicon codicon-info",label:a.label});case"warning":return i(b,{ariaLabel:e("kol-warning"),icon:"codicon codicon-warning",label:a.label});case"success":return i(b,{ariaLabel:e("kol-success"),icon:"codicon codicon-pass",label:a.label});default:return i(b,{ariaLabel:e("kol-message"),icon:"codicon codicon-comment",label:a.label})}},p=class{constructor(e){a(this,e),this.close=()=>{var a;void 0!==(null===(a=this._on)||void 0===a?void 0:a.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=a=>"object"==typeof a&&null!==a&&"function"==typeof a.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var a;if(this.state._alert){try{l.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(a){l.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return i(t,{key:"f503dfe9179509f772a0c18ae8f2dbdf1c18c181",class:{"kol-alert-wc":!0,[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},i("div",{key:"7440476a737e410f0a8a0b72b3de0138630b7994",class:"heading"},i(u,{key:"ad9792dbafba717d9d49d839d75b1a9343a3b20a",label:this.state._label,type:this.state._type}),i("div",{key:"a580afb1a63086617d5db6a45da80bcd38deb48d"},"string"==typeof this.state._label&&(null===(a=this.state._label)||void 0===a?void 0:a.length)>0&&i(h,{_label:this.state._label,_level:this.state._level}),"msg"===this.state._variant&&i("div",{class:"content"},i("slot",null))),this.state._hasCloser&&i(f,{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:e("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this.state._variant&&i("div",{class:"content"},i("slot",null)))}validateAlert(a){r(this,"_alert",a)}validateHasCloser(a){s(this,a)}validateLabel(a){o(this,a)}validateLevel(a){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{p as kol_alert_wc};
+import{r as e,h as a,H as i}from"./index-6237c77d.js";import{t}from"./i18n-ad947f60.js";import{v as s}from"./has-closer-18441dc1.js";import{v as o}from"./label-218f516d.js";import{L as l}from"./dev.utils-d7aa3c72.js";import{a as r,s as n,w as c}from"./prop.validators-0872ab9e.js";import{w as d}from"./validation-dc1ebfa2.js";import{c as h,d as f,h as b}from"./component-names-fed305c7.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./a11y.tipps-2fa5953b.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};

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":"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"}
+{"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":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i,H as t}from"./index-a051748e.js";import{e as n}from"./component-names-fed305c7.js";const a=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}.kol-alert-wc{display:grid}.kol-alert-wc .heading{display:flex;place-items:center}.kol-alert-wc .heading>div{flex-grow:1}",s=a,o=class{constructor(i){e(this,i),this._alert=!1,this._hasCloser=!1,this._heading=void 0,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){return i(t,{key:"cf53b5e010a60b8ef0017671a7da5b63bf54589b",class:"kol-alert"},i(n,{key:"338689038aa0f85f8b86488d742570e966b91a8c",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label||this._heading,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},i("slot",{key:"0c977d0f01a1918dc20207b35714f6cef6034554"})))}};o.style={default:s};export{o as kol_alert};
+import{r as e,h as i,H as t}from"./index-6237c77d.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-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-a051748e.js";import{t as e}from"./i18n-ad947f60.js";import{v as i}from"./image-source-8584365e.js";import{v as r}from"./label-bce4f328.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./prop.validators-3017e14b.js";import"./index-117bd1aa.js";import"./a11y.tipps-798efb1a.js";import"./dev.utils-f829063f.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)},l=class{constructor(t){a(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:"…"}}render(){return t(s,{key:"2f2414fc7a3719e1655faf3d3425d16185619365",class:"kol-avatar-wc"},t("div",{key:"81b68bcf427acaa7484cbf9fc11b6235025f3eae","aria-label":e("kol-avatar-alt",{placeholders:{name:this.state._label}}),class:"container",role:"img"},this.state._src?t("img",{alt:"","aria-hidden":"true",class:"image",src:this.state._src}):t("span",{"aria-hidden":"true",class:"initials"},c(this.state._label.trim()))))}validateSrc(a){i(this,a)}validateLabel(a){r(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{l as kol_avatar_wc};
+import{r as a,h as t,H as s}from"./index-6237c77d.js";import{t as i}from"./i18n-ad947f60.js";import{v as r}from"./image-source-e7abcbeb.js";import{v as e}from"./label-218f516d.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./prop.validators-0872ab9e.js";import"./index-117bd1aa.js";import"./a11y.tipps-2fa5953b.js";import"./dev.utils-d7aa3c72.js";const o=a=>0===a.length?"":a[0].toUpperCase(),d=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)},c=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"},d(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{c as kol_avatar_wc};

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

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

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-a051748e.js";import{h as e,v as s}from"./color-51fda110.js";import{f as a}from"./a11y.tipps-798efb1a.js";import{n}from"./dev.utils-f829063f.js";import{o as r,p as d,s as l}from"./prop.validators-3017e14b.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=e(t);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor},this._color="#000",this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconOnly=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(t){return i(h,{_ariaControls:this.id,_customClass:t._customClass,_disabled:t._disabled,_hideLabel:!0,_icons:t._icons||t._icon,_id:t._id,_label:t._label,_on:t._on,_tooltipAlign:t._tooltipAlign,_variant:t._variant})}render(){const t="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return i(o,{key:"66f7af7a7c0b6dd9ad3fa5f9749beac9803a88cc",class:"kol-badge"},i("span",{key:"96ed66661294cb486970adbf4b1660a4af988686",class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},i(c,{key:"9cef3a07368cd843c4917d4b9deada0af1ef1a62",id:t?this.id:void 0,_allowMarkdown:!0,_hideLabel:this._hideLabel||this._iconOnly,_icons:this._icons||this._icon,_label:this._label}),t&&this.renderSmartButton(this.state._smartButton)))}validateColor(t){s(this,t,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){r(t,(()=>{try{t=d(t)}catch(t){}l(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};u.style={default:f};export{u as kol_badge};
+import{r as t,h as i,H as o}from"./index-6237c77d.js";import{h as s,v as e}from"./color-45ba7bb3.js";import{f as a}from"./a11y.tipps-2fa5953b.js";import{n}from"./dev.utils-d7aa3c72.js";import{o as r,p as l,s as d}from"./prop.validators-0872ab9e.js";import{d as h,g as c}from"./component-names-fed305c7.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";const p=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host>span{display:inline-flex;place-items:center}:host>span>.kol-button-wc button{color:inherit}",u=p;a("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const f=class{constructor(o){t(this,o),this.bgColorStr="#000",this.colorStr="#fff",this.id=n(),this.handleColorChange=t=>{const o=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=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"]}}};f.style={default:u};export{f as kol_badge};

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

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

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,UACCA,EAACE,EAAU,CAACC,OAAO,GAAGC,OAAO,yBAAyB,KAGvDf,KAAKK,MAAMC,OAAOmB,IAAIzB,KAAKC,c,CAiC1B,iBAAAyB,CAAkBC,GACxB3B,KAAK4B,cAAcD,E,CAIb,aAAAC,CAAcD,EAAuBE,EAA2BC,EAAU,OAChF,IAAKA,EAAS,CACbC,EAAe/B,KAAKK,MAAMS,O,CAE3Bc,EAAc5B,KAAM2B,EAAO,CAC1BK,aAAc,MAEfC,EAA0BN,GAC1BO,EAAYlC,KAAKK,MAAMS,O,CAIjB,aAAAqB,CAAcR,GACpBS,EAAc,gBAAiBpC,KAAM2B,E,CAG/B,iBAAAU,GACNrC,KAAK4B,cAAc5B,KAAKc,QAAUd,KAAKsC,WAAYC,UAAW,MAC9DvC,KAAKmC,cAAcnC,KAAKM,O,CAGlB,oBAAAkC,GACNT,EAAe/B,KAAKK,MAAMS,O"}
+{"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"}

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

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

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

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

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as t,H as i,r as s,g as e}from"./index-a051748e.js";import{v as a,a as d,b as h}from"./aria-current-09b1cf77.js";import{a as n,w as l,h as o,i as r,f as c,d as f,s as u}from"./prop.validators-3017e14b.js";import{v,a as b}from"./custom-class-76b06f69.js";import{v as m}from"./hide-label-000c16f6.js";import{v as p,w as _}from"./icons-82e358f3.js";import{a as y}from"./label-bce4f328.js";import{v as j}from"./tooltip-align-a16d498e.js";import{g as A}from"./a11y.tipps-798efb1a.js";import{s as g,t as x}from"./events-fa760b68.js";import{s as C,a as I}from"./reuse-d79ab469.js";import{v as k}from"./tab-index-22839788.js";import{p as S,a as L}from"./controller-7832022a.js";import{A as w}from"./associated.controller-367d4241.js";import{b as T,g as V}from"./component-names-fed305c7.js";import"./index-117bd1aa.js";import"./dev.utils-f829063f.js";import"./alignment-4c0cd265.js";const B=(t,a)=>{n(t,"_ariaExpanded",a)},E=(t,a)=>{l(t,"_on",(t=>"object"==typeof t&&null!==t),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),a)},K=(t,a)=>{l(t,"_type",(t=>"button"===t||"reset"===t||"submit"===t),new Set(["KoliBriButtonType {button, reset, submit}"]),a)},O=(t,a)=>{n(t,"_disabled",a)},D=class{render(){const a=C(this.state._label);return t(i,{key:"1f56e34b632d15e744fc953534c2bedd6fd2fae6",class:"kol-button-wc"},t("button",Object.assign({key:"e7b2c3489e47f8b1346715ddd26b442ea65b92ff",ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":o(this.state._ariaCurrent),"aria-expanded":r(this.state._ariaExpanded),"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":o(this.state._ariaSelected),class:{button:!0,[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"icon-only":!0===this.state._hideLabel,"hide-label":!0===this.state._hideLabel},disabled:this.state._disabled,id:this.state._id,name:this.state._name},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),t(V,{key:"8cedd1ffd632930961c9c335818d25a4dca104e6",class:"button-inner",_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:a?"":this.state._label},t("slot",{key:"afe64c3f3878967cac6143044dd8554e01359b15",name:"expert",slot:"expert"}))),t(T,{key:"afb489925d0b2a6acd671e9f2780d15dca65d0fc","aria-hidden":"true",hidden:a||!this.state._hideLabel,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}))}constructor(t){s(this,t),this.catchRef=t=>{this.ref=t,I(this.host,this.ref)},this.onClick=t=>{var a,i;"submit"===this.state._type?S({form:this.host,ref:this.ref}):"reset"===this.state._type?L({form:this.host,ref:this.ref}):(g(t),x("click",this.host,this.state._value),this.controller.setFormAssociatedValue(this.state._value),"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)&&(c(t,this.ref),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._value)))},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_icons:{},_label:"…",_on:{},_type:"button",_variant:"normal"},this.controller=new w(this,"button",this.host)}validateAccessKey(t){f(this,"_accessKey",t)}validateAriaControls(t){a(this,t)}validateAriaCurrent(t){d(this,t)}validateAriaExpanded(t){B(this,t)}validateAriaLabel(t){this.validateLabel(t)}validateAriaSelected(t){n(this,"_ariaSelected",t)}validateCustomClass(t){v(this,t)}validateDisabled(t){O(this,t),!0===t&&A()}validateHideLabel(t){m(this,t)}validateIcon(t){p(this,t)}validateIcons(t){p(this,t)}validateIconAlign(t){_(this,t)}validateIconOnly(t){this.validateHideLabel(t)}validateId(t){f(this,"_id",t)}validateLabel(t){y(this,t,{required:!0})}validateName(t){this.controller.validateName(t)}validateOn(t){E(this,t)}validateRole(t){h(this,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){k(this,t)}validateTooltipAlign(t){j(this,t)}validateType(t){K(this,t)}validateValue(t){u(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateVariant(t){b(this,t)}componentWillLoad(){var t;this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaCurrent(this._ariaCurrent),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel||this._iconOnly),this.validateIcons(this._icons||this._icon),this.validateIconAlign(this._iconAlign),this.validateId(this._id),this.validateLabel(null!==(t=this._label)&&void 0!==t?t:this._ariaLabel),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateVariant(this._variant)}get host(){return e(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaCurrent:["validateAriaCurrent"],_ariaExpanded:["validateAriaExpanded"],_ariaLabel:["validateAriaLabel"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icon:["validateIcon"],_icons:["validateIcons"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_id:["validateId"],_label:["validateLabel"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}};export{D as kol_button_wc};
+import{h as t,H as i,r as s,g as a}from"./index-6237c77d.js";import{v as e,a as d,b as h}from"./aria-current-2533cca9.js";import{a as n,w as l,h as o,i as r,f as c,d as b,s as f}from"./prop.validators-0872ab9e.js";import{v as u,a as v}from"./custom-class-ca4a362d.js";import{v as m}from"./hide-label-181cab2f.js";import{v as p,w as _}from"./icons-3d6a581a.js";import{a as y}from"./label-218f516d.js";import{v as j}from"./tooltip-align-44ee374a.js";import{g as A}from"./a11y.tipps-2fa5953b.js";import{s as g,t as x}from"./events-fa760b68.js";import{s as C,a as I}from"./reuse-d79ab469.js";import{v as k}from"./tab-index-20b0daba.js";import{p as S,a as L}from"./controller-fa605ac3.js";import{A as w}from"./associated.controller-a9205263.js";import{b as T,g as V}from"./component-names-fed305c7.js";import"./index-117bd1aa.js";import"./dev.utils-d7aa3c72.js";import"./alignment-ae1fa968.js";const B=(t,a)=>{n(t,"_ariaExpanded",a)},E=(t,a)=>{l(t,"_on",(t=>"object"==typeof t&&null!==t),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),a)},K=(t,a)=>{l(t,"_type",(t=>"button"===t||"reset"===t||"submit"===t),new Set(["KoliBriButtonType {button, reset, submit}"]),a)},O=(t,a)=>{n(t,"_disabled",a)},D=class{render(){const a=C(this.state._label);return t(i,{key:"09d5419f23b9b4f81b314975d2931bec19d3bf5b",class:"kol-button-wc"},t("button",Object.assign({key:"ebcb966d7a46f0e2a7b2d861a98f1b60ed688851",ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":o(this.state._ariaCurrent),"aria-expanded":r(this.state._ariaExpanded),"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":o(this.state._ariaSelected),class:{button:!0,[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"icon-only":!0===this.state._hideLabel,"hide-label":!0===this.state._hideLabel},disabled:this.state._disabled,id:this.state._id,name:this.state._name},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),t(V,{key:"707a57684f25f801fdae05bdecbbef45587e4722",class:"button-inner",_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:a?"":this.state._label},t("slot",{key:"95be52ac02537fe2e01e24003859f0fbcca9db71",name:"expert",slot:"expert"}))),t(T,{key:"e278d183d95bea879ebf924b6c9e165012bb8aad","aria-hidden":"true",hidden:a||!this.state._hideLabel,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}))}constructor(t){s(this,t),this.catchRef=t=>{this.ref=t,I(this.host,this.ref)},this.onClick=t=>{var a,i;"submit"===this.state._type?S({form:this.host,ref:this.ref}):"reset"===this.state._type?L({form:this.host,ref:this.ref}):(g(t),x("click",this.host,this.state._value),this.controller.setFormAssociatedValue(this.state._value),"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onClick)&&(c(t,this.ref),null===(i=this.state._on)||void 0===i||i.onClick(t,this.state._value)))},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal",this.state={_icons:{},_label:"…",_on:{},_type:"button",_variant:"normal"},this.controller=new w(this,"button",this.host)}validateAccessKey(t){b(this,"_accessKey",t)}validateAriaControls(t){e(this,t)}validateAriaCurrent(t){d(this,t)}validateAriaExpanded(t){B(this,t)}validateAriaLabel(t){this.validateLabel(t)}validateAriaSelected(t){n(this,"_ariaSelected",t)}validateCustomClass(t){u(this,t)}validateDisabled(t){O(this,t),!0===t&&A()}validateHideLabel(t){m(this,t)}validateIcon(t){p(this,t)}validateIcons(t){p(this,t)}validateIconAlign(t){_(this,t)}validateIconOnly(t){this.validateHideLabel(t)}validateId(t){b(this,"_id",t)}validateLabel(t){y(this,t,{required:!0})}validateName(t){this.controller.validateName(t)}validateOn(t){E(this,t)}validateRole(t){h(this,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){k(this,t)}validateTooltipAlign(t){j(this,t)}validateType(t){K(this,t)}validateValue(t){f(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateVariant(t){v(this,t)}componentWillLoad(){var t;this.validateAccessKey(this._accessKey),this.validateAriaControls(this._ariaControls),this.validateAriaCurrent(this._ariaCurrent),this.validateAriaExpanded(this._ariaExpanded),this.validateAriaSelected(this._ariaSelected),this.validateCustomClass(this._customClass),this.validateDisabled(this._disabled),this.validateHideLabel(this._hideLabel||this._iconOnly),this.validateIcons(this._icons||this._icon),this.validateIconAlign(this._iconAlign),this.validateId(this._id),this.validateLabel(null!==(t=this._label)&&void 0!==t?t:this._ariaLabel),this.validateName(this._name),this.validateOn(this._on),this.validateRole(this._role),this.validateSyncValueBySelector(this._syncValueBySelector),this.validateTabIndex(this._tabIndex),this.validateTooltipAlign(this._tooltipAlign),this.validateType(this._type),this.validateValue(this._value),this.validateVariant(this._variant)}get host(){return a(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaControls:["validateAriaControls"],_ariaCurrent:["validateAriaCurrent"],_ariaExpanded:["validateAriaExpanded"],_ariaLabel:["validateAriaLabel"],_ariaSelected:["validateAriaSelected"],_customClass:["validateCustomClass"],_disabled:["validateDisabled"],_hideLabel:["validateHideLabel"],_icon:["validateIcon"],_icons:["validateIcons"],_iconAlign:["validateIconAlign"],_iconOnly:["validateIconOnly"],_id:["validateId"],_label:["validateLabel"],_name:["validateName"],_on:["validateOn"],_role:["validateRole"],_syncValueBySelector:["validateSyncValueBySelector"],_tabIndex:["validateTabIndex"],_tooltipAlign:["validateTooltipAlign"],_type:["validateType"],_value:["validateValue"],_variant:["validateVariant"]}}};export{D as kol_button_wc};

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

@@ -1 +1 @@
-{"version":3,"names":["validateAriaExpanded","component","value","watchBoolean","validateButtonCallbacks","watchValidator","Set","validateButtonType","validateDisabled","KolButtonWc","render","hasExpertSlot","showExpertSlot","this","state","_label","h","Host","key","class","Object","assign","ref","catchRef","accessKey","_accessKey","_ariaControls","mapStringOrBoolean2String","_ariaCurrent","mapBoolean2String","_ariaExpanded","_hideLabel","undefined","_ariaSelected","button","_variant","_customClass","length","disabled","_disabled","id","_id","name","_name","_on","onClick","role","_role","tabIndex","_tabIndex","type","_type","KolSpanWcTag","_icons","slot","KolTooltipWcTag","hidden","_align","_tooltipAlign","constructor","hostRef","propagateFocus","host","event","propagateSubmitEventToForm","form","propagateResetEventToForm","stopPropagation","tryToDispatchKoliBriEvent","_value","controller","setFormAssociatedValue","_a","setEventTarget","_b","AssociatedInputController","validateAccessKey","watchString","validateAriaControls","validateAriaCurrent","validateAriaLabel","validateLabel","validateAriaSelected","validateCustomClass","a11yHintDisabled","validateHideLabel","validateIcon","validateIcons","validateIconAlign","watchIconAlign","validateIconOnly","validateId","validateLabelWithExpertSlot","required","validateName","validateOn","validateRole","validateAlternativeButtonLinkRole","validateSyncValueBySelector","validateTabIndex","validateTooltipAlign","validateType","validateValue","setState","validateVariant","validateButtonVariant","componentWillLoad","_iconOnly","_icon","_iconAlign","_ariaLabel","_syncValueBySelector"],"sources":["src/types/props/aria-expanded.ts","src/types/props/button-callbacks.ts","src/types/props/button-type.ts","src/types/props/disabled.ts","src/components/button/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\ntype AriaExpandedPropType = boolean;\n\n/**\n * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n * @deprecated\n */\nexport type PropAriaExpanded = {\n\tariaExpanded: AriaExpandedPropType;\n};\n\n/* validator */\nexport const validateAriaExpanded = (component: Generic.Element.Component, value?: AriaExpandedPropType): void => {\n\twatchBoolean(component, '_ariaExpanded', value);\n};\n","import { Events } from '../../enums/events';\nimport { EventCallback, EventValueOrEventCallback } from '../callbacks';\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\nimport { StencilUnknown } from '../unknown';\n\n/* types */\nexport type ButtonCallbacksPropType<T> = {\n\t[Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n\t[Events.onMouseDown]?: EventCallback<MouseEvent>;\n};\n\n/**\n * Defines the callback functions for button events.\n */\nexport type PropButtonCallbacks<T> = {\n\ton: ButtonCallbacksPropType<T>;\n};\n\n/* validator */\nexport const validateButtonCallbacks = (component: Generic.Element.Component, value?: ButtonCallbacksPropType<StencilUnknown>): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}']),\n\t\tvalue,\n\t);\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\n\nexport type ButtonTypePropType = 'button' | 'reset' | 'submit';\n\n/**\n * Defines either the type of the component or of the components interactive element.\n */\nexport type PropButtonType = {\n\ttype: ButtonTypePropType;\n};\n\n/* validator */\nexport const validateButtonType = (component: Generic.Element.Component, value?: ButtonTypePropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_type`,\n\t\t(value) => value === 'button' || value === 'reset' || value === 'submit',\n\t\tnew Set(['KoliBriButtonType {button, reset, submit}']),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\nexport type DisabledPropType = boolean;\n\n/**\n * Makes the element not focusable and ignore all events.\n */\nexport type PropDisabled = {\n\tdisabled: DisabledPropType;\n};\n\n/* validator */\nexport const validateDisabled = (component: Generic.Element.Component, value?: DisabledPropType): void => {\n\twatchBoolean(component, '_disabled', value);\n};\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { States as ButtonStates } from '../../components/button/types';\nimport { Stringified } from '../../types/common';\nimport { AlignPropType } from '../../types/props/align';\nimport { AlternativeButtonLinkRolePropType, validateAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';\nimport { validateAriaControls } from '../../types/props/aria-controls';\nimport { AriaCurrentPropType, validateAriaCurrent } from '../../types/props/aria-current';\nimport { validateAriaExpanded } from '../../types/props/aria-expanded';\nimport { ButtonCallbacksPropType, validateButtonCallbacks } from '../../types/props/button-callbacks';\nimport { ButtonTypePropType, validateButtonType } from '../../types/props/button-type';\nimport { ButtonVariantPropType, validateButtonVariant } from '../../types/props/button-variant';\nimport { CustomClassPropType, validateCustomClass } from '../../types/props/custom-class';\nimport { DisabledPropType, validateDisabled } from '../../types/props/disabled';\nimport { validateHideLabel } from '../../types/props/hide-label';\nimport { IconsPropType, validateIcons, watchIconAlign } from '../../types/props/icons';\nimport { LabelWithExpertSlotPropType, validateLabelWithExpertSlot } from '../../types/props/label';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType, validateTooltipAlign } from '../../types/props/tooltip-align';\nimport { StencilUnknown } from '../../types/unknown';\nimport { a11yHintDisabled } from '../../utils/a11y.tipps';\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { mapBoolean2String, mapStringOrBoolean2String, setEventTarget, setState, watchBoolean, watchString } from '../../utils/prop.validators';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { validateTabIndex } from '../../utils/validators/tab-index';\nimport { propagateResetEventToForm, propagateSubmitEventToForm } from '../form/controller';\nimport { AssociatedInputController } from '../input-adapter-leanup/associated.controller';\nimport { API } from './types';\nimport { KolSpanWcTag, KolTooltipWcTag } from '../../core/component-names';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-button-wc',\n\tshadow: false,\n})\nexport class KolButtonWc implements API {\n\t@Element() private readonly host?: HTMLKolButtonWcElement;\n\tprivate ref?: HTMLButtonElement;\n\n\tprivate readonly catchRef = (ref?: HTMLButtonElement) => {\n\t\tthis.ref = ref;\n\t\tpropagateFocus(this.host, this.ref);\n\t};\n\n\tprivate readonly onClick = (event: MouseEvent) => {\n\t\tif (this.state._type === 'submit') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else if (this.state._type === 'reset') {\n\t\t\tpropagateResetEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else {\n\t\t\t// Event handling\n\t\t\tstopPropagation(event);\n\t\t\ttryToDispatchKoliBriEvent('click', this.host, this.state._value);\n\n\t\t\t// TODO: Static form handling\n\t\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tsetEventTarget(event, this.ref);\n\t\t\t\tthis.state._on?.onClick(event, this.state._value);\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\treturn (\n\t\t\t<Host class=\"kol-button-wc\">\n\t\t\t\t<button\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-controls={this.state._ariaControls}\n\t\t\t\t\taria-current={mapStringOrBoolean2String(this.state._ariaCurrent)}\n\t\t\t\t\taria-expanded={mapBoolean2String(this.state._ariaExpanded)}\n\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\taria-selected={mapStringOrBoolean2String(this.state._ariaSelected)}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\t[this.state._variant as string]: this.state._variant !== 'custom',\n\t\t\t\t\t\t[this.state._customClass as string]:\n\t\t\t\t\t\t\tthis.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n\t\t\t\t\t\t'icon-only': this.state._hideLabel === true, // @deprecated in v2\n\t\t\t\t\t\t'hide-label': this.state._hideLabel === true,\n\t\t\t\t\t}}\n\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\tid={this.state._id}\n\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t{...this.state._on}\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\ttype={this.state._type}\n\t\t\t\t>\n\t\t\t\t\t<KolSpanWcTag class=\"button-inner\" _icons={this.state._icons} _hideLabel={this.state._hideLabel} _label={hasExpertSlot ? '' : this.state._label}>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t\t</KolSpanWcTag>\n\t\t\t\t</button>\n\t\t\t\t<KolTooltipWcTag\n\t\t\t\t\t/**\n\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t */\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\thidden={hasExpertSlot || !this.state._hideLabel}\n\t\t\t\t\t_align={this.state._tooltipAlign}\n\t\t\t\t\t_label={typeof this.state._label === 'string' ? this.state._label : ''}\n\t\t\t\t></KolTooltipWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: AssociatedInputController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t *\n\t * @deprecated aria-current is not necessary for buttons. will be removed in version 2.\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrentPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Deprecated: Setzt die semantische Beschriftung der Komponente.\n\t *\n\t * @deprecated use _label instead\n\t */\n\t@Prop() public _ariaLabel?: string;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: IconsPropType;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Deprecated: Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t *\n\t * @deprecated\n\t */\n\t@Prop() public _iconAlign?: AlignPropType;\n\n\t/**\n\t * Deprecated: Hides the label and shows the description in a Tooltip instead.\n\t *\n\t * @deprecated use _hide-label\n\t */\n\t@Prop() public _iconOnly?: boolean;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value that the button emits on click.\n\t */\n\t@Prop() public _value?: Stringified<StencilUnknown>;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@State() public state: ButtonStates = {\n\t\t_icons: {},\n\t\t_label: '…', // ⚠ required\n\t\t_on: {},\n\t\t_type: 'button',\n\t\t_variant: 'normal',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new AssociatedInputController(this, 'button', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this, '_accessKey', value);\n\t}\n\n\t@Watch('_ariaControls')\n\tpublic validateAriaControls(value?: string): void {\n\t\tvalidateAriaControls(this, value);\n\t}\n\n\t@Watch('_ariaCurrent')\n\tpublic validateAriaCurrent(value?: AriaCurrentPropType): void {\n\t\tvalidateAriaCurrent(this, value);\n\t}\n\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: boolean): void {\n\t\tvalidateAriaExpanded(this, value);\n\t}\n\n\t@Watch('_ariaLabel')\n\tpublic validateAriaLabel(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_ariaSelected')\n\tpublic validateAriaSelected(value?: boolean): void {\n\t\twatchBoolean(this, '_ariaSelected', value);\n\t}\n\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: CustomClassPropType): void {\n\t\tvalidateCustomClass(this, value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_iconAlign')\n\tpublic validateIconAlign(value?: AlignPropType): void {\n\t\twatchIconAlign(this, value);\n\t}\n\n\t@Watch('_iconOnly')\n\tpublic validateIconOnly(value?: boolean): void {\n\t\tthis.validateHideLabel(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\twatchString(this, '_id', value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: ButtonCallbacksPropType<StencilUnknown>): void {\n\t\tvalidateButtonCallbacks(this, value);\n\t}\n\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativeButtonLinkRolePropType): void {\n\t\tvalidateAlternativeButtonLinkRole(this, value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: ButtonTypePropType): void {\n\t\tvalidateButtonType(this, value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<StencilUnknown>): void {\n\t\tsetState(this, '_value', value);\n\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: ButtonVariantPropType): void {\n\t\tvalidateButtonVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaControls(this._ariaControls);\n\t\tthis.validateAriaCurrent(this._ariaCurrent);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaSelected(this._ariaSelected);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateHideLabel(this._hideLabel || this._iconOnly);\n\t\tthis.validateIcons(this._icons || this._icon);\n\t\tthis.validateIconAlign(this._iconAlign);\n\t\tthis.validateId(this._id);\n\t\tthis.validateLabel(this._label ?? this._ariaLabel); // explicitly allow empty string labels\n\t\tthis.validateName(this._name);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateType(this._type);\n\t\tthis.validateValue(this._value);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"names":["validateAriaExpanded","component","value","watchBoolean","validateButtonCallbacks","watchValidator","Set","validateButtonType","validateDisabled","KolButtonWc","render","hasExpertSlot","showExpertSlot","this","state","_label","h","Host","key","class","Object","assign","ref","catchRef","accessKey","_accessKey","_ariaControls","mapStringOrBoolean2String","_ariaCurrent","mapBoolean2String","_ariaExpanded","_hideLabel","undefined","_ariaSelected","button","_variant","_customClass","length","disabled","_disabled","id","_id","name","_name","_on","onClick","role","_role","tabIndex","_tabIndex","type","_type","KolSpanWcTag","_icons","slot","KolTooltipWcTag","hidden","_align","_tooltipAlign","constructor","hostRef","propagateFocus","host","event","propagateSubmitEventToForm","form","propagateResetEventToForm","stopPropagation","tryToDispatchKoliBriEvent","_value","controller","setFormAssociatedValue","_a","setEventTarget","_b","AssociatedInputController","validateAccessKey","watchString","validateAriaControls","validateAriaCurrent","validateAriaLabel","validateLabel","validateAriaSelected","validateCustomClass","a11yHintDisabled","validateHideLabel","validateIcon","validateIcons","validateIconAlign","watchIconAlign","validateIconOnly","validateId","validateLabelWithExpertSlot","required","validateName","validateOn","validateRole","validateAlternativeButtonLinkRole","validateSyncValueBySelector","validateTabIndex","validateTooltipAlign","validateType","validateValue","setState","validateVariant","validateButtonVariant","componentWillLoad","_iconOnly","_icon","_iconAlign","_ariaLabel","_syncValueBySelector"],"sources":["src/types/props/aria-expanded.ts","src/types/props/button-callbacks.ts","src/types/props/button-type.ts","src/types/props/disabled.ts","src/components/button/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\ntype AriaExpandedPropType = boolean;\n\n/**\n * Marks this element as open/expanded, or that the connected element (aria-controls/aria-owns) is open/expanded.\n * (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n * @deprecated\n */\nexport type PropAriaExpanded = {\n\tariaExpanded: AriaExpandedPropType;\n};\n\n/* validator */\nexport const validateAriaExpanded = (component: Generic.Element.Component, value?: AriaExpandedPropType): void => {\n\twatchBoolean(component, '_ariaExpanded', value);\n};\n","import { Events } from '../../enums/events';\nimport { EventCallback, EventValueOrEventCallback } from '../callbacks';\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\nimport { StencilUnknown } from '../unknown';\n\n/* types */\nexport type ButtonCallbacksPropType<T> = {\n\t[Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n\t[Events.onMouseDown]?: EventCallback<MouseEvent>;\n};\n\n/**\n * Defines the callback functions for button events.\n */\nexport type PropButtonCallbacks<T> = {\n\ton: ButtonCallbacksPropType<T>;\n};\n\n/* validator */\nexport const validateButtonCallbacks = (component: Generic.Element.Component, value?: ButtonCallbacksPropType<StencilUnknown>): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_on`,\n\t\t(value) => typeof value === 'object' && value !== null,\n\t\tnew Set(['ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}']),\n\t\tvalue,\n\t);\n};\n","/* types */\nimport type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\n\nexport type ButtonTypePropType = 'button' | 'reset' | 'submit';\n\n/**\n * Defines either the type of the component or of the components interactive element.\n */\nexport type PropButtonType = {\n\ttype: ButtonTypePropType;\n};\n\n/* validator */\nexport const validateButtonType = (component: Generic.Element.Component, value?: ButtonTypePropType): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t`_type`,\n\t\t(value) => value === 'button' || value === 'reset' || value === 'submit',\n\t\tnew Set(['KoliBriButtonType {button, reset, submit}']),\n\t\tvalue,\n\t);\n};\n","import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\nexport type DisabledPropType = boolean;\n\n/**\n * Makes the element not focusable and ignore all events.\n */\nexport type PropDisabled = {\n\tdisabled: DisabledPropType;\n};\n\n/* validator */\nexport const validateDisabled = (component: Generic.Element.Component, value?: DisabledPropType): void => {\n\twatchBoolean(component, '_disabled', value);\n};\n","import { Component, Element, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { States as ButtonStates } from '../../components/button/types';\nimport { Stringified } from '../../types/common';\nimport { AlignPropType } from '../../types/props/align';\nimport { AlternativeButtonLinkRolePropType, validateAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';\nimport { validateAriaControls } from '../../types/props/aria-controls';\nimport { AriaCurrentPropType, validateAriaCurrent } from '../../types/props/aria-current';\nimport { validateAriaExpanded } from '../../types/props/aria-expanded';\nimport { ButtonCallbacksPropType, validateButtonCallbacks } from '../../types/props/button-callbacks';\nimport { ButtonTypePropType, validateButtonType } from '../../types/props/button-type';\nimport { ButtonVariantPropType, validateButtonVariant } from '../../types/props/button-variant';\nimport { CustomClassPropType, validateCustomClass } from '../../types/props/custom-class';\nimport { DisabledPropType, validateDisabled } from '../../types/props/disabled';\nimport { validateHideLabel } from '../../types/props/hide-label';\nimport { IconsPropType, validateIcons, watchIconAlign } from '../../types/props/icons';\nimport { LabelWithExpertSlotPropType, validateLabelWithExpertSlot } from '../../types/props/label';\nimport { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';\nimport { TooltipAlignPropType, validateTooltipAlign } from '../../types/props/tooltip-align';\nimport { StencilUnknown } from '../../types/unknown';\nimport { a11yHintDisabled } from '../../utils/a11y.tipps';\nimport { stopPropagation, tryToDispatchKoliBriEvent } from '../../utils/events';\nimport { mapBoolean2String, mapStringOrBoolean2String, setEventTarget, setState, watchBoolean, watchString } from '../../utils/prop.validators';\nimport { propagateFocus, showExpertSlot } from '../../utils/reuse';\nimport { validateTabIndex } from '../../utils/validators/tab-index';\nimport { propagateResetEventToForm, propagateSubmitEventToForm } from '../form/controller';\nimport { AssociatedInputController } from '../input-adapter-leanup/associated.controller';\nimport { API } from './types';\nimport { KolSpanWcTag, KolTooltipWcTag } from '../../core/component-names';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-button-wc',\n\tshadow: false,\n})\nexport class KolButtonWc implements API {\n\t@Element() private readonly host?: HTMLKolButtonWcElement;\n\tprivate ref?: HTMLButtonElement;\n\n\tprivate readonly catchRef = (ref?: HTMLButtonElement) => {\n\t\tthis.ref = ref;\n\t\tpropagateFocus(this.host, this.ref);\n\t};\n\n\tprivate readonly onClick = (event: MouseEvent) => {\n\t\tif (this.state._type === 'submit') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else if (this.state._type === 'reset') {\n\t\t\tpropagateResetEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ref,\n\t\t\t});\n\t\t} else {\n\t\t\t// Event handling\n\t\t\tstopPropagation(event);\n\t\t\ttryToDispatchKoliBriEvent('click', this.host, this.state._value);\n\n\t\t\t// TODO: Static form handling\n\t\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tsetEventTarget(event, this.ref);\n\t\t\t\tthis.state._on?.onClick(event, this.state._value);\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\treturn (\n\t\t\t<Host class=\"kol-button-wc\">\n\t\t\t\t<button\n\t\t\t\t\tref={this.catchRef}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-controls={this.state._ariaControls}\n\t\t\t\t\taria-current={mapStringOrBoolean2String(this.state._ariaCurrent)}\n\t\t\t\t\taria-expanded={mapBoolean2String(this.state._ariaExpanded)}\n\t\t\t\t\taria-label={this.state._hideLabel && typeof this.state._label === 'string' ? this.state._label : undefined}\n\t\t\t\t\taria-selected={mapStringOrBoolean2String(this.state._ariaSelected)}\n\t\t\t\t\tclass={{\n\t\t\t\t\t\tbutton: true,\n\t\t\t\t\t\t[this.state._variant as string]: this.state._variant !== 'custom',\n\t\t\t\t\t\t[this.state._customClass as string]:\n\t\t\t\t\t\t\tthis.state._variant === 'custom' && typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n\t\t\t\t\t\t'icon-only': this.state._hideLabel === true, // @deprecated in v2\n\t\t\t\t\t\t'hide-label': this.state._hideLabel === true,\n\t\t\t\t\t}}\n\t\t\t\t\tdisabled={this.state._disabled}\n\t\t\t\t\tid={this.state._id}\n\t\t\t\t\tname={this.state._name}\n\t\t\t\t\t{...this.state._on}\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\ttype={this.state._type}\n\t\t\t\t>\n\t\t\t\t\t<KolSpanWcTag class=\"button-inner\" _icons={this.state._icons} _hideLabel={this.state._hideLabel} _label={hasExpertSlot ? '' : this.state._label}>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t\t</KolSpanWcTag>\n\t\t\t\t</button>\n\t\t\t\t<KolTooltipWcTag\n\t\t\t\t\t/**\n\t\t\t\t\t * Dieses Aria-Hidden verhindert das doppelte Vorlesen des Labels,\n\t\t\t\t\t * verhindert aber nicht das Aria-Labelledby vorgelesen wird.\n\t\t\t\t\t */\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\thidden={hasExpertSlot || !this.state._hideLabel}\n\t\t\t\t\t_align={this.state._tooltipAlign}\n\t\t\t\t\t_label={typeof this.state._label === 'string' ? this.state._label : ''}\n\t\t\t\t></KolTooltipWcTag>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: AssociatedInputController;\n\n\t/**\n\t * Defines which key combination can be used to trigger or focus the interactive element of the component.\n\t */\n\t@Prop() public _accessKey?: string;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n\t *\n\t * @deprecated aria-current is not necessary for buttons. will be removed in version 2.\n\t */\n\t@Prop() public _ariaCurrent?: AriaCurrentPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Deprecated: Setzt die semantische Beschriftung der Komponente.\n\t *\n\t * @deprecated use _label instead\n\t */\n\t@Prop() public _ariaLabel?: string;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * @deprecated Use _icons.\n\t */\n\t@Prop() public _icon?: IconsPropType;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Deprecated: Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t *\n\t * @deprecated\n\t */\n\t@Prop() public _iconAlign?: AlignPropType;\n\n\t/**\n\t * Deprecated: Hides the label and shows the description in a Tooltip instead.\n\t *\n\t * @deprecated use _hide-label\n\t */\n\t@Prop() public _iconOnly?: boolean;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t */\n\t@Prop() public _id?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value that the button emits on click.\n\t */\n\t@Prop() public _value?: Stringified<StencilUnknown>;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@State() public state: ButtonStates = {\n\t\t_icons: {},\n\t\t_label: '…', // ⚠ required\n\t\t_on: {},\n\t\t_type: 'button',\n\t\t_variant: 'normal',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new AssociatedInputController(this, 'button', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: string): void {\n\t\twatchString(this, '_accessKey', value);\n\t}\n\n\t@Watch('_ariaControls')\n\tpublic validateAriaControls(value?: string): void {\n\t\tvalidateAriaControls(this, value);\n\t}\n\n\t@Watch('_ariaCurrent')\n\tpublic validateAriaCurrent(value?: AriaCurrentPropType): void {\n\t\tvalidateAriaCurrent(this, value);\n\t}\n\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: boolean): void {\n\t\tvalidateAriaExpanded(this, value);\n\t}\n\n\t@Watch('_ariaLabel')\n\tpublic validateAriaLabel(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_ariaSelected')\n\tpublic validateAriaSelected(value?: boolean): void {\n\t\twatchBoolean(this, '_ariaSelected', value);\n\t}\n\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: CustomClassPropType): void {\n\t\tvalidateCustomClass(this, value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t\tif (value === true) {\n\t\t\ta11yHintDisabled();\n\t\t}\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: boolean): void {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_icon')\n\tpublic validateIcon(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_iconAlign')\n\tpublic validateIconAlign(value?: AlignPropType): void {\n\t\twatchIconAlign(this, value);\n\t}\n\n\t@Watch('_iconOnly')\n\tpublic validateIconOnly(value?: boolean): void {\n\t\tthis.validateHideLabel(value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: string): void {\n\t\twatchString(this, '_id', value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: ButtonCallbacksPropType<StencilUnknown>): void {\n\t\tvalidateButtonCallbacks(this, value);\n\t}\n\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativeButtonLinkRolePropType): void {\n\t\tvalidateAlternativeButtonLinkRole(this, value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: ButtonTypePropType): void {\n\t\tvalidateButtonType(this, value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: Stringified<StencilUnknown>): void {\n\t\tsetState(this, '_value', value);\n\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: ButtonVariantPropType): void {\n\t\tvalidateButtonVariant(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaControls(this._ariaControls);\n\t\tthis.validateAriaCurrent(this._ariaCurrent);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaSelected(this._ariaSelected);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateHideLabel(this._hideLabel || this._iconOnly);\n\t\tthis.validateIcons(this._icons || this._icon);\n\t\tthis.validateIconAlign(this._iconAlign);\n\t\tthis.validateId(this._id);\n\t\tthis.validateLabel(this._label ?? this._ariaLabel); // explicitly allow empty string labels\n\t\tthis.validateName(this._name);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateType(this._type);\n\t\tthis.validateValue(this._value);\n\t\tthis.validateVariant(this._variant);\n\t}\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as e,g as n}from"./index-a051748e.js";import{a as s}from"./reuse-d79ab469.js";import{d as a}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:inline-block}:is(a,button){display:inline-flex;place-items:center;text-align:center;text-decoration-line:none}:is(a,button)>.kol-span-wc{margin:auto;width:100%}:is(button):disabled{cursor:not-allowed;opacity:0.5}",d=o,h=class{constructor(t){i(this,t),this.catchRef=i=>{s(this.host,i)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal"}render(){return t(e,{key:"00077208a24dc1b778dcfd29e2133f81bdf4639b",class:"kol-button"},t(a,{key:"2849b258f5eccc021056db37017c3348077e7f18",ref:this.catchRef,class:{button:!0,[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0},_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel||this._iconOnly,_icons:this._icons||this._icon,_iconAlign:this._iconAlign,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant},t("slot",{key:"1ca9de6ce3d380c4d9ac8d426c1ebe74b2714e7c",name:"expert",slot:"expert"})))}get host(){return n(this)}};h.style={default:d};export{h as kol_button};
+import{r as i,h as t,H as e,g as n}from"./index-6237c77d.js";import{a as s}from"./reuse-d79ab469.js";import{d as a}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:inline-block}:is(a,button){display:inline-flex;place-items:center;text-align:center;text-decoration-line:none}:is(a,button)>.kol-span-wc{margin:auto;width:100%}:is(button):disabled{cursor:not-allowed;opacity:0.5}",d=o,h=class{constructor(t){i(this,t),this.catchRef=i=>{s(this.host,i)},this._accessKey=void 0,this._ariaControls=void 0,this._ariaCurrent=void 0,this._ariaExpanded=void 0,this._ariaLabel=void 0,this._ariaSelected=void 0,this._customClass=void 0,this._disabled=!1,this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconAlign=void 0,this._iconOnly=void 0,this._id=void 0,this._label=void 0,this._name=void 0,this._on=void 0,this._role=void 0,this._syncValueBySelector=void 0,this._tabIndex=void 0,this._tooltipAlign="top",this._type="button",this._value=void 0,this._variant="normal"}render(){return t(e,{key:"69cbf564dba30adba7458a6c62f5d1d5c0bf462e",class:"kol-button"},t(a,{key:"bba677a5eb79a22a46a3a63fc683a30bf596ef60",ref:this.catchRef,class:{button:!0,[this._variant]:"custom"!==this._variant,[this._customClass]:"custom"===this._variant&&"string"==typeof this._customClass&&this._customClass.length>0},_accessKey:this._accessKey,_ariaControls:this._ariaControls,_ariaCurrent:this._ariaCurrent,_ariaExpanded:this._ariaExpanded,_ariaLabel:this._ariaLabel,_ariaSelected:this._ariaSelected,_customClass:this._customClass,_disabled:this._disabled,_hideLabel:this._hideLabel||this._iconOnly,_icons:this._icons||this._icon,_iconAlign:this._iconAlign,_id:this._id,_label:this._label,_name:this._name,_on:this._on,_role:this._role,_syncValueBySelector:this._syncValueBySelector,_tabIndex:this._tabIndex,_tooltipAlign:this._tooltipAlign,_type:this._type,_value:this._value,_variant:this._variant},t("slot",{key:"0bed9206e2d1ae2461259ef50e7f4a86081dc7b5",name:"expert",slot:"expert"})))}get host(){return n(this)}};h.style={default:d};export{h as kol_button};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i,H as t}from"./index-a051748e.js";import{t as a}from"./i18n-ad947f60.js";import{v as s}from"./has-closer-1a36473f.js";import{a as o,s as n}from"./prop.validators-3017e14b.js";import{v as d}from"./label-bce4f328.js";import{w as l}from"./validation-f641b69f.js";import{c as r,d as h}from"./component-names-fed305c7.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";import"./a11y.tipps-798efb1a.js";import"./dev.utils-f829063f.js";const c=(e,a)=>{o(e,"_hasFooter",a)},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>div.card{height:100%;position:relative}.close{position:absolute;top:0;right:0}",p=f,b=class{constructor(a){e(this,a),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._on=void 0,this._hasCloser=!1,this._hasFooter=!1,this._heading=void 0,this._headline=void 0,this._label=void 0,this._level=1,this.state={_label:"…"}}render(){return i(t,{key:"da32b0ed01193f42e03b2f832888f2f8f43da04f",class:"kol-card"},i("div",{key:"ebd95e2fa5aa4284d849b4d224eecf57a6e1865e",class:"card"},i("div",{key:"c9945158ac65a2349b6c98771e22b0360d1958e8",class:"header"},i(r,{key:"95c331fb65b35f817d40b9f2dcb6b895474f3dcf",_label:this.state._label,_level:this.state._level}),i("slot",{key:"4079d18c6d704b9da532e5c67b34c0634275b65d",name:"header"})),i("div",{key:"88d3091a5ff8e470a039b432ff80133d30705ff9",class:"content"},i("slot",{key:"1d1a3dd3ff5309bb469b511a313b2a10b77adf28",name:"content"}),i("slot",{key:"f98e0f4bcb8779315d1dc1a62e01ae080e6bf1b9"})),this.state._hasFooter&&i("div",{class:"footer"},i("slot",{name:"footer"})),this.state._hasCloser&&i(h,{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:a("kol-close"),_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&n(this,"_on",{onClose:e.onClose})}validateHasCloser(e){s(this,e)}validateHasFooter(e){c(this,e)}validateHeading(e){this.validateLabel(e)}validateHeadline(e){this.validateLabel(e)}validateLabel(e){d(this,e,{defaultValue:"…"})}validateLevel(e){l(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateHasFooter(this._hasFooter),this.validateLabel(this._label||this._heading||this._headline),this.validateLevel(this._level),this.validateOn(this._on)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_hasFooter:["validateHasFooter"],_heading:["validateHeading"],_headline:["validateHeadline"],_label:["validateLabel"],_level:["validateLevel"]}}};b.style={default:p};export{b as kol_card};
+import{r as e,h as i,H as a}from"./index-6237c77d.js";import{t}from"./i18n-ad947f60.js";import{v as s}from"./has-closer-18441dc1.js";import{a as o,s as d}from"./prop.validators-0872ab9e.js";import{v as n}from"./label-218f516d.js";import{w as l}from"./validation-dc1ebfa2.js";import{c,d as r}from"./component-names-fed305c7.js";import"./i18n-fddf0324.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";import"./a11y.tipps-2fa5953b.js";import"./dev.utils-d7aa3c72.js";const h=(e,a)=>{o(e,"_hasFooter",a)},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>div.card{height:100%;position:relative}.close{position:absolute;top:0;right:0}",b=f,p=class{constructor(a){e(this,a),this.close=()=>{var e;void 0!==(null===(e=this._on)||void 0===e?void 0:e.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose,this._on=void 0,this._hasCloser=!1,this._hasFooter=!1,this._heading=void 0,this._headline=void 0,this._label=void 0,this._level=1,this.state={_label:"…"}}render(){return i(a,{key:"c5e556c6f7cff24fecb56fd6cf98cd82cdaeb709",class:"kol-card"},i("div",{key:"49b67f816fda0c202af3215d81927ede788888a2",class:"card"},i("div",{key:"3a57a30b8f857c6472ba913e8239271eda00214a",class:"header"},i(c,{key:"ac4c92f2f82c577b42a18f4dacc76cd5ea77affb",_label:this.state._label,_level:this.state._level}),i("slot",{key:"695f2617bc206a7ab1327005923267c329d3250d",name:"header"})),i("div",{key:"f512cb92b3e4fd6aec58f430b9825098f32ba69e",class:"content"},i("slot",{key:"1d15d0ef96ab7d2f1c1f9331849dcc3a9dcb7f9d",name:"content"}),i("slot",{key:"ffc54d4efc0febc6c7635e3dc6087bb430fb6c1b"})),this.state._hasFooter&&i("div",{key:"e62e78b3d6b9a3a182ddf407936e6148ed633cb1",class:"footer"},i("slot",{key:"ae67dd948cc0a0224f6671e4e8986b766c2f0a13",name:"footer"})),this.state._hasCloser&&i(r,{key:"ab2d976c9c1c1942853c04d9422094bd3db34726",class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:t("kol-close"),_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&d(this,"_on",{onClose:e.onClose})}validateHasCloser(e){s(this,e)}validateHasFooter(e){h(this,e)}validateHeading(e){this.validateLabel(e)}validateHeadline(e){this.validateLabel(e)}validateLabel(e){n(this,e,{defaultValue:"…"})}validateLevel(e){l(this,e)}componentWillLoad(){this.validateHasCloser(this._hasCloser),this.validateHasFooter(this._hasFooter),this.validateLabel(this._label||this._heading||this._headline),this.validateLevel(this._level),this.validateOn(this._on)}static get watchers(){return{_on:["validateOn"],_hasCloser:["validateHasCloser"],_hasFooter:["validateHasFooter"],_heading:["validateHeading"],_headline:["validateHeadline"],_label:["validateLabel"],_level:["validateLevel"]}}};p.style={default:b};export{p as kol_card};