@public-ui/components 1.7.19 → 1.7.21

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-dfb131c4.js";import{t as i}from"./i18n-8ac68853.js";import{v as r}from"./image-source-b82c30ce.js";import{v as e}from"./label-48b51f80.js";import"./i18n-a2f79a81.js";import"./reuse-d79ab469.js";import"./prop.validators-a62aac63.js";import"./index-117bd1aa.js";import"./a11y.tipps-477c41d6.js";import"./dev.utils-1e8dd4a9.js";const c=a=>0===a.length?"":a[0].toUpperCase(),o=a=>{const t=a.split(/\s+/),s=t.at(0),e=t.at(-1);return t.length>=2&&s&&e?`${c(s)}${c(e)}`:c(a)},d=class{constructor(t){a(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:"…"}}render(){return t(s,{key:"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"},o(this.state._label.trim()))))}validateSrc(a){r(this,a)}validateLabel(a){e(this,a,{required:!0})}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{d as kol_avatar_wc};

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

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

package/dist/kolibri/kol-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-dfb131c4.js";import{v as n}from"./label-48b51f80.js";import{b as o}from"./a11y.tipps-477c41d6.js";import{r as s,a as r}from"./unique-nav-labels-62d9802d.js";import{w as l}from"./validation-13009299.js";import{h as d,i as c}from"./component-names-fed305c7.js";import"./prop.validators-a62aac63.js";import"./index-117bd1aa.js";import"./dev.utils-1e8dd4a9.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-dfb131c4.js";const t=class{constructor(s){c(this,s),this.state={}}render(){return o(s,{key:"95c045b64c996a4b4075fb50751c84c4109d19db",class:"kol-button-group-wc"},o("slot",{key:"290f706d0e47811986f120342735b5c6e2c0d8a3"}))}};export{t as kol_button_group_wc};

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

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-dfb131c4.js";import{d as i,n,g as r}from"./component-names-fed305c7.js";const c=class{constructor(e){t(this,e),this.button=t=>s(i,Object.assign({},t)),this.link=t=>s(n,Object.assign({},t)),this.text=t=>s(r,Object.assign({},t)),this._link=void 0}render(){return s(e,{key:"4c6b65d7f50d5ded64dceb7405e84a7a9ff9997c",class:"kol-button-link-text-switch"},this.renderContent())}renderContent(){if(this._link._on){const t=this._link;return this.button(t)}if(this._link._href){const t=this._link;return this.link(t)}{const t=this._link;return this.text(t)}}};export{c as kol_button_link_text_switch};

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

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 e}from"./index-dfb131c4.js";import{v as a,a as d,b as h}from"./aria-current-2d66f536.js";import{a as n,w as l,h as o,i as r,f as c,d as f,s as b}from"./prop.validators-a62aac63.js";import{v as u,a as v}from"./custom-class-b9bd1dfe.js";import{v as m}from"./hide-label-16c3f288.js";import{v as p,w as _}from"./icons-c8b28f01.js";import{a as y}from"./label-48b51f80.js";import{v as j}from"./tooltip-align-960e84c4.js";import{g as A}from"./a11y.tipps-477c41d6.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-6065fa94.js";import{p as S,a as L}from"./controller-aed932e0.js";import{A as w}from"./associated.controller-8a07ed2c.js";import{b as T,g as V}from"./component-names-fed305c7.js";import"./index-117bd1aa.js";import"./dev.utils-1e8dd4a9.js";import"./alignment-7c2e01fd.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){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){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){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){b(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 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};

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-dfb131c4.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 a,H as i}from"./index-dfb131c4.js";import{t}from"./i18n-8ac68853.js";import{v as s}from"./has-closer-e00fca00.js";import{a as o,s as d}from"./prop.validators-a62aac63.js";import{v as n}from"./label-48b51f80.js";import{w as l}from"./validation-a87d2ca3.js";import{c,d as r}from"./component-names-fed305c7.js";import"./i18n-a2f79a81.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";import"./a11y.tipps-477c41d6.js";import"./dev.utils-1e8dd4a9.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}",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 a(i,{key:"c5e556c6f7cff24fecb56fd6cf98cd82cdaeb709",class:"kol-card"},a("div",{key:"49b67f816fda0c202af3215d81927ede788888a2",class:"card"},a("div",{key:"3a57a30b8f857c6472ba913e8239271eda00214a",class:"header"},a(c,{key:"ac4c92f2f82c577b42a18f4dacc76cd5ea77affb",_label:this.state._label,_level:this.state._level}),a("slot",{key:"695f2617bc206a7ab1327005923267c329d3250d",name:"header"})),a("div",{key:"f512cb92b3e4fd6aec58f430b9825098f32ba69e",class:"content"},a("slot",{key:"1d15d0ef96ab7d2f1c1f9331849dcc3a9dcb7f9d",name:"content"}),a("slot",{key:"ffc54d4efc0febc6c7635e3dc6087bb430fb6c1b"})),this.state._hasFooter&&a("div",{key:"e62e78b3d6b9a3a182ddf407936e6148ed633cb1",class:"footer"},a("slot",{key:"ae67dd948cc0a0224f6671e4e8986b766c2f0a13",name:"footer"})),this.state._hasCloser&&a(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"]}}};b.style={default:p};export{b as kol_card};

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

@@ -1 +1 @@
-{"version":3,"names":["validateHasFooter","component","value","watchBoolean","defaultStyleCss","KolCardDefaultStyle0","KolCard","this","close","_a","_on","onClose","undefined","Event","on","onClick","validateOnValue","_label","render","h","Host","key","class","KolHeadingWcTag","state","_level","name","_hasFooter","_hasCloser","KolButtonWcTag","_hideLabel","_icons","left","icon","translate","_tooltipAlign","validateOn","setState","validateHasCloser","validateHeading","validateLabel","validateHeadline","defaultValue","validateLevel","watchHeadingLevel","componentWillLoad","_heading","_headline"],"sources":["src/types/props/has-footer.ts","src/components/card/style.scss?tag=kol-card&mode=default&encapsulation=shadow","src/components/card/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\n\nexport type HasFooterPropType = boolean;\n\n/**\n * Shows the slot=\"footer\".\n */\nexport type PropHasFooter = {\n\thasFooter: HasFooterPropType;\n};\n\n/* validator */\nexport const validateHasFooter = (component: Generic.Element.Component, value?: HasFooterPropType): void => {\n\twatchBoolean(component, '_hasFooter', value);\n};\n","@import '../style';\n\n:host > div.card {\n\theight: 100%;\n\tposition: relative;\n}\n\n.close {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n}\n","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 { HasFooterPropType, validateHasFooter } from '../../types/props/has-footer';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { setState } from '../../utils/prop.validators';\nimport { KoliBriAlertEventCallbacks } from '../alert/types';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { API, KoliBriCardEventCallbacks, States } from './types';\nimport { KolButtonWcTag, KolHeadingWcTag } from '../../core/component-names';\n\n/**\n * @slot - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich der Card.\n * @slot content - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich der Card.\n * @slot header - Deprecated für Version 2: Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich unterhalb der Überschrift der Card.\n * @slot footer - Deprecated für Version 2: Ermöglicht das Einfügen beliebigen HTML's in den Fußbereich der Card.\n */\n@Component({\n\ttag: 'kol-card',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolCard 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\treturn (\n\t\t\t<Host class=\"kol-card\">\n\t\t\t\t<div class=\"card\">\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<KolHeadingWcTag _label={this.state._label} _level={this.state._level}></KolHeadingWcTag>\n\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t\t\t\t{/* Deprecated for version 2 */}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state._hasFooter && (\n\t\t\t\t\t\t<div class=\"footer\">\n\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\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</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the event callback functions for the component.\n\t */\n\t@Prop() public _on?: KoliBriCardEventCallbacks;\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 * Shows the slot=\"footer\".\n\t * @TODO: Change type back to `HasFooterPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasFooter?: boolean = false;\n\n\t/**\n\t * Deprecated: Gibt die Beschriftung der Komponente an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _heading?: string;\n\n\t/**\n\t * Deprecated: Gibt die Beschriftung der Komponente an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _headline?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t@State() public state: States = {\n\t\t_label: '…', // ⚠ required\n\t};\n\n\tprivate validateOnValue = (value: unknown): boolean =>\n\t\ttypeof value === 'object' && value !== null && typeof (value as KoliBriCardEventCallbacks).onClose === 'function';\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriCardEventCallbacks): void {\n\t\tif (this.validateOnValue(value)) {\n\t\t\tsetState<KoliBriCardEventCallbacks>(this, '_on', {\n\t\t\t\tonClose: (value as KoliBriAlertEventCallbacks).onClose,\n\t\t\t});\n\t\t}\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_hasFooter')\n\tpublic validateHasFooter(value?: HasFooterPropType): void {\n\t\tvalidateHasFooter(this, value);\n\t}\n\n\t/**\n\t * @deprecated\n\t */\n\t@Watch('_heading')\n\tpublic validateHeading(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t/**\n\t * @deprecated\n\t */\n\t@Watch('_headline')\n\tpublic validateHeadline(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\tdefaultValue: '…',\n\t\t});\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateHasFooter(this._hasFooter);\n\t\tthis.validateLabel(this._label || this._heading || this._headline);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t}\n}\n"],"mappings":";;;qeAgBO,MAAMA,EAAoB,CAACC,EAAsCC,KACvEC,EAAaF,EAAW,aAAcC,EAAM,ECjB7C,MAAME,EAAkB,m8BACxB,MAAAC,EAAeD,E,MCyBFE,EAAO,M,yBACFC,KAAAC,MAAQ,K,MACxB,KAAIC,EAAAF,KAAKG,OAAG,MAAAD,SAAA,SAAAA,EAAEE,WAAYC,UAAW,CACpCL,KAAKG,IAAIC,QAAQ,IAAIE,MAAM,S,GAIZN,KAAAO,GAAK,CACrBC,QAASR,KAAKC,OAoFPD,KAAAS,gBAAmBd,UACnBA,IAAU,UAAYA,IAAU,aAAgBA,EAAoCS,UAAY,W,mCAnClE,M,gBAMA,M,mFAsBC,E,WAEP,CAC/BM,OAAQ,I,CA9EF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACVH,EAACI,EAAe,CAAAF,IAAA,2CAACJ,OAAQV,KAAKiB,MAAMP,OAAQQ,OAAQlB,KAAKiB,MAAMC,SAC/DN,EAAA,QAAAE,IAAA,2CAAMK,KAAK,YAEZP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACVH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,YAEXP,EAAA,QAAAE,IAAA,8CAEAd,KAAKiB,MAAMG,YACXR,EAAA,OAAKG,MAAM,UACVH,EAAA,QAAMO,KAAK,YAIZnB,KAAKiB,MAAMI,YACXT,EAACU,EAAc,CACdP,MAAM,QACNQ,WAAU,KACVC,OAAQ,CACPC,KAAM,CACLC,KAAM,0BAGRhB,OAAQiB,EAAU,aAClBxB,IAAKH,KAAKO,GACVqB,cAAc,U,CAuDb,UAAAC,CAAWlC,GACjB,GAAIK,KAAKS,gBAAgBd,GAAQ,CAChCmC,EAAoC9B,KAAM,MAAO,CAChDI,QAAUT,EAAqCS,S,EAM3C,iBAAA2B,CAAkBpC,GACxBoC,EAAkB/B,KAAML,E,CAIlB,iBAAAF,CAAkBE,GACxBF,EAAkBO,KAAML,E,CAOlB,eAAAqC,CAAgBrC,GACtBK,KAAKiC,cAActC,E,CAOb,gBAAAuC,CAAiBvC,GACvBK,KAAKiC,cAActC,E,CAIb,aAAAsC,CAActC,GACpBsC,EAAcjC,KAAML,EAAO,CAC1BwC,aAAc,K,CAKT,aAAAC,CAAczC,GACpB0C,EAAkBrC,KAAML,E,CAGlB,iBAAA2C,GACNtC,KAAK+B,kBAAkB/B,KAAKqB,YAC5BrB,KAAKP,kBAAkBO,KAAKoB,YAC5BpB,KAAKiC,cAAcjC,KAAKU,QAAUV,KAAKuC,UAAYvC,KAAKwC,WACxDxC,KAAKoC,cAAcpC,KAAKkB,QACxBlB,KAAK6B,WAAW7B,KAAKG,I"}
+{"version":3,"names":["validateHasFooter","component","value","watchBoolean","defaultStyleCss","KolCardDefaultStyle0","KolCard","this","close","_a","_on","onClose","undefined","Event","on","onClick","validateOnValue","_label","render","h","Host","key","class","KolHeadingWcTag","state","_level","name","_hasFooter","_hasCloser","KolButtonWcTag","_hideLabel","_icons","left","icon","translate","_tooltipAlign","validateOn","setState","validateHasCloser","validateHeading","validateLabel","validateHeadline","defaultValue","validateLevel","watchHeadingLevel","componentWillLoad","_heading","_headline"],"sources":["src/types/props/has-footer.ts","src/components/card/style.scss?tag=kol-card&mode=default&encapsulation=shadow","src/components/card/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport { watchBoolean } from '../../utils/prop.validators';\n\n/* types */\n\nexport type HasFooterPropType = boolean;\n\n/**\n * Shows the slot=\"footer\".\n */\nexport type PropHasFooter = {\n\thasFooter: HasFooterPropType;\n};\n\n/* validator */\nexport const validateHasFooter = (component: Generic.Element.Component, value?: HasFooterPropType): void => {\n\twatchBoolean(component, '_hasFooter', value);\n};\n","@import '../style';\n\n:host > div.card {\n\theight: 100%;\n\tposition: relative;\n}\n\n.close {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n}\n","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 { HasFooterPropType, validateHasFooter } from '../../types/props/has-footer';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { setState } from '../../utils/prop.validators';\nimport { KoliBriAlertEventCallbacks } from '../alert/types';\nimport { watchHeadingLevel } from '../heading/validation';\nimport { API, KoliBriCardEventCallbacks, States } from './types';\nimport { KolButtonWcTag, KolHeadingWcTag } from '../../core/component-names';\n\n/**\n * @slot - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich der Card.\n * @slot content - Ermöglicht das Einfügen beliebigen HTML's in den Inhaltsbereich der Card.\n * @slot header - Deprecated für Version 2: Ermöglicht das Einfügen beliebigen HTML's in den Kopfbereich unterhalb der Überschrift der Card.\n * @slot footer - Deprecated für Version 2: Ermöglicht das Einfügen beliebigen HTML's in den Fußbereich der Card.\n */\n@Component({\n\ttag: 'kol-card',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolCard 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\treturn (\n\t\t\t<Host class=\"kol-card\">\n\t\t\t\t<div class=\"card\">\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<KolHeadingWcTag _label={this.state._label} _level={this.state._level}></KolHeadingWcTag>\n\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot name=\"content\"></slot>\n\t\t\t\t\t\t{/* Deprecated for version 2 */}\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t\t{this.state._hasFooter && (\n\t\t\t\t\t\t<div class=\"footer\">\n\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\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</Host>\n\t\t);\n\t}\n\n\t/**\n\t * Defines the event callback functions for the component.\n\t */\n\t@Prop() public _on?: KoliBriCardEventCallbacks;\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 * Shows the slot=\"footer\".\n\t * @TODO: Change type back to `HasFooterPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hasFooter?: boolean = false;\n\n\t/**\n\t * Deprecated: Gibt die Beschriftung der Komponente an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _heading?: string;\n\n\t/**\n\t * Deprecated: Gibt die Beschriftung der Komponente an.\n\t * @deprecated Use _label.\n\t */\n\t@Prop() public _headline?: string;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t/**\n\t * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t */\n\t@Prop() public _level?: HeadingLevel = 1;\n\n\t@State() public state: States = {\n\t\t_label: '…', // ⚠ required\n\t};\n\n\tprivate validateOnValue = (value: unknown): boolean =>\n\t\ttypeof value === 'object' && value !== null && typeof (value as KoliBriCardEventCallbacks).onClose === 'function';\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriCardEventCallbacks): void {\n\t\tif (this.validateOnValue(value)) {\n\t\t\tsetState<KoliBriCardEventCallbacks>(this, '_on', {\n\t\t\t\tonClose: (value as KoliBriAlertEventCallbacks).onClose,\n\t\t\t});\n\t\t}\n\t}\n\n\t@Watch('_hasCloser')\n\tpublic validateHasCloser(value?: HasCloserPropType): void {\n\t\tvalidateHasCloser(this, value);\n\t}\n\n\t@Watch('_hasFooter')\n\tpublic validateHasFooter(value?: HasFooterPropType): void {\n\t\tvalidateHasFooter(this, value);\n\t}\n\n\t/**\n\t * @deprecated\n\t */\n\t@Watch('_heading')\n\tpublic validateHeading(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t/**\n\t * @deprecated\n\t */\n\t@Watch('_headline')\n\tpublic validateHeadline(value?: string): void {\n\t\tthis.validateLabel(value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\tdefaultValue: '…',\n\t\t});\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateHasCloser(this._hasCloser);\n\t\tthis.validateHasFooter(this._hasFooter);\n\t\tthis.validateLabel(this._label || this._heading || this._headline);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t}\n}\n"],"mappings":";;;2dAgBO,MAAMA,EAAoB,CAACC,EAAsCC,KACvEC,EAAaF,EAAW,aAAcC,EAAM,ECjB7C,MAAME,EAAkB,m8BACxB,MAAAC,EAAeD,E,MCyBFE,EAAO,M,yBACFC,KAAAC,MAAQ,K,MACxB,KAAIC,EAAAF,KAAKG,OAAG,MAAAD,SAAA,SAAAA,EAAEE,WAAYC,UAAW,CACpCL,KAAKG,IAAIC,QAAQ,IAAIE,MAAM,S,GAIZN,KAAAO,GAAK,CACrBC,QAASR,KAAKC,OAoFPD,KAAAS,gBAAmBd,UACnBA,IAAU,UAAYA,IAAU,aAAgBA,EAAoCS,UAAY,W,mCAnClE,M,gBAMA,M,mFAsBC,E,WAEP,CAC/BM,OAAQ,I,CA9EF,MAAAC,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YACXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QACVH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACVH,EAACI,EAAe,CAAAF,IAAA,2CAACJ,OAAQV,KAAKiB,MAAMP,OAAQQ,OAAQlB,KAAKiB,MAAMC,SAC/DN,EAAA,QAAAE,IAAA,2CAAMK,KAAK,YAEZP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACVH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,YAEXP,EAAA,QAAAE,IAAA,8CAEAd,KAAKiB,MAAMG,YACXR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACVH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,YAIZnB,KAAKiB,MAAMI,YACXT,EAACU,EAAc,CAAAR,IAAA,2CACdC,MAAM,QACNQ,WAAU,KACVC,OAAQ,CACPC,KAAM,CACLC,KAAM,0BAGRhB,OAAQiB,EAAU,aAClBxB,IAAKH,KAAKO,GACVqB,cAAc,U,CAuDb,UAAAC,CAAWlC,GACjB,GAAIK,KAAKS,gBAAgBd,GAAQ,CAChCmC,EAAoC9B,KAAM,MAAO,CAChDI,QAAUT,EAAqCS,S,EAM3C,iBAAA2B,CAAkBpC,GACxBoC,EAAkB/B,KAAML,E,CAIlB,iBAAAF,CAAkBE,GACxBF,EAAkBO,KAAML,E,CAOlB,eAAAqC,CAAgBrC,GACtBK,KAAKiC,cAActC,E,CAOb,gBAAAuC,CAAiBvC,GACvBK,KAAKiC,cAActC,E,CAIb,aAAAsC,CAActC,GACpBsC,EAAcjC,KAAML,EAAO,CAC1BwC,aAAc,K,CAKT,aAAAC,CAAczC,GACpB0C,EAAkBrC,KAAML,E,CAGlB,iBAAA2C,GACNtC,KAAK+B,kBAAkB/B,KAAKqB,YAC5BrB,KAAKP,kBAAkBO,KAAKoB,YAC5BpB,KAAKiC,cAAcjC,KAAKU,QAAUV,KAAKuC,UAAYvC,KAAKwC,WACxDxC,KAAKoC,cAAcpC,KAAKkB,QACxBlB,KAAK6B,WAAW7B,KAAKG,I"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as e,g as s}from"./index-a051748e.js";import{v as a}from"./label-bce4f328.js";import{v as o}from"./open-e11c786d.js";import{t as n}from"./events-fa760b68.js";import{s as h}from"./prop.validators-3017e14b.js";import{a as d}from"./reuse-d79ab469.js";import{h as r,k as l}from"./component-names-fed305c7.js";import"./a11y.tipps-798efb1a.js";import"./dev.utils-f829063f.js";import"./index-117bd1aa.js";class c{constructor(t,e,i){this.detailsElement=t,this.summaryElement=e,this.contentElement=i,this.isClosing=!1,this.isExpanding=!1,this.summaryElement.addEventListener("click",this.handleSummaryClick.bind(this))}handleSummaryClick(t){t.preventDefault(),this.isClosing||!this.detailsElement.open?this.open():(this.isExpanding||this.detailsElement.open)&&this.collapse()}open(){this.detailsElement.open=!0,window.requestAnimationFrame(this.expand.bind(this))}expand(){this.isExpanding=!0,this.animateContentHeight("expand")}collapse(){this.isClosing=!0,this.animateContentHeight("collapse")}animateContentHeight(t){let e="expand"===t?0:this.contentElement.offsetHeight,i="expand"===t?this.contentElement.offsetHeight:0;this.animation&&(e=this.contentElement.offsetHeight,this.animation.cancel(),"expand"===t&&(i=this.contentElement.offsetHeight)),this.animation=this.contentElement.animate({height:[`${e}px`,`${i}px`]},{duration:matchMedia("(prefers-reduced-motion)").matches?0:250,easing:"ease-out"}),this.animation.addEventListener("finish",(()=>{this.onAnimationFinish()}),{once:!0}),this.animation.addEventListener("cancel",(()=>{"expand"===t?this.isExpanding=!1:this.isClosing=!1}),{once:!0})}onAnimationFinish(){this.detailsElement.open=this.isExpanding,this.animation=void 0,this.isClosing=!1,this.isExpanding=!1}}const p=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}details{display:grid}details>summary{cursor:pointer;display:flex;place-items:center}details>summary>span{border-bottom-color:grey;border-bottom-style:solid}details>summary:focus>span,details>summary:hover>span,details[open]>summary>span{border-bottom-color:#000}.content{overflow:hidden}details>.kol-indented-text{margin:0.25em 0 0 0.5em}",f=p,m=class{constructor(t){i(this,t),this.catchRef=t=>{this.summaryElement=t,d(this.host,this.summaryElement)},this.handleToggle=t=>{clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout((()=>{var e,i,s,a;Boolean(null===(e=this.detailsElement)||void 0===e?void 0:e.open)!==this.state._open&&(this._open=Boolean(null===(i=this.detailsElement)||void 0===i?void 0:i.open),n("toggle",this.host,this._open),"function"==typeof(null===(s=this.state._on)||void 0===s?void 0:s.onToggle)&&(null===(a=this.state._on)||void 0===a||a.onToggle(t,this._open)))}),25)},this._label=void 0,this._on=void 0,this._open=!1,this._summary=void 0,this.state={_label:"…",_on:{}}}render(){return t(e,{key:"7e913ad8f8e1e277ab20ba4e4404cf927e51bf1e",class:"kol-details"},t("details",{key:"395cb2b8246bf5b97d96d538bbadb356b2712fa8",ref:t=>{this.detailsElement=t},onToggle:this.handleToggle},t("summary",{key:"8d68e6a9661b189f4d51a84fedafacdd83b47643",ref:this.catchRef},this.state._open?t(r,{_label:"",_icons:"codicon codicon-chevron-down"}):t(r,{_label:"",_icons:"codicon codicon-chevron-right"}),t("span",{key:"56161ba3a9556a5736911b981c25257665ea06a4"},this.state._label)),t("div",{key:"616d04bc148caaab97ecf6dfc40eb66173d20e49","aria-hidden":!1===this.state._open?"true":void 0,class:"content",ref:t=>this.contentElement=t},t(l,{key:"eb523a93b16331ebd3497c4ab0802007b6e3c752"},t("slot",{key:"985cea4fe6e0be5ac2d8c2d4331c8a0624c7ca0d"})))))}validateLabel(t){a(this,t,{required:!0})}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onToggle&&h(this,"_on",t)}validateOpen(t){o(this,t)}validateSummary(t){this.validateLabel(t)}componentWillLoad(){this.validateLabel(this._label||this._summary),this.validateOn(this._on),this.validateOpen(this._open)}componentDidLoad(){if(this.detailsElement&&this.summaryElement&&this.contentElement){const t=new c(this.detailsElement,this.summaryElement,this.contentElement);this.state._open&&t.open()}}get host(){return s(this)}static get watchers(){return{_label:["validateLabel"],_on:["validateOn"],_open:["validateOpen"],_summary:["validateSummary"]}}};m.style={default:f};export{m as kol_details};
+import{r as i,h as t,H as e,g as s}from"./index-dfb131c4.js";import{v as a}from"./label-48b51f80.js";import{v as o}from"./open-21fd43f3.js";import{t as n}from"./events-fa760b68.js";import{s as d}from"./prop.validators-a62aac63.js";import{a as h}from"./reuse-d79ab469.js";import{h as r,k as l}from"./component-names-fed305c7.js";import"./a11y.tipps-477c41d6.js";import"./dev.utils-1e8dd4a9.js";import"./index-117bd1aa.js";class c{constructor(t,e,i){this.detailsElement=t,this.summaryElement=e,this.contentElement=i,this.isClosing=!1,this.isExpanding=!1,this.summaryElement.addEventListener("click",this.handleSummaryClick.bind(this))}handleSummaryClick(t){t.preventDefault(),this.isClosing||!this.detailsElement.open?this.open():(this.isExpanding||this.detailsElement.open)&&this.collapse()}open(){this.detailsElement.open=!0,window.requestAnimationFrame(this.expand.bind(this))}expand(){this.isExpanding=!0,this.animateContentHeight("expand")}collapse(){this.isClosing=!0,this.animateContentHeight("collapse")}animateContentHeight(t){let e="expand"===t?0:this.contentElement.offsetHeight,i="expand"===t?this.contentElement.offsetHeight:0;this.animation&&(e=this.contentElement.offsetHeight,this.animation.cancel(),"expand"===t&&(i=this.contentElement.offsetHeight)),this.animation=this.contentElement.animate({height:[`${e}px`,`${i}px`]},{duration:matchMedia("(prefers-reduced-motion)").matches?0:250,easing:"ease-out"}),this.animation.addEventListener("finish",(()=>{this.onAnimationFinish()}),{once:!0}),this.animation.addEventListener("cancel",(()=>{"expand"===t?this.isExpanding=!1:this.isClosing=!1}),{once:!0})}onAnimationFinish(){this.detailsElement.open=this.isExpanding,this.animation=void 0,this.isClosing=!1,this.isExpanding=!1}}const p=":host{--a11y-min-size:44px;background-color:white;color:black;font-family:Verdana}*{hyphens:auto;letter-spacing:inherit;word-break:break-word;word-spacing:inherit}[role=button],button:not([role=link]),.kol-input .input{min-height:var(--a11y-min-size);min-width:var(--a11y-min-size)}a,button,h1,h2,h3,h4,h5,h6,input,option,select,textarea{font-family:inherit;font-size:inherit}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}[hidden]{display:none !important}:host{max-width:100%}*{box-sizing:border-box}.kol-span-wc{display:grid;place-items:center}.kol-span-wc>span{display:flex;place-items:center}a,button{cursor:pointer}.icon-only>.kol-span-wc>span>span{display:none}.hidden{display:none;visibility:hidden}:host{display:block}details{display:grid}details>summary{cursor:pointer;display:flex;place-items:center}details>summary>span{border-bottom-color:grey;border-bottom-style:solid}details>summary:focus>span,details>summary:hover>span,details[open]>summary>span{border-bottom-color:#000}.content{overflow:hidden}details>.kol-indented-text{margin:0.25em 0 0 0.5em}",f=p,m=class{constructor(t){i(this,t),this.catchRef=t=>{this.summaryElement=t,h(this.host,this.summaryElement)},this.handleToggle=t=>{clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout((()=>{var e,i,s,a;Boolean(null===(e=this.detailsElement)||void 0===e?void 0:e.open)!==this.state._open&&(this._open=Boolean(null===(i=this.detailsElement)||void 0===i?void 0:i.open),n("toggle",this.host,this._open),"function"==typeof(null===(s=this.state._on)||void 0===s?void 0:s.onToggle)&&(null===(a=this.state._on)||void 0===a||a.onToggle(t,this._open)))}),25)},this._label=void 0,this._on=void 0,this._open=!1,this._summary=void 0,this.state={_label:"…",_on:{}}}render(){return t(e,{key:"a74e58d8db562a493e78a48ae663d714efa5ab95",class:"kol-details"},t("details",{key:"e322e2b9d503104108ddfc4a5c7951eaa26286e1",ref:t=>{this.detailsElement=t},onToggle:this.handleToggle},t("summary",{key:"2b2d239c3fa48d83513d004c150c66cea4897030",ref:this.catchRef},this.state._open?t(r,{_label:"",_icons:"codicon codicon-chevron-down"}):t(r,{_label:"",_icons:"codicon codicon-chevron-right"}),t("span",{key:"af9183dddfdcdaf0b2f807a5eb0e7bd3b2f09b51"},this.state._label)),t("div",{key:"6322e1768922848537310910dc9e1b3c853c76ba","aria-hidden":!1===this.state._open?"true":void 0,class:"content",ref:t=>this.contentElement=t},t(l,{key:"30501824ebca59f2ed9e089448da1574f39558c5"},t("slot",{key:"2230614a6d2483939fe829bd6de3f6e364de2240"})))))}validateLabel(t){a(this,t,{required:!0})}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onToggle&&d(this,"_on",t)}validateOpen(t){o(this,t)}validateSummary(t){this.validateLabel(t)}componentWillLoad(){this.validateLabel(this._label||this._summary),this.validateOn(this._on),this.validateOpen(this._open)}componentDidLoad(){if(this.detailsElement&&this.summaryElement&&this.contentElement){const t=new c(this.detailsElement,this.summaryElement,this.contentElement);this.state._open&&t.open()}}get host(){return s(this)}static get watchers(){return{_label:["validateLabel"],_on:["validateOn"],_open:["validateOpen"],_summary:["validateSummary"]}}};m.style={default:f};export{m as kol_details};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as e}from"./index-a051748e.js";import{t as o}from"./i18n-ad947f60.js";import{w as s,a as r,d as a}from"./prop.validators-3017e14b.js";import{k as l,l as n,i as d}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 f=(t,e)=>{s(t,"errorList",(t=>"object"==typeof t),new Set(["Object"]),e)},h=class{constructor(e){t(this,e),this.onSubmit=t=>{var e,i;t.preventDefault(),t.stopPropagation(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onSubmit)&&(null===(i=this.state._on)||void 0===i||i.onSubmit(t))},this.onReset=t=>{var e,i;t.preventDefault(),t.stopPropagation(),"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onReset)&&(null===(i=this.state._on)||void 0===i||i.onReset(t))},this.handleLinkClick=t=>{var e;const i=null===(e=t.target)||void 0===e?void 0:e.href;if(i){const t=new URL(i),e=document.querySelector(t.hash);e&&"function"==typeof e.focus&&(e.scrollIntoView({behavior:"smooth"}),e.focus())}},this._on=void 0,this._requiredText=!0,this._errorList=void 0,this.state={}}render(){return i(e,{key:"e9a4994caddee31eb645e66619838f6d384416c4",class:"kol-form"},this._errorList&&this._errorList.length>0&&i(n,{_type:"error"},o("kol-error-list-message"),i("nav",{"aria-label":o("kol-error-list")},i("ul",null,this._errorList.map(((t,e)=>i("li",{key:e},i(d,{_href:t.selector,_label:t.message,_on:{onClick:this.handleLinkClick},ref:t=>{0===e&&(this.errorListElement=t)}}))))))),i("form",{key:"4f12d5e388779b42990da9bd6769ac8fe3b3e90b",method:"post",onSubmit:this.onSubmit,onReset:this.onReset,autoComplete:"off",noValidate:!0},!0===this.state._requiredText?i("p",null,i(l,null,o("kol-form-description"))):"string"==typeof this.state._requiredText&&this.state._requiredText.length>0?i("p",null,i(l,null,this.state._requiredText)):null,i("slot",{key:"c26d0d28248fd890f85693eb4a15f1f52bf74bf3"})))}focusErrorList(){return setTimeout((()=>{var t;this._errorList&&this._errorList.length>0&&(null===(t=this.errorListElement)||void 0===t||t.focus())}),300),Promise.resolve()}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateRequiredText(t){"boolean"==typeof t?r(this,"_requiredText",t):a(this,"_requiredText",t)}validateErrorList(t){f(this,t)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText),this.validateErrorList(this._errorList)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"],_errorList:["validateErrorList"]}}};export{h as kol_form};
+import{r as t,h as e,H as i}from"./index-dfb131c4.js";import{t as o}from"./i18n-8ac68853.js";import{w as s,a as r,d as a}from"./prop.validators-a62aac63.js";import{k as d,l as n,i as l}from"./component-names-fed305c7.js";import"./i18n-a2f79a81.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";import"./a11y.tipps-477c41d6.js";import"./dev.utils-1e8dd4a9.js";const f=(e,t)=>{s(e,"errorList",(e=>"object"==typeof e),new Set(["Object"]),t)},h=class{constructor(e){t(this,e),this.onSubmit=e=>{var t,i;e.preventDefault(),e.stopPropagation(),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onSubmit)&&(null===(i=this.state._on)||void 0===i||i.onSubmit(e))},this.onReset=e=>{var t,i;e.preventDefault(),e.stopPropagation(),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onReset)&&(null===(i=this.state._on)||void 0===i||i.onReset(e))},this.handleLinkClick=e=>{var t;const i=null===(t=e.target)||void 0===t?void 0:t.href;if(i){const e=new URL(i),t=document.querySelector(e.hash);t&&"function"==typeof t.focus&&(t.scrollIntoView({behavior:"smooth"}),t.focus())}},this._on=void 0,this._requiredText=!0,this._errorList=void 0,this.state={}}render(){return e(i,{key:"378adeb8d0181271a2060ef9ae8d7d21c7e00c66",class:"kol-form"},this._errorList&&this._errorList.length>0&&e(n,{key:"4c65d0bad0db34c59e31c14c7b568bfd9776eeeb",_type:"error"},o("kol-error-list-message"),e("nav",{key:"710fbc007a4d35b884168683265b7e5935abe35d","aria-label":o("kol-error-list")},e("ul",{key:"dfbb193608e412e4f24424454d1617f665e04daa"},this._errorList.map(((t,i)=>e("li",{key:i},e(l,{_href:t.selector,_label:t.message,_on:{onClick:this.handleLinkClick},ref:e=>{0===i&&(this.errorListElement=e)}}))))))),e("form",{key:"d656185e18e1187563b537e85cfe8187616b369f",method:"post",onSubmit:this.onSubmit,onReset:this.onReset,autoComplete:"off",noValidate:!0},!0===this.state._requiredText?e("p",null,e(d,null,o("kol-form-description"))):"string"==typeof this.state._requiredText&&this.state._requiredText.length>0?e("p",null,e(d,null,this.state._requiredText)):null,e("slot",{key:"be2df2798a6d88024a596538edbbf876f18789ea"})))}focusErrorList(){return setTimeout((()=>{var e;this._errorList&&this._errorList.length>0&&(null===(e=this.errorListElement)||void 0===e||e.focus())}),300),Promise.resolve()}validateOn(e){"object"==typeof e&&null!==e&&(this.state=Object.assign(Object.assign({},this.state),{_on:e}))}validateRequiredText(e){"boolean"==typeof e?r(this,"_requiredText",e):a(this,"_requiredText",e)}validateErrorList(e){f(this,e)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText),this.validateErrorList(this._errorList)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"],_errorList:["validateErrorList"]}}};export{h as kol_form};

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

