npm - @public-ui/components - Versions diffs - 1.7.1 → 1.7.2-rc.0 - Mend

@public-ui/components 1.7.1 → 1.7.2-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (396) hide show

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as e}from"./index-536799d5.js";import{v as a}from"./label-ff8e1180.js";import{v as o}from"./tooltip-align-abed689a.js";import{n}from"./dev.utils-c305d350.js";import"./a11y.tipps-4b764e13.js";import"./prop.validators-8a0008f0.js";import"./index-3822b0c5.js";import"./alignment-2317d008.js";import"./reuse-b3566e4c.js";const s=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host>abbr{cursor:help}",l=class{constructor(i){t(this,i),this.nonce=n(),this._label=void 0,this._tooltipAlign="top",this._title=void 0,this.state={_label:"…",_tooltipAlign:"top"}}render(){return i(e,null,i("abbr",{"aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},i("span",{title:""},i("slot",null))),i("kol-tooltip-wc",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(t){a(this,t)}validateTitle(t){this.validateLabel(t)}validateTooltipAlign(t){o(this,t)}componentWillLoad(){this.validateLabel(this._label||this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};l.style={default:s};export{l as kol_abbr};
+import{r as t,h as i,H as e}from"./index-536799d5.js";import{v as o}from"./label-6c8b047b.js";import{v as a}from"./tooltip-align-82f781a7.js";import{n}from"./dev.utils-5e2f4fb8.js";import"./a11y.tipps-27b2bac3.js";import"./prop.validators-267b95be.js";import"./index-3822b0c5.js";import"./alignment-f6c39ec3.js";import"./reuse-b3566e4c.js";const s=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host>abbr{cursor:help}",l=class{constructor(i){t(this,i),this.nonce=n(),this._label=void 0,this._tooltipAlign="top",this._title=void 0,this.state={_label:"…",_tooltipAlign:"top"}}render(){return i(e,null,i("abbr",{"aria-labelledby":this.nonce,role:"definition",tabindex:"0",title:this.state._label},i("span",{title:""},i("slot",null))),i("kol-tooltip-wc",{_align:this.state._tooltipAlign,_id:this.nonce,_label:this.state._label}))}validateLabel(t){o(this,t)}validateTitle(t){this.validateLabel(t)}validateTooltipAlign(t){a(this,t)}componentWillLoad(){this.validateLabel(this._label||this._title),this.validateTooltipAlign(this._tooltipAlign)}static get watchers(){return{_label:["validateLabel"],_title:["validateTitle"],_tooltipAlign:["validateTooltipAlign"]}}};l.style={default:s};export{l as kol_abbr};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as e}from"./index-536799d5.js";import{v as n}from"./label-ff8e1180.js";import{v as o}from"./open-0f61b9a9.js";import{f as a}from"./a11y.tipps-4b764e13.js";import{n as s}from"./dev.utils-c305d350.js";import{s as r}from"./prop.validators-8a0008f0.js";import{w as d}from"./validation-d8e90a97.js";import"./reuse-b3566e4c.js";import"./index-3822b0c5.js";const l=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host{display:block}.wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows 0.3s}.accordion.open .wrapper{grid-template-rows:1fr}.animation-wrapper{min-height:0;transition:visibility 0.3s;visibility:hidden}.accordion.open .animation-wrapper{visibility:visible}@media (prefers-reduced-motion){.animation-wrapper,.wrapper{transition-duration:0s}}.accordion kol-heading-wc kol-button-wc button kol-span-wc{justify-items:start}";a("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),a("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const c=class{constructor(t){i(this,t),this.nonce=s(),this.onClick=i=>{this._open=!this._open,setTimeout((()=>{var t;"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onClick)&&this.state._on.onClick(i,!0===this._open)}))},this._heading=void 0,this._label=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_label:"…",_level:1}}render(){return t(e,null,t("div",{class:{accordion:!0,open:!0===this.state._open}},t("kol-heading-wc",{_label:"",_level:this.state._level},t("kol-button-wc",{_ariaControls:this.nonce,_ariaExpanded:this.state._open,_icons:this.state._open?"codicon codicon-remove":"codicon codicon-add",_label:this.state._label,_on:{onClick:this.onClick}})),t("div",{class:"header"},t("slot",{name:"header"})),t("div",{class:"wrapper"},t("div",{class:"animation-wrapper"},t("div",{"aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},t("slot",{name:"content"})," ",t("slot",null))))))}validateHeading(i){this.validateLabel(i)}validateLabel(i){n(this,i)}validateLevel(i){d(this,i)}validateOn(i){"object"==typeof i&&null!==i&&"function"==typeof i.onClick&&r(this,"_on",i)}validateOpen(i){o(this,i)}componentWillLoad(){this.validateLabel(this._label||this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};c.style={default:l};export{c as kol_accordion};
+import{r as i,h as t,H as e}from"./index-536799d5.js";import{v as n}from"./label-6c8b047b.js";import{v as o}from"./open-6de0da43.js";import{f as a}from"./a11y.tipps-27b2bac3.js";import{n as s}from"./dev.utils-5e2f4fb8.js";import{s as r}from"./prop.validators-267b95be.js";import{w as d}from"./validation-eb847346.js";import"./reuse-b3566e4c.js";import"./index-3822b0c5.js";const l=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host{display:block}.wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows 0.3s}.accordion.open .wrapper{grid-template-rows:1fr}.animation-wrapper{min-height:0;transition:visibility 0.3s;visibility:hidden}.accordion.open .animation-wrapper{visibility:visible}@media (prefers-reduced-motion){.animation-wrapper,.wrapper{transition-duration:0s}}.accordion kol-heading-wc kol-button-wc button kol-span-wc{justify-items:start}";a("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),a("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const c=class{constructor(t){i(this,t),this.nonce=s(),this.onClick=i=>{this._open=!this._open,setTimeout((()=>{var t;"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t.onClick)&&this.state._on.onClick(i,!0===this._open)}))},this._heading=void 0,this._label=void 0,this._level=1,this._on=void 0,this._open=!1,this.state={_label:"…",_level:1}}render(){return t(e,null,t("div",{class:{accordion:!0,open:!0===this.state._open}},t("kol-heading-wc",{_label:"",_level:this.state._level},t("kol-button-wc",{_ariaControls:this.nonce,_ariaExpanded:this.state._open,_icons:this.state._open?"codicon codicon-remove":"codicon codicon-add",_label:this.state._label,_on:{onClick:this.onClick}})),t("div",{class:"header"},t("slot",{name:"header"})),t("div",{class:"wrapper"},t("div",{class:"animation-wrapper"},t("div",{"aria-hidden":!1===this.state._open?"true":void 0,class:"content",id:this.nonce},t("slot",{name:"content"})," ",t("slot",null))))))}validateHeading(i){this.validateLabel(i)}validateLabel(i){n(this,i)}validateLevel(i){d(this,i)}validateOn(i){"object"==typeof i&&null!==i&&"function"==typeof i.onClick&&r(this,"_on",i)}validateOpen(i){o(this,i)}componentWillLoad(){this.validateLabel(this._label||this._heading),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}static get watchers(){return{_heading:["validateHeading"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}};c.style={default:l};export{c as kol_accordion};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as s,g as e}from"./index-536799d5.js";import{a}from"./i18n-f167afd7.js";import{v as l}from"./has-closer-8a002427.js";import{v as n,a as h}from"./label-ff8e1180.js";import{L as o}from"./dev.utils-c305d350.js";import{a as r,s as d,w as c,l as u,i as v,f,d as b}from"./prop.validators-8a0008f0.js";import{w as p}from"./validation-d8e90a97.js";import{v as _,a as m,c as y}from"./aria-current-36481fbc.js";import{v as g,a as w}from"./custom-class-eb6230ab.js";import{v as L}from"./hide-label-b02e4e68.js";import{v as j,w as A}from"./icons-4594f0bb.js";import{v as C}from"./tooltip-align-abed689a.js";import{g as k}from"./a11y.tipps-4b764e13.js";import{s as x,t as S}from"./events-2bb1065b.js";import{a as I,s as T}from"./reuse-b3566e4c.js";import{v as V}from"./tab-index-2088834b.js";import{p as H,a as O}from"./controller-498436f5.js";import{A as E}from"./associated.controller-73535b86.js";import"./index-23225963.js";import"./index-3822b0c5.js";import"./alignment-2317d008.js";const B=t=>i("kol-icon",{class:"heading-icon",_ariaLabel:"string"==typeof t.label&&t.label.length>0?"":t.ariaLabel,_icons:t.icon}),K=t=>{switch(t.type){case"error":return i(B,{ariaLabel:a("kol-error"),icon:"codicon codicon-error",label:t.label});case"info":return i(B,{ariaLabel:a("kol-info"),icon:"codicon codicon-info",label:t.label});case"warning":return i(B,{ariaLabel:a("kol-warning"),icon:"codicon codicon-warning",label:t.label});case"success":return i(B,{ariaLabel:a("kol-success"),icon:"codicon codicon-pass",label:t.label});default:return i(B,{ariaLabel:a("kol-message"),icon:"codicon codicon-comment",label:t.label})}},N=class{constructor(a){t(this,a),this.close=()=>{var t;void 0!==(null===(t=this._on)||void 0===t?void 0:t.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=t=>"object"==typeof t&&null!==t&&"function"==typeof t.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var t;if(this.state._alert){try{o.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(t){o.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return i(s,{class:{[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},i("div",{class:"heading"},i(K,{label:this.state._label,type:this.state._type}),i("div",null,"string"==typeof this.state._label&&(null===(t=this.state._label)||void 0===t?void 0:t.length)>0&&i("kol-heading-wc",{_label:this.state._label,_level:this.state._level}),"msg"===this._variant&&i("div",{class:"content"},i("slot",null))),this.state._hasCloser&&i("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:a("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this._variant&&i("div",{class:"content"},i("slot",null)))}validateAlert(t){r(this,"_alert",t)}validateHasCloser(t){l(this,t)}validateLabel(t){n(this,t)}validateLevel(t){p(this,t)}validateOn(t){this.validateOnValue(t)&&d(this,"_on",{onClose:t.onClose})}validateType(t){c(this,"_type",(t=>"string"==typeof t&&("default"===t||"error"===t||"info"===t||"success"===t||"warning"===t)),new Set("String {success, info, warning, error}"),t)}validateVariant(t){c(this,"_variant",(t=>"card"===t||"msg"===t),new Set("AlertVariant {card, msg}"),t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}},D=(t,a)=>{r(t,"_ariaExpanded",a)},W=(t,a)=>{c(t,"_on",(t=>"object"==typeof t&&null!==t),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),a)},R=(t,a)=>{c(t,"_type",(t=>"button"===t||"reset"===t||"submit"===t),new Set(["KoliBriButtonType {button, reset, submit}"]),a)},M=(t,a)=>{r(t,"_disabled",a)},P=class{render(){const t=T(this.state._label);return i(s,null,i("button",Object.assign({ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":u(this.state._ariaCurrent),"aria-expanded":v(this.state._ariaExpanded),"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":u(this.state._ariaSelected),class:{[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"icon-only":!0===this.state._hideLabel,"hide-label":!0===this.state._hideLabel},disabled:this.state._disabled,id:this.state._id,name:this.state._name},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),i("kol-span-wc",{_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:t?"":this.state._label},i("slot",{name:"expert",slot:"expert"}))),i("kol-tooltip-wc",{"aria-hidden":"true",hidden:t||!this.state._hideLabel,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}))}constructor(a){t(this,a),this.catchRef=t=>{this.ref=t,I(this.host,this.ref)},this.onClick=t=>{var a,e;"submit"===this.state._type?H({form:this.host,ref:this.ref}):"reset"===this.state._type?O({form:this.host,ref:this.ref}):(x(t),S("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)&&(f(t,this.ref),null===(e=this.state._on)||void 0===e||e.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 E(this,"button",this.host)}validateAccessKey(t){b(this,"_accessKey",t)}validateAriaControls(t){_(this,t)}validateAriaCurrent(t){m(this,t)}validateAriaExpanded(t){D(this,t)}validateAriaLabel(t){this.validateLabel(t)}validateAriaSelected(t){r(this,"_ariaSelected",t)}validateCustomClass(t){g(this,t)}validateDisabled(t){M(this,t),!0===t&&k()}validateHideLabel(t){L(this,t)}validateIcon(t){j(this,t)}validateIcons(t){j(this,t)}validateIconAlign(t){A(this,t)}validateIconOnly(t){this.validateHideLabel(t)}validateId(t){b(this,"_id",t)}validateLabel(t){h(this,t)}validateName(t){this.controller.validateName(t)}validateOn(t){W(this,t)}validateRole(t){y(this,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){V(this,t)}validateTooltipAlign(t){C(this,t)}validateType(t){R(this,t)}validateValue(t){d(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateVariant(t){w(this,t)}componentWillLoad(){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(this._label||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"]}}},q=class{constructor(a){t(this,a),this.renderHeadline=(t,a)=>{switch(a){case 1:return i("h1",{class:"headline"},t,i("slot",null));case 2:return i("h2",{class:"headline"},t,i("slot",null));case 3:return i("h3",{class:"headline"},t,i("slot",null));case 4:return i("h4",{class:"headline"},t,i("slot",null));case 5:return i("h5",{class:"headline"},t,i("slot",null));case 6:return i("h6",{class:"headline"},t,i("slot",null));default:return i("strong",{class:"headline"},t,i("slot",null))}},this.renderSecondaryHeadline=(t,a)=>{switch(a){case 1:return i("span",{class:"secondary-headline"},t);case 2:return i("h2",{class:"secondary-headline"},t);case 3:return i("h3",{class:"secondary-headline"},t);case 4:return i("h4",{class:"secondary-headline"},t);case 5:return i("h5",{class:"secondary-headline"},t);case 6:return i("h6",{class:"secondary-headline"},t);default:return i("strong",{class:"secondary-headline"},t)}},this._label=void 0,this._level=1,this._secondaryHeadline=void 0,this.state={_label:"",_level:1}}validateLabel(t){h(this,t)}validateLevel(t){p(this,t)}validateSecondaryHeadline(t){b(this,"_secondaryHeadline",t)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline)}render(){return i(s,null,"string"==typeof this.state._secondaryHeadline&&this.state._secondaryHeadline.length>0?i("hgroup",null,this.renderHeadline(this.state._label,this.state._level),this.state._secondaryHeadline&&this.renderSecondaryHeadline(this.state._secondaryHeadline,this.state._level+1)):this.renderHeadline(this.state._label,this.state._level))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_secondaryHeadline:["validateSecondaryHeadline"]}}};export{N as kol_alert_wc,P as kol_button_wc,q as kol_heading_wc};
+import{r as t,h as i,H as s,g as e}from"./index-536799d5.js";import{a}from"./i18n-8a2a41a4.js";import{v as l}from"./has-closer-24e1c604.js";import{v as n,a as o}from"./label-6c8b047b.js";import{L as h}from"./dev.utils-5e2f4fb8.js";import{a as r,s as d,w as c,l as u,i as v,f,d as b}from"./prop.validators-267b95be.js";import{w as p}from"./validation-eb847346.js";import{v as _,a as m,c as y}from"./aria-current-25867d42.js";import{v as g,a as w}from"./custom-class-408bcebb.js";import{v as L}from"./hide-label-d3233b54.js";import{v as j,w as A}from"./icons-c37d9e06.js";import{v as C}from"./tooltip-align-82f781a7.js";import{g as k}from"./a11y.tipps-27b2bac3.js";import{s as x,t as S}from"./events-2bb1065b.js";import{a as I,s as T}from"./reuse-b3566e4c.js";import{v as V}from"./tab-index-acb6cd17.js";import{p as H,a as O}from"./controller-46ce7055.js";import{A as E}from"./associated.controller-c38365b9.js";import"./index-23225963.js";import"./index-3822b0c5.js";import"./alignment-f6c39ec3.js";const B=t=>i("kol-icon",{class:"heading-icon",_ariaLabel:"string"==typeof t.label&&t.label.length>0?"":t.ariaLabel,_icons:t.icon}),K=t=>{switch(t.type){case"error":return i(B,{ariaLabel:a("kol-error"),icon:"codicon codicon-error",label:t.label});case"info":return i(B,{ariaLabel:a("kol-info"),icon:"codicon codicon-info",label:t.label});case"warning":return i(B,{ariaLabel:a("kol-warning"),icon:"codicon codicon-warning",label:t.label});case"success":return i(B,{ariaLabel:a("kol-success"),icon:"codicon codicon-pass",label:t.label});default:return i(B,{ariaLabel:a("kol-message"),icon:"codicon codicon-comment",label:t.label})}},N=class{constructor(a){t(this,a),this.close=()=>{var t;void 0!==(null===(t=this._on)||void 0===t?void 0:t.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClick:this.close},this.validateOnValue=t=>"object"==typeof t&&null!==t&&"function"==typeof t.onClose,this._alert=!1,this._hasCloser=!1,this._label=void 0,this._level=1,this._on=void 0,this._type="default",this._variant="msg",this.state={_level:1}}render(){var t;if(this.state._alert){try{h.debug(["Navigator should vibrate ...",navigator.vibrate([100,75,100,75,100])])}catch(t){h.debug("Navigator does not support vibration.")}setTimeout((()=>{this.validateAlert(!1)}),1e4)}return i(s,{class:{[this.state._type]:!0,[this.state._variant]:!0,hasCloser:!!this.state._hasCloser},role:this.state._alert?"alert":void 0},i("div",{class:"heading"},i(K,{label:this.state._label,type:this.state._type}),i("div",null,"string"==typeof this.state._label&&(null===(t=this.state._label)||void 0===t?void 0:t.length)>0&&i("kol-heading-wc",{_label:this.state._label,_level:this.state._level}),"msg"===this._variant&&i("div",{class:"content"},i("slot",null))),this.state._hasCloser&&i("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:a("kol-close"),_on:this.on,_tooltipAlign:"left"})),"card"===this._variant&&i("div",{class:"content"},i("slot",null)))}validateAlert(t){r(this,"_alert",t)}validateHasCloser(t){l(this,t)}validateLabel(t){n(this,t)}validateLevel(t){p(this,t)}validateOn(t){this.validateOnValue(t)&&d(this,"_on",{onClose:t.onClose})}validateType(t){c(this,"_type",(t=>"string"==typeof t&&("default"===t||"error"===t||"info"===t||"success"===t||"warning"===t)),new Set("String {success, info, warning, error}"),t)}validateVariant(t){c(this,"_variant",(t=>"card"===t||"msg"===t),new Set("AlertVariant {card, msg}"),t)}componentWillLoad(){this.validateAlert(this._alert),this.validateHasCloser(this._hasCloser),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateType(this._type),this.validateVariant(this._variant)}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}},D=(t,a)=>{r(t,"_ariaExpanded",a)},W=(t,a)=>{c(t,"_on",(t=>"object"==typeof t&&null!==t),new Set(["ButtonCallbacksPropType {Events.onClick, Events.onMouseDown}"]),a)},R=(t,a)=>{c(t,"_type",(t=>"button"===t||"reset"===t||"submit"===t),new Set(["KoliBriButtonType {button, reset, submit}"]),a)},M=(t,a)=>{r(t,"_disabled",a)},P=class{render(){const t=T(this.state._label);return i(s,null,i("button",Object.assign({ref:this.catchRef,accessKey:this.state._accessKey,"aria-controls":this.state._ariaControls,"aria-current":u(this.state._ariaCurrent),"aria-expanded":v(this.state._ariaExpanded),"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?this.state._label:void 0,"aria-selected":u(this.state._ariaSelected),class:{[this.state._variant]:"custom"!==this.state._variant,[this.state._customClass]:"custom"===this.state._variant&&"string"==typeof this.state._customClass&&this.state._customClass.length>0,"icon-only":!0===this.state._hideLabel,"hide-label":!0===this.state._hideLabel},disabled:this.state._disabled,id:this.state._id,name:this.state._name},this.state._on,{onClick:this.onClick,role:this.state._role,tabIndex:this.state._tabIndex,type:this.state._type}),i("kol-span-wc",{_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:t?"":this.state._label},i("slot",{name:"expert",slot:"expert"}))),i("kol-tooltip-wc",{"aria-hidden":"true",hidden:t||!this.state._hideLabel,_align:this.state._tooltipAlign,_label:"string"==typeof this.state._label?this.state._label:""}))}constructor(a){t(this,a),this.catchRef=t=>{this.ref=t,I(this.host,this.ref)},this.onClick=t=>{var a,e;"submit"===this.state._type?H({form:this.host,ref:this.ref}):"reset"===this.state._type?O({form:this.host,ref:this.ref}):(x(t),S("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)&&(f(t,this.ref),null===(e=this.state._on)||void 0===e||e.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 E(this,"button",this.host)}validateAccessKey(t){b(this,"_accessKey",t)}validateAriaControls(t){_(this,t)}validateAriaCurrent(t){m(this,t)}validateAriaExpanded(t){D(this,t)}validateAriaLabel(t){this.validateLabel(t)}validateAriaSelected(t){r(this,"_ariaSelected",t)}validateCustomClass(t){g(this,t)}validateDisabled(t){M(this,t),!0===t&&k()}validateHideLabel(t){L(this,t)}validateIcon(t){j(this,t)}validateIcons(t){j(this,t)}validateIconAlign(t){A(this,t)}validateIconOnly(t){this.validateHideLabel(t)}validateId(t){b(this,"_id",t)}validateLabel(t){o(this,t)}validateName(t){this.controller.validateName(t)}validateOn(t){W(this,t)}validateRole(t){y(this,t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTabIndex(t){V(this,t)}validateTooltipAlign(t){C(this,t)}validateType(t){R(this,t)}validateValue(t){d(this,"_value",t),this.controller.setFormAssociatedValue(this.state._value)}validateVariant(t){w(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"]}}},q=class{constructor(a){t(this,a),this.renderHeadline=(t,a)=>{switch(a){case 1:return i("h1",{class:"headline"},t,i("slot",null));case 2:return i("h2",{class:"headline"},t,i("slot",null));case 3:return i("h3",{class:"headline"},t,i("slot",null));case 4:return i("h4",{class:"headline"},t,i("slot",null));case 5:return i("h5",{class:"headline"},t,i("slot",null));case 6:return i("h6",{class:"headline"},t,i("slot",null));default:return i("strong",{class:"headline"},t,i("slot",null))}},this.renderSecondaryHeadline=(t,a)=>{switch(a){case 1:return i("span",{class:"secondary-headline"},t);case 2:return i("h2",{class:"secondary-headline"},t);case 3:return i("h3",{class:"secondary-headline"},t);case 4:return i("h4",{class:"secondary-headline"},t);case 5:return i("h5",{class:"secondary-headline"},t);case 6:return i("h6",{class:"secondary-headline"},t);default:return i("strong",{class:"secondary-headline"},t)}},this._label=void 0,this._level=1,this._secondaryHeadline=void 0,this.state={_label:"",_level:1}}validateLabel(t){o(this,t)}validateLevel(t){p(this,t)}validateSecondaryHeadline(t){b(this,"_secondaryHeadline",t)}componentWillLoad(){this.validateLabel(this._label),this.validateLevel(this._level),this.validateSecondaryHeadline(this._secondaryHeadline)}render(){return i(s,null,"string"==typeof this.state._secondaryHeadline&&this.state._secondaryHeadline.length>0?i("hgroup",null,this.renderHeadline(this.state._label,this.state._level),this.state._secondaryHeadline&&this.renderSecondaryHeadline(this.state._secondaryHeadline,this.state._level+1)):this.renderHeadline(this.state._label,this.state._level))}static get watchers(){return{_label:["validateLabel"],_level:["validateLevel"],_secondaryHeadline:["validateSecondaryHeadline"]}}};export{N as kol_alert_wc,P as kol_button_wc,q as kol_heading_wc};

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

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

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as s,h as t,H as i}from"./index-536799d5.js";import{a}from"./i18n-f167afd7.js";import{v as r}from"./image-source-d1f0f870.js";import{v as e}from"./label-ff8e1180.js";import"./index-23225963.js";import"./index-3822b0c5.js";import"./a11y.tipps-4b764e13.js";import"./dev.utils-c305d350.js";import"./reuse-b3566e4c.js";import"./prop.validators-8a0008f0.js";const o=t=>0===t.length?"":t[0].toUpperCase(),l=t=>{const a=t.split(/\s+/),s=a.at(0),e=a.at(-1);return a.length>=2&&s&&e?`${o(s)}${o(e)}`:o(t)},n=class{constructor(t){s(this,t),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return t(i,null,t("div",{"aria-label":a("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"},l(this.state._label))))}validateSrc(t){r(this,t)}validateLabel(t){e(this,t)}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{n as kol_avatar_wc};
+import{r as s,h as t,H as a}from"./index-536799d5.js";import{a as i}from"./i18n-8a2a41a4.js";import{v as r}from"./image-source-a3f9dd93.js";import{v as e}from"./label-6c8b047b.js";import"./index-23225963.js";import"./index-3822b0c5.js";import"./a11y.tipps-27b2bac3.js";import"./dev.utils-5e2f4fb8.js";import"./reuse-b3566e4c.js";import"./prop.validators-267b95be.js";const o=a=>0===a.length?"":a[0].toUpperCase(),l=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)},n=class{constructor(a){s(this,a),this._src=void 0,this._label=void 0,this.state={_src:"",_label:""}}render(){return t(a,null,t("div",{"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"},l(this.state._label))))}validateSrc(a){r(this,a)}validateLabel(a){e(this,a)}componentWillLoad(){this.validateSrc(this._src),this.validateLabel(this._label)}static get watchers(){return{_src:["validateSrc"],_label:["validateLabel"]}}};export{n as kol_avatar_wc};

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

	@@ -1 +1 @@
1	- {"version":3,"names":["formatNameAsInitial","name","length","toUpperCase","formatLabelAsInitials","label","names","split","first","at","last","KolAvatarWc","_src","_label","render","h","Host","translate","placeholders","this","state","class","role","alt","src","validateSrc","value","validateImageSource","validateLabel","componentWillLoad"],"sources":["src/components/avatar/controller.ts","src/components/avatar/component.tsx"],"sourcesContent":["const formatNameAsInitial = (name: string): string => {\n\tif (name.length === 0) {\n\t\treturn '';\n\t}\n\n\treturn name[0].toUpperCase();\n};\n\nexport const formatLabelAsInitials = (label: string): string => {\n\tconst names = label.split(/\\s+/); // split by any whitespace characters\n\tconst first = names.at(0);\n\tconst last = names.at(-1);\n\n\t// names might consist of only one word\n\tif (names.length >= 2 && first && last) {\n\t\treturn `${formatNameAsInitial(first)}${formatNameAsInitial(last)}`;\n\t}\n\n\treturn formatNameAsInitial(label);\n};\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { ImageSourcePropType, validateImageSource } from '../../types/props/image-source';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { formatLabelAsInitials } from './controller';\nimport { API, States } from './types';\n\n@Component({\n\ttag: 'kol-avatar-wc',\n\tshadow: false,\n})\nexport class KolAvatarWc implements API {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div aria-label={translate('kol-avatar-alt', { placeholders: { name: this.state._label } })} class=\"container\" role=\"img\">\n\t\t\t\t\t{this.state._src ? (\n\t\t\t\t\t\t<img alt=\"\" aria-hidden=\"true\" class=\"image\" src={this.state._src} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"initials\">\n\t\t\t\t\t\t\t{formatLabelAsInitials(this.state._label)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/*\n\t Sets the image `src` attribute to the given string.\n\t /\n\t@Prop() public _src?: ImageSourcePropType;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: States = {\n\t\t_src: ``,\n\t\t_label: ``, // ⚠ required\n\t};\n\n\t@Watch('_src')\n\tpublic validateSrc(value?: ImageSourcePropType): void {\n\t\tvalidateImageSource(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateSrc(this._src);\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"mappings":"~~;;;0WAAA~~,MAAMA,EAAuBC,IAC5B,GAAIA,EAAKC,SAAW,EAAG,CACtB,MAAO,E,CAGR,OAAOD,EAAK,GAAGE,aAAa,EAGtB,MAAMC,EAAyBC,IACrC,MAAMC,EAAQD,EAAME,MAAM,OAC1B,MAAMC,EAAQF,EAAMG,GAAG,GACvB,MAAMC,EAAOJ,EAAMG,IAAI,GAGvB,GAAIH,EAAMJ,QAAU,GAAKM,GAASE,EAAM,CACvC,MAAO,GAAGV,EAAoBQ,KAASR,EAAoBU,I,CAG5D,OAAOV,EAAoBK,EAAM,E,MCNrBM,EAAW,M,8EA2BS,CAC/BC,KAAM,GACNC,OAAQ,G,CA5BF,MAAAC,GACN,OACCC,EAACC,EAAI,KACJD,EAAA,oBAAiBE,EAAU,iBAAkB,CAAEC,aAAc,CAAEjB,KAAMkB,KAAKC,MAAMP,UAAaQ,MAAM,YAAYC,KAAK,OAClHH,KAAKC,MAAMR,KACXG,EAAA,OAAKQ,IAAI,GAAE,cAAa,OAAOF,MAAM,QAAQG,IAAKL,KAAKC,MAAMR,OAE7DG,EAAA,sBAAkB,OAAOM,MAAM,YAC7BjB,EAAsBe,KAAKC,MAAMP,U,CAwBjC,WAAAY,CAAYC,GAClBC,EAAoBR,KAAMO,E,CAIpB,aAAAE,CAAcF,GACpBE,EAAcT,KAAMO,E,CAGd,iBAAAG,GACNV,KAAKM,YAAYN,KAAKP,MACtBO,KAAKS,cAAcT,KAAKN,O"}
1	+ {"version":3,"names":["formatNameAsInitial","name","length","toUpperCase","formatLabelAsInitials","label","names","split","first","at","last","KolAvatarWc","_src","_label","render","h","Host","translate","placeholders","this","state","class","role","alt","src","validateSrc","value","validateImageSource","validateLabel","componentWillLoad"],"sources":["src/components/avatar/controller.ts","src/components/avatar/component.tsx"],"sourcesContent":["const formatNameAsInitial = (name: string): string => {\n\tif (name.length === 0) {\n\t\treturn '';\n\t}\n\n\treturn name[0].toUpperCase();\n};\n\nexport const formatLabelAsInitials = (label: string): string => {\n\tconst names = label.split(/\\s+/); // split by any whitespace characters\n\tconst first = names.at(0);\n\tconst last = names.at(-1);\n\n\t// names might consist of only one word\n\tif (names.length >= 2 && first && last) {\n\t\treturn `${formatNameAsInitial(first)}${formatNameAsInitial(last)}`;\n\t}\n\n\treturn formatNameAsInitial(label);\n};\n","import { Component, h, Host, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { translate } from '../../i18n';\nimport { ImageSourcePropType, validateImageSource } from '../../types/props/image-source';\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { formatLabelAsInitials } from './controller';\nimport { API, States } from './types';\n\n@Component({\n\ttag: 'kol-avatar-wc',\n\tshadow: false,\n})\nexport class KolAvatarWc implements API {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div aria-label={translate('kol-avatar-alt', { placeholders: { name: this.state._label } })} class=\"container\" role=\"img\">\n\t\t\t\t\t{this.state._src ? (\n\t\t\t\t\t\t<img alt=\"\" aria-hidden=\"true\" class=\"image\" src={this.state._src} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"initials\">\n\t\t\t\t\t\t\t{formatLabelAsInitials(this.state._label)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/*\n\t Sets the image `src` attribute to the given string.\n\t /\n\t@Prop() public _src?: ImageSourcePropType;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t@State() public state: States = {\n\t\t_src: ``,\n\t\t_label: ``, // ⚠ required\n\t};\n\n\t@Watch('_src')\n\tpublic validateSrc(value?: ImageSourcePropType): void {\n\t\tvalidateImageSource(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateSrc(this._src);\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"mappings":";;;+WAAA,MAAMA,EAAuBC,IAC5B,GAAIA,EAAKC,SAAW,EAAG,CACtB,MAAO,E,CAGR,OAAOD,EAAK,GAAGE,aAAa,EAGtB,MAAMC,EAAyBC,IACrC,MAAMC,EAAQD,EAAME,MAAM,OAC1B,MAAMC,EAAQF,EAAMG,GAAG,GACvB,MAAMC,EAAOJ,EAAMG,IAAI,GAGvB,GAAIH,EAAMJ,QAAU,GAAKM,GAASE,EAAM,CACvC,MAAO,GAAGV,EAAoBQ,KAASR,EAAoBU,I,CAG5D,OAAOV,EAAoBK,EAAM,E,MCNrBM,EAAW,M,8EA2BS,CAC/BC,KAAM,GACNC,OAAQ,G,CA5BF,MAAAC,GACN,OACCC,EAACC,EAAI,KACJD,EAAA,oBAAiBE,EAAU,iBAAkB,CAAEC,aAAc,CAAEjB,KAAMkB,KAAKC,MAAMP,UAAaQ,MAAM,YAAYC,KAAK,OAClHH,KAAKC,MAAMR,KACXG,EAAA,OAAKQ,IAAI,GAAE,cAAa,OAAOF,MAAM,QAAQG,IAAKL,KAAKC,MAAMR,OAE7DG,EAAA,sBAAkB,OAAOM,MAAM,YAC7BjB,EAAsBe,KAAKC,MAAMP,U,CAwBjC,WAAAY,CAAYC,GAClBC,EAAoBR,KAAMO,E,CAIpB,aAAAE,CAAcF,GACpBE,EAAcT,KAAMO,E,CAGd,iBAAAG,GACNV,KAAKM,YAAYN,KAAKP,MACtBO,KAAKS,cAAcT,KAAKN,O"}

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as o}from"./index-536799d5.js";import{h as s,v as n}from"./color-8a3a7784.js";import{f as e}from"./a11y.tipps-4b764e13.js";import{n as a}from"./dev.utils-c305d350.js";import{o as r,p as l,s as h}from"./prop.validators-8a0008f0.js";import"./reuse-b3566e4c.js";import"./index-3822b0c5.js";const d=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host>span{display:inline-flex;place-items:center}:host>span>kol-button-wc button{color:inherit}";e("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const c=class{constructor(o){t(this,o),this.bgColorStr="#000",this.colorStr="#fff",this.id=a(),this.handleColorChange=t=>{const o=s(t);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor},this._color="#000",this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconOnly=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(t){return i("kol-button-wc",{_ariaControls:this.id,_customClass:t._customClass,_disabled:t._disabled,_hideLabel:!0,_icons:t._icons||t._icon,_id:t._id,_label:t._label,_on:t._on,_tooltipAlign:t._tooltipAlign,_variant:t._variant})}render(){const t="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return i(o,null,i("span",{class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},i("kol-span-wc",{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){n(this,t,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){r(t,(()=>{try{t=l(t)}catch(t){}h(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};c.style={default:d};export{c as kol_badge};
+import{r as t,h as i,H as o}from"./index-536799d5.js";import{h as s,v as e}from"./color-88367b45.js";import{f as n}from"./a11y.tipps-27b2bac3.js";import{n as a}from"./dev.utils-5e2f4fb8.js";import{o as r,p as l,s as h}from"./prop.validators-267b95be.js";import"./reuse-b3566e4c.js";import"./index-3822b0c5.js";const d=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host>span{display:inline-flex;place-items:center}:host>span>kol-button-wc button{color:inherit}";n("[KolBadge] Optimierung des _color-Properties (rgba, rgb, hex usw.).");const c=class{constructor(o){t(this,o),this.bgColorStr="#000",this.colorStr="#fff",this.id=a(),this.handleColorChange=t=>{const o=s(t);this.bgColorStr=o.backgroundColor,this.colorStr=o.foregroundColor},this._color="#000",this._hideLabel=!1,this._icon=void 0,this._icons=void 0,this._iconOnly=void 0,this._label=void 0,this._smartButton=void 0,this.state={_color:{backgroundColor:"#000",foregroundColor:"#fff"}}}renderSmartButton(t){return i("kol-button-wc",{_ariaControls:this.id,_customClass:t._customClass,_disabled:t._disabled,_hideLabel:!0,_icons:t._icons||t._icon,_id:t._id,_label:t._label,_on:t._on,_tooltipAlign:t._tooltipAlign,_variant:t._variant})}render(){const t="object"==typeof this.state._smartButton&&null!==this.state._smartButton;return i(o,null,i("span",{class:{"smart-button":"object"==typeof this.state._smartButton&&null!==this.state._smartButton},style:{backgroundColor:this.bgColorStr,color:this.colorStr}},i("kol-span-wc",{id:t?this.id:void 0,_allowMarkdown:!0,_hideLabel:this._hideLabel||this._iconOnly,_icons:this._icons||this._icon,_label:this._label}),t&&this.renderSmartButton(this.state._smartButton)))}validateColor(t){e(this,t,{defaultValue:"#000",hooks:{beforePatch:this.handleColorChange}})}validateSmartButton(t){r(t,(()=>{try{t=l(t)}catch(t){}h(this,"_smartButton",t)}))}componentWillLoad(){this.validateColor(this._color),this.validateSmartButton(this._smartButton)}static get watchers(){return{_color:["validateColor"],_smartButton:["validateSmartButton"]}}};c.style={default:d};export{c as kol_badge};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,F as e,H as n}from"./index-536799d5.js";import{v as a}from"./label-ff8e1180.js";import{b as o}from"./a11y.tipps-4b764e13.js";import{r as s,a as l}from"./unique-nav-labels-c6750f60.js";import{w as r}from"./validation-ab1d7def.js";import"./prop.validators-8a0008f0.js";import"./dev.utils-c305d350.js";import"./reuse-b3566e4c.js";import"./index-3822b0c5.js";const c=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}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'}",d=class{constructor(a){i(this,a),this.renderLink=(i,a)=>{const n=this.state._links.length-1,l=i._iconOnly||i._hideLabel;return t("li",{key:a},0!==a&&t("kol-icon",{_label:"",_icons:"codicon codicon-chevron-right"}),a===n?t("span",null,l?t("kol-icon",{_label:i._label,_icons:"string"==typeof i._icon?i._icon:"codicon codicon-symbol-event"}):t(e,null,i._label)):t("kol-link",Object.assign({},i)))},this._ariaLabel=void 0,this._label=void 0,this._links=void 0,this.state={_label:"…",_links:[]}}render(){return t(n,null,t("nav",{"aria-label":this.state._label},t("ul",null,0===this.state._links.length&&t("li",null,t("kol-icon",{_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateAriaLabel(t){this.validateLabel(t)}validateLabel(t,i,e=!1){e||s(this.state._label),a(this,t),o(t),l(this.state._label)}validateLinks(t){r("KolBreadcrumb",this,t)}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"]}}};d.style={default:c};export{d as kol_breadcrumb};
+import{r as i,h as t,F as e,H as n}from"./index-536799d5.js";import{v as a}from"./label-6c8b047b.js";import{b as o}from"./a11y.tipps-27b2bac3.js";import{r as s,a as l}from"./unique-nav-labels-c6750f60.js";import{w as r}from"./validation-75f5ccf7.js";import"./prop.validators-267b95be.js";import"./dev.utils-5e2f4fb8.js";import"./reuse-b3566e4c.js";import"./index-3822b0c5.js";const c=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}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'}",d=class{constructor(a){i(this,a),this.renderLink=(i,a)=>{const n=this.state._links.length-1,l=i._iconOnly||i._hideLabel;return t("li",{key:a},0!==a&&t("kol-icon",{_label:"",_icons:"codicon codicon-chevron-right"}),a===n?t("span",null,l?t("kol-icon",{_label:i._label,_icons:"string"==typeof i._icon?i._icon:"codicon codicon-symbol-event"}):t(e,null,i._label)):t("kol-link",Object.assign({},i)))},this._ariaLabel=void 0,this._label=void 0,this._links=void 0,this.state={_label:"…",_links:[]}}render(){return t(n,null,t("nav",{"aria-label":this.state._label},t("ul",null,0===this.state._links.length&&t("li",null,t("kol-icon",{_label:"",_icons:"codicon codicon-home"}),"…"),this.state._links.map(this.renderLink))))}validateAriaLabel(t){this.validateLabel(t)}validateLabel(t,i,e=!1){e||s(this.state._label),a(this,t),o(t),l(this.state._label)}validateLinks(t){r("KolBreadcrumb",this,t)}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"]}}};d.style={default:c};export{d as kol_breadcrumb};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i,H as e}from"./index-536799d5.js";import{a as s}from"./i18n-f167afd7.js";import{v as a}from"./has-closer-8a002427.js";import{a as o,s as n}from"./prop.validators-8a0008f0.js";import{v as l}from"./label-ff8e1180.js";import{w as r}from"./validation-d8e90a97.js";import"./index-23225963.js";import"./index-3822b0c5.js";import"./a11y.tipps-4b764e13.js";import"./dev.utils-c305d350.js";import"./reuse-b3566e4c.js";const h=(e,t)=>{o(e,"_hasFooter",t)},d=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host>div.card{height:100%;position:relative}.close{position:absolute;top:0;right:0}",c=class{constructor(e){t(this,e),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(e,null,i("div",{class:"card"},i("div",{class:"header"},i("kol-heading-wc",{_label:this.state._label,_level:this.state._level}),i("slot",{name:"header"})),i("div",{class:"content"},i("slot",{name:"content"}),i("slot",null)),this.state._hasFooter&&i("div",{class:"footer"},i("slot",{name:"footer"})),this.state._hasCloser&&i("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:s("kol-close"),_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&n(this,"_on",{onClose:e.onClose})}validateHasCloser(e){a(this,e)}validateHasFooter(e){h(this,e)}validateHeading(e){this.validateLabel(e)}validateHeadline(e){this.validateLabel(e)}validateLabel(e){l(this,e)}validateLevel(e){r(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"]}}};c.style={default:d};export{c as kol_card};
+import{r as t,h as i,H as e}from"./index-536799d5.js";import{a as s}from"./i18n-8a2a41a4.js";import{v as a}from"./has-closer-24e1c604.js";import{a as o,s as n}from"./prop.validators-267b95be.js";import{v as l}from"./label-6c8b047b.js";import{w as r}from"./validation-eb847346.js";import"./index-23225963.js";import"./index-3822b0c5.js";import"./a11y.tipps-27b2bac3.js";import"./dev.utils-5e2f4fb8.js";import"./reuse-b3566e4c.js";const h=(e,t)=>{o(e,"_hasFooter",t)},d=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}:host>div.card{height:100%;position:relative}.close{position:absolute;top:0;right:0}",c=class{constructor(e){t(this,e),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(e,null,i("div",{class:"card"},i("div",{class:"header"},i("kol-heading-wc",{_label:this.state._label,_level:this.state._level}),i("slot",{name:"header"})),i("div",{class:"content"},i("slot",{name:"content"}),i("slot",null)),this.state._hasFooter&&i("div",{class:"footer"},i("slot",{name:"footer"})),this.state._hasCloser&&i("kol-button-wc",{class:"close",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:s("kol-close"),_on:this.on,_tooltipAlign:"left"})))}validateOn(e){this.validateOnValue(e)&&n(this,"_on",{onClose:e.onClose})}validateHasCloser(e){a(this,e)}validateHasFooter(e){h(this,e)}validateHeading(e){this.validateLabel(e)}validateHeadline(e){this.validateLabel(e)}validateLabel(e){l(this,e)}validateLevel(e){r(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"]}}};c.style={default:d};export{c as kol_card};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as i,h as t,H as s,g as e}from"./index-536799d5.js";import{v as o}from"./label-ff8e1180.js";import{v as n}from"./open-0f61b9a9.js";import{t as a}from"./events-2bb1065b.js";import{s as h}from"./prop.validators-8a0008f0.js";import"./a11y.tipps-4b764e13.js";import"./dev.utils-c305d350.js";import"./reuse-b3566e4c.js";import"./index-3822b0c5.js";class l{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.detailsElement.style.overflow="hidden",this.isClosing||!this.detailsElement.open?this.open():(this.isExpanding||this.detailsElement.open)&&this.collapse()}open(){var t;this.detailsElement.style.height=`${null!==(t=this.detailsElement.offsetHeight)&&void 0!==t?t:0}px`,this.detailsElement.open=!0,window.requestAnimationFrame(this.expand.bind(this))}expand(){this.isExpanding=!0,this.animateDetailsHeight(this.summaryElement.offsetHeight+this.contentElement.offsetHeight,"expand")}collapse(){this.isClosing=!0,this.animateDetailsHeight(this.summaryElement.offsetHeight,"collapse")}animateDetailsHeight(t,e){const i=this.detailsElement.offsetHeight;this.animation&&this.animation.cancel(),this.animation=this.detailsElement.animate({height:[`${i}px`,`${t}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"===e?this.isExpanding=!1:this.isClosing=!1}),{once:!0})}onAnimationFinish(){this.detailsElement.open=this.isExpanding,this.animation=void 0,this.isClosing=!1,this.isExpanding=!1,this.detailsElement.style.removeProperty("height"),this.detailsElement.style.removeProperty("overview")}}const r=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}: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}details>kol-indented-text{margin:0.25em 0 0 0.5em}",d=class{constructor(t){i(this,t),this.handleToggle=t=>{clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout((()=>{var e,i,s,n;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),a("toggle",this.host,this._open),"function"==typeof(null===(s=this.state._on)||void 0===s?void 0:s.onToggle)&&(null===(n=this.state._on)||void 0===n||n.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(s,null,t("details",{ref:t=>{this.detailsElement=t},onToggle:this.handleToggle},t("summary",{ref:t=>this.summaryElement=t},this.state._open?t("kol-icon",{_label:"",_icons:"codicon codicon-chevron-down"}):t("kol-icon",{_label:"",_icons:"codicon codicon-chevron-right"}),t("span",null,this.state._label)),t("div",{class:"content",ref:t=>this.contentElement=t},t("kol-indented-text",null,t("slot",null)))))}validateLabel(t){o(this,t)}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onToggle&&h(this,"_on",t)}validateOpen(t){n(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 l(this.detailsElement,this.summaryElement,this.contentElement);this.state._open&&t.open()}}get host(){return e(this)}static get watchers(){return{_label:["validateLabel"],_on:["validateOn"],_open:["validateOpen"],_summary:["validateSummary"]}}};d.style={default:r};export{d as kol_details};
+import{r as i,h as t,H as s,g as e}from"./index-536799d5.js";import{v as o}from"./label-6c8b047b.js";import{v as n}from"./open-6de0da43.js";import{t as a}from"./events-2bb1065b.js";import{s as h}from"./prop.validators-267b95be.js";import"./a11y.tipps-27b2bac3.js";import"./dev.utils-5e2f4fb8.js";import"./reuse-b3566e4c.js";import"./index-3822b0c5.js";class l{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.detailsElement.style.overflow="hidden",this.isClosing||!this.detailsElement.open?this.open():(this.isExpanding||this.detailsElement.open)&&this.collapse()}open(){var t;this.detailsElement.style.height=`${null!==(t=this.detailsElement.offsetHeight)&&void 0!==t?t:0}px`,this.detailsElement.open=!0,window.requestAnimationFrame(this.expand.bind(this))}expand(){this.isExpanding=!0,this.animateDetailsHeight(this.summaryElement.offsetHeight+this.contentElement.offsetHeight,"expand")}collapse(){this.isClosing=!0,this.animateDetailsHeight(this.summaryElement.offsetHeight,"collapse")}animateDetailsHeight(t,e){const i=this.detailsElement.offsetHeight;this.animation&&this.animation.cancel(),this.animation=this.detailsElement.animate({height:[`${i}px`,`${t}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"===e?this.isExpanding=!1:this.isClosing=!1}),{once:!0})}onAnimationFinish(){this.detailsElement.open=this.isExpanding,this.animation=void 0,this.isClosing=!1,this.isExpanding=!1,this.detailsElement.style.removeProperty("height"),this.detailsElement.style.removeProperty("overview")}}const r=":host{--a11y-min-size:44px;font-size:inherit}*{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}:is(a,button){background-color:transparent;border:none;margin:0;padding:0;width:100%;}: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}button,input,option,select,textarea{font-family:inherit}.icon-only>kol-span-wc>span>span{display:none}: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}details>kol-indented-text{margin:0.25em 0 0 0.5em}",d=class{constructor(t){i(this,t),this.handleToggle=t=>{clearTimeout(this.toggleTimeout),this.toggleTimeout=setTimeout((()=>{var e,i,s,n;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),a("toggle",this.host,this._open),"function"==typeof(null===(s=this.state._on)||void 0===s?void 0:s.onToggle)&&(null===(n=this.state._on)||void 0===n||n.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(s,null,t("details",{ref:t=>{this.detailsElement=t},onToggle:this.handleToggle},t("summary",{ref:t=>this.summaryElement=t},this.state._open?t("kol-icon",{_label:"",_icons:"codicon codicon-chevron-down"}):t("kol-icon",{_label:"",_icons:"codicon codicon-chevron-right"}),t("span",null,this.state._label)),t("div",{class:"content",ref:t=>this.contentElement=t},t("kol-indented-text",null,t("slot",null)))))}validateLabel(t){o(this,t)}validateOn(t){"object"==typeof t&&null!==t&&"function"==typeof t.onToggle&&h(this,"_on",t)}validateOpen(t){n(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 l(this.detailsElement,this.summaryElement,this.contentElement);this.state._open&&t.open()}}get host(){return e(this)}static get watchers(){return{_label:["validateLabel"],_on:["validateOn"],_open:["validateOpen"],_summary:["validateSummary"]}}};d.style={default:r};export{d as kol_details};

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

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as t,h as i}from"./index-536799d5.js";import{a as e}from"./i18n-f167afd7.js";import{a as o,d as s}from"./prop.validators-8a0008f0.js";import"./index-23225963.js";import"./index-3822b0c5.js";import"./a11y.tipps-4b764e13.js";import"./dev.utils-c305d350.js";import"./reuse-b3566e4c.js";const r=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._on=void 0,this._requiredText=!0,this.state={}}render(){return i("form",{method:"post",onSubmit:this.onSubmit,onReset:this.onReset,autoComplete:"off",noValidate:!0},!0===this.state._requiredText?i("p",null,i("kol-indented-text",null,e("kol-form-description"))):"string"==typeof this.state._requiredText&&this.state._requiredText.length>0?i("p",null,i("kol-indented-text",null,this.state._requiredText)):null,i("slot",null))}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateRequiredText(t){"boolean"==typeof t?o(this,"_requiredText",t):s(this,"_requiredText",t)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"]}}};export{r as kol_form};
+import{r as t,h as i}from"./index-536799d5.js";import{a as e}from"./i18n-8a2a41a4.js";import{a as o,d as s}from"./prop.validators-267b95be.js";import"./index-23225963.js";import"./index-3822b0c5.js";import"./a11y.tipps-27b2bac3.js";import"./dev.utils-5e2f4fb8.js";import"./reuse-b3566e4c.js";const r=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._on=void 0,this._requiredText=!0,this.state={}}render(){return i("form",{method:"post",onSubmit:this.onSubmit,onReset:this.onReset,autoComplete:"off",noValidate:!0},!0===this.state._requiredText?i("p",null,i("kol-indented-text",null,e("kol-form-description"))):"string"==typeof this.state._requiredText&&this.state._requiredText.length>0?i("p",null,i("kol-indented-text",null,this.state._requiredText)):null,i("slot",null))}validateOn(t){"object"==typeof t&&null!==t&&(this.state=Object.assign(Object.assign({},this.state),{_on:t}))}validateRequiredText(t){"boolean"==typeof t?o(this,"_requiredText",t):s(this,"_requiredText",t)}componentWillLoad(){this.validateOn(this._on),this.validateRequiredText(this._requiredText)}static get watchers(){return{_on:["validateOn"],_requiredText:["validateRequiredText"]}}};export{r as kol_form};