@public-ui/components 3.1.0-rc.0 → 3.1.0

package/dist/components/controller2.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as __rest}from"./tslib.es6.js";import{h,Fragment}from"@stencil/core/internal/client";import{c as clsx}from"./clsx.js";import{c as watchBoolean,h as watchString,p as parseJson,o as objectObjectHandler,w as watchValidator,J as isObject,j as isString,l as devHint,s as setState,r as a11yHint}from"./common.js";import{b as buildBadgeTextString,s as showExpertSlot}from"./reuse.js";import{t as translate}from"./i18n.js";import{i as isString$1,K as KolInternalUnderlinedBadgeTextFc}from"./InternalUnderlinedBadgeText.js";import{K as KolAlertFc}from"./Alert.js";import{a as KolTooltipWcTag}from"./component-names.js";import{v as validateAccessKey,a as validateAccessAndShortKey,b as validateShortKey,c as validateTabIndex}from"./access-and-short-key.js";import{v as validateDisabled}from"./disabled.js";import{v as validateHideLabel}from"./hide-label.js";import{a as validateLabelWithExpertSlot}from"./label.js";import{v as validateTooltipAlign}from"./tooltip-align.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{A as AssociatedInputController}from"./associated.controller.js";import{a as isObjectLike,c as baseGetTag,i as isObject$1,r as root}from"./isObject.js";const validateAdjustHeight=(e,t)=>{watchBoolean(e,"_adjustHeight",t)},validateHideMsg=(e,t,n)=>{watchBoolean(e,"_hideMsg",t,n)},validateHint=(e,t)=>{watchString(e,"_hint",t)},validateMsg=(e,t)=>{objectObjectHandler(t,()=>{try{t=parseJson(t)}catch(e){}watchValidator(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(isObject(e)&&null!==e){const t=e._description;return isString(t,1)}return!1},new Set(["MsgPropType","string"]),t)})};function checkHasMsg(e,t){var n;if(!e)return!1;const o="string"==typeof e?"error":null!==(n=e._type)&&void 0!==n?n:"error";return!0===t||"error"!==o}function normalizeMsg(e){if("string"==typeof e)try{return parseJson(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}const validateTouched=(e,t)=>{watchBoolean(e,"_touched",t)},KolFormFieldCharacterLimitHintFc=({id:e,maxLength:t})=>h("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},translate("kol-character-limit-hint",{placeholders:{limit:String(t)}})),KolFormFieldCounterFc=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:o,id:i})=>{let a,r;const s=["kol-form-field__counter"];if("hard"===o)a="number"==typeof n?translate("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):translate("kol-character-counter-current",{placeholders:{current:String(e)}}),r="number"==typeof n?translate("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):translate("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof n)return null;{const o=n-e,i=o<0,l=n-t,c=l<0;a=i?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(o))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(o)}}),r=c?translate("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):translate("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),i&&s.push("kol-form-field__counter--exceeded")}}return h(Fragment,null,h("span",{class:clsx(s),"aria-hidden":"true","data-testid":"input-counter"},a),h("span",{id:`${i}-counter`,"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},r))},KolFormFieldHintFc=e=>{var{id:t,class:n,hint:o,baseClassName:i="kol-form-field"}=e,a=__rest(e,["id","class","hint","baseClassName"]);return o?h("span",Object.assign({class:clsx(`${i}__hint`,n),id:`${t}-hint`},a),o):null};var symbolTag="[object Symbol]";function isSymbol(e){return"symbol"==typeof e||isObjectLike(e)&&baseGetTag(e)==symbolTag}var reWhitespace=/\s/;function trimmedEndIndex(e){for(var t=e.length;t--&&reWhitespace.test(e.charAt(t)););return t}var reTrimStart=/^\s+/;function baseTrim(e){return e?e.slice(0,trimmedEndIndex(e)+1).replace(reTrimStart,""):e}var NAN=NaN,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;function toNumber(e){if("number"==typeof e)return e;if(isSymbol(e))return NAN;if(isObject$1(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=isObject$1(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=baseTrim(e);var n=reIsBinary.test(e);return n||reIsOctal.test(e)?freeParseInt(e.slice(2),n?2:8):reIsBadHex.test(e)?NAN:+e}var now=function(){return root.Date.now()},FUNC_ERROR_TEXT="Expected a function",nativeMax=Math.max,nativeMin=Math.min;function debounce(e,t,n){var o,i,a,r,s,l,c=0,d=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(FUNC_ERROR_TEXT);function m(t){var n=o,a=i;return o=i=void 0,c=t,r=e.apply(a,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=a}function g(){var e=now();if(p(e))return v(e);s=setTimeout(g,function(e){var n=t-(e-l);return h?nativeMin(n,a-(e-c)):n}(e))}function v(e){return s=void 0,u&&o?m(e):(o=i=void 0,r)}function b(){var e=now(),n=p(e);if(o=arguments,i=this,l=e,n){if(void 0===s)return function(e){return c=e,s=setTimeout(g,t),d?m(e):r}(l);if(h)return clearTimeout(s),s=setTimeout(g,t),m(l)}return void 0===s&&(s=setTimeout(g,t)),r}return t=toNumber(t)||0,isObject$1(n)&&(d=!!n.leading,a=(h="maxWait"in n)?nativeMax(toNumber(n.maxWait)||0,t):a,u="trailing"in n?!!n.trailing:u),b.cancel=function(){void 0!==s&&clearTimeout(s),c=0,o=l=i=s=void 0},b.flush=function(){return void 0===s?r:v(now())},b}const LabelFc=({hasExpertSlot:e,accessKey:t,shortKey:n,label:o,showBadge:i=!0})=>{if(e)return h("slot",{name:"expert"});if(!o)return null;const a=isString$1(t)||isString$1(n);if(!i||!a)return h("span",null,o);const r=buildBadgeTextString(t,n);return h(Fragment,null,h(KolInternalUnderlinedBadgeTextFc,{badgeText:r,label:o})," ",h("kbd",{class:"badge-text-hint","aria-hidden":"true"},r))},KolFormFieldLabelFc=e=>{var{component:t="label",id:n,baseClassName:o="kol-form-field",class:i,accessKey:a,shortKey:r,label:s,hideLabel:l,hasExpertSlot:c,showBadge:d,readOnly:u}=e,m=__rest(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge","readOnly"]);const p=!c&&l,g=translate("kol-readonly");return h(t,Object.assign({},m,{class:clsx(`${o}__label`,i),id:p?void 0:`${n}-label`,hidden:p,htmlFor:n}),h("span",{class:clsx(`${o}__label-text`)},h(LabelFc,{hasExpertSlot:c,accessKey:a,shortKey:r,label:s,showBadge:d}),u?h("span",{class:clsx(`${o}__label__read-only`),"aria-hidden":"true"},"(",g,")"):null))},FormFieldMsgFc=e=>{var t,n,{alert:o,msg:i,id:a,class:r}=e,s=__rest(e,["alert","msg","id","class"]);const l=normalizeMsg(i);return h(KolAlertFc,Object.assign({id:`${a}-msg`,alert:null!==(t=null==l?void 0:l._alert)&&void 0!==t?t:o,hasCloser:!1,level:0,type:null!==(n=null==l?void 0:l._type)&&void 0!==n?n:"error",variant:"msg",class:clsx("kol-form-field__msg",r)},s),(null==l?void 0:l._description)||void 0)},FormFieldTooltipFc=({id:e,align:t,badgeText:n,label:o,class:i})=>h(KolTooltipWcTag,{"aria-hidden":"true",class:clsx("kol-form-field__tooltip",i),_badgeText:n,_align:t,_id:`${e}-label`,_label:o});function getModifierClassNameByMsgType(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const InputContainer=(e,t)=>{var{class:n}=e,o=__rest(e,["class"]);return h("div",Object.assign({class:clsx("kol-form-field__input",n)},o),t)},KolFormFieldFc=(e,t)=>{var n;const{component:o="div",renderNoLabel:i,renderNoTooltip:a,renderNoHint:r,anotherChildren:s,id:l,required:c,alert:d,disabled:u,class:m,msg:p,hideMsg:g,hideLabel:v,label:b,hint:f,accessKey:_,shortKey:y,tooltipAlign:F,counter:x,readOnly:K,touched:L,maxLength:j,ariaDescribedBy:S,formFieldLabelProps:T,formFieldHintProps:C,formFieldTooltipProps:B,formFieldMsgProps:O,formFieldInputProps:k}=e,H=__rest(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","maxLength","ariaDescribedBy","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),M=!i,I=!r,E=!a,w=showExpertSlot(b),A=checkHasMsg(p,L),D=buildBadgeTextString(_,y),$=E&&!w&&v,N="string"==typeof p?"error":null!==(n=null==p?void 0:p._type)&&void 0!==n?n:"error";let P={"kol-form-field--disabled":Boolean(u),"kol-form-field--required":Boolean(c),"kol-form-field--touched":Boolean(L),"kol-form-field--hide-label":Boolean(v),"kol-form-field--read-only":Boolean(K),"kol-form-field--hidden-msg":Boolean(g)};return A&&(P=Object.assign(Object.assign({},P),{[`kol-form-field--${N||"error"}`]:!0,[`kol-form-field--${getModifierClassNameByMsgType({type:N})}`]:!0})),h(o,Object.assign({class:clsx("kol-form-field",P,m),"aria-describedby":S},H),M&&h(KolFormFieldLabelFc,Object.assign({},T||{},{id:l,hasExpertSlot:w,hideLabel:v,label:b,accessKey:_,shortKey:y,readOnly:K})),h(InputContainer,Object.assign({},k),t,$&&!0===v&&h(FormFieldTooltipFc,Object.assign({},B||{},{id:l,label:b,align:F,badgeText:D}))),x?h(KolFormFieldCounterFc,Object.assign({id:l},x)):null,j?h(KolFormFieldCharacterLimitHintFc,{id:l,maxLength:j}):null,A&&!g&&h(FormFieldMsgFc,Object.assign({},O||{},{id:l,alert:d,msg:p})),I&&h(KolFormFieldHintFc,Object.assign({},C||{},{id:l,hint:f})),s)};function getDefaultProps({ariaDescribedBy:e,hideLabel:t,label:n}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&n?n:void 0}}const getRenderStates=e=>{var t;const n=e._msg,o="string"==typeof n?n:null==n?void 0:n._description,i="string"==typeof n?"error":null!==(t=null==n?void 0:n._type)&&void 0!==t?t:"error",a=Boolean(o&&o.length>0),r="error"===i&&a&&!0===e._touched,s="string"==typeof e._hint&&e._hint.length>0,l=[];return a&&!e._hideMsg&&l.push(`${e._id}-msg`),!0===s&&l.push(`${e._id}-hint`),e._hasCounter&&l.push(`${e._id}-counter`),!0===r&&l.push(`${e._id}-error`),{hasError:r,hasHint:s,ariaDescribedBy:l}};function getFormFieldProps(e){const t={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_maxLength"in e&&(t.maxLength=e._maxLength),"_currentLength"in e&&"number"==typeof e._currentLength&&"_currentLengthDebounced"in e&&"number"==typeof e._currentLengthDebounced&&"_hasCounter"in e&&!0===e._hasCounter&&(t.counter={currentLength:e._currentLength,currentLengthDebounced:e._currentLengthDebounced,maxLength:e._maxLength,maxLengthBehavior:e._maxLengthBehavior||"hard"}),t}const FormFieldStateWrapper=(e,t)=>{var{state:n}=e,o=__rest(e,["state"]);const{ariaDescribedBy:i}=getRenderStates(n),a=("fieldset"===o.component||"_options"in n&&"_orientation"in n)&&i.length>0?i.join(" "):void 0,r=getFormFieldProps(n);return h(KolFormFieldFc,Object.assign({},r,o,{ariaDescribedBy:a}),t)};class ControlledInputController extends AssociatedInputController{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){validateTouched(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class InputController extends ControlledInputController{constructor(e,t,n){super(e,t,n),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this),onKeyDown:this.onKeyDown.bind(this)},this.updateCurrentLengthDebounced=debounce(e=>{setState(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){validateAccessKey(this.component,e),validateAccessAndShortKey(e,this.component._shortKey)}validateAdjustHeight(e){validateAdjustHeight(this.component,e)}validateDisabled(e){validateDisabled(this.component,e)}validateTooltipAlign(e){validateTooltipAlign(this.component,e)}validateHideMsg(e){validateHideMsg(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&a11yHint("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){validateHideLabel(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&a11yHint("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){validateHint(this.component,e)}validateId(e){watchString(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||devHint("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){validateLabelWithExpertSlot(this.component,e,{required:!0})}validateMsg(e){validateMsg(this.component,e)}validateOn(e){"object"==typeof e&&setState(this.component,"_on",e)}validateShortKey(e){validateShortKey(this.component,e),validateAccessAndShortKey(this.component._accessKey,e)}validateSmartButton(e){objectObjectHandler(e,()=>{try{e=parseJson(e)}catch(e){}setState(this.component,"_smartButton",e)})}validateTabIndex(e){validateTabIndex(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),validateAccessAndShortKey(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&dispatchDomEvent(this.host,e,t)}onBlur(e){var t;this.component._touched=!0,this.emitEvent(KolEvent.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e)}onChange(e,t){var n;void 0===t&&(t=e.target.value),this.emitEvent(KolEvent.change,t),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach(e=>e(t))}onInput(e,t=!0,n){var o;void 0===n&&(n=e.target.value),this.emitEvent(KolEvent.input,n),t&&this.setFormAssociatedValue(n),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onInput)&&this.component._on.onInput(e,n)}onClick(e){var t;this.emitEvent(KolEvent.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent(KolEvent.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}onKeyDown(e){var t;this.emitEvent(KolEvent.keydown),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onKeyDown)&&this.component._on.onKeyDown(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}hasSoftCharacterLimit(){return"number"==typeof this.component.state._maxLength&&"soft"===this.component.state._maxLengthBehavior}hasCounter(){return!0===this.component.state._hasCounter}}export{FormFieldStateWrapper as F,InputController as I,KolFormFieldLabelFc as K,FormFieldTooltipFc as a,KolFormFieldHintFc as b,checkHasMsg as c,getDefaultProps as d,getRenderStates as g};
+import{_ as e}from"./tslib.es6.js";import{h as t,Fragment as i}from"@stencil/core/internal/client";import{c as r}from"./clsx.js";import{c as o,h as s,p as n,o as a,w as l,J as d,j as c,l as h,s as u,r as f}from"./common.js";import{b as m,s as p}from"./reuse.js";import{t as b}from"./i18n.js";import{i as v,K as g}from"./InternalUnderlinedBadgeText.js";import{K as y}from"./Alert.js";import{a as _}from"./component-names.js";import{v as j,a as x,b as L,c as k}from"./access-and-short-key.js";import{v as O}from"./disabled.js";import{v as B}from"./hide-label.js";import{a as K}from"./label.js";import{v as S}from"./tooltip-align.js";import{d as T,K as $}from"./events.js";import{A as C}from"./associated.controller.js";import{a as P,c as w,i as D,r as F}from"./isObject.js";function M(e,t){var n;if(!e)return!1;const o="string"==typeof e?"error":null!==(n=e._type)&&void 0!==n?n:"error";return!0===t||"error"!==o}const N=({id:e,maxLength:n})=>t("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},b("kol-character-limit-hint",{placeholders:{limit:String(n)}})),E=({currentLength:e,currentLengthDebounced:n,maxLength:o,maxLengthBehavior:s,id:a})=>{let l,c;const d=["kol-form-field__counter"];if("hard"===s)l="number"==typeof o?b("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(o)}}):b("kol-character-counter-current",{placeholders:{current:String(e)}}),c="number"==typeof o?b("kol-character-counter-current-of-max-aria",{placeholders:{current:String(n),max:String(o)}}):b("kol-character-counter-current",{placeholders:{current:String(n)}});else{if("number"!=typeof o)return null;{const t=o-e,i=t<0,r=o-n,s=r<0;l=i?b("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(t))}}):b("kol-character-limit-remaining",{placeholders:{remaining:String(t)}}),c=s?b("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(r))}}):b("kol-character-limit-remaining",{placeholders:{remaining:String(r)}}),i&&d.push("kol-form-field__counter--exceeded")}}return t(i,null,t("span",{class:r(d),"aria-hidden":"true","data-testid":"input-counter"},l),t("span",{id:`${a}-counter`,"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},c))},H=n=>{var{id:o,class:i,hint:s,baseClassName:a="kol-form-field"}=n,l=e(n,["id","class","hint","baseClassName"]);return s?t("span",Object.assign({class:r(`${a}__hint`,i),id:`${o}-hint`},l),s):null};var I=/\s/,A=/^\s+/,q=/^[-+]0x[0-9a-f]+$/i,W=/^0b[01]+$/i,z=/^0o[0-7]+$/i,J=parseInt;function U(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||P(e)&&"[object Symbol]"==w(e)}(e))return NaN;if(D(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=D(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;var n;e=(n=e)?n.slice(0,function(e){for(var t=e.length;t--&&I.test(e.charAt(t)););return t}(n)+1).replace(A,""):n;var o=W.test(e);return o||z.test(e)?J(e.slice(2),o?2:8):q.test(e)?NaN:+e}var V=function(){return F.Date.now()},G=Math.max,Q=Math.min;const R=({hasExpertSlot:e,accessKey:n,shortKey:o,label:r,showBadge:s=!0})=>{if(e)return t("slot",{name:"expert"});if(!r)return null;const a=v(n)||v(o);if(!s||!a)return t("span",null,r);const l=m(n,o);return t(i,null,t(g,{badgeText:l,label:r})," ",t("kbd",{class:"badge-text-hint","aria-hidden":"true"},l))},X=n=>{var{component:o="label",id:i,baseClassName:s="kol-form-field",class:a,accessKey:l,shortKey:c,label:d,hideLabel:h,hasExpertSlot:u,showBadge:m,readOnly:p}=n,f=e(n,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge","readOnly"]);const g=!u&&h,v=b("kol-readonly");return t(o,Object.assign({},f,{class:r(`${s}__label`,a),id:g?void 0:`${i}-label`,hidden:g,htmlFor:i}),t("span",{class:r(`${s}__label-text`)},t(R,{hasExpertSlot:u,accessKey:l,shortKey:c,label:d,showBadge:m}),p?t("span",{class:r(`${s}__label__read-only`),"aria-hidden":"true"},"(",v,")"):null))},Y=o=>{var i,s,{alert:a,msg:l,id:c,class:d}=o,h=e(o,["alert","msg","id","class"]);const u=function(e){if("string"==typeof e)try{return n(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}(l);return t(y,Object.assign({id:`${c}-msg`,alert:null!==(i=null==u?void 0:u._alert)&&void 0!==i?i:a,hasCloser:!1,level:0,type:null!==(s=null==u?void 0:u._type)&&void 0!==s?s:"error",variant:"msg",class:r("kol-form-field__msg",d)},h),(null==u?void 0:u._description)||void 0)},Z=({id:e,align:n,badgeText:o,label:i,class:s})=>t(_,{"aria-hidden":"true",class:r("kol-form-field__tooltip",s),_badgeText:o,_align:n,_id:`${e}-label`,_label:i});function ee(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const te=(n,o)=>{var{class:i}=n,s=e(n,["class"]);return t("div",Object.assign({class:r("kol-form-field__input",i)},s),o)},ie=(n,o)=>{var i;const{component:s="div",renderNoLabel:a,renderNoTooltip:l,renderNoHint:c,anotherChildren:d,id:h,required:u,alert:f,disabled:g,class:b,msg:v,hideMsg:_,hideLabel:y,label:L,hint:x,accessKey:j,shortKey:K,tooltipAlign:k,counter:B,readOnly:O,touched:C,maxLength:D,ariaDescribedBy:$,formFieldLabelProps:S,formFieldHintProps:T,formFieldTooltipProps:F,formFieldMsgProps:w,formFieldInputProps:I}=n,P=e(n,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","tooltipAlign","counter","readOnly","touched","maxLength","ariaDescribedBy","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),A=!a,q=!c,W=!l,V=p(L),U=M(v,C),z=m(j,K),J=W&&!V&&y,G="string"==typeof v?"error":null!==(i=null==v?void 0:v._type)&&void 0!==i?i:"error";let Q={"kol-form-field--disabled":Boolean(g),"kol-form-field--required":Boolean(u),"kol-form-field--touched":Boolean(C),"kol-form-field--hide-label":Boolean(y),"kol-form-field--read-only":Boolean(O),"kol-form-field--hidden-msg":Boolean(_)};return U&&(Q=Object.assign(Object.assign({},Q),{[`kol-form-field--${G||"error"}`]:!0,[`kol-form-field--${ee({type:G})}`]:!0})),t(s,Object.assign({class:r("kol-form-field",Q,b),"aria-describedby":$},P),A&&t(X,Object.assign({},S||{},{id:h,hasExpertSlot:V,hideLabel:y,label:L,accessKey:j,shortKey:K,readOnly:O})),t(te,Object.assign({},I),o,J&&!0===y&&t(Z,Object.assign({},F||{},{id:h,label:L,align:k,badgeText:z}))),B?t(E,Object.assign({id:h},B)):null,D?t(N,{id:h,maxLength:D}):null,U&&!_&&t(Y,Object.assign({},w||{},{id:h,alert:f,msg:v})),q&&t(H,Object.assign({},T||{},{id:h,hint:x})),d)};function re({ariaDescribedBy:e,hideLabel:t,label:n}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&n?n:void 0}}const oe=e=>{var t;const n=e._msg,o="string"==typeof n?n:null==n?void 0:n._description,i="string"==typeof n?"error":null!==(t=null==n?void 0:n._type)&&void 0!==t?t:"error",r=Boolean(o&&o.length>0),s="error"===i&&r&&!0===e._touched,a="string"==typeof e._hint&&e._hint.length>0,l=[];return r&&!e._hideMsg&&l.push(`${e._id}-msg`),!0===a&&l.push(`${e._id}-hint`),e._hasCounter&&l.push(`${e._id}-counter`),!0===s&&l.push(`${e._id}-error`),{hasError:s,hasHint:a,ariaDescribedBy:l}},se=(n,o)=>{var{state:i}=n,r=e(n,["state"]);const{ariaDescribedBy:s}=oe(i),a=("fieldset"===r.component||"_options"in i&&"_orientation"in i)&&s.length>0?s.join(" "):void 0,l=function(e){const t={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_maxLength"in e&&(t.maxLength=e._maxLength),"_currentLength"in e&&"number"==typeof e._currentLength&&"_currentLengthDebounced"in e&&"number"==typeof e._currentLengthDebounced&&"_hasCounter"in e&&!0===e._hasCounter&&(t.counter={currentLength:e._currentLength,currentLengthDebounced:e._currentLengthDebounced,maxLength:e._maxLength,maxLengthBehavior:e._maxLengthBehavior||"hard"}),t}(i);return t(ie,Object.assign({},l,r,{ariaDescribedBy:a}),o)};class ne extends C{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){((e,t)=>{o(this.component,"_touched",t)})(0,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class ae extends ne{constructor(e,t,n){super(e,t,n),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this),onKeyDown:this.onKeyDown.bind(this)},this.updateCurrentLengthDebounced=function(e,t,n){var o,i,r,s,a,l,c=0,d=!1,h=!1,u=!0;function m(t){var n=o,r=i;return o=i=void 0,c=t,s=e.apply(r,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=r}function f(){var e=V();if(p(e))return g(e);a=setTimeout(f,function(e){var n=t-(e-l);return h?Q(n,r-(e-c)):n}(e))}function g(e){return a=void 0,u&&o?m(e):(o=i=void 0,s)}function b(){var e=V(),n=p(e);if(o=arguments,i=this,l=e,n){if(void 0===a)return function(e){return c=e,a=setTimeout(f,t),d?m(e):s}(l);if(h)return clearTimeout(a),a=setTimeout(f,t),m(l)}return void 0===a&&(a=setTimeout(f,t)),s}return t=U(t)||0,D(n)&&(d=!!n.leading,r=(h="maxWait"in n)?G(U(n.maxWait)||0,t):r,u="trailing"in n?!!n.trailing:u),b.cancel=function(){void 0!==a&&clearTimeout(a),c=0,o=l=i=a=void 0},b.flush=function(){return void 0===a?s:g(V())},b}(e=>{u(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){j(this.component,e),x(e,this.component._shortKey)}validateAdjustHeight(e){((e,t)=>{o(this.component,"_adjustHeight",t)})(0,e)}validateDisabled(e){O(this.component,e)}validateTooltipAlign(e){S(this.component,e)}validateHideMsg(e){((e,t)=>{o(this.component,"_hideMsg",t,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&f("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})})(0,e)}validateHideLabel(e){B(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&f("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){((e,t)=>{s(this.component,"_hint",t)})(0,e)}validateId(e){s(this.component,"_id",e,{minLength:1}),""!==e&&void 0!==e||h("A unique ID on the input fields is not strictly required, but it might be relevant for E2E tests.")}validateLabel(e){K(this.component,e,{required:!0})}validateMsg(e){((e,t)=>{a(t,()=>{try{t=n(t)}catch(e){}l(e,"_msg",e=>void 0===e||"string"==typeof e&&e.length>0||!(!d(e)||null===e)&&c(e._description,1),new Set(["MsgPropType","string"]),t)})})(this.component,e)}validateOn(e){"object"==typeof e&&u(this.component,"_on",e)}validateShortKey(e){L(this.component,e),x(this.component._accessKey,e)}validateSmartButton(e){a(e,()=>{try{e=n(e)}catch(e){}u(this.component,"_smartButton",e)})}validateTabIndex(e){k(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateId(this.component._id),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),x(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&T(this.host,e,t)}onBlur(e){var t;this.component._touched=!0,this.emitEvent($.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e)}onChange(e,t){var n;void 0===t&&(t=e.target.value),this.emitEvent($.change,t),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach(e=>e(t))}onInput(e,t=!0,n){var o;void 0===n&&(n=e.target.value),this.emitEvent($.input,n),t&&this.setFormAssociatedValue(n),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onInput)&&this.component._on.onInput(e,n)}onClick(e){var t;this.emitEvent($.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent($.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}onKeyDown(e){var t;this.emitEvent($.keydown),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onKeyDown)&&this.component._on.onKeyDown(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}hasSoftCharacterLimit(){return"number"==typeof this.component.state._maxLength&&"soft"===this.component.state._maxLengthBehavior}hasCounter(){return!0===this.component.state._hasCounter}}export{se as F,ae as I,X as K,Z as a,H as b,M as c,re as d,oe as g};

package/dist/components/controller3.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{r as a11yHint,q as watchJsonArrayString,s as setState}from"./common.js";import{b as hasEnoughReadableChars,c as containsOnlyNumbers}from"./label.js";import{v as validateRequired}from"./required.js";import{v as validateOrientation}from"./orientation.js";import{I as InputController}from"./controller2.js";const validateInputSelectOptions=t=>{if("object"==typeof t&&null!==t){if("string"==typeof t.label&&t.label.length>0)return t.disabled=!0===t.disabled,t.label=`${t.label}`.trim(),!1===hasEnoughReadableChars(t.label,3)&&!1===containsOnlyNumbers(t.label)&&a11yHint(`A differing Aria-Label (${t.label}) is inaccessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(t.options)||void 0===t.options.find(t=>!1===validateInputSelectOptions(t));if("number"==typeof t.label)return!0}return!1},validateOptions=(t,e,o={})=>{watchJsonArrayString(t,"_options",t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0,e,void 0,o)},validateOptionsWithOptgroup=(t,e,o={})=>{watchJsonArrayString(t,"_options",validateInputSelectOptions,e,void 0,o)},fillKeyOptionMap=(t,e,o="")=>{e.forEach((e,a)=>{const i=`${o}-${a}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?fillKeyOptionMap(t,e.options,i):t.set(i,e))})};class InputCheckboxRadioController extends InputController{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){validateRequired(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class InputRadioController extends InputCheckboxRadioController{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.afterPatchOptions=(t,e,o,a)=>{"_value"===a&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const o=e.has("_options")?e.get("_options"):this.component.state._options;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear();const t=o.map(t=>{var e;return"object"==typeof t&&null!==t&&"string"==typeof t.label?Object.assign(Object.assign({},t),{value:null!==(e=t.value)&&void 0!==e?e:t.label}):t});fillKeyOptionMap(this.keyOptionMap,t)}},this.component=t}validateOrientation(t){validateOrientation(this.component,t,"vertical")}validateOptions(t){validateOptions(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(t){t=Array.isArray(t)?t[0]:t,setState(this.component,"_value",t,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}export{InputCheckboxRadioController as I,InputRadioController as a,validateOptions as b,fillKeyOptionMap as f,validateOptionsWithOptgroup as v};
+import{r as t,q as s,s as i}from"./common.js";import{b as e,c as o}from"./label.js";import{v as r}from"./required.js";import{v as a}from"./orientation.js";import{I as n}from"./controller2.js";const h=a=>{if("object"==typeof a&&null!==a){if("string"==typeof a.label&&a.label.length>0)return a.disabled=!0===a.disabled,a.label=`${a.label}`.trim(),!1===e(a.label,3)&&!1===o(a.label)&&t(`A differing Aria-Label (${a.label}) is inaccessible. A differing Aria-Label should consist of at least three readable characters.`),!Array.isArray(a.options)||void 0===a.options.find(t=>!1===h(t));if("number"==typeof a.label)return!0}return!1},l=(t,e,o={})=>{s(t,"_options",t=>"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0,e,void 0,o)},c=(t,e,o={})=>{s(t,"_options",h,e,void 0,o)},f=(t,e,o="")=>{e.forEach((e,a)=>{const i=`${o}-${a}`;"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0&&(Array.isArray(e.options)?f(t,e.options,i):t.set(i,e))})};class p extends n{constructor(t,e,o){super(t,e,o),this.component=t}validateRequired(t){r(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class u extends p{constructor(t,e,o){super(t,e,o),this.keyOptionMap=new Map,this.getOptionByKey=t=>this.keyOptionMap.get(t),this.afterPatchOptions=(t,e,o,a)=>{"_value"===a&&this.setFormAssociatedValue(t)},this.beforePatchOptions=(t,e)=>{const o=e.has("_options")?e.get("_options"):this.component.state._options;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear();const t=o.map(t=>{var e;return"object"==typeof t&&null!==t&&"string"==typeof t.label?Object.assign(Object.assign({},t),{value:null!==(e=t.value)&&void 0!==e?e:t.label}):t});f(this.keyOptionMap,t)}},this.component=t}validateOrientation(t){a(this.component,t,"vertical")}validateOptions(t){l(this.component,t,{hooks:{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions}})}validateValue(t){t=Array.isArray(t)?t[0]:t,i(this.component,"_value",t,{afterPatch:this.afterPatchOptions,beforePatch:this.beforePatchOptions})}componentWillLoad(){super.componentWillLoad(),this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options),this.validateValue(this.component._value)}}export{p as I,u as a,l as b,f,c as v};

package/dist/components/controller4.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as watchValidator}from"./common.js";import{v as validateSpellCheck}from"./spell-check.js";import{v as validateSuggestions}from"./suggestions.js";import{I as InputPasswordController}from"./controller5.js";const inputTextTypeOptions=["text","search","url","tel"],isInputTextTypePropType=t=>"string"==typeof t&&inputTextTypeOptions.includes(t),validateTypeInputText=(t,e)=>{watchValidator(t,"_type",isInputTextTypePropType,new Set(inputTextTypeOptions),e)};class InputTextEmailController extends InputPasswordController{constructor(t,e,o){super(t,e,o),this.component=t}validateSuggestions(t){validateSuggestions(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions)}}class InputTextController extends InputTextEmailController{constructor(t,e,o){super(t,e,o),this.hasError=!1,this.component=t}validateSpellCheck(t){validateSpellCheck(this.component,t)}validateType(t){validateTypeInputText(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSpellCheck(this.component._spellCheck),this.validateType(this.component._type)}}export{InputTextEmailController as I,InputTextController as a};
+import{w as s}from"./common.js";import{v as t}from"./spell-check.js";import{v as e}from"./suggestions.js";import{I as o}from"./controller5.js";const i=["text","search","url","tel"],r=t=>"string"==typeof t&&i.includes(t);class a extends o{constructor(t,o,e){super(t,o,e),this.component=t}validateSuggestions(t){e(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateSuggestions(this.component._suggestions)}}class l extends a{constructor(t,o,e){super(t,o,e),this.hasError=!1,this.component=t}validateSpellCheck(o){t(this.component,o)}validateType(t){((t,o)=>{s(this.component,"_type",r,new Set(i),o)})(0,t)}componentWillLoad(){super.componentWillLoad(),this.validateSpellCheck(this.component._spellCheck),this.validateType(this.component._type)}}export{a as I,l as a};

package/dist/components/controller5.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as watchString,w as watchValidator}from"./common.js";import{v as validateAutoComplete}from"./auto-complete.js";import{a as validateHasCounter,v as validateMaxLengthBehavior,b as validateMaxLength}from"./max-length-behavior.js";import{v as validatePlaceholder}from"./placeholder.js";import{v as validateReadOnly}from"./read-only.js";import{v as validateRequired}from"./required.js";import{I as InputIconController}from"./controller-icon.js";const validatePattern=(t,a,e={})=>{watchString(t,"_pattern",a,e)},PasswordVariantPropTypeOptions=["default","visibility-toggle"],validatePasswordVariant=(t,a)=>{watchValidator(t,"_variant",t=>"string"==typeof t&&PasswordVariantPropTypeOptions.includes(t),new Set(PasswordVariantPropTypeOptions),a)};class InputPasswordController extends InputIconController{constructor(t,a,e){super(t,a,e),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=t}validateAutoComplete(t){validateAutoComplete(this.component,t)}validateHasCounter(t){validateHasCounter(this.component,t)}validateMaxLengthBehavior(t){validateMaxLengthBehavior(this.component,t)}validateVariant(t){validatePasswordVariant(this.component,t)}validateMaxLength(t){validateMaxLength(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePattern(t){validatePattern(this.component,t)}validatePlaceholder(t){validatePlaceholder(this.component,t)}validateReadOnly(t){validateReadOnly(this.component,t)}validateRequired(t){validateRequired(this.component,t)}validateValue(t){watchString(this.component,"_value",t,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}export{InputPasswordController as I};
+import{h as t,w as i}from"./common.js";import{v as s}from"./auto-complete.js";import{a,v as h,b as e}from"./max-length-behavior.js";import{v as o}from"./placeholder.js";import{v as r}from"./read-only.js";import{v as l}from"./required.js";import{I as n}from"./controller-icon.js";const m=["default","visibility-toggle"];class v extends n{constructor(t,e,o){super(t,e,o),this.afterSyncCharCounter=()=>{"string"==typeof this.component._value&&(this.component.state._currentLength=this.component._value.length,this.updateCurrentLengthDebounced(this.component._value.length))},this.component=t}validateAutoComplete(t){s(this.component,t)}validateHasCounter(t){a(this.component,t)}validateMaxLengthBehavior(t){h(this.component,t)}validateVariant(t){((t,e)=>{i(this.component,"_variant",t=>"string"==typeof t&&m.includes(t),new Set(m),e)})(0,t)}validateMaxLength(t){e(this.component,t,{hooks:{afterPatch:this.afterSyncCharCounter}})}validatePattern(e){((e,o,a={})=>{t(this.component,"_pattern",o,a)})(0,e)}validatePlaceholder(t){o(this.component,t)}validateReadOnly(t){r(this.component,t)}validateRequired(t){l(this.component,t)}validateValue(e){t(this.component,"_value",e,{hooks:{afterPatch:this.afterSyncCharCounter}}),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateMaxLengthBehavior(this.component._maxLengthBehavior),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateValue(this.component._value),this.validateVariant(this.component._variant)}}export{v as I};

package/dist/components/custom-class.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as watchString}from"./common.js";const validateCustomClass=(a,s)=>{watchString(a,"_customClass",s,{defaultValue:void 0})};export{validateCustomClass as v};
+import{h as o}from"./common.js";const s=(s,a)=>{o(s,"_customClass",a,{defaultValue:void 0})};export{s as v};

package/dist/components/dev.utils.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{L as Log,D as getDocument,E as setExperimentalMode,F as setColorContrastAnalysis,G as getWindow,H as isTestMode}from"./common.js";import{Env}from"@stencil/core/internal/client";const initMeta=()=>{try{const e=getDocument();if(!e||"function"!=typeof e.querySelector)return;const t=e.querySelector('meta[name="kolibri"]');if(t&&t.hasAttribute("content")){const e=t.getAttribute("content");"string"==typeof e&&(setExperimentalMode(e.includes("experimental-mode=true")),setColorContrastAnalysis(e.includes("color-contrast-analysis=true")))}}catch(e){}},getKoliBri=()=>{let e=getWindow().KoliBri;return void 0===e&&(e={},Object.defineProperty(getWindow(),"KoliBri",{value:e,writable:!1})),e},initKoliBri=()=>{initMeta(),Log.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${Env.kolibriVersion}\n\t`,{forceLog:!0})},renderDevAdvice=()=>{!0!==getKoliBri().adviceShown&&(Object.defineProperty(getKoliBri(),"adviceShown",{get:function(){return!0}}),Log.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let nonce=()=>Math.floor(16777215*Math.random()).toString(16);isTestMode()&&(nonce=()=>"nonce");export{initKoliBri as i,nonce as n,renderDevAdvice as r};
+import{L as t,D as e,E as n,F as o,G as i,H as r}from"./common.js";import{Env as a}from"@stencil/core/internal/client";const s=()=>{let e=i().KoliBri;return void 0===e&&(e={},Object.defineProperty(i(),"KoliBri",{value:e,writable:!1})),e},c=()=>{(()=>{try{const t=e();if(!t||"function"!=typeof t.querySelector)return;const i=t.querySelector('meta[name="kolibri"]');if(i&&i.hasAttribute("content")){const e=i.getAttribute("content");"string"==typeof e&&(n(e.includes("experimental-mode=true")),o(e.includes("color-contrast-analysis=true")))}}catch(e){}})(),t.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${a.kolibriVersion}\n\t`,{forceLog:!0})},l=()=>{!0!==s().adviceShown&&(Object.defineProperty(s(),"adviceShown",{get:function(){return!0}}),t.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let u=()=>Math.floor(16777215*Math.random()).toString(16);r()&&(u=()=>"nonce");export{c as i,u as n,l as r};

package/dist/components/devtools.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{U as isDevMode,L as Log,D as getDocument,G as getWindow,W as koliBriA11yColorContrast,R as koliBriQuerySelector,X as koliBriQuerySelectorAll,Y as koliBriQuerySelectorColors,Z as KoliBriUtils,p as parseJson,_ as stringifyJson,O as getExperimentalMode,$ as getColorContrastAnalysis}from"./common.js";import{i as initKoliBri,r as renderDevAdvice}from"./dev.utils.js";const getKoliBri=()=>{let o=getWindow().KoliBri;return void 0===o&&(o={},Object.defineProperty(getWindow(),"KoliBri",{value:o,writable:!1})),o};function prototypeKoliBri(o,t){try{Object.defineProperty(getKoliBri(),o,{get:function(){return t}})}catch(t){Log.debug(`KoliBri property ${o} is already bind.`)}}const metaModeLog=(o,t)=>Log.debug(`${o} ${t?"":"not "}activated`),initialize=()=>{if(initKoliBri(),isDevMode()&&(renderDevAdvice(),prototypeKoliBri("a11yColorContrast",koliBriA11yColorContrast),prototypeKoliBri("querySelector",koliBriQuerySelector),prototypeKoliBri("querySelectorAll",koliBriQuerySelectorAll),prototypeKoliBri("querySelectorColors",koliBriQuerySelectorColors),prototypeKoliBri("utils",function(){return KoliBriUtils}),prototypeKoliBri("parseJson",parseJson),prototypeKoliBri("stringifyJson",stringifyJson),metaModeLog("Development mode",isDevMode()),metaModeLog("Experimental mode",getExperimentalMode()),metaModeLog("Color contrast analysis",getColorContrastAnalysis()),setTimeout(()=>{try{const o=getDocument(),t=null==o?void 0:o.body;if(o&&t&&"function"==typeof o.createElement){const e=o.createElement("svg");e.setAttribute("aria-label","KoliBri-DevTools"),e.setAttribute("xmlns","http://www.w3.org/2000/svg"),e.setAttribute("role","toolbar"),e.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),e.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',t.appendChild(e)}}catch(o){Log.debug(["Could not initialize DevTools UI (likely in SSR/test environment):",o])}},100),getColorContrastAnalysis())){const o=setTimeout(()=>{clearTimeout(o);try{const o=getDocument(),t=null==o?void 0:o.body;o&&t&&"function"==typeof o.createElement&&setInterval(()=>{KoliBriUtils.queryHtmlElementColors(o.createElement("div"),koliBriA11yColorContrast(t),!1,!1)},1e4)}catch(o){Log.debug(["Could not initialize color contrast analysis:",o])}},2500)}};export{initialize};
+import{U as t,L as o,D as i,G as e,W as n,R as l,X as s,Y as r,Z as a,p as c,_ as u,O as d,$ as f}from"./common.js";import{i as p,r as m}from"./dev.utils.js";function L(t,i){try{Object.defineProperty((()=>{let t=e().KoliBri;return void 0===t&&(t={},Object.defineProperty(e(),"KoliBri",{value:t,writable:!1})),t})(),t,{get:function(){return i}})}catch(i){o.debug(`KoliBri property ${t} is already bind.`)}}const v=(t,e)=>o.debug(`${t} ${e?"":"not "}activated`),y=()=>{if(p(),t()&&(m(),L("a11yColorContrast",n),L("querySelector",l),L("querySelectorAll",s),L("querySelectorColors",r),L("utils",function(){return a}),L("parseJson",c),L("stringifyJson",u),v("Development mode",t()),v("Experimental mode",d()),v("Color contrast analysis",f()),setTimeout(()=>{try{const t=i(),e=null==t?void 0:t.body;if(t&&e&&"function"==typeof t.createElement){const o=t.createElement("svg");o.setAttribute("aria-label","KoliBri-DevTools"),o.setAttribute("xmlns","http://www.w3.org/2000/svg"),o.setAttribute("role","toolbar"),o.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),o.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',e.appendChild(o)}}catch(t){o.debug(["Could not initialize DevTools UI (likely in SSR/test environment):",t])}},100),f())){const t=setTimeout(()=>{clearTimeout(t);try{const t=i(),e=null==t?void 0:t.body;t&&e&&"function"==typeof t.createElement&&setInterval(()=>{a.queryHtmlElementColors(t.createElement("div"),n(e),!1,!1)},1e4)}catch(t){o.debug(["Could not initialize color contrast analysis:",t])}},2500)}};export{y as initialize};

package/dist/components/disabled.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{c as watchBoolean,C as a11yHintDisabled}from"./common.js";const validateDisabled=(a,o)=>{watchBoolean(a,"_disabled",o,{hooks:{afterPatch:a=>{!0===a&&a11yHintDisabled()}}})};export{validateDisabled as v};
+import{c as o,C as s}from"./common.js";const a=(a,t)=>{o(a,"_disabled",t,{hooks:{afterPatch:o=>{!0===o&&s()}}})};export{a as v};

package/dist/components/events.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-var KolEvent;function createKoliBriEvent(e,o){return new CustomEvent(e,{bubbles:!0,cancelable:!0,composed:!0,detail:o})}function dispatchDomEvent(e,o,t){e.dispatchEvent(createKoliBriEvent(o,t))}!function(e){e.blur="kolBlur",e.change="kolChange",e.changePage="kolChangePage",e.changePageSize="kolChangePageSize",e.click="kolClick",e.close="kolClose",e.create="kolCreate",e.focus="kolFocus",e.input="kolInput",e.keydown="kolKeydown",e.mousedown="kolMousedown",e.reset="kolReset",e.select="kolSelect",e.selectionChange="kolSelectionChange",e.settingsChange="settingsChange",e.sort="kolSort",e.submit="kolSubmit",e.toggle="kolToggle"}(KolEvent||(KolEvent={}));export{KolEvent as K,dispatchDomEvent as d};
+var o;function e(e,o,l){e.dispatchEvent(function(e,o){return new CustomEvent(e,{bubbles:!0,cancelable:!0,composed:!0,detail:o})}(o,l))}!function(e){e.blur="kolBlur",e.change="kolChange",e.changePage="kolChangePage",e.changePageSize="kolChangePageSize",e.click="kolClick",e.close="kolClose",e.create="kolCreate",e.focus="kolFocus",e.input="kolInput",e.keydown="kolKeydown",e.mousedown="kolMousedown",e.reset="kolReset",e.select="kolSelect",e.selectionChange="kolSelectionChange",e.settingsChange="settingsChange",e.sort="kolSort",e.submit="kolSubmit",e.toggle="kolToggle"}(o||(o={}));export{o as K,e as d};

package/dist/components/has-closer.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{c as watchBoolean}from"./common.js";const validateHasCloser=(a,o)=>{watchBoolean(a,"_hasCloser",o)};export{validateHasCloser as v};
+import{c as o}from"./common.js";const s=(s,m)=>{o(s,"_hasCloser",m)};export{s as v};

package/dist/components/hide-label.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{c as watchBoolean}from"./common.js";const validateHideLabel=(a,e,o={})=>{watchBoolean(a,"_hideLabel",e,o)};export{validateHideLabel as v};
+import{c as o}from"./common.js";const m=(m,s,a={})=>{o(m,"_hideLabel",s,a)};export{m as v};

package/dist/components/href.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as watchString}from"./common.js";const validateHref=(t,a,r={})=>{watchString(t,"_href",a,r)};export{validateHref as v};
+import{h as o}from"./common.js";const m=(m,r,s={})=>{o(m,"_href",r,s)};export{m as v};

package/dist/components/i18n.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{g as getI18nInstance,i as initializeI18n}from"./i18n2.js";import{H as isTestMode}from"./common.js";let translate=(t,e)=>{var n;return(null!==(n=getI18nInstance())&&void 0!==n?n:initializeI18n("de")).translate(t,e)};isTestMode()&&(translate=t=>t);export{translate as t};
+import{g as o,i as r}from"./i18n2.js";import{H as m}from"./common.js";let s=(s,m)=>{var t;return(null!==(t=o())&&void 0!==t?t:r("de")).translate(s,m)};m()&&(s=r=>r);export{s as t};

package/dist/components/i18n2.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-var locale_de={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite",page:"Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Öffnet in neuem Tab.","kolibri-logo":"Logo von KoliBri","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","split-button-dropdown-label-open":"Optionen anzeigen","split-button-dropdown-label-close":"Optionen schließen","toast-close-all":"Alle Benachrichtigungen schließen","error-list":"Fehlerliste","error-list-message":"Bitte korrigieren Sie folgende Fehler:",version:"Versionsnummer","table-visible-range":"Einträge {{start}} bis {{end}} von {{total}}","table-selection-all":"Alle auswählen","table-selection-none":"Alle abwählen","table-selection-indeterminate":"Alle auswählen bei teilweiser Auswahl","table-settings":"Tabellenkonfiguration","table-settings-cancel":"Abbrechen","table-settings-apply":"Übernehmen","table-settings-show-column":"Spalte {{column}} anzeigen","table-settings-column-width":"Breite von {{column}}","table-settings-move-up":"Spalte {{column}} nach oben verschieben","table-settings-move-down":"Spalte {{column}} nach unten verschieben","table-settings-error-all-invisible":"Mindestens eine Spalte muss sichtbar sein.","table-settings-column-not-hidable":"nicht ausblendbar",dropdown:"Auswahlliste","nav-label-open":"Untermenü zu {{label}} öffnen","nav-label-close":"Untermenü zu {{label}} schließen","close-alert":"Benachrichtigung schließen","show-password":"einblenden","hide-password":"ausblenden","no-results-message":"Keine Ergebnisse gefunden.","delete-selection":"Auswahl entfernen","filename-text":"Datei auswählen oder hier ablegen...","data-browse-text":"Datei auswählen",sort:"sortieren","pagination-position-top":"oben","pagination-position-bottom":"unten","character-limit-hint":"Es können bis zu {{limit}} Zeichen eingegeben werden.","character-limit-remaining":"Es sind noch {{remaining}} Zeichen verfügbar.","character-limit-exceeded":"Es sind {{over}} Zeichen zu viel.","character-counter-current":"{{current}} Zeichen","character-counter-current-of-max":"{{current}}/{{max}} Zeichen","character-counter-current-of-max-aria":"{{current}} von {{max}} Zeichen",readonly:"schreibgeschützt"},locale_en={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page",page:"Page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"Entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"Opens in new tab.","kolibri-logo":"KoliBri logo","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","split-button-dropdown-label-open":"Show options","split-button-dropdown-label-close":"Hide options","toast-close-all":"Close all notifications","error-list":"Error list","error-list-message":"Please correct the following errors",version:"Version number","table-visible-range":"Entries {{start}} to {{end}} of {{total}}","table-selection-all":"Select all","table-selection-none":"Deselect all","table-selection-indeterminate":"Select all with partial selection","table-settings":"Table configuration","table-settings-cancel":"Cancel","table-settings-apply":"Apply","table-settings-show-column":"Show column {{column}}","table-settings-column-width":"{{column}} width","table-settings-move-up":"Move {{column}} column up","table-settings-move-down":"Move {{column}} column down","table-settings-error-all-invisible":"At least one column must be visible.","table-settings-column-not-hidable":"cannot be hidden",dropdown:"Dropdown","nav-label-open":"Submenu for {{label}} open","nav-label-close":"Submenu for {{label}} close","close-alert":"Close notification","show-password":"Show","hide-password":"Hide","no-results-message":"No results found.","delete-selection":"Delete selection","filename-text":"Choose a file or drop it here...","data-browse-text":"Browse",sort:"sort","pagination-position-top":"top","pagination-position-bottom":"bottom","character-limit-hint":"You can enter up to {{limit}} characters","character-limit-remaining":"You have {{remaining}} characters remaining.","character-limit-exceeded":"You have {{over}} characters too many.","character-counter-current":"{{current}} characters","character-counter-current-of-max":"{{current}}/{{max}} characters","character-counter-current-of-max-aria":"{{current}} of {{max}} characters",readonly:"read-only"};const mapLocaleKeys=e=>Object.keys(e).reduce((n,t)=>(n[`kol-${t}`]=e[t],n),{}),TRANSLATIONS=new Set([e=>e("en",mapLocaleKeys(locale_en)),e=>e("de",mapLocaleKeys(locale_de))]),replaceAll=function(e,n,t){return e.split(n).join(t)};class I18nService{constructor(e){this.resourceMap=new Map,this.language=null!=e?e:"de"}addTranslations(e){Array.isArray(e)?e=new Set(e):"function"==typeof e&&(e=new Set([e])),void 0!==e&&e.forEach(e=>e((e,n)=>{let t=this.resourceMap.get(e);return t||(t=new Map,this.resourceMap.set(e,t)),Object.entries(n).forEach(([e,n])=>{n&&t.set(e,n)}),e}))}setLanguage(e){this.language=e}translate(e,n){var t;let a=null===(t=this.resourceMap.get(this.language))||void 0===t?void 0:t.get(e);return a?(null==n?void 0:n.placeholders)&&Object.entries(n.placeholders).forEach(([e,n])=>{a=replaceAll(a,`{{${e}}}`,n)}):a=e,a}}let i18n;const getI18nInstance=()=>i18n,initializeI18n=(e,n=TRANSLATIONS)=>(i18n=new I18nService(e),i18n.addTranslations(n),i18n);export{getI18nInstance as g,initializeI18n as i};
+var e={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite",page:"Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Öffnet in neuem Tab.","kolibri-logo":"Logo von KoliBri","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","split-button-dropdown-label-open":"Optionen anzeigen","split-button-dropdown-label-close":"Optionen schließen","toast-close-all":"Alle Benachrichtigungen schließen","error-list":"Fehlerliste","error-list-message":"Bitte korrigieren Sie folgende Fehler:",version:"Versionsnummer","table-visible-range":"Einträge {{start}} bis {{end}} von {{total}}","table-selection-all":"Alle auswählen","table-selection-none":"Alle abwählen","table-selection-indeterminate":"Alle auswählen bei teilweiser Auswahl","table-settings":"Tabellenkonfiguration","table-settings-cancel":"Abbrechen","table-settings-apply":"Übernehmen","table-settings-show-column":"Spalte {{column}} anzeigen","table-settings-column-width":"Breite von {{column}}","table-settings-move-up":"Spalte {{column}} nach oben verschieben","table-settings-move-down":"Spalte {{column}} nach unten verschieben","table-settings-error-all-invisible":"Mindestens eine Spalte muss sichtbar sein.","table-settings-column-not-hidable":"nicht ausblendbar",dropdown:"Auswahlliste","nav-label-open":"Untermenü zu {{label}} öffnen","nav-label-close":"Untermenü zu {{label}} schließen","close-alert":"Benachrichtigung schließen","show-password":"einblenden","hide-password":"ausblenden","no-results-message":"Keine Ergebnisse gefunden.","delete-selection":"Auswahl entfernen","filename-text":"Datei auswählen oder hier ablegen...","data-browse-text":"Datei auswählen",sort:"sortieren","pagination-position-top":"oben","pagination-position-bottom":"unten","character-limit-hint":"Es können bis zu {{limit}} Zeichen eingegeben werden.","character-limit-remaining":"Es sind noch {{remaining}} Zeichen verfügbar.","character-limit-exceeded":"Es sind {{over}} Zeichen zu viel.","character-counter-current":"{{current}} Zeichen","character-counter-current-of-max":"{{current}}/{{max}} Zeichen","character-counter-current-of-max-aria":"{{current}} von {{max}} Zeichen",readonly:"schreibgeschützt"},n={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page",page:"Page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"Entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"Opens in new tab.","kolibri-logo":"KoliBri logo","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","split-button-dropdown-label-open":"Show options","split-button-dropdown-label-close":"Hide options","toast-close-all":"Close all notifications","error-list":"Error list","error-list-message":"Please correct the following errors",version:"Version number","table-visible-range":"Entries {{start}} to {{end}} of {{total}}","table-selection-all":"Select all","table-selection-none":"Deselect all","table-selection-indeterminate":"Select all with partial selection","table-settings":"Table configuration","table-settings-cancel":"Cancel","table-settings-apply":"Apply","table-settings-show-column":"Show column {{column}}","table-settings-column-width":"{{column}} width","table-settings-move-up":"Move {{column}} column up","table-settings-move-down":"Move {{column}} column down","table-settings-error-all-invisible":"At least one column must be visible.","table-settings-column-not-hidable":"cannot be hidden",dropdown:"Dropdown","nav-label-open":"Submenu for {{label}} open","nav-label-close":"Submenu for {{label}} close","close-alert":"Close notification","show-password":"Show","hide-password":"Hide","no-results-message":"No results found.","delete-selection":"Delete selection","filename-text":"Choose a file or drop it here...","data-browse-text":"Browse",sort:"sort","pagination-position-top":"top","pagination-position-bottom":"bottom","character-limit-hint":"You can enter up to {{limit}} characters","character-limit-remaining":"You have {{remaining}} characters remaining.","character-limit-exceeded":"You have {{over}} characters too many.","character-counter-current":"{{current}} characters","character-counter-current-of-max":"{{current}}/{{max}} characters","character-counter-current-of-max-aria":"{{current}} of {{max}} characters",readonly:"read-only"};const t=e=>Object.keys(e).reduce((n,t)=>(n[`kol-${t}`]=e[t],n),{}),a=new Set([e=>e("en",t(n)),n=>n("de",t(e))]);class i{constructor(e){this.resourceMap=new Map,this.language=null!=e?e:"de"}addTranslations(e){Array.isArray(e)?e=new Set(e):"function"==typeof e&&(e=new Set([e])),void 0!==e&&e.forEach(e=>e((e,n)=>{let t=this.resourceMap.get(e);return t||(t=new Map,this.resourceMap.set(e,t)),Object.entries(n).forEach(([e,n])=>{n&&t.set(e,n)}),e}))}setLanguage(e){this.language=e}translate(e,n){var t;let a=null===(t=this.resourceMap.get(this.language))||void 0===t?void 0:t.get(e);return a?(null==n?void 0:n.placeholders)&&Object.entries(n.placeholders).forEach(([e,n])=>{var t;t=n,a=a.split(`{{${e}}}`).join(t)}):a=e,a}}let o;const r=()=>o,l=(e,n=a)=>(o=new i(e),o.addTranslations(n),o);export{r as g,l as i};

package/dist/components/icons.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{o as objectObjectHandler,p as parseJson,w as watchValidator,j as isString,I as isStyle,J as isObject}from"./common.js";const mapCustomIcon=(t,o,e)=>{isObject(e)?t[o]=e:isString(e,1)&&(t[o]={icon:e})},mapIconProp2State=t=>{let o={};return isString(t,1)?o={left:{icon:t}}:"object"==typeof t&&null!==t&&(mapCustomIcon(o,"top",t.top),mapCustomIcon(o,"right",t.right),mapCustomIcon(o,"bottom",t.bottom),mapCustomIcon(o,"left",t.left)),o},beforePatchIcon=t=>{var o,e,n;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icons")){const o=null===(e=t.nextState)||void 0===e?void 0:e.get("_icons");null===(n=t.nextState)||void 0===n||n.set("_icons",mapIconProp2State(o))}},isIcon=t=>"object"==typeof t&&null!==t&&(void 0===t.style||isStyle(t.style))&&(void 0===t.label||isString(t.label))&&isString(t.icon,1),validateIcons=(t,o,e={})=>{objectObjectHandler(o,()=>{var n;try{o=parseJson(o)}catch(t){}watchValidator(t,"_icons",t=>{const o="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||o||isString(t,1)||"object"==typeof t&&null!==t&&(isString(t.left,0)||isIcon(t.left)||isString(t.right,0)||isIcon(t.right)||isString(t.top,0)||isIcon(t.top)||isString(t.bottom,0)||isIcon(t.bottom))},new Set(["KoliBriIcon"]),o,Object.assign(Object.assign({},e),{defaultValue:{},hooks:{afterPatch:null===(n=e.hooks)||void 0===n?void 0:n.afterPatch,beforePatch:(t,o,n,i)=>{var s,a;"function"==typeof(null===(s=e.hooks)||void 0===s?void 0:s.beforePatch)&&(null===(a=e.hooks)||void 0===a||a.beforePatch(t,o,n,i)),beforePatchIcon(n)}}}))})};export{validateIcons as v};
+import{o,p as t,w as l,j as n,I as e,J as i}from"./common.js";const c=(t,o,e)=>{i(e)?t[o]=e:n(e,1)&&(t[o]={icon:e})},a=t=>"object"==typeof t&&null!==t&&(void 0===t.style||e(t.style))&&(void 0===t.label||n(t.label))&&n(t.icon,1),s=(e,i,s={})=>{o(i,()=>{var o;try{i=t(i)}catch(o){}l(e,"_icons",t=>{const o="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||o||n(t,1)||"object"==typeof t&&null!==t&&(n(t.left,0)||a(t.left)||n(t.right,0)||a(t.right)||n(t.top,0)||a(t.top)||n(t.bottom,0)||a(t.bottom))},new Set(["KoliBriIcon"]),i,Object.assign(Object.assign({},s),{defaultValue:{},hooks:{afterPatch:null===(o=s.hooks)||void 0===o?void 0:o.afterPatch,beforePatch:(t,o,e,l)=>{var a,i;"function"==typeof(null===(a=s.hooks)||void 0===a?void 0:a.beforePatch)&&(null===(i=s.hooks)||void 0===i||i.beforePatch(t,o,e,l)),(t=>{var o,e,l;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icons")){const o=null===(e=t.nextState)||void 0===e?void 0:e.get("_icons");null===(l=t.nextState)||void 0===l||l.set("_icons",(t=>{let o={};return n(t,1)?o={left:{icon:t}}:"object"==typeof t&&null!==t&&(c(o,"top",t.top),c(o,"right",t.right),c(o,"bottom",t.bottom),c(o,"left",t.left)),o})(o))}})(e)}}}))})};export{s as v};

package/dist/components/image-source.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as watchString}from"./common.js";const validateImageSource=(a,t,o)=>{watchString(a,"_src",t,o)};export{validateImageSource as v};
+import{h as o}from"./common.js";const s=(s,m,r)=>{o(s,"_src",m,r)};export{s as v};

package/dist/components/index.d.ts

@@ -31,3 +31,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{i as ie,K as KeyEnum,T as TagEnum,n as ne,b,L as Log}from"./common.js";export{a as KoliBriDevHelper}from"./common.js";import{setMode}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{B as BEM_ICON}from"./bem.js";export{s as setCurrentLocation}from"./ariaCurrentService.js";import{i as isInitialized}from"./bootstrap.js";export{b as bootstrap,r as register}from"./bootstrap.js";import{K as KolToastContainerTag}from"./component-names.js";export{B as BEM_ALERT}from"./bem2.js";export{K as KolEvent}from"./events.js";export{i as isTooltipOpen}from"./tooltip-open-tracking.js";const KoliBri=new ie("kol",KeyEnum,TagEnum);var appGlobalScript=()=>{setMode(e=>{try{e.shadowRoot instanceof ShadowRoot&&ne(e,b(e))}catch(e){}return"default"}),import("./devtools.js").then(e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()}).catch(e=>{Log.error(e)})};const globalScripts=appGlobalScript;class ToasterService{constructor(e,n){var t;this.document=e,this.options=n,this.toastContainerElement=this.document.createElement(KolToastContainerTag),this.document.body.prepend(this.toastContainerElement),(null===(t=this.options)||void 0===t?void 0:t.defaultVariant)&&Log.info("ToasterService: Default variant is deprecated. Use 'card' variant for all toasts instead.")}static getInstance(e,n){if(!isInitialized())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let t=this.instances.get(e);return t||(t=new ToasterService(e,n),this.instances.set(e,t)),t}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):Log.warn("Toaster service is already disposed.")}enqueue(e){if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return this.toastContainerElement.enqueue(e)}closeAll(e=!1){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll(e)}}var Bundesministerium;ToasterService.instances=new Map,function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"}(Bundesministerium||(Bundesministerium={}));const BUNDESMINISTERIEN=Object.getOwnPropertyNames(Bundesministerium);var Bundesamt;!function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e["Bundespolizeipräsidium"]="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"}(Bundesamt||(Bundesamt={}));const BUNDESAEMTER=Object.getOwnPropertyNames(Bundesamt);var Bundesanstalt;!function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"}(Bundesanstalt||(Bundesanstalt={}));const BUNDESANSTALTEN=Object.getOwnPropertyNames(Bundesanstalt),BUND_LOGO_TEXT_MAP=new Map;BUND_LOGO_TEXT_MAP.set(Bundesministerium["Die Bundesregierung"],["Die","Bundesregierung"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Auswärtiges Amt"],["Auswärtiges Amt"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),BUND_LOGO_TEXT_MAP.set(Bundesministerium["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für äußere Restitutionen"],[]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Bauwesen und Raumordnung"],[]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundesarchiv,["Das","Bundesarchiv"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundesausgleichsamt,["Bundesausgleichsamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundeskartellamt,["Bundeskartellamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundeskriminalamt,["Bundeskriminalamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundessortenamt,["Bundessortenamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundessprachenamt,["Bundessprachenamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),BUND_LOGO_TEXT_MAP.set(Bundesamt.Generalzolldirektion,["Generalzolldirektion"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),BUND_LOGO_TEXT_MAP.set(Bundesamt["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),BUND_LOGO_TEXT_MAP.set(Bundesanstalt["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]),globalScripts();export{BUNDESAEMTER,BUNDESANSTALTEN,BUNDESMINISTERIEN,BUND_LOGO_TEXT_MAP,Bundesamt,Bundesanstalt,Bundesministerium,KoliBri,ToasterService,isInitialized};
+import{i as e,K as t,T as n,n as u,b as o,L as d}from"./common.js";export{a as KoliBriDevHelper}from"./common.js";import{setMode as m}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{B as BEM_ICON}from"./bem.js";export{s as setCurrentLocation}from"./ariaCurrentService.js";import{i as f}from"./bootstrap.js";export{b as bootstrap,r as register}from"./bootstrap.js";import{K as c}from"./component-names.js";export{B as BEM_ALERT}from"./bem2.js";export{K as KolEvent}from"./events.js";export{i as isTooltipOpen}from"./tooltip-open-tracking.js";const h=new e("kol",t,n),l=(()=>{m(e=>{try{e.shadowRoot instanceof ShadowRoot&&u(e,o(e))}catch(e){}return"default"}),import("./devtools.js").then(e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()}).catch(e=>{d.error(e)})})||(()=>{});class g{constructor(e,n){var t;this.document=e,this.options=n,this.toastContainerElement=this.document.createElement(c),this.document.body.prepend(this.toastContainerElement),(null===(t=this.options)||void 0===t?void 0:t.defaultVariant)&&d.info("ToasterService: Default variant is deprecated. Use 'card' variant for all toasts instead.")}static getInstance(e,n){if(!f())throw Error("Toaster: Call KoliBri bootstrap/register method first.");let t=this.instances.get(e);return t||(t=new g(e,n),this.instances.set(e,t)),t}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):d.warn("Toaster service is already disposed.")}enqueue(e){if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return this.toastContainerElement.enqueue(e)}closeAll(e=!1){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll(e)}}var p;g.instances=new Map,function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"}(p||(p={}));const A=Object.getOwnPropertyNames(p);var M;!function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e["Bundespolizeipräsidium"]="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"}(M||(M={}));const S=Object.getOwnPropertyNames(M);var v;!function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"}(v||(v={}));const k=Object.getOwnPropertyNames(v),z=new Map;z.set(p["Die Bundesregierung"],["Die","Bundesregierung"]),z.set(p["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),z.set(p["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),z.set(p["Auswärtiges Amt"],["Auswärtiges Amt"]),z.set(p["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),z.set(p["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),z.set(p["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),z.set(p["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),z.set(p["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),z.set(p["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),z.set(p["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),z.set(p["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),z.set(p["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),z.set(p["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),z.set(p["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),z.set(M["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),z.set(M["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),z.set(M["Bundesamt für äußere Restitutionen"],[]),z.set(M["Bundesamt für Bauwesen und Raumordnung"],[]),z.set(M["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),z.set(M["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),z.set(M["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),z.set(M["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),z.set(M["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),z.set(M["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),z.set(M["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),z.set(M["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),z.set(M["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),z.set(M["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),z.set(M["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),z.set(M["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),z.set(M["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),z.set(M.Bundesarchiv,["Das","Bundesarchiv"]),z.set(M["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),z.set(M.Bundesausgleichsamt,["Bundesausgleichsamt"]),z.set(M.Bundeskartellamt,["Bundeskartellamt"]),z.set(M.Bundeskriminalamt,["Bundeskriminalamt"]),z.set(M.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),z.set(M["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),z.set(M["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),z.set(M["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),z.set(M.Bundessortenamt,["Bundessortenamt"]),z.set(M.Bundessprachenamt,["Bundessprachenamt"]),z.set(M["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),z.set(M.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),z.set(M["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),z.set(M["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),z.set(M["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),z.set(M.Generalzolldirektion,["Generalzolldirektion"]),z.set(M["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),z.set(M["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),z.set(v["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),z.set(v["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),z.set(v["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),z.set(v["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),z.set(v["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),z.set(v["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),z.set(v["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]),l();export{S as BUNDESAEMTER,k as BUNDESANSTALTEN,A as BUNDESMINISTERIEN,z as BUND_LOGO_TEXT_MAP,M as Bundesamt,v as Bundesanstalt,p as Bundesministerium,h as KoliBri,g as ToasterService,f as isInitialized};

package/dist/components/inline.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{c as watchBoolean}from"./common.js";const validateInline=(a,n,o={})=>{watchBoolean(a,"_inline",n,o)};export{validateInline as v};
+import{c as o}from"./common.js";const m=(m,n,s={})=>{o(m,"_inline",n,s)};export{m as v};

package/dist/components/isObject.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-var freeGlobal="object"==typeof global&&global&&global.Object===Object&&global,freeSelf="object"==typeof self&&self&&self.Object===Object&&self,root=freeGlobal||freeSelf||Function("return this")(),Symbol=root.Symbol,objectProto$1=Object.prototype,hasOwnProperty=objectProto$1.hasOwnProperty,nativeObjectToString$1=objectProto$1.toString,symToStringTag$1=Symbol?Symbol.toStringTag:void 0;function getRawTag(t){var o=hasOwnProperty.call(t,symToStringTag$1),e=t[symToStringTag$1];try{t[symToStringTag$1]=void 0;var r=!0}catch(t){}var a=nativeObjectToString$1.call(t);return r&&(o?t[symToStringTag$1]=e:delete t[symToStringTag$1]),a}var objectProto=Object.prototype,nativeObjectToString=objectProto.toString;function objectToString(t){return nativeObjectToString.call(t)}var nullTag="[object Null]",undefinedTag="[object Undefined]",symToStringTag=Symbol?Symbol.toStringTag:void 0;function baseGetTag(t){return null==t?void 0===t?undefinedTag:nullTag:symToStringTag&&symToStringTag in Object(t)?getRawTag(t):objectToString(t)}function isObjectLike(t){return null!=t&&"object"==typeof t}var isArray=Array.isArray;function isObject(t){var o=typeof t;return null!=t&&("object"==o||"function"==o)}export{Symbol as S,isObjectLike as a,isArray as b,baseGetTag as c,freeGlobal as f,isObject as i,root as r};
+var t="object"==typeof global&&global&&global.Object===Object&&global,e="object"==typeof self&&self&&self.Object===Object&&self,n=t||e||Function("return this")(),o=n.Symbol,r=Object.prototype,c=r.hasOwnProperty,l=r.toString,a=o?o.toStringTag:void 0,u=Object.prototype.toString,b=o?o.toStringTag:void 0;function f(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":b&&b in Object(t)?function(t){var o=c.call(t,a),e=t[a];try{t[a]=void 0;var r=!0}catch(t){}var n=l.call(t);return r&&(o?t[a]=e:delete t[a]),n}(t):function(t){return u.call(t)}(t)}function i(t){return null!=t&&"object"==typeof t}var s=Array.isArray;function j(t){var o=typeof t;return null!=t&&("object"==o||"function"==o)}export{o as S,i as a,s as b,f as c,t as f,j as i,n as r};

package/dist/components/keyboard.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-var Callback,KeyboardKey;!function(o){o.onBlur="onBlur",o.onChange="onChange",o.onChangePage="onChangePage",o.onClick="onClick",o.onClose="onClose",o.onDblClick="onDblClick",o.onFocus="onFocus",o.onInput="onInput",o.onKeyDown="onKeyDown",o.onKeyPress="onKeyPress",o.onKeyUp="onKeyUp",o.onMouseDown="onMouseDown",o.onMouseMove="onMouseMove",o.onMouseOut="onMouseOut",o.onMouseOver="onMouseOver",o.onMouseUp="onMouseUp",o.onReset="onReset",o.onSelect="onSelect",o.onSelectionChange="onSelectionChange",o.onChangePageSize="onChangePageSize",o.onSort="onSort",o.onSubmit="onSubmit",o.onToggle="onToggle"}(Callback||(Callback={})),function(o){o.ArrowDown="ArrowDown",o.ArrowLeft="ArrowLeft",o.ArrowRight="ArrowRight",o.ArrowUp="ArrowUp",o.Enter="Enter",o.Space=" "}(KeyboardKey||(KeyboardKey={}));export{Callback as C,KeyboardKey as K};
+var o,n;!function(o){o.onBlur="onBlur",o.onChange="onChange",o.onChangePage="onChangePage",o.onClick="onClick",o.onClose="onClose",o.onDblClick="onDblClick",o.onFocus="onFocus",o.onInput="onInput",o.onKeyDown="onKeyDown",o.onKeyPress="onKeyPress",o.onKeyUp="onKeyUp",o.onMouseDown="onMouseDown",o.onMouseMove="onMouseMove",o.onMouseOut="onMouseOut",o.onMouseOver="onMouseOver",o.onMouseUp="onMouseUp",o.onReset="onReset",o.onSelect="onSelect",o.onSelectionChange="onSelectionChange",o.onChangePageSize="onChangePageSize",o.onSort="onSort",o.onSubmit="onSubmit",o.onToggle="onToggle"}(o||(o={})),function(o){o.ArrowDown="ArrowDown",o.ArrowLeft="ArrowLeft",o.ArrowRight="ArrowRight",o.ArrowUp="ArrowUp",o.Enter="Enter",o.Space=" "}(n||(n={}));export{o as C,n as K};

package/dist/components/kol-abbr.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{a as KolTooltipWcTag}from"./component-names.js";import"./common.js";import{v as validateLabel}from"./label.js";const defaultStyleCss="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}",KolAbbr$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.state={_label:""}}render(){return h(Host,{key:"7f764ad6e259ac460dcd1f133da2ef8ad41b74b7",class:"kol-abbr"},h("abbr",{key:"3f49be16f6bbbd0d2cbd953319f6b23a8766a241",tabIndex:this.state._label?0:void 0},h("slot",{key:"81175d6ce9217f34e4faaa6aa08597e63f07389e"})),this.state._label?h(KolTooltipWcTag,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(n){validateLabel(this,n)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-abbr",{_label:[1],state:[32]},void 0,{_label:["validateLabel"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-abbr"].forEach(n=>{if("kol-abbr"===n)customElements.get(n)||customElements.define(n,KolAbbr$1)})}const KolAbbr=KolAbbr$1,defineCustomElement=defineCustomElement$1;export{KolAbbr,defineCustomElement};
+import{proxyCustomElement as o,HTMLElement as t,h as i,Host as a,transformTag as e}from"@stencil/core/internal/client";import{a as n}from"./component-names.js";import"./common.js";import{v as l}from"./label.js";const r=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.state={_label:""}}render(){return i(a,{key:"7f764ad6e259ac460dcd1f133da2ef8ad41b74b7",class:"kol-abbr"},i("abbr",{key:"3f49be16f6bbbd0d2cbd953319f6b23a8766a241",tabIndex:this.state._label?0:void 0},i("slot",{key:"81175d6ce9217f34e4faaa6aa08597e63f07389e"})),this.state._label?i(n,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(o){l(this,o)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:[{validateLabel:0}]}}static get style(){return{default:" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   .kol-tooltip {     display: contents;   }   .kol-tooltip__floating {     opacity: 0;     display: none;     position: fixed;          top: 0;     left: 0;          width: var(--kol-tooltip-width, max-content);     min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));     max-width: 90vw;     max-height: 90vh;     animation-direction: normal;          animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);     animation-fill-mode: forwards;     animation-iteration-count: 1;     animation-timing-function: ease-in;   }   .kol-tooltip__floating.hide {     animation-name: hideTooltip;   }   .kol-tooltip__floating.show {     animation-name: showTooltip;   }   .kol-tooltip__arrow {     transform: rotate(45deg);     color: #000;     background-color: #fff;     position: absolute;     z-index: 999;     width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));     height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));   }   .kol-tooltip__content {     color: #000;     background-color: #fff;     position: relative;     z-index: 1000;   }   @keyframes hideTooltip {     0% {       opacity: 1;     }     100% {       opacity: 0;       display: none;     }   }   @keyframes showTooltip {     0% {       opacity: 0;     }     100% {       opacity: 1;     }   } }"}}},[289,"kol-abbr",{_label:[1],state:[32]},void 0,{_label:[{validateLabel:0}]}]),s=r,d=function(){"undefined"!=typeof customElements&&["kol-abbr"].forEach(o=>{"kol-abbr"===o&&(customElements.get(e(o))||customElements.define(e(o),r))})};export{s as KolAbbr,d as defineCustomElement};

package/dist/components/kol-accordion.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{K as KolCollapsibleFc}from"./Collapsible.js";import{w as watchValidator,f as featureHint}from"./common.js";import{v as validateDisabled}from"./disabled.js";import{v as validateLabel}from"./label.js";import{v as validateOpen}from"./open.js";import{n as nonce}from"./dev.utils.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{w as watchHeadingLevel}from"./validation.js";const validateAccordionCallbacks=(n,e)=>{watchValidator(n,"_on",n=>"object"==typeof n&&null!==n,new Set(["AccordionCallbacksPropType {Events.onClick}"]),e)},defaultStyleCss="/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type='checkbox'], [type='radio'], [type='range']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don't want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition-duration: 0s;\n    }\n  }\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__wrapper {\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.3s;\n  }\n  .collapsible__wrapper-animation {\n    opacity: 0;\n    transform: scaleY(0);\n    transform-origin: top;\n    min-height: 0;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    opacity: 1;\n    transform: scaleY(1);\n    visibility: visible;\n  }\n  .collapsible {\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  .collapsible__heading-button button .kol-span {\n    align-items: flex-start;\n  }\n  .collapsible--open:focus-within {\n    position: relative;\n    z-index: 100;\n  }\n}";featureHint("[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"),featureHint("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const KolAccordion$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.nonce=nonce(),this.catchRef=n=>{this.buttonWcRef=n},this.handleOnClick=n=>{this._open=!this._open,setTimeout(()=>{var e,t;null===(t=null===(e=this.state._on)||void 0===e?void 0:e.onClick)||void 0===t||t.call(e,n,!0===this._open),this.host&&dispatchDomEvent(this.host,KolEvent.click,!0===this._open)})},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){var n;return Promise.resolve(null===(n=this.buttonWcRef)||void 0===n?void 0:n.focus())}async kolFocus(){return this.focus()}render(){const{_open:n,_label:e,_disabled:t,_level:i}=this.state,o="kol-accordion",a={id:this.nonce,label:e,open:n,disabled:t,level:i,onClick:this.handleOnClick,class:o,HeadingProps:{class:`${o}__heading`},HeadingButtonProps:{ref:this.catchRef,class:`${o}__heading-button`},ContentProps:{class:`${o}__content`,wrapperClass:`${o}__wrapper`,animationClass:`${o}__wrapper-animation`}};return h(KolCollapsibleFc,Object.assign({key:"4ab810c8ca65c74d9dd4911410289d301b88b747"},a),h("slot",{key:"8b395959dbca7708ef79080e80b7fbf94fa3e535"}))}validateDisabled(n){validateDisabled(this,n)}validateLabel(n){validateLabel(this,n,{required:!0})}validateLevel(n){watchHeadingLevel(this,n)}validateOn(n){validateAccordionCallbacks(this,n)}validateOpen(n){validateOpen(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return this}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-accordion",{_disabled:[4],_label:[1],_level:[2],_on:[16],_open:[1540],state:[32],focus:[64],kolFocus:[64]},void 0,{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-accordion"].forEach(n=>{if("kol-accordion"===n)customElements.get(n)||customElements.define(n,KolAccordion$1)})}const KolAccordion=KolAccordion$1,defineCustomElement=defineCustomElement$1;export{KolAccordion,defineCustomElement};
+import{proxyCustomElement as e,HTMLElement as i,h as o,transformTag as t}from"@stencil/core/internal/client";import{K as a}from"./Collapsible.js";import{w as l,f as n}from"./common.js";import{v as s}from"./disabled.js";import{v as r}from"./label.js";import{v as d}from"./open.js";import{n as c}from"./dev.utils.js";import{d as p,K as b}from"./events.js";import{w as h}from"./validation.js";n("[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"),n("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const m=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.nonce=c(),this.catchRef=e=>{this.buttonWcRef=e},this.handleOnClick=e=>{this._open=!this._open,setTimeout(()=>{var i,o;null===(o=null===(i=this.state._on)||void 0===i?void 0:i.onClick)||void 0===o||o.call(i,e,!0===this._open),this.host&&p(this.host,b.click,!0===this._open)})},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){var e;return Promise.resolve(null===(e=this.buttonWcRef)||void 0===e?void 0:e.focus())}async kolFocus(){return this.focus()}render(){const{_open:e,_label:i,_disabled:t,_level:l}=this.state,n="kol-accordion";return o(a,Object.assign({key:"4ab810c8ca65c74d9dd4911410289d301b88b747"},{id:this.nonce,label:i,open:e,disabled:t,level:l,onClick:this.handleOnClick,class:n,HeadingProps:{class:n+"__heading"},HeadingButtonProps:{ref:this.catchRef,class:n+"__heading-button"},ContentProps:{class:n+"__content",wrapperClass:n+"__wrapper",animationClass:n+"__wrapper-animation"}}),o("slot",{key:"8b395959dbca7708ef79080e80b7fbf94fa3e535"}))}validateDisabled(e){s(this,e)}validateLabel(e){r(this,e,{required:!0})}validateLevel(e){h(this,e)}validateOn(e){((e,i)=>{l(this,"_on",e=>"object"==typeof e&&null!==e,new Set(["AccordionCallbacksPropType {Events.onClick}"]),i)})(0,e)}validateOpen(e){d(this,e)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return this}static get watchers(){return{_disabled:[{validateDisabled:0}],_label:[{validateLabel:0}],_level:[{validateLevel:0}],_on:[{validateOn:0}],_open:[{validateOpen:0}]}}static get style(){return{default:" @layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;   @layer kol-a11y {   :host {          --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));          color: black;     background-color: white;          font-family: Verdana;          letter-spacing: inherit;          word-spacing: inherit;          text-align: left;   }   * {          hyphens: auto;          word-break: break-word;   }                  button,   .kol-input .input {     min-width: var(--a11y-min-size);     min-height: var(--a11y-min-size);   }      a,   button,   h1,   h2,   h3,   h4,   h5,   h6,   input,   option,   select,   textarea {          color: inherit;          font-family: inherit;          font-size: inherit;          letter-spacing: inherit;          word-spacing: inherit;   }      .visually-hidden {     position: fixed;     top: 0;     left: 0;     width: 1px;     height: 1px;     overflow: hidden;     white-space: nowrap;     clip-path: inset(50%);   } } @layer kol-global {      :is(a, button) {     background-color: transparent;     width: 100%;     margin: 0;     padding: 0;     border: none;        }      [hidden] {     display: none !important;   }   .badge-text-hint {     color: black;     background-color: lightgray;   } } @layer kol-global {   :host {          max-width: 100%;     font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));   }   * {          box-sizing: border-box;   }   .kol-span {          display: flex;     flex-flow: column;     align-items: center;     justify-content: center;        }   .kol-span__container {     display: flex;     align-items: center;   }   a,   button {     cursor: pointer;   }   .kol-span .kol-span__label--hide-label .kol-span__label {     display: none;   }      button:disabled {     color: unset;   }   .disabled label,   .disabled:focus-within label,   [aria-disabled=true],   [aria-disabled=true]:focus,   [disabled],   [disabled]:focus {     opacity: 0.5;     outline: none;     cursor: not-allowed;   }   [aria-disabled=true]:focus .kol-span,   [disabled]:focus .kol-span {     outline: none !important;   } } @layer kol-component {   :host {     display: block;   } }  @layer kol-component {   @media (prefers-reduced-motion) {     .collapsible__wrapper-animation, .collapsible__wrapper {       transition-duration: 0s;     }   }   .collapsible {        }   @media print {     :not(.collapsible--open) .collapsible__wrapper-animation {       display: none;     }   }   .collapsible__wrapper {          transform: translateZ(0);     display: grid;     grid-template-rows: 0fr;     transition: grid-template-rows 0.3s;   }   .collapsible__wrapper-animation {     opacity: 0;     transform: scaleY(0);     transform-origin: top;     min-height: 0;          visibility: hidden;     transition: transform 0.3s, opacity 0.3s, visibility 0.3s;   }   .collapsible--open .collapsible__wrapper {     grid-template-rows: 1fr;   }   .collapsible--open .collapsible__wrapper-animation {     opacity: 1;     transform: scaleY(1);     visibility: visible;   }   .collapsible {        }   .collapsible__heading-button button .kol-span {     align-items: flex-start;   }   .collapsible--open:focus-within {     position: relative;     z-index: 100;   } }"}}},[289,"kol-accordion",{_disabled:[4],_label:[1],_level:[2],_on:[16],_open:[1540],state:[32],focus:[64],kolFocus:[64]},void 0,{_disabled:[{validateDisabled:0}],_label:[{validateLabel:0}],_level:[{validateLevel:0}],_on:[{validateOn:0}],_open:[{validateOpen:0}]}]),u=m,f=function(){"undefined"!=typeof customElements&&["kol-accordion"].forEach(e=>{"kol-accordion"===e&&(customElements.get(t(e))||customElements.define(t(e),m))})};export{u as KolAccordion,f as defineCustomElement};

package/dist/components/kol-alert-wc.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{K as KolAlertFc}from"./Alert.js";import{w as watchValidator,c as watchBoolean,s as setState}from"./common.js";import{v as validateHasCloser}from"./has-closer.js";import{v as validateLabel}from"./label.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{w as watchHeadingLevel}from"./validation.js";const alertTypeOptions=["default","info","success","warning","error"],isAlertTypePropType=e=>"string"==typeof e&&alertTypeOptions.includes(e),validateAlertType=(e,t)=>{watchValidator(e,"_type",isAlertTypePropType,new Set(alertTypeOptions),t)},alertVariantOptions=["card","msg"],isAlertVariantPropType=e=>"string"==typeof e&&alertVariantOptions.includes(e),validateAlertVariant=(e,t)=>{watchValidator(e,"_variant",isAlertVariantPropType,new Set(alertVariantOptions),t)},KolAlertWc$1=proxyCustomElement(class extends HTMLElement{constructor(e){super(),!1!==e&&this.__registerHost(),this.close=()=>{var e,t;null===(t=null===(e=this._on)||void 0===e?void 0:e.onClose)||void 0===t||t.call(e,new Event("Close")),this.host&&dispatchDomEvent(this.host,KolEvent.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose}render(){const{_alert:e,_hasCloser:t,_label:a,_level:l,_type:i,_variant:s}=this.state,o={alert:e,hasCloser:t,label:a,level:l,type:i,variant:s,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout};return h(KolAlertFc,Object.assign({key:"5db3514131f644ab76a9bddc438cdf0af412e6e8"},o),h("slot",{key:"61ef793542ae680a090596e44fcb98b9f4e55708"}))}validateAlert(e){watchBoolean(this,"_alert",e)}validateHasCloser(e){validateHasCloser(this,e)}validateLabel(e){validateLabel(this,e)}validateLevel(e){watchHeadingLevel(this,e)}validateOn(e){this.validateOnValue(e)&&setState(this,"_on",{onClose:e.onClose})}validateType(e){validateAlertType(this,e)}validateVariant(e){validateAlertVariant(this,e)}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)}get host(){return this}static get watchers(){return{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}}},[260,"kol-alert-wc",{_alert:[4],_hasCloser:[4,"_has-closer"],_label:[1],_level:[2],_on:[16],_type:[1],_variant:[1],state:[32]},void 0,{_alert:["validateAlert"],_hasCloser:["validateHasCloser"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_type:["validateType"],_variant:["validateVariant"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-alert-wc"].forEach(e=>{if("kol-alert-wc"===e)customElements.get(e)||customElements.define(e,KolAlertWc$1)})}const KolAlertWc=KolAlertWc$1,defineCustomElement=defineCustomElement$1;export{KolAlertWc,defineCustomElement};
+import{proxyCustomElement as t,HTMLElement as e,h as a,transformTag as s}from"@stencil/core/internal/client";import{K as l}from"./Alert.js";import{w as i,c as r,s as o}from"./common.js";import{v as n}from"./has-closer.js";import{v as h}from"./label.js";import{d as v,K as d}from"./events.js";import{w as _}from"./validation.js";const c=["default","info","success","warning","error"],m=e=>"string"==typeof e&&c.includes(e),f=["card","msg"],p=e=>"string"==typeof e&&f.includes(e),u=t(class extends e{constructor(e){super(),!1!==e&&this.__registerHost(),this.close=()=>{var e,t;null===(t=null===(e=this._on)||void 0===e?void 0:e.onClose)||void 0===t||t.call(e,new Event("Close")),this.host&&v(this.host,d.close)},this.handleAlertTimeout=()=>{this.validateAlert(!1)},this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0},this.validateOnValue=e=>"object"==typeof e&&null!==e&&"function"==typeof e.onClose}render(){const{_alert:e,_hasCloser:t,_label:s,_level:i,_type:o,_variant:r}=this.state;return a(l,Object.assign({key:"5db3514131f644ab76a9bddc438cdf0af412e6e8"},{alert:e,hasCloser:t,label:s,level:i,type:o,variant:r,onCloserClick:this.close,onAlertTimeout:this.handleAlertTimeout}),a("slot",{key:"61ef793542ae680a090596e44fcb98b9f4e55708"}))}validateAlert(e){r(this,"_alert",e)}validateHasCloser(e){n(this,e)}validateLabel(e){h(this,e)}validateLevel(e){_(this,e)}validateOn(e){this.validateOnValue(e)&&o(this,"_on",{onClose:e.onClose})}validateType(e){((e,t)=>{i(this,"_type",m,new Set(c),t)})(0,e)}validateVariant(e){((e,t)=>{i(this,"_variant",p,new Set(f),t)})(0,e)}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)}get host(){return this}static get watchers(){return{_alert:[{validateAlert:0}],_hasCloser:[{validateHasCloser:0}],_label:[{validateLabel:0}],_level:[{validateLevel:0}],_on:[{validateOn:0}],_type:[{validateType:0}],_variant:[{validateVariant:0}]}}},[260,"kol-alert-wc",{_alert:[4],_hasCloser:[4,"_has-closer"],_label:[1],_level:[2],_on:[16],_type:[1],_variant:[1],state:[32]},void 0,{_alert:[{validateAlert:0}],_hasCloser:[{validateHasCloser:0}],_label:[{validateLabel:0}],_level:[{validateLevel:0}],_on:[{validateOn:0}],_type:[{validateType:0}],_variant:[{validateVariant:0}]}]),b=u,y=function(){"undefined"!=typeof customElements&&["kol-alert-wc"].forEach(e=>{"kol-alert-wc"===e&&(customElements.get(s(e))||customElements.define(s(e),u))})};export{b as KolAlertWc,y as defineCustomElement};