@@ -1 +1 @@
-{"version":3,"names":["validateErrorList","component","value","watchValidator","Set","KolForm","this","onSubmit","event","preventDefault","stopPropagation","_a","state","_on","_b","onReset","handleLinkClick","href","target","hrefUrl","URL","targetElement","document","querySelector","hash","focus","scrollIntoView","behavior","render","h","Host","key","class","_errorList","length","KolAlertTag","_type","translate","map","error","index","KolLinkTag","_href","selector","_label","message","onClick","ref","el","errorListElement","method","autoComplete","noValidate","_requiredText","KolIndentedTextTag","focusErrorList","setTimeout","Promise","resolve","validateOn","Object","assign","validateRequiredText","watchBoolean","watchString","componentWillLoad"],"sources":["src/types/props/error-list.ts","src/components/form/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\n\n/* types */\nexport type ErrorListPropType = {\n\tmessage: string;\n\tselector: string;\n};\n\nexport type PropErrorList = {\n\terrorList: ErrorListPropType[];\n};\n\n/* validator */\nexport const validateErrorList = (component: Generic.Element.Component, value?: ErrorListPropType[]): void => {\n\twatchValidator(component, 'errorList', (value): boolean => typeof value === 'object', new Set(['Object']), value);\n};\n","import { Component, h, Host, JSX, Method, Prop, State, Watch } from '@stencil/core';\nimport { translate } from '../../i18n';\nimport { Stringified } from '../../types/common';\nimport { ErrorListPropType, validateErrorList } from '../../types/props/error-list';\nimport { watchBoolean, watchString } from '../../utils/prop.validators';\nimport { API, KoliBriFormCallbacks, States } from './types';\nimport { KolAlertTag, KolIndentedTextTag, KolLinkTag } from '../../core/component-names';\n\n/**\n * @slot - Inhalt der Form.\n */\n@Component({\n\ttag: 'kol-form',\n\tshadow: true,\n})\nexport class KolForm implements API {\n\terrorListElement?: HTMLElement;\n\n\tprivate readonly onSubmit = (event: Event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\tif (typeof this.state._on?.onSubmit === 'function') {\n\t\t\tthis.state._on?.onSubmit(event as SubmitEvent);\n\t\t}\n\t};\n\tprivate readonly onReset = (event: Event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\tif (typeof this.state._on?.onReset === 'function') {\n\t\t\tthis.state._on?.onReset(event);\n\t\t}\n\t};\n\n\tprivate readonly handleLinkClick = (event: Event) => {\n\t\tconst href = (event.target as HTMLAnchorElement | undefined)?.href;\n\t\tif (href) {\n\t\t\tconst hrefUrl = new URL(href);\n\n\t\t\tconst targetElement = document.querySelector<HTMLElement>(hrefUrl.hash);\n\t\t\tif (targetElement && typeof targetElement.focus === 'function') {\n\t\t\t\ttargetElement.scrollIntoView({ behavior: 'smooth' });\n\t\t\t\ttargetElement.focus();\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-form\">\n\t\t\t\t{this._errorList && this._errorList.length > 0 && (\n\t\t\t\t\t<KolAlertTag _type=\"error\">\n\t\t\t\t\t\t{translate('kol-error-list-message')}\n\t\t\t\t\t\t<nav aria-label={translate('kol-error-list')}>\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t{this._errorList.map((error, index) => (\n\t\t\t\t\t\t\t\t\t<li key={index}>\n\t\t\t\t\t\t\t\t\t\t<KolLinkTag\n\t\t\t\t\t\t\t\t\t\t\t_href={error.selector}\n\t\t\t\t\t\t\t\t\t\t\t_label={error.message}\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onClick: this.handleLinkClick }}\n\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (index === 0) this.errorListElement = el as HTMLElement;\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</nav>\n\t\t\t\t\t</KolAlertTag>\n\t\t\t\t)}\n\t\t\t\t<form method=\"post\" onSubmit={this.onSubmit} onReset={this.onReset} autoComplete=\"off\" noValidate>\n\t\t\t\t\t{this.state._requiredText === true ? (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t<KolIndentedTextTag>{translate('kol-form-description')}</KolIndentedTextTag>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) : typeof this.state._requiredText === 'string' && this.state._requiredText.length > 0 ? (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t<KolIndentedTextTag>{this.state._requiredText}</KolIndentedTextTag>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<slot />\n\t\t\t\t</form>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Method()\n\tfocusErrorList(): Promise<void> {\n\t\tsetTimeout(() => {\n\t\t\tif (this._errorList && this._errorList.length > 0) {\n\t\t\t\tthis.errorListElement?.focus();\n\t\t\t}\n\t\t}, 300);\n\t\treturn Promise.resolve();\n\t}\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Form-Events an.\n\t */\n\t@Prop() public _on?: KoliBriFormCallbacks;\n\n\t/**\n\t * Defines whether the mandatory-fields-hint should be shown. A string overrides the default text.\n\t */\n\t@Prop() public _requiredText?: Stringified<boolean> = true;\n\t/**\n\t * A list of error objects that each describe an issue encountered in the form.\n\t * Each error object contains a message and a selector for identifying the form element related to the error.\n\t */\n\t@Prop() public _errorList?: ErrorListPropType[];\n\n\t@State() public state: States = {};\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriFormCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_on: value,\n\t\t\t};\n\t\t}\n\t}\n\n\t@Watch('_requiredText')\n\tpublic validateRequiredText(value?: Stringified<boolean>): void {\n\t\tif (typeof value === 'boolean') {\n\t\t\twatchBoolean(this, '_requiredText', value);\n\t\t} else {\n\t\t\twatchString(this, '_requiredText', value);\n\t\t}\n\t}\n\n\t@Watch('_errorList')\n\tpublic validateErrorList(value?: ErrorListPropType[]): void {\n\t\tvalidateErrorList(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRequiredText(this._requiredText);\n\t\tthis.validateErrorList(this._errorList);\n\t}\n}\n"],"mappings":";;;iXAcO,MAAMA,EAAoB,CAACC,EAAsCC,KACvEC,EAAeF,EAAW,aAAcC,UAA0BA,IAAU,UAAU,IAAIE,IAAI,CAAC,WAAYF,EAAM,E,MCArGG,EAAO,M,yBAGFC,KAAAC,SAAYC,I,QAC5BA,EAAMC,iBACND,EAAME,kBACN,WAAWC,EAAAL,KAAKM,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEJ,YAAa,WAAY,EACnDO,EAAAR,KAAKM,MAAMC,OAAG,MAAAC,SAAA,SAAAA,EAAEP,SAASC,E,GAGVF,KAAAS,QAAWP,I,QAC3BA,EAAMC,iBACND,EAAME,kBACN,WAAWC,EAAAL,KAAKM,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEI,WAAY,WAAY,EAClDD,EAAAR,KAAKM,MAAMC,OAAG,MAAAC,SAAA,SAAAA,EAAEC,QAAQP,E,GAITF,KAAAU,gBAAmBR,I,MACnC,MAAMS,GAAON,EAACH,EAAMU,UAAwC,MAAAP,SAAA,SAAAA,EAAEM,KAC9D,GAAIA,EAAM,CACT,MAAME,EAAU,IAAIC,IAAIH,GAExB,MAAMI,EAAgBC,SAASC,cAA2BJ,EAAQK,MAClE,GAAIH,UAAwBA,EAAcI,QAAU,WAAY,CAC/DJ,EAAcK,eAAe,CAAEC,SAAU,WACzCN,EAAcI,O,0CA+DqC,K,qCAOtB,E,CAjEzB,MAAAG,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YACV1B,KAAK2B,YAAc3B,KAAK2B,WAAWC,OAAS,GAC5CL,EAACM,EAAW,CAACC,MAAM,SACjBC,EAAU,0BACXR,EAAA,oBAAiBQ,EAAU,mBAC1BR,EAAA,UACEvB,KAAK2B,WAAWK,KAAI,CAACC,EAAOC,IAC5BX,EAAA,MAAIE,IAAKS,GACRX,EAACY,EAAU,CACVC,MAAOH,EAAMI,SACbC,OAAQL,EAAMM,QACdhC,IAAK,CAAEiC,QAASxC,KAAKU,iBACrB+B,IAAMC,IACL,GAAIR,IAAU,EAAGlC,KAAK2C,iBAAmBD,CAAiB,UASlEnB,EAAA,QAAAE,IAAA,2CAAMmB,OAAO,OAAO3C,SAAUD,KAAKC,SAAUQ,QAAST,KAAKS,QAASoC,aAAa,MAAMC,WAAU,MAC/F9C,KAAKM,MAAMyC,gBAAkB,KAC7BxB,EAAA,SACCA,EAACyB,EAAkB,KAAEjB,EAAU,iCAEtB/B,KAAKM,MAAMyC,gBAAkB,UAAY/C,KAAKM,MAAMyC,cAAcnB,OAAS,EACrFL,EAAA,SACCA,EAACyB,EAAkB,KAAEhD,KAAKM,MAAMyC,gBAE9B,KACJxB,EAAA,QAAAE,IAAA,8C,CAOJ,cAAAwB,GACCC,YAAW,K,MACV,GAAIlD,KAAK2B,YAAc3B,KAAK2B,WAAWC,OAAS,EAAG,EAClDvB,EAAAL,KAAK2C,oBAAgB,MAAAtC,SAAA,SAAAA,EAAEc,O,IAEtB,KACH,OAAOgC,QAAQC,S,CAqBT,UAAAC,CAAWzD,GACjB,UAAWA,IAAU,UAAYA,IAAU,KAAM,CAChDI,KAAKM,MAAKgD,OAAAC,OAAAD,OAAAC,OAAA,GACNvD,KAAKM,OAAK,CACbC,IAAKX,G,EAMD,oBAAA4D,CAAqB5D,GAC3B,UAAWA,IAAU,UAAW,CAC/B6D,EAAazD,KAAM,gBAAiBJ,E,KAC9B,CACN8D,EAAY1D,KAAM,gBAAiBJ,E,EAK9B,iBAAAF,CAAkBE,GACxBF,EAAkBM,KAAMJ,E,CAGlB,iBAAA+D,GACN3D,KAAKqD,WAAWrD,KAAKO,KACrBP,KAAKwD,qBAAqBxD,KAAK+C,eAC/B/C,KAAKN,kBAAkBM,KAAK2B,W"}
+{"version":3,"names":["validateErrorList","component","value","watchValidator","Set","KolForm","this","onSubmit","event","preventDefault","stopPropagation","_a","state","_on","_b","onReset","handleLinkClick","href","target","hrefUrl","URL","targetElement","document","querySelector","hash","focus","scrollIntoView","behavior","render","h","Host","key","class","_errorList","length","KolAlertTag","_type","translate","map","error","index","KolLinkTag","_href","selector","_label","message","onClick","ref","el","errorListElement","method","autoComplete","noValidate","_requiredText","KolIndentedTextTag","focusErrorList","setTimeout","Promise","resolve","validateOn","Object","assign","validateRequiredText","watchBoolean","watchString","componentWillLoad"],"sources":["src/types/props/error-list.ts","src/components/form/component.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport { watchValidator } from '../../utils/prop.validators';\n\n/* types */\nexport type ErrorListPropType = {\n\tmessage: string;\n\tselector: string;\n};\n\nexport type PropErrorList = {\n\terrorList: ErrorListPropType[];\n};\n\n/* validator */\nexport const validateErrorList = (component: Generic.Element.Component, value?: ErrorListPropType[]): void => {\n\twatchValidator(component, 'errorList', (value): boolean => typeof value === 'object', new Set(['Object']), value);\n};\n","import { Component, h, Host, JSX, Method, Prop, State, Watch } from '@stencil/core';\nimport { translate } from '../../i18n';\nimport { Stringified } from '../../types/common';\nimport { ErrorListPropType, validateErrorList } from '../../types/props/error-list';\nimport { watchBoolean, watchString } from '../../utils/prop.validators';\nimport { API, KoliBriFormCallbacks, States } from './types';\nimport { KolAlertTag, KolIndentedTextTag, KolLinkTag } from '../../core/component-names';\n\n/**\n * @slot - Inhalt der Form.\n */\n@Component({\n\ttag: 'kol-form',\n\tshadow: true,\n})\nexport class KolForm implements API {\n\terrorListElement?: HTMLElement;\n\n\t/* Hint: This method may not be used at all while events are handled in form/controller#propagateSubmitEventToForm */\n\tprivate readonly onSubmit = (event: Event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\tif (typeof this.state._on?.onSubmit === 'function') {\n\t\t\tthis.state._on?.onSubmit(event as SubmitEvent);\n\t\t}\n\t};\n\n\tprivate readonly onReset = (event: Event) => {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\tif (typeof this.state._on?.onReset === 'function') {\n\t\t\tthis.state._on?.onReset(event);\n\t\t}\n\t};\n\n\tprivate readonly handleLinkClick = (event: Event) => {\n\t\tconst href = (event.target as HTMLAnchorElement | undefined)?.href;\n\t\tif (href) {\n\t\t\tconst hrefUrl = new URL(href);\n\n\t\t\tconst targetElement = document.querySelector<HTMLElement>(hrefUrl.hash);\n\t\t\tif (targetElement && typeof targetElement.focus === 'function') {\n\t\t\t\ttargetElement.scrollIntoView({ behavior: 'smooth' });\n\t\t\t\ttargetElement.focus();\n\t\t\t}\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-form\">\n\t\t\t\t{this._errorList && this._errorList.length > 0 && (\n\t\t\t\t\t<KolAlertTag _type=\"error\">\n\t\t\t\t\t\t{translate('kol-error-list-message')}\n\t\t\t\t\t\t<nav aria-label={translate('kol-error-list')}>\n\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t{this._errorList.map((error, index) => (\n\t\t\t\t\t\t\t\t\t<li key={index}>\n\t\t\t\t\t\t\t\t\t\t<KolLinkTag\n\t\t\t\t\t\t\t\t\t\t\t_href={error.selector}\n\t\t\t\t\t\t\t\t\t\t\t_label={error.message}\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onClick: this.handleLinkClick }}\n\t\t\t\t\t\t\t\t\t\t\tref={(el) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (index === 0) this.errorListElement = el as HTMLElement;\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</nav>\n\t\t\t\t\t</KolAlertTag>\n\t\t\t\t)}\n\t\t\t\t<form method=\"post\" onSubmit={this.onSubmit} onReset={this.onReset} autoComplete=\"off\" noValidate>\n\t\t\t\t\t{this.state._requiredText === true ? (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t<KolIndentedTextTag>{translate('kol-form-description')}</KolIndentedTextTag>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) : typeof this.state._requiredText === 'string' && this.state._requiredText.length > 0 ? (\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t<KolIndentedTextTag>{this.state._requiredText}</KolIndentedTextTag>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<slot />\n\t\t\t\t</form>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Method()\n\tfocusErrorList(): Promise<void> {\n\t\tsetTimeout(() => {\n\t\t\tif (this._errorList && this._errorList.length > 0) {\n\t\t\t\tthis.errorListElement?.focus();\n\t\t\t}\n\t\t}, 300);\n\t\treturn Promise.resolve();\n\t}\n\n\t/**\n\t * Gibt die EventCallback-Funktionen für die Form-Events an.\n\t */\n\t@Prop() public _on?: KoliBriFormCallbacks;\n\n\t/**\n\t * Defines whether the mandatory-fields-hint should be shown. A string overrides the default text.\n\t */\n\t@Prop() public _requiredText?: Stringified<boolean> = true;\n\t/**\n\t * A list of error objects that each describe an issue encountered in the form.\n\t * Each error object contains a message and a selector for identifying the form element related to the error.\n\t */\n\t@Prop() public _errorList?: ErrorListPropType[];\n\n\t@State() public state: States = {};\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriFormCallbacks): void {\n\t\tif (typeof value === 'object' && value !== null) {\n\t\t\tthis.state = {\n\t\t\t\t...this.state,\n\t\t\t\t_on: value,\n\t\t\t};\n\t\t}\n\t}\n\n\t@Watch('_requiredText')\n\tpublic validateRequiredText(value?: Stringified<boolean>): void {\n\t\tif (typeof value === 'boolean') {\n\t\t\twatchBoolean(this, '_requiredText', value);\n\t\t} else {\n\t\t\twatchString(this, '_requiredText', value);\n\t\t}\n\t}\n\n\t@Watch('_errorList')\n\tpublic validateErrorList(value?: ErrorListPropType[]): void {\n\t\tvalidateErrorList(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRequiredText(this._requiredText);\n\t\tthis.validateErrorList(this._errorList);\n\t}\n}\n"],"mappings":";;;iXAcO,MAAMA,EAAoB,CAACC,EAAsCC,KACvEC,EAAeF,EAAW,aAAcC,UAA0BA,IAAU,UAAU,IAAIE,IAAI,CAAC,WAAYF,EAAM,E,MCArGG,EAAO,M,yBAIFC,KAAAC,SAAYC,I,QAC5BA,EAAMC,iBACND,EAAME,kBACN,WAAWC,EAAAL,KAAKM,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEJ,YAAa,WAAY,EACnDO,EAAAR,KAAKM,MAAMC,OAAG,MAAAC,SAAA,SAAAA,EAAEP,SAASC,E,GAIVF,KAAAS,QAAWP,I,QAC3BA,EAAMC,iBACND,EAAME,kBACN,WAAWC,EAAAL,KAAKM,MAAMC,OAAG,MAAAF,SAAA,SAAAA,EAAEI,WAAY,WAAY,EAClDD,EAAAR,KAAKM,MAAMC,OAAG,MAAAC,SAAA,SAAAA,EAAEC,QAAQP,E,GAITF,KAAAU,gBAAmBR,I,MACnC,MAAMS,GAAON,EAACH,EAAMU,UAAwC,MAAAP,SAAA,SAAAA,EAAEM,KAC9D,GAAIA,EAAM,CACT,MAAME,EAAU,IAAIC,IAAIH,GAExB,MAAMI,EAAgBC,SAASC,cAA2BJ,EAAQK,MAClE,GAAIH,UAAwBA,EAAcI,QAAU,WAAY,CAC/DJ,EAAcK,eAAe,CAAEC,SAAU,WACzCN,EAAcI,O,0CA+DqC,K,qCAOtB,E,CAjEzB,MAAAG,GACN,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,YACV1B,KAAK2B,YAAc3B,KAAK2B,WAAWC,OAAS,GAC5CL,EAACM,EAAW,CAAAJ,IAAA,2CAACK,MAAM,SACjBC,EAAU,0BACXR,EAAA,OAAAE,IAAA,wDAAiBM,EAAU,mBAC1BR,EAAA,MAAAE,IAAA,4CACEzB,KAAK2B,WAAWK,KAAI,CAACC,EAAOC,IAC5BX,EAAA,MAAIE,IAAKS,GACRX,EAACY,EAAU,CACVC,MAAOH,EAAMI,SACbC,OAAQL,EAAMM,QACdhC,IAAK,CAAEiC,QAASxC,KAAKU,iBACrB+B,IAAMC,IACL,GAAIR,IAAU,EAAGlC,KAAK2C,iBAAmBD,CAAiB,UASlEnB,EAAA,QAAAE,IAAA,2CAAMmB,OAAO,OAAO3C,SAAUD,KAAKC,SAAUQ,QAAST,KAAKS,QAASoC,aAAa,MAAMC,WAAU,MAC/F9C,KAAKM,MAAMyC,gBAAkB,KAC7BxB,EAAA,SACCA,EAACyB,EAAkB,KAAEjB,EAAU,iCAEtB/B,KAAKM,MAAMyC,gBAAkB,UAAY/C,KAAKM,MAAMyC,cAAcnB,OAAS,EACrFL,EAAA,SACCA,EAACyB,EAAkB,KAAEhD,KAAKM,MAAMyC,gBAE9B,KACJxB,EAAA,QAAAE,IAAA,8C,CAOJ,cAAAwB,GACCC,YAAW,K,MACV,GAAIlD,KAAK2B,YAAc3B,KAAK2B,WAAWC,OAAS,EAAG,EAClDvB,EAAAL,KAAK2C,oBAAgB,MAAAtC,SAAA,SAAAA,EAAEc,O,IAEtB,KACH,OAAOgC,QAAQC,S,CAqBT,UAAAC,CAAWzD,GACjB,UAAWA,IAAU,UAAYA,IAAU,KAAM,CAChDI,KAAKM,MAAKgD,OAAAC,OAAAD,OAAAC,OAAA,GACNvD,KAAKM,OAAK,CACbC,IAAKX,G,EAMD,oBAAA4D,CAAqB5D,GAC3B,UAAWA,IAAU,UAAW,CAC/B6D,EAAazD,KAAM,gBAAiBJ,E,KAC9B,CACN8D,EAAY1D,KAAM,gBAAiBJ,E,EAK9B,iBAAAF,CAAkBE,GACxBF,EAAkBM,KAAMJ,E,CAGlB,iBAAA+D,GACN3D,KAAKqD,WAAWrD,KAAKO,KACrBP,KAAKwD,qBAAqBxD,KAAK+C,eAC/B/C,KAAKN,kBAAkBM,KAAK2B,W"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as s,H as a}from"./index-a051748e.js";import{a as l}from"./label-bce4f328.js";import{d as t}from"./prop.validators-3017e14b.js";import{w as i}from"./validation-f641b69f.js";import"./a11y.tipps-798efb1a.js";import"./dev.utils-f829063f.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";const n=class{constructor(a){e(this,a),this.renderHeadline=(e,a)=>{switch(a){case 1:return s("h1",{class:"headline"},e,s("slot",null));case 2:return s("h2",{class:"headline"},e,s("slot",null));case 3:return s("h3",{class:"headline"},e,s("slot",null));case 4:return s("h4",{class:"headline"},e,s("slot",null));case 5:return s("h5",{class:"headline"},e,s("slot",null));case 6:return s("h6",{class:"headline"},e,s("slot",null));default:return s("strong",{class:"headline"},e,s("slot",null))}},this.renderSecondaryHeadline=(e,a)=>{switch(a){case 1:return s("span",{class:"secondary-headline"},e);case 2:return s("h2",{class:"secondary-headline"},e);case 3:return s("h3",{class:"secondary-headline"},e);case 4:return s("h4",{class:"secondary-headline"},e);case 5:return s("h5",{class:"secondary-headline"},e);case 6:return s("h6",{class:"secondary-headline"},e);default:return s("strong",{class:"secondary-headline"},e)}},this._label=void 0,this._level=1,this._secondaryHeadline=void 0,this.state={_label:"…",_level:1}}validateLabel(e){l(this,e,{defaultValue:"…"})}validateLevel(e){i(this,e)}validateSecondaryHeadline(e){t(this,"_secondaryHeadline",e)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline)}render(){return s(a,{key:"f15665b14858a2546a9a0f9ec63906c75d1323e6",class:"kol-heading-wc"},"string"==typeof this.state._secondaryHeadline&&this.state._secondaryHeadline.length>0?s("hgroup",null,this.renderHeadline(this.state._label,this.state._level),this.state._secondaryHeadline&&this.renderSecondaryHeadline(this.state._secondaryHeadline,this.state._level+1)):this.renderHeadline(this.state._label,this.state._level))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_secondaryHeadline:["validateSecondaryHeadline"]}}};export{n as kol_heading_wc};
+import{r as e,h as s,H as a}from"./index-dfb131c4.js";import{a as l}from"./label-48b51f80.js";import{d as t}from"./prop.validators-a62aac63.js";import{w as i}from"./validation-a87d2ca3.js";import"./a11y.tipps-477c41d6.js";import"./dev.utils-1e8dd4a9.js";import"./reuse-d79ab469.js";import"./index-117bd1aa.js";const n=class{constructor(a){e(this,a),this.renderHeadline=(e,a)=>{switch(a){case 1:return s("h1",{class:"headline"},e,s("slot",null));case 2:return s("h2",{class:"headline"},e,s("slot",null));case 3:return s("h3",{class:"headline"},e,s("slot",null));case 4:return s("h4",{class:"headline"},e,s("slot",null));case 5:return s("h5",{class:"headline"},e,s("slot",null));case 6:return s("h6",{class:"headline"},e,s("slot",null));default:return s("strong",{class:"headline"},e,s("slot",null))}},this.renderSecondaryHeadline=(e,a)=>{switch(a){case 1:return s("span",{class:"secondary-headline"},e);case 2:return s("h2",{class:"secondary-headline"},e);case 3:return s("h3",{class:"secondary-headline"},e);case 4:return s("h4",{class:"secondary-headline"},e);case 5:return s("h5",{class:"secondary-headline"},e);case 6:return s("h6",{class:"secondary-headline"},e);default:return s("strong",{class:"secondary-headline"},e)}},this._label=void 0,this._level=1,this._secondaryHeadline=void 0,this.state={_label:"…",_level:1}}validateLabel(e){l(this,e,{defaultValue:"…"})}validateLevel(e){i(this,e)}validateSecondaryHeadline(e){t(this,"_secondaryHeadline",e)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline)}render(){return s(a,{key:"12638ded70a69ee660926c87b2b138f43f428039",class:"kol-heading-wc"},"string"==typeof this.state._secondaryHeadline&&this.state._secondaryHeadline.length>0?s("hgroup",null,this.renderHeadline(this.state._label,this.state._level),this.state._secondaryHeadline&&this.renderSecondaryHeadline(this.state._secondaryHeadline,this.state._level+1)):this.renderHeadline(this.state._label,this.state._level))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_secondaryHeadline:["validateSecondaryHeadline"]}}};export{n as kol_heading_wc};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as i}from"./index-a051748e.js";import{c 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>.kol-heading-wc{display:grid}:host>.kol-heading-wc>.overline{order:1}:host>.kol-heading-wc>.headline{order:2}",t=o,a=class{constructor(i){e(this,i),this._label=void 0,this._level=void 0,this._secondaryHeadline=void 0}render(){return i(n,{key:"96f140bb13ef12cfb3b0f8eb27605578a1cd59a6",_label:this._label,_level:this._level,_secondaryHeadline:this._secondaryHeadline,class:"kol-heading"},i("slot",{key:"00ee080ce48966b7e2b57fb1ebe9739627d6e205"}))}};a.style={default:t};export{a as kol_heading};
+import{r as e,h as i}from"./index-dfb131c4.js";import{c 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>.kol-heading-wc{display:grid}:host>.kol-heading-wc>.overline{order:1}:host>.kol-heading-wc>.headline{order:2}",t=o,a=class{constructor(i){e(this,i),this._label=void 0,this._level=void 0,this._secondaryHeadline=void 0}render(){return i(n,{key:"e275291d274c039d06083862e79a854a7190a3ae",_label:this._label,_level:this._level,_secondaryHeadline:this._secondaryHeadline,class:"kol-heading"},i("slot",{key:"2fb677e47ce3988506c0a0d0a1474c668ee3b405"}))}};a.style={default:t};export{a as kol_heading};

package/dist/kolibri/kol-icon-font-awesome.entry.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as e,h as s,H as t}from"./index-a051748e.js";import{h as i}from"./component-names-fed305c7.js";const n=class{constructor(i){e(this,i),this._ariaLabel=void 0,this._icon=void 0,this._prefix=void 0,this._part=void 0}render(){return s(t,{key:"2476138b883808e99d86524d7b04fdb2918b4729",class:"kol-icon-font-awesome"},s(i,{key:"efa2e47112189c743891a6bed006f3cb604e129f",exportparts:"icon"+("string"==typeof this._part?`,${this._part}`:""),_ariaLabel:this._ariaLabel,_icon:"string"==typeof this._prefix&&"string"==typeof this._icon?`${this._prefix} fa-${this._icon}`:void 0}))}};export{n as kol_icon_font_awesome};
+import{r as e,h as s,H as t}from"./index-dfb131c4.js";import{h as i}from"./component-names-fed305c7.js";const n=class{constructor(i){e(this,i),this._ariaLabel=void 0,this._icon=void 0,this._prefix=void 0,this._part=void 0}render(){return s(t,{key:"a7d0655f902d389b51754b16f6c2fcdb46134e0f",class:"kol-icon-font-awesome"},s(i,{key:"ae31a2df401bafb5b563040d11dff46899c63b34",exportparts:"icon"+("string"==typeof this._part?`,${this._part}`:""),_ariaLabel:this._ariaLabel,_icon:"string"==typeof this._prefix&&"string"==typeof this._icon?`${this._prefix} fa-${this._icon}`:void 0}))}};export{n as kol_icon_font_awesome};