@public-ui/sample-react 3.0.3-a39fe16bf303201198458a15e713360b780d1fbc.0 → 3.0.3-rc.1

package/dist/assets/{kol-image.entry-Dk9Nnpcj.js → kol-image.entry-DTek21hw.js}

@@ -1,10 +1,10 @@
-import{r as o,h as s,n as i,w as l}from"./index-AYii0gVo.js";import{v as r}from"./image-source-BYFfHWHF-B9_N-fYQ.js";/*!
+import{r as o,h as s,n as i,w as l}from"./index-8EcNcIY4.js";import{v as r}from"./image-source-CxAw_SEU-Bluhz3zJ.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const d=(n,t,e={})=>{i(n,"_alt",t,e)},h=(n,t,e={})=>{i(n,"_sizes",t,e)},c=(n,t,e={})=>{i(n,"_srcset",t,e)},a=["eager","lazy"];function m(n,t){l(n,"_loading",e=>typeof e=="string"&&a.includes(e),new Set(a),t)}const u=`/* forward the rem function */
+ */const d=(n,t,e={})=>{i(n,"_alt",t,e)},h=(n,t,e={})=>{i(n,"_sizes",t,e)},c=(n,t,e={})=>{i(n,"_srcset",t,e)},a=["eager","lazy"];function u(n,t){l(n,"_loading",e=>typeof e=="string"&&a.includes(e),new Set(a),t)}const m=`/* forward the rem function */
 /*
  * This file contains all rules for accessibility.
  */
-@layer kol-global {
+@layer kol-a11y {
   :host {
     /*
      * Minimum size of interactive elements.
@@ -17,12 +17,6 @@ import{r as o,h as s,n as i,w as l}from"./index-AYii0gVo.js";import{v as r}from"
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -31,14 +25,20 @@ import{r as o,h as s,n as i,w as l}from"./index-AYii0gVo.js";import{v as r}from"
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of to-rem(44).
@@ -76,24 +76,31 @@ import{r as o,h as s,n as i,w as l}from"./index-AYii0gVo.js";import{v as r}from"
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
   }
 }
-/**
- * Sometimes we need the semantic element for accessibility reasons,
- * but we don't want to show it.
- *
- * - https://www.a11yproject.com/posts/how-to-hide-content/
- */
-.visually-hidden {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -176,5 +183,5 @@ import{r as o,h as s,n as i,w as l}from"./index-AYii0gVo.js";import{v as r}from"
     max-height: 100%;
     max-width: 100%;
   }
-}`,b=class{constructor(n){o(this,n),this._loading="lazy",this.state={_alt:"",_loading:"lazy",_src:""}}validateAlt(n){d(this,n,{required:!0})}validateLoading(n){m(this,n)}validateSizes(n){h(this,n)}validateSrc(n){r(this,n,{required:!0})}validateSrcset(n){c(this,n)}componentWillLoad(){this.validateAlt(this._alt),this.validateLoading(this._loading),this.validateSizes(this._sizes),this.validateSrc(this._src),this.validateSrcset(this._srcset)}render(){return s("img",{key:"cca1e1b65e9aab11b4c15bea394d6c54ead1a123",class:"kol-image",alt:this.state._alt,loading:this.state._loading,sizes:this.state._sizes,src:this.state._src,srcset:this.state._srcset})}static get watchers(){return{_alt:["validateAlt"],_loading:["validateLoading"],_sizes:["validateSizes"],_src:["validateSrc"],_srcset:["validateSrcset"]}}};b.style={default:u};export{b as kol_image};
-//# sourceMappingURL=kol-image.entry-Dk9Nnpcj.js.map
+}`,p=class{constructor(n){o(this,n),this._loading="lazy",this.state={_alt:"",_loading:"lazy",_src:""}}validateAlt(n){d(this,n,{required:!0})}validateLoading(n){u(this,n)}validateSizes(n){h(this,n)}validateSrc(n){r(this,n,{required:!0})}validateSrcset(n){c(this,n)}componentWillLoad(){this.validateAlt(this._alt),this.validateLoading(this._loading),this.validateSizes(this._sizes),this.validateSrc(this._src),this.validateSrcset(this._srcset)}render(){return s("img",{key:"cca1e1b65e9aab11b4c15bea394d6c54ead1a123",class:"kol-image",alt:this.state._alt,loading:this.state._loading,sizes:this.state._sizes,src:this.state._src,srcset:this.state._srcset})}static get watchers(){return{_alt:["validateAlt"],_loading:["validateLoading"],_sizes:["validateSizes"],_src:["validateSrc"],_srcset:["validateSrcset"]}}};p.style={default:m};export{p as kol_image};
+//# sourceMappingURL=kol-image.entry-DTek21hw.js.map

package/dist/assets/kol-image.entry-DTek21hw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-image.entry-DTek21hw.js","sources":["../../../../components/dist/esm/kol-image.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { r as registerInstance, h } from './index-DCfrKP1A.js';\nimport { e as watchString, w as watchValidator } from './common-CveT8b8y.js';\nimport { v as validateImageSource } from './image-source-CxAw_SEU.js';\n\nconst validateAlt = (component, value, options = {}) => {\n    watchString(component, '_alt', value, options);\n};\n\nconst validateImageSizes = (component, value, options = {}) => {\n    watchString(component, '_sizes', value, options);\n};\n\nconst validateImageSrcset = (component, value, options = {}) => {\n    watchString(component, '_srcset', value, options);\n};\n\nconst loadingOptions = ['eager', 'lazy'];\nfunction validateLoading(component, value) {\n    watchValidator(component, '_loading', (value) => typeof value === 'string' && loadingOptions.includes(value), new Set(loadingOptions), value);\n}\n\nconst defaultStyleCss = \"/* 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(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\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  * {\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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 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    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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: grid;\\n    place-items: 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    place-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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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-image {\\n    display: inline-block;\\n    max-height: 100%;\\n    max-width: 100%;\\n  }\\n}\";\n\nconst KolImage = class {\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this._loading = 'lazy';\n        this.state = {\n            _alt: '',\n            _loading: 'lazy',\n            _src: '',\n        };\n    }\n    validateAlt(value) {\n        validateAlt(this, value, { required: true });\n    }\n    validateLoading(value) {\n        validateLoading(this, value);\n    }\n    validateSizes(value) {\n        validateImageSizes(this, value);\n    }\n    validateSrc(value) {\n        validateImageSource(this, value, {\n            required: true,\n        });\n    }\n    validateSrcset(value) {\n        validateImageSrcset(this, value);\n    }\n    componentWillLoad() {\n        this.validateAlt(this._alt);\n        this.validateLoading(this._loading);\n        this.validateSizes(this._sizes);\n        this.validateSrc(this._src);\n        this.validateSrcset(this._srcset);\n    }\n    render() {\n        return (h(\"img\", { key: 'cca1e1b65e9aab11b4c15bea394d6c54ead1a123', class: \"kol-image\", alt: this.state._alt, loading: this.state._loading, sizes: this.state._sizes, src: this.state._src, srcset: this.state._srcset }));\n    }\n    static get watchers() { return {\n        \"_alt\": [\"validateAlt\"],\n        \"_loading\": [\"validateLoading\"],\n        \"_sizes\": [\"validateSizes\"],\n        \"_src\": [\"validateSrc\"],\n        \"_srcset\": [\"validateSrcset\"]\n    }; }\n};\nKolImage.style = {\n    default: defaultStyleCss\n};\n\nexport { KolImage as kol_image };\n//# sourceMappingURL=kol-image.entry.js.map\n\n//# sourceMappingURL=kol-image.entry.js.map"],"names":["validateAlt","component","value","options","watchString","validateImageSizes","validateImageSrcset","loadingOptions","validateLoading","watchValidator","defaultStyleCss","KolImage","hostRef","registerInstance","validateImageSource","h"],"mappings":"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"}

package/dist/assets/{kol-input-checkbox.entry-Do6AniMI.js → kol-input-checkbox.entry-cFWAxmp7.js}

@@ -1,10 +1,10 @@
-import{h as a,r as f,g as v,w as d,t as c,s as g,m as p}from"./index-AYii0gVo.js";import{c as r}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{n as _}from"./dev.utils-Bpywm8f_-NIyExbVn.js";import{I as y}from"./controller-DdKZK3yF-BnEBRYgK.js";import{F as x,g as w,c as I,a as z}from"./getRenderStates-XWg7XjOe-CsgyXQRr.js";import{F as A}from"./FieldControlStateWrapper-B9xA0LFu-B3VLdV-i.js";import{_ as s}from"./Heading-8UyhIMEx-CQO_jA_X.js";import{K as F}from"./Icon-DyCtnp9A-Cx1zKeuc.js";import{I as V}from"./Input-DWP068M--BQUEGgze.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-CMc2z3Pn-DsqzJLSh.js";import"./i18n-CW9JP5gq-CoI9qe8-.js";import"./label-CR1n-Qfs-dd7eMlfV.js";import"./orientation-Dir5SGEE-BuDuA5Js.js";import"./access-and-short-key-BRtL2KHr-kqdrb-iB.js";import"./hide-label-CK-iJ8bL-CVhkm2Bn.js";import"./tooltip-align-Lqb1rpul-DaZc-0iN.js";import"./align-UqiB2K3n-DaKqzwxH.js";import"./associated.controller-DkfA2grH-BC5-QC2P.js";import"./InternalUnderlinedBadgeText-DzWv9Jvu-DQ7eeMKb.js";/*!
+import{h as a,r as f,g as v,w as d,t as c,s as g,m as u}from"./index-8EcNcIY4.js";import{c as r}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{n as _}from"./dev.utils-Drt3wK8q-V1KdidCl.js";import{I as y}from"./controller-JSiQ3XEW-4DXPlgkX.js";import{_ as s}from"./Heading-KiNnTqFA-DRxvDZo5.js";import{K as x}from"./Icon-DNKR62Dr-C6YwWPFR.js";import{I as w}from"./Input-D5TsR76D-DyWwkitm.js";import{F as I,g as z,c as A,a as F}from"./FormFieldStateWrapper-018RmwII-DfARkevm.js";import{F as V}from"./FieldControlStateWrapper-3vfap9Sx-DL-QnASK.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-CRNukdr3-KL0bie1u.js";import"./i18n-CS5bfbb5-DIcckJTA.js";import"./label-CyF697aK-BGKedB4S.js";import"./required-BQuX6tq7-BtFgiZUy.js";import"./orientation-BnjezYH2-DHESoe-Y.js";import"./access-and-short-key-sBSrfgCm-CApmLpMS.js";import"./disabled-Djp3yxc7-CtuD-VTH.js";import"./hide-label-BRUryqo4-D6BWLTPE.js";import"./tooltip-align-Crku-TvZ-BD28CcpD.js";import"./align-DrcZAyfz-DBP6b6RS.js";import"./associated.controller-CPLCdcn6-3m7SSzdS.js";import"./InternalUnderlinedBadgeText-BooK1uMY-B8TUSZBa.js";/*!
  * KoliBri - The accessible HTML-Standard
- */const h=["button","default","switch"],C=(e,n)=>{p(e,"_checked",n)},S=(e,n)=>{p(e,"_indeterminate",n)},u=["left","right"],j=(e,n)=>{d(e,"_labelAlign",t=>typeof t=="string"&&u.includes(t),new Set([`KoliBriLabelAlign {${u.join(", ")}`]),n)};class L extends y{constructor(n,t,o){super(n,t,o),this.setFormAssociatedCheckboxValue=l=>{this.component._checked?this.setFormAssociatedValue(l):this.setFormAssociatedValue(null)},this.component=n}validateChecked(n){C(this.component,n),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateIcons(n){d(this.component,"_icons",t=>typeof t=="object"&&t!==null&&(c(t.checked,1)||c(t.indeterminate,1)||c(t.unchecked,1)),new Set(["InputCheckboxIcons"]),n,{hooks:{beforePatch:(t,o,l)=>{o.set("_icons",Object.assign(Object.assign({},l.state._icons),t))}}})}validateIndeterminate(n){S(this.component,n)}validateLabelAlign(n){j(this.component,n)}validateValue(n){g(this.component,"_value",n),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(n){d(this.component,"_variant",t=>typeof t=="string"&&h.includes(t),new Set([`String {${h.join(", ")}`]),n)}componentWillLoad(){super.componentWillLoad(),this.validateChecked(this.component._checked),this.validateIcons(this.component._icons),this.validateIndeterminate(this.component._indeterminate),this.validateValue(this.component._value),this.validateVariant(this.component._variant),this.validateLabelAlign(this.component._labelAlign)}}const O=e=>{var{class:n}=e,t=s(e,["class"]);return a(F,Object.assign({class:r("kol-checkbox__icon",n)},t))},B=e=>{var{class:n}=e,t=s(e,["class"]);return a(V,Object.assign({class:r("kol-checkbox__input",n)},t,{type:"checkbox"}))},M=e=>{var n,{class:t,variant:o="default",icon:l,inputProps:i}=e,m=s(e,["class","variant","icon","inputProps"]);const k=z(i==null?void 0:i.msg,i==null?void 0:i.touched),b={[`kol-checkbox--variant-${o}`]:!0,"kol-checkbox--checked":i==null?void 0:i.checked,"kol-checkbox--indeterminate":i==null?void 0:i.indeterminate,"kol-checkbox--disabled":!!(i!=null&&i.disabled),"kol-checkbox--required":!!(i!=null&&i.required),"kol-checkbox--touched":!!(i!=null&&i.touched),[`kol-checkbox--${((n=i==null?void 0:i.msg)===null||n===void 0?void 0:n.type)||"error"}`]:!!k};return a("label",Object.assign({class:r("kol-checkbox",b,t)},m),a(O,{label:"",icons:l}),a(B,Object.assign({},i)))};function q(e,n={}){const{ariaDescribedBy:t}=w(e),o={id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:t};return"_required"in e&&(o.required=e._required),"_checked"in e&&(o.checked=e._checked),"_indeterminate"in e&&(o.indeterminate=e._indeterminate),"_touched"in e&&(o.touched=e._touched),"_msg"in e&&(o.msg=I(e._msg)),Object.assign(Object.assign({},o),n)}const K=e=>{var{state:n,inputProps:t}=e,o=s(e,["state","inputProps"]);const l=(n==null?void 0:n._variant)||"default";return a(M,Object.assign({variant:l,inputProps:q(n,t)},o))},P=`/* forward the rem function */
+ */const C=(e,n)=>{u(e,"_checked",n)},S=(e,n)=>{u(e,"_indeterminate",n)},h=["left","right"],L=(e,n)=>{d(e,"_labelAlign",i=>typeof i=="string"&&h.includes(i),new Set([`KoliBriLabelAlign {${h.join(", ")}`]),n)},p=["button","default","switch"],j=e=>typeof e=="string"&&p.includes(e),O=(e,n)=>{d(e,"_variant",j,new Set(p),n)};class q extends y{constructor(n,i,o){super(n,i,o),this.setFormAssociatedCheckboxValue=l=>{this.component._checked?this.setFormAssociatedValue(l):this.setFormAssociatedValue(null)},this.component=n}validateChecked(n){C(this.component,n),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateIcons(n){d(this.component,"_icons",i=>{const o=i;return typeof o=="object"&&o!==null&&(c(o.checked,1)||c(o.indeterminate,1)||c(o.unchecked,1))},new Set(["InputCheckboxIcons"]),n,{hooks:{beforePatch:(i,o,l)=>{o.set("_icons",Object.assign(Object.assign({},l.state._icons),i))}}})}validateIndeterminate(n){S(this.component,n)}validateLabelAlign(n){L(this.component,n)}validateValue(n){g(this.component,"_value",n),this.setFormAssociatedCheckboxValue(this.component.state._value)}validateVariant(n){O(this.component,n)}componentWillLoad(){super.componentWillLoad(),this.validateChecked(this.component._checked),this.validateIcons(this.component._icons),this.validateIndeterminate(this.component._indeterminate),this.validateValue(this.component._value),this.validateVariant(this.component._variant),this.validateLabelAlign(this.component._labelAlign)}}const B=e=>{var{class:n}=e,i=s(e,["class"]);return a(x,Object.assign({class:r("kol-checkbox__icon",n)},i))},M=e=>{var{class:n}=e,i=s(e,["class"]);return a(w,Object.assign({class:r("kol-checkbox__input",n)},i,{type:"checkbox"}))},P=e=>{var n,{class:i,variant:o="default",icon:l,inputProps:t}=e,m=s(e,["class","variant","icon","inputProps"]);const b=F(t==null?void 0:t.msg,t==null?void 0:t.touched),k={[`kol-checkbox--variant-${o}`]:!0,"kol-checkbox--checked":t==null?void 0:t.checked,"kol-checkbox--indeterminate":t==null?void 0:t.indeterminate,"kol-checkbox--disabled":!!(t!=null&&t.disabled),"kol-checkbox--required":!!(t!=null&&t.required),"kol-checkbox--touched":!!(t!=null&&t.touched),[`kol-checkbox--${((n=t==null?void 0:t.msg)===null||n===void 0?void 0:n.type)||"error"}`]:!!b};return a("label",Object.assign({class:r("kol-checkbox",k,i)},m),a(B,{label:"",icons:l}),a(M,Object.assign({},t)))};function K(e,n={}){const{ariaDescribedBy:i}=z(e),o={id:e._id,hideLabel:e._hideLabel,label:e._label,value:e._value,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:i};return"_required"in e&&(o.required=e._required),"_checked"in e&&(o.checked=e._checked),"_indeterminate"in e&&(o.indeterminate=e._indeterminate),"_touched"in e&&(o.touched=e._touched),"_msg"in e&&(o.msg=A(e._msg)),Object.assign(Object.assign({},o),n)}const H=e=>{var{state:n,inputProps:i}=e,o=s(e,["state","inputProps"]);const l=(n==null?void 0:n._variant)||"default";return a(P,Object.assign({variant:l,inputProps:K(n,i)},o))},T=`/* forward the rem function */
 /*
  * This file contains all rules for accessibility.
  */
-@layer kol-global {
+@layer kol-a11y {
   :host {
     /*
      * Minimum size of interactive elements.
@@ -17,12 +17,6 @@ import{h as a,r as f,g as v,w as d,t as c,s as g,m as p}from"./index-AYii0gVo.js
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -31,14 +25,20 @@ import{h as a,r as f,g as v,w as d,t as c,s as g,m as p}from"./index-AYii0gVo.js
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of to-rem(44).
@@ -76,24 +76,31 @@ import{h as a,r as f,g as v,w as d,t as c,s as g,m as p}from"./index-AYii0gVo.js
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
   }
 }
-/**
- * Sometimes we need the semantic element for accessibility reasons,
- * but we don't want to show it.
- *
- * - https://www.a11yproject.com/posts/how-to-hide-content/
- */
-.visually-hidden {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -417,5 +424,5 @@ import{h as a,r as f,g as v,w as d,t as c,s as g,m as p}from"./index-AYii0gVo.js
     width: var(--a11y-min-size);
     height: var(--a11y-min-size);
   }
-}`,H=class{getModelValue(){return this._checked?this.state._value:null}async getValue(){return this.getModelValue()}async kolFocus(){var e;(e=this.inputRef)===null||e===void 0||e.focus()}getFormFieldProps(){return{state:this.state,class:r("kol-input-checkbox",{"kol-input-checkbox--checked":this.state._checked,"kol-input-checkbox--indeterminate":this.state._indeterminate,[`kol-input-checkbox--variant-${this.state._variant||"default"}`]:!0,[`kol-input-checkbox--label-align-${this.state._labelAlign||"right"}`]:!0}),tooltipAlign:this._tooltipAlign,"data-role":this.state._variant==="button"?"button":void 0,alert:this.showAsAlert(),renderNoTooltip:!0}}getFieldControlProps(){return{class:r("kol-input-checkbox__field-control",{"kol-input-checkbox__field-control--checked":this.state._checked,"kol-input-checkbox__field-control--indeterminate":this.state._indeterminate,[`kol-input-checkbox__field-control--variant-${this.state._variant||"default"}`]:!0}),state:this.state}}getInputProps(){return{state:this.state,icon:this.getIcon(),inputProps:Object.assign(Object.assign({class:r({"visually-hidden":this.state._variant==="button"}),ref:this.catchRef},this.controller.onFacade),{onInput:this.onInput,onChange:this.onChange,onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1},onClick:void 0})}}getIcon(){return this.state._indeterminate?this.state._icons.indeterminate:this.state._checked?this.state._icons.checked:this.state._icons.unchecked}render(){return a(x,Object.assign({key:"7c330c625df423783c9f9dd29f2c032408f8d50f"},this.getFormFieldProps(),{renderNoLabel:!0}),a(A,Object.assign({key:"52245f0424402b5c030c358ec1a0e1c177c23f1f"},this.getFieldControlProps(),{renderNoHint:!0}),a(K,Object.assign({key:"f0e91630ed979e2ec59bede5151c9640f31d5d84"},this.getInputProps()))))}constructor(e){f(this,e),this.catchRef=n=>{this.inputRef=n},this._checked=!1,this._hideMsg=!1,this._disabled=!1,this._hideLabel=!1,this._hint="",this._labelAlign="right",this._required=!1,this._tooltipAlign="top",this._touched=!1,this._value=!0,this._variant="default",this.state={_checked:!1,_hideMsg:!1,_icons:{checked:"codicon codicon-check",indeterminate:"codicon codicon-remove",unchecked:"codicon codicon-close"},_id:`id-${_()}`,_indeterminate:!1,_label:"",_value:!0,_variant:"default",_labelAlign:"right"},this.inputHasFocus=!1,this.onInput=n=>{this._checked=!this._checked,this._indeterminate=!1;const t=this.getModelValue();this.controller.onFacade.onInput(n,!1,t),this.controller.setFormAssociatedCheckboxValue(t)},this.onChange=n=>{this.controller.onFacade.onChange(n,this.getModelValue())},this.controller=new L(this,"checkbox",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateChecked(e){this.controller.validateChecked(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateIndeterminate(e){this.controller.validateIndeterminate(e)}validateLabel(e){this.controller.validateLabel(e)}validateLabelAlign(e){this.controller.validateLabelAlign(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateRequired(e){this.controller.validateRequired(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}validateVariant(e){this.controller.validateVariant(e)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return v(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_checked:["validateChecked"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_labelAlign:["validateLabelAlign"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};H.style={default:P};export{H as kol_input_checkbox};
-//# sourceMappingURL=kol-input-checkbox.entry-Do6AniMI.js.map
+}`,W=class{getModelValue(){return this._checked?this.state._value:null}async getValue(){return this.getModelValue()}async kolFocus(){var e;(e=this.inputRef)===null||e===void 0||e.focus()}getFormFieldProps(){return{state:this.state,class:r("kol-input-checkbox",{"kol-input-checkbox--checked":this.state._checked,"kol-input-checkbox--indeterminate":this.state._indeterminate,[`kol-input-checkbox--variant-${this.state._variant||"default"}`]:!0,[`kol-input-checkbox--label-align-${this.state._labelAlign||"right"}`]:!0}),tooltipAlign:this._tooltipAlign,"data-role":this.state._variant==="button"?"button":void 0,alert:this.showAsAlert(),renderNoTooltip:!0}}getFieldControlProps(){return{class:r("kol-input-checkbox__field-control",{"kol-input-checkbox__field-control--checked":this.state._checked,"kol-input-checkbox__field-control--indeterminate":this.state._indeterminate,[`kol-input-checkbox__field-control--variant-${this.state._variant||"default"}`]:!0}),state:this.state}}getInputProps(){return{state:this.state,icon:this.getIcon(),inputProps:Object.assign(Object.assign({class:r({"visually-hidden":this.state._variant==="button"}),ref:this.catchRef},this.controller.onFacade),{onInput:this.onInput,onChange:this.onChange,onFocus:e=>{this.controller.onFacade.onFocus(e),this.inputHasFocus=!0},onBlur:e=>{this.controller.onFacade.onBlur(e),this.inputHasFocus=!1},onClick:void 0})}}getIcon(){return this.state._indeterminate?this.state._icons.indeterminate:this.state._checked?this.state._icons.checked:this.state._icons.unchecked}render(){return a(I,Object.assign({key:"9c94735d81b484155203beaf1bd372840add4b64"},this.getFormFieldProps(),{renderNoLabel:!0}),a(V,Object.assign({key:"db8bbc79ad4799844df8147d21f5a5fffa501189"},this.getFieldControlProps(),{renderNoHint:!0}),a(H,Object.assign({key:"4e8a587d840a517e140e97c123317058bb1a9e90"},this.getInputProps()))))}constructor(e){f(this,e),this.catchRef=n=>{this.inputRef=n},this._checked=!1,this._hideMsg=!1,this._disabled=!1,this._hideLabel=!1,this._hint="",this._labelAlign="right",this._required=!1,this._tooltipAlign="top",this._touched=!1,this._value=!0,this._variant="default",this.state={_checked:!1,_hideMsg:!1,_icons:{checked:"codicon codicon-check",indeterminate:"codicon codicon-remove",unchecked:"codicon codicon-close"},_id:`id-${_()}`,_indeterminate:!1,_label:"",_value:!0,_variant:"default",_labelAlign:"right"},this.inputHasFocus=!1,this.onInput=n=>{this._checked=!this._checked,this._indeterminate=!1;const i=this.getModelValue();this.controller.onFacade.onInput(n,!1,i),this.controller.setFormAssociatedCheckboxValue(i)},this.onChange=n=>{this.controller.onFacade.onChange(n,this.getModelValue())},this.controller=new q(this,"checkbox",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(e){this.controller.validateAccessKey(e)}validateChecked(e){this.controller.validateChecked(e)}validateDisabled(e){this.controller.validateDisabled(e)}validateHideMsg(e){this.controller.validateHideMsg(e)}validateHideLabel(e){this.controller.validateHideLabel(e)}validateHint(e){this.controller.validateHint(e)}validateIcons(e){this.controller.validateIcons(e)}validateId(e){this.controller.validateId(e)}validateIndeterminate(e){this.controller.validateIndeterminate(e)}validateLabel(e){this.controller.validateLabel(e)}validateLabelAlign(e){this.controller.validateLabelAlign(e)}validateMsg(e){this.controller.validateMsg(e)}validateName(e){this.controller.validateName(e)}validateOn(e){this.controller.validateOn(e)}validateRequired(e){this.controller.validateRequired(e)}validateShortKey(e){this.controller.validateShortKey(e)}validateSyncValueBySelector(e){this.controller.validateSyncValueBySelector(e)}validateTouched(e){this.controller.validateTouched(e)}validateValue(e){this.controller.validateValue(e)}validateVariant(e){this.controller.validateVariant(e)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return v(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_checked:["validateChecked"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_indeterminate:["validateIndeterminate"],_label:["validateLabel"],_labelAlign:["validateLabelAlign"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_required:["validateRequired"],_shortKey:["validateShortKey"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"],_variant:["validateVariant"]}}};W.style={default:T};export{W as kol_input_checkbox};
+//# sourceMappingURL=kol-input-checkbox.entry-cFWAxmp7.js.map

package/dist/assets/kol-input-checkbox.entry-cFWAxmp7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kol-input-checkbox.entry-cFWAxmp7.js","sources":["../../../../components/dist/esm/kol-input-checkbox.entry.js"],"sourcesContent":["/*!\n * KoliBri - The accessible HTML-Standard\n */\nimport { h, r as registerInstance, g as getElement } from './index-DCfrKP1A.js';\nimport { c as clsx } from './clsx-eK3rPvPS.js';\nimport { n as nonce } from './dev.utils-Drt3wK8q.js';\nimport { d as watchBoolean, w as watchValidator, s as setState, g as isString } from './common-CveT8b8y.js';\nimport { I as InputCheckboxRadioController } from './controller-JSiQ3XEW.js';\nimport { _ as __rest } from './Heading-KiNnTqFA.js';\nimport { K as KolIconFc } from './Icon-DNKR62Dr.js';\nimport { I as InputFc } from './Input-D5TsR76D.js';\nimport { c as checkHasMsg, g as getRenderStates, a as convertMsgToInternMsg, F as FormFieldStateWrapper } from './FormFieldStateWrapper-018RmwII.js';\nimport { F as FieldControlStateWrapper } from './FieldControlStateWrapper-3vfap9Sx.js';\nimport './label-CyF697aK.js';\nimport './required-BQuX6tq7.js';\nimport './orientation-BnjezYH2.js';\nimport './component-names-CkE54Ym7.js';\nimport './access-and-short-key-sBSrfgCm.js';\nimport './disabled-Djp3yxc7.js';\nimport './hide-label-BRUryqo4.js';\nimport './tooltip-align-Crku-TvZ.js';\nimport './align-DrcZAyfz.js';\nimport './events-CoPFQEiC.js';\nimport './associated.controller-CPLCdcn6.js';\nimport './bootstrap-CSTuXkk8.js';\nimport './i18n-CjhRejiw.js';\nimport './isObject-DvSELytj.js';\nimport './Alert-CRNukdr3.js';\nimport './i18n-CS5bfbb5.js';\nimport './bem-1mR-cDMU.js';\nimport './browser-Ccum-Et3.js';\nimport './InternalUnderlinedBadgeText-BooK1uMY.js';\n\nconst validateChecked = (component, value) => {\n    watchBoolean(component, '_checked', value);\n};\n\nconst validateIndeterminate = (component, value) => {\n    watchBoolean(component, '_indeterminate', value);\n};\n\nconst labelAlignPropTypeOptions = ['left', 'right'];\nconst validateLabelAlign = (component, value) => {\n    watchValidator(component, `_labelAlign`, (value) => typeof value === 'string' && labelAlignPropTypeOptions.includes(value), new Set([`KoliBriLabelAlign {${labelAlignPropTypeOptions.join(', ')}`]), value);\n};\n\nconst inputCheckboxVariantOptions = ['button', 'default', 'switch'];\nconst isInputCheckboxVariantPropType = (value) => {\n    return typeof value === 'string' && inputCheckboxVariantOptions.includes(value);\n};\nconst validateVariantInputCheckbox = (component, value) => {\n    watchValidator(component, '_variant', isInputCheckboxVariantPropType, new Set(inputCheckboxVariantOptions), value);\n};\n\nclass InputCheckboxController extends InputCheckboxRadioController {\n    constructor(component, name, host) {\n        super(component, name, host);\n        this.setFormAssociatedCheckboxValue = (value) => {\n            if (this.component._checked) {\n                this.setFormAssociatedValue(value);\n            }\n            else {\n                this.setFormAssociatedValue(null);\n            }\n        };\n        this.component = component;\n    }\n    validateChecked(value) {\n        validateChecked(this.component, value);\n        this.setFormAssociatedCheckboxValue(this.component.state._value);\n    }\n    validateIcons(value) {\n        watchValidator(this.component, '_icons', (value) => {\n            const v = value;\n            return typeof v === 'object' && v !== null && (isString(v.checked, 1) || isString(v.indeterminate, 1) || isString(v.unchecked, 1));\n        }, new Set(['InputCheckboxIcons']), value, {\n            hooks: {\n                beforePatch: (nextValue, nextState, component) => {\n                    nextState.set('_icons', Object.assign(Object.assign({}, component.state._icons), nextValue));\n                },\n            },\n        });\n    }\n    validateIndeterminate(value) {\n        validateIndeterminate(this.component, value);\n    }\n    validateLabelAlign(value) {\n        validateLabelAlign(this.component, value);\n    }\n    validateValue(value) {\n        setState(this.component, '_value', value);\n        this.setFormAssociatedCheckboxValue(this.component.state._value);\n    }\n    validateVariant(value) {\n        validateVariantInputCheckbox(this.component, value);\n    }\n    componentWillLoad() {\n        super.componentWillLoad();\n        this.validateChecked(this.component._checked);\n        this.validateIcons(this.component._icons);\n        this.validateIndeterminate(this.component._indeterminate);\n        this.validateValue(this.component._value);\n        this.validateVariant(this.component._variant);\n        this.validateLabelAlign(this.component._labelAlign);\n    }\n}\n\nconst IconWrapperFc = (_a) => {\n    var { class: classNames } = _a, other = __rest(_a, [\"class\"]);\n    return h(KolIconFc, Object.assign({ class: clsx('kol-checkbox__icon', classNames) }, other));\n};\nconst InputWrapperFc = (_a) => {\n    var { class: classNames } = _a, other = __rest(_a, [\"class\"]);\n    return h(InputFc, Object.assign({ class: clsx('kol-checkbox__input', classNames) }, other, { type: \"checkbox\" }));\n};\nconst CheckboxFc = (_a) => {\n    var _b;\n    var { class: classNames, variant = 'default', icon, inputProps } = _a, other = __rest(_a, [\"class\", \"variant\", \"icon\", \"inputProps\"]);\n    const showMsg = checkHasMsg(inputProps === null || inputProps === void 0 ? void 0 : inputProps.msg, inputProps === null || inputProps === void 0 ? void 0 : inputProps.touched);\n    const cssVariants = {\n        [`kol-checkbox--variant-${variant}`]: true,\n        [`kol-checkbox--checked`]: inputProps === null || inputProps === void 0 ? void 0 : inputProps.checked,\n        [`kol-checkbox--indeterminate`]: inputProps === null || inputProps === void 0 ? void 0 : inputProps.indeterminate,\n        ['kol-checkbox--disabled']: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.disabled),\n        ['kol-checkbox--required']: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.required),\n        ['kol-checkbox--touched']: Boolean(inputProps === null || inputProps === void 0 ? void 0 : inputProps.touched),\n        [`kol-checkbox--${((_b = inputProps === null || inputProps === void 0 ? void 0 : inputProps.msg) === null || _b === void 0 ? void 0 : _b.type) || 'error'}`]: Boolean(showMsg),\n    };\n    return (h(\"label\", Object.assign({ class: clsx('kol-checkbox', cssVariants, classNames) }, other),\n        h(IconWrapperFc, { label: \"\", icons: icon }),\n        h(InputWrapperFc, Object.assign({}, inputProps))));\n};\n\nfunction getCheckboxProps(state, inputProps = {}) {\n    const { ariaDescribedBy } = getRenderStates(state);\n    const props = {\n        id: state._id,\n        hideLabel: state._hideLabel,\n        label: state._label,\n        value: state._value,\n        accessKey: state._accessKey,\n        disabled: state._disabled,\n        name: state._name,\n        ariaDescribedBy: ariaDescribedBy,\n    };\n    if ('_required' in state)\n        props.required = state._required;\n    if ('_checked' in state)\n        props.checked = state._checked;\n    if ('_indeterminate' in state)\n        props.indeterminate = state._indeterminate;\n    if ('_touched' in state)\n        props.touched = state._touched;\n    if ('_msg' in state)\n        props.msg = convertMsgToInternMsg(state._msg);\n    return Object.assign(Object.assign({}, props), inputProps);\n}\nconst CheckboxStateWrapper = (_a) => {\n    var { state, inputProps } = _a, other = __rest(_a, [\"state\", \"inputProps\"]);\n    const variant = (state === null || state === void 0 ? void 0 : state._variant) || 'default';\n    return h(CheckboxFc, Object.assign({ variant: variant, inputProps: getCheckboxProps(state, inputProps) }, other));\n};\n\nconst defaultStyleCss = \"/* 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(44rem / var(--kolibri-root-font-size, 16));\\n    /*\\n     * No element should be used without a background and font color whose contrast ratio has\\n     * not been checked. By initially setting the background color to white and the font color\\n     * to black, the contrast ratio is ensured and explicit adjustment is forced.\\n     */\\n    background-color: white;\\n    color: black;\\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  * {\\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  [role=button],\\n  button:not([role=link]),\\n  .kol-input .input {\\n    min-height: var(--a11y-min-size);\\n    min-width: 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 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    clip: rect(0 0 0 0);\\n    clip-path: inset(50%);\\n    height: 1px;\\n    overflow: hidden;\\n    position: absolute;\\n    white-space: nowrap;\\n    width: 1px;\\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    border: none;\\n    margin: 0;\\n    padding: 0;\\n    width: 100%;\\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    background-color: lightgray;\\n    color: black;\\n  }\\n}\\n@layer kol-global {\\n  :host {\\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\\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  }\\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: grid;\\n    place-items: 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    place-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    cursor: not-allowed;\\n    opacity: 0.5;\\n    outline: none;\\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@layer kol-component {\\n  .kol-tooltip {\\n    contain: layout;\\n    display: contents;\\n  }\\n  .kol-tooltip__floating {\\n    animation-duration: 0.25s;\\n    animation-iteration-count: 1;\\n    animation-name: fadeInOpacity;\\n    animation-timing-function: ease-in;\\n    display: none;\\n    position: fixed;\\n    visibility: hidden;\\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\\n    top: 0;\\n    left: 0;\\n    max-width: 90vw;\\n    max-height: 90vh;\\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\\n    width: var(--kol-tooltip-width);\\n  }\\n  .kol-tooltip__arrow {\\n    background-color: #fff;\\n    color: #000;\\n    height: calc(10rem / var(--kolibri-root-font-size, 16));\\n    position: absolute;\\n    transform: rotate(45deg);\\n    width: calc(10rem / var(--kolibri-root-font-size, 16));\\n    z-index: 999;\\n  }\\n  .kol-tooltip__content {\\n    background-color: #fff;\\n    color: #000;\\n    position: relative;\\n    z-index: 1000;\\n  }\\n  @keyframes fadeInOpacity {\\n    0% {\\n      opacity: 0;\\n    }\\n    100% {\\n      opacity: 1;\\n    }\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-form-field:not(.kol-form-field--disabled) .kol-form-field__label {\\n    cursor: pointer;\\n  }\\n  .kol-form-field--disabled .kol-form-field__label {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-form-field--disabled .kol-form-field__hint {\\n    opacity: 0.5;\\n  }\\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-field-control {\\n    min-height: var(--a11y-min-size);\\n    display: grid;\\n    grid-template-columns: auto 1fr;\\n    grid-template-areas: \\\"input label\\\";\\n    grid-template-rows: auto;\\n    align-items: center;\\n    justify-content: left;\\n  }\\n  .kol-field-control:has(.kol-field-control__hint) {\\n    grid-template-columns: auto 1fr;\\n    grid-template-areas: \\\"input label\\\" \\\"hint hint\\\";\\n    grid-template-rows: auto auto;\\n  }\\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label) {\\n    grid-template-columns: 1fr auto;\\n    grid-template-areas: \\\"label input\\\";\\n    grid-template-rows: auto;\\n  }\\n  .kol-field-control--label-align-left:not(.kol-field-control--hide-label):has(.kol-field-control__hint) {\\n    grid-template-columns: 1fr auto;\\n    grid-template-areas: \\\"label input\\\" \\\"hint hint\\\";\\n    grid-template-rows: auto auto;\\n  }\\n  .kol-field-control__input {\\n    grid-area: input;\\n    display: flex;\\n    min-height: var(--a11y-min-size);\\n    align-items: center;\\n  }\\n  .kol-field-control__label {\\n    align-items: center;\\n    cursor: pointer;\\n    display: flex;\\n    flex-grow: 1;\\n    grid-area: label;\\n    min-height: var(--a11y-min-size);\\n  }\\n  .kol-field-control__label--visually-hidden {\\n    height: 0;\\n    margin: 0;\\n    padding: 0;\\n    visibility: hidden;\\n  }\\n  .kol-field-control__label-text::after {\\n    content: \\\"\\\";\\n  }\\n  .kol-field-control__tooltip .span-label::after {\\n    content: \\\"\\\";\\n  }\\n  .kol-field-control__hint {\\n    grid-area: hint;\\n  }\\n  .kol-field-control--disabled .kol-field-control__label {\\n    cursor: not-allowed;\\n    opacity: 0.5;\\n  }\\n  .kol-field-control--required .kol-field-control__label-text::after {\\n    content: \\\"*\\\";\\n  }\\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\\n    content: \\\"*\\\";\\n  }\\n}\\n@layer kol-component {\\n  .kol-form-field {\\n    display: grid;\\n  }\\n  .kol-checkbox {\\n    align-items: center;\\n    cursor: pointer;\\n    display: flex;\\n    position: relative;\\n  }\\n  .kol-checkbox--disabled {\\n    cursor: not-allowed;\\n  }\\n  .kol-checkbox .kol-input {\\n    appearance: none;\\n    background-color: #fff;\\n    border-style: solid;\\n    border-width: 2px;\\n    cursor: inherit;\\n    margin: 0;\\n    transition: 0.5s;\\n  }\\n  .kol-checkbox .kol-input:before {\\n    content: \\\"\\\";\\n  }\\n  /**\\n   * Variant: Checkbox\\n   */\\n  .kol-checkbox--variant-default {\\n    height: var(--a11y-min-size);\\n    justify-content: center;\\n    position: relative;\\n    width: var(--a11y-min-size);\\n  }\\n  .kol-checkbox--variant-default .kol-icon {\\n    display: flex;\\n    inset: auto;\\n    position: absolute;\\n    z-index: 1;\\n    pointer-events: none;\\n  }\\n  .kol-checkbox--variant-default .kol-icon::part(icon) {\\n    display: none;\\n  }\\n  .kol-checkbox--variant-default .kol-input {\\n    width: calc(22rem / var(--kolibri-root-font-size, 16));\\n    height: calc(22rem / var(--kolibri-root-font-size, 16));\\n  }\\n  .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon::part(icon), .kol-checkbox--variant-default.kol-checkbox--indeterminate .kol-icon::part(icon) {\\n    display: block;\\n  }\\n  /**\\n   * Variant: Switch\\n   */\\n  .kol-checkbox--variant-switch {\\n    position: relative;\\n  }\\n  .kol-checkbox--variant-switch .kol-input {\\n    display: inline-block;\\n    height: 1.7em;\\n    min-width: 3.2em;\\n    position: relative;\\n    width: 3.2em;\\n  }\\n  .kol-checkbox--variant-switch .kol-input::before {\\n    background-color: #000;\\n    height: 1.2em;\\n    left: calc(0.25em - (2rem / var(--kolibri-root-font-size, 16)));\\n    top: calc(0.25em - (2rem / var(--kolibri-root-font-size, 16)));\\n    position: absolute;\\n    transition: 0.5s;\\n    width: 1.2em;\\n  }\\n  .kol-checkbox--variant-switch .kol-input:checked::before {\\n    transform: translateX(1.5em);\\n  }\\n  .kol-checkbox--variant-switch .kol-input:indeterminate::before {\\n    transform: translateX(0.75em);\\n  }\\n  .kol-checkbox--variant-switch .kol-icon {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    width: 1.2em;\\n    height: 1.2em;\\n    position: absolute;\\n    z-index: 1;\\n    top: 50%;\\n    left: calc(4rem / var(--kolibri-root-font-size, 16));\\n    transform: translate(0, -50%);\\n    transition: 0.5s;\\n    color: #000;\\n  }\\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\\n    transform: translate(1.5em, -50%);\\n  }\\n  .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\\n    transform: translate(0.75em, -50%);\\n  }\\n  /**\\n   * Variant: Button\\n   */\\n  .kol-checkbox--variant-button {\\n    width: var(--a11y-min-size);\\n  }\\n  .kol-checkbox--variant-button .kol-icon {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    width: var(--a11y-min-size);\\n    height: var(--a11y-min-size);\\n  }\\n}\";\n\nconst KolInputCheckbox = class {\n    getModelValue() {\n        return this._checked ? this.state._value : null;\n    }\n    async getValue() {\n        return this.getModelValue();\n    }\n    async kolFocus() {\n        var _a;\n        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    getFormFieldProps() {\n        return {\n            state: this.state,\n            class: clsx('kol-input-checkbox', {\n                [`kol-input-checkbox--checked`]: this.state._checked,\n                [`kol-input-checkbox--indeterminate`]: this.state._indeterminate,\n                [`kol-input-checkbox--variant-${this.state._variant || 'default'}`]: true,\n                [`kol-input-checkbox--label-align-${this.state._labelAlign || 'right'}`]: true,\n            }),\n            tooltipAlign: this._tooltipAlign,\n            'data-role': this.state._variant === 'button' ? 'button' : undefined,\n            alert: this.showAsAlert(),\n            renderNoTooltip: true,\n        };\n    }\n    getFieldControlProps() {\n        return {\n            class: clsx('kol-input-checkbox__field-control', {\n                [`kol-input-checkbox__field-control--checked`]: this.state._checked,\n                [`kol-input-checkbox__field-control--indeterminate`]: this.state._indeterminate,\n                [`kol-input-checkbox__field-control--variant-${this.state._variant || 'default'}`]: true,\n            }),\n            state: this.state,\n        };\n    }\n    getInputProps() {\n        return {\n            state: this.state,\n            icon: this.getIcon(),\n            inputProps: Object.assign(Object.assign({ class: clsx({\n                    'visually-hidden': this.state._variant === 'button',\n                }), ref: this.catchRef }, this.controller.onFacade), { onInput: this.onInput, onChange: this.onChange, onFocus: (event) => {\n                    this.controller.onFacade.onFocus(event);\n                    this.inputHasFocus = true;\n                }, onBlur: (event) => {\n                    this.controller.onFacade.onBlur(event);\n                    this.inputHasFocus = false;\n                }, onClick: undefined }),\n        };\n    }\n    getIcon() {\n        if (this.state._indeterminate)\n            return this.state._icons.indeterminate;\n        if (this.state._checked)\n            return this.state._icons.checked;\n        return this.state._icons.unchecked;\n    }\n    render() {\n        return (h(FormFieldStateWrapper, Object.assign({ key: '9c94735d81b484155203beaf1bd372840add4b64' }, this.getFormFieldProps(), { renderNoLabel: true }), h(FieldControlStateWrapper, Object.assign({ key: 'db8bbc79ad4799844df8147d21f5a5fffa501189' }, this.getFieldControlProps(), { renderNoHint: true }), h(CheckboxStateWrapper, Object.assign({ key: '4e8a587d840a517e140e97c123317058bb1a9e90' }, this.getInputProps())))));\n    }\n    constructor(hostRef) {\n        registerInstance(this, hostRef);\n        this.catchRef = (ref) => {\n            this.inputRef = ref;\n        };\n        this._checked = false;\n        this._hideMsg = false;\n        this._disabled = false;\n        this._hideLabel = false;\n        this._hint = '';\n        this._labelAlign = 'right';\n        this._required = false;\n        this._tooltipAlign = 'top';\n        this._touched = false;\n        this._value = true;\n        this._variant = 'default';\n        this.state = {\n            _checked: false,\n            _hideMsg: false,\n            _icons: {\n                checked: 'codicon codicon-check',\n                indeterminate: 'codicon codicon-remove',\n                unchecked: 'codicon codicon-close',\n            },\n            _id: `id-${nonce()}`,\n            _indeterminate: false,\n            _label: '',\n            _value: true,\n            _variant: 'default',\n            _labelAlign: 'right',\n        };\n        this.inputHasFocus = false;\n        this.onInput = (event) => {\n            this._checked = !this._checked;\n            this._indeterminate = false;\n            const value = this.getModelValue();\n            this.controller.onFacade.onInput(event, false, value);\n            this.controller.setFormAssociatedCheckboxValue(value);\n        };\n        this.onChange = (event) => {\n            this.controller.onFacade.onChange(event, this.getModelValue());\n        };\n        this.controller = new InputCheckboxController(this, 'checkbox', this.host);\n    }\n    showAsAlert() {\n        return Boolean(this.state._touched) && !this.inputHasFocus;\n    }\n    validateAccessKey(value) {\n        this.controller.validateAccessKey(value);\n    }\n    validateChecked(value) {\n        this.controller.validateChecked(value);\n    }\n    validateDisabled(value) {\n        this.controller.validateDisabled(value);\n    }\n    validateHideMsg(value) {\n        this.controller.validateHideMsg(value);\n    }\n    validateHideLabel(value) {\n        this.controller.validateHideLabel(value);\n    }\n    validateHint(value) {\n        this.controller.validateHint(value);\n    }\n    validateIcons(value) {\n        this.controller.validateIcons(value);\n    }\n    validateId(value) {\n        this.controller.validateId(value);\n    }\n    validateIndeterminate(value) {\n        this.controller.validateIndeterminate(value);\n    }\n    validateLabel(value) {\n        this.controller.validateLabel(value);\n    }\n    validateLabelAlign(value) {\n        this.controller.validateLabelAlign(value);\n    }\n    validateMsg(value) {\n        this.controller.validateMsg(value);\n    }\n    validateName(value) {\n        this.controller.validateName(value);\n    }\n    validateOn(value) {\n        this.controller.validateOn(value);\n    }\n    validateRequired(value) {\n        this.controller.validateRequired(value);\n    }\n    validateShortKey(value) {\n        this.controller.validateShortKey(value);\n    }\n    validateSyncValueBySelector(value) {\n        this.controller.validateSyncValueBySelector(value);\n    }\n    validateTouched(value) {\n        this.controller.validateTouched(value);\n    }\n    validateValue(value) {\n        this.controller.validateValue(value);\n    }\n    validateVariant(value) {\n        this.controller.validateVariant(value);\n    }\n    componentWillLoad() {\n        this._touched = this._touched === true;\n        this.controller.componentWillLoad();\n    }\n    static get delegatesFocus() { return true; }\n    get host() { return getElement(this); }\n    static get watchers() { return {\n        \"_accessKey\": [\"validateAccessKey\"],\n        \"_checked\": [\"validateChecked\"],\n        \"_disabled\": [\"validateDisabled\"],\n        \"_hideMsg\": [\"validateHideMsg\"],\n        \"_hideLabel\": [\"validateHideLabel\"],\n        \"_hint\": [\"validateHint\"],\n        \"_icons\": [\"validateIcons\"],\n        \"_id\": [\"validateId\"],\n        \"_indeterminate\": [\"validateIndeterminate\"],\n        \"_label\": [\"validateLabel\"],\n        \"_labelAlign\": [\"validateLabelAlign\"],\n        \"_msg\": [\"validateMsg\"],\n        \"_name\": [\"validateName\"],\n        \"_on\": [\"validateOn\"],\n        \"_required\": [\"validateRequired\"],\n        \"_shortKey\": [\"validateShortKey\"],\n        \"_syncValueBySelector\": [\"validateSyncValueBySelector\"],\n        \"_touched\": [\"validateTouched\"],\n        \"_value\": [\"validateValue\"],\n        \"_variant\": [\"validateVariant\"]\n    }; }\n};\nKolInputCheckbox.style = {\n    default: defaultStyleCss\n};\n\nexport { KolInputCheckbox as kol_input_checkbox };\n//# sourceMappingURL=kol-input-checkbox.entry.js.map\n\n//# sourceMappingURL=kol-input-checkbox.entry.js.map"],"names":["validateChecked","component","value","watchBoolean","validateIndeterminate","labelAlignPropTypeOptions","validateLabelAlign","watchValidator","inputCheckboxVariantOptions","isInputCheckboxVariantPropType","validateVariantInputCheckbox","InputCheckboxController","InputCheckboxRadioController","name","host","v","isString","nextValue","nextState","setState","IconWrapperFc","_a","classNames","other","__rest","h","KolIconFc","clsx","InputWrapperFc","InputFc","CheckboxFc","_b","variant","icon","inputProps","showMsg","checkHasMsg","cssVariants","getCheckboxProps","state","ariaDescribedBy","getRenderStates","props","convertMsgToInternMsg","CheckboxStateWrapper","defaultStyleCss","KolInputCheckbox","event","FormFieldStateWrapper","FieldControlStateWrapper","hostRef","registerInstance","ref","nonce","getElement"],"mappings":"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AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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"}

package/dist/assets/{kol-input-color.entry-CiOOhb70.js → kol-input-color.entry-CY4ZbEUz.js}

@@ -1,10 +1,10 @@
-import{h as o,r as l,g as s,n as r}from"./index-AYii0gVo.js";import{_ as d}from"./Heading-8UyhIMEx-CQO_jA_X.js";import{F as c}from"./getRenderStates-XWg7XjOe-CsgyXQRr.js";import{I as u,a as h}from"./controller-icon-D1sjMvJY-xg_VEaOp.js";import{I as i}from"./InputStateWrapper-C5bSte9l-CpMb7Iv8.js";import{n as p}from"./dev.utils-Bpywm8f_-NIyExbVn.js";import{v as m}from"./auto-complete-tyAYLxD5-Dv6GodWW.js";import{v as f}from"./suggestions-BkuGct2r-CzO_ry9d.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-CMc2z3Pn-DsqzJLSh.js";import"./i18n-CW9JP5gq-CoI9qe8-.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./access-and-short-key-BRtL2KHr-kqdrb-iB.js";import"./hide-label-CK-iJ8bL-CVhkm2Bn.js";import"./label-CR1n-Qfs-dd7eMlfV.js";import"./tooltip-align-Lqb1rpul-DaZc-0iN.js";import"./align-UqiB2K3n-DaKqzwxH.js";import"./associated.controller-DkfA2grH-BC5-QC2P.js";import"./InternalUnderlinedBadgeText-DzWv9Jvu-DQ7eeMKb.js";import"./Icon-DyCtnp9A-Cx1zKeuc.js";import"./icons-D2xWrczE-BFu9z5Wb.js";import"./Input-DWP068M--BQUEGgze.js";/*!
+import{h as o,r as l,g as s,n as r}from"./index-8EcNcIY4.js";import{_ as d}from"./Heading-KiNnTqFA-DRxvDZo5.js";import{F as c}from"./FormFieldStateWrapper-018RmwII-DfARkevm.js";import{I as u,a as h}from"./controller-icon-DkRz1oTK-CM2Tr6f9.js";import{I as i}from"./InputStateWrapper-DqQ_8Ytg-D1nnVDPn.js";import{n as p}from"./dev.utils-Drt3wK8q-V1KdidCl.js";import{v as m}from"./auto-complete-DJYOXv93-CTyeJnRV.js";import{v as f}from"./suggestions-eZgjjFqv-Gph8rRU0.js";import"./isObject-DvSELytj-B0RigBxT.js";import"./Alert-CRNukdr3-KL0bie1u.js";import"./i18n-CS5bfbb5-DIcckJTA.js";import"./clsx-eK3rPvPS-BT_IL7Fz.js";import"./access-and-short-key-sBSrfgCm-CApmLpMS.js";import"./disabled-Djp3yxc7-CtuD-VTH.js";import"./hide-label-BRUryqo4-D6BWLTPE.js";import"./label-CyF697aK-BGKedB4S.js";import"./tooltip-align-Crku-TvZ-BD28CcpD.js";import"./align-DrcZAyfz-DBP6b6RS.js";import"./associated.controller-CPLCdcn6-3m7SSzdS.js";import"./InternalUnderlinedBadgeText-BooK1uMY-B8TUSZBa.js";import"./Icon-DNKR62Dr-C6YwWPFR.js";import"./icons-Rho8fw5B-DLGjDHrf.js";import"./Input-D5TsR76D-DyWwkitm.js";/*!
  * KoliBri - The accessible HTML-Standard
- */class g extends h{constructor(n,e,a){super(n,e,a),this.component=n}validateAutoComplete(n){m(this.component,n)}validateSuggestions(n){f(this.component,n)}validateValue(n){r(this.component,"_value",n),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const b=`/* forward the rem function */
+ */class g extends h{constructor(n,e,a){super(n,e,a),this.component=n}validateAutoComplete(n){m(this.component,n)}validateSuggestions(n){f(this.component,n)}validateValue(n){r(this.component,"_value",n),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateSuggestions(this.component._suggestions),this.validateValue(this.component._value)}}const v=`/* forward the rem function */
 /*
  * This file contains all rules for accessibility.
  */
-@layer kol-global {
+@layer kol-a11y {
   :host {
     /*
      * Minimum size of interactive elements.
@@ -17,12 +17,6 @@ import{h as o,r as l,g as s,n as r}from"./index-AYii0gVo.js";import{_ as d}from"
      */
     background-color: white;
     color: black;
-  }
-  * {
-    /*
-     * This rule enables the word dividing for all texts. That is important for high zoom levels.
-     */
-    hyphens: auto;
     /*
      * Verdana is an accessible font that can be used without requiring additional loading time.
      */
@@ -31,14 +25,20 @@ import{h as o,r as l,g as s,n as r}from"./index-AYii0gVo.js";import{_ as d}from"
      * Letter spacing is required for all texts.
      */
     letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  * {
     /*
      * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-break: break-word;
+    hyphens: auto;
     /*
-     * Word spacing is required for all texts.
+     * This rule enables the word dividing for all texts. That is important for high zoom levels.
      */
-    word-spacing: inherit;
+    word-break: break-word;
   }
   /*
    * All interactive elements should have a minimum size of to-rem(44).
@@ -76,24 +76,31 @@ import{h as o,r as l,g as s,n as r}from"./index-AYii0gVo.js";import{_ as d}from"
      * All elements should inherit the font size from his parent element.
      */
     font-size: inherit;
+    /*
+     * Letter spacing is required for all texts.
+     */
+    letter-spacing: inherit;
+    /*
+     * Word spacing is required for all texts.
+     */
+    word-spacing: inherit;
+  }
+  /**
+  * Sometimes we need the semantic element for accessibility reasons,
+  * but we don't want to show it.
+  *
+  * - https://www.a11yproject.com/posts/how-to-hide-content/
+  */
+  .visually-hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
   }
 }
-/**
- * Sometimes we need the semantic element for accessibility reasons,
- * but we don't want to show it.
- *
- * - https://www.a11yproject.com/posts/how-to-hide-content/
- */
-.visually-hidden {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
 @layer kol-global {
   /*
    * Dieses CSS stellt sicher, dass der Standard-Style
@@ -315,5 +322,5 @@ import{h as o,r as l,g as s,n as r}from"./index-AYii0gVo.js";import{_ as d}from"
 }
 .kol-input:disabled {
   cursor: not-allowed;
-}`,v=class{async getValue(){var t;return(t=this.refInputText)===null||t===void 0?void 0:t.value}async kolFocus(){var t;(t=this.refInputText)===null||t===void 0||t.focus()}get hasSuggestions(){return Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0}getFormFieldProps(){return{state:this.state,class:"kol-input-color",tooltipAlign:this._tooltipAlign,onClick:()=>{var t;return(t=this.refInputText)===null||t===void 0?void 0:t.focus()},alert:this.showAsAlert()}}getInputColorProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchColorRef,type:"color",name:this.state._name?`${this.state._name}-color`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,id:void 0,"aria-hidden":"true",tabIndex:-1,onInput:this.onColorInput})}getInputTextProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchRef,type:"text",name:this.state._name?`${this.state._name}-text`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,onInput:this.onTextInput})}getGenericInputProps(){const t=this.state,n=d(t,["_suggestions"]);return Object.assign(Object.assign({state:Object.assign(Object.assign({},n),{_suggestions:[]})},this.controller.onFacade),{onBlur:this.onBlur,onFocus:this.onFocus})}render(){return o(c,Object.assign({key:"ec8c8b3047d35e1433ea7b8a8f8d9913dbc257d7"},this.getFormFieldProps()),o(u,{key:"ed1af964cb6280ce6375dfda8008e2b0cc4dda41",state:this.state,class:"kol-input-color__inputs-wrapper"},o("div",{key:"a6bac903aaede7b35001074d16f6a9b616f39a9e",class:"kol-input-color__inputs-wrapper"},o(i,Object.assign({key:"35286cbd8d5613d048a76d0772edb4a082f90ba1",class:"kol-input-color__input kol-input-color__input--color"},this.getInputColorProps())),o(i,Object.assign({key:"9dc40345af52d67147e4d8aec9f7074b1a19cc80",class:"kol-input-color__input kol-input-color__input--text"},this.getInputTextProps())))))}constructor(t){l(this,t),this.catchRef=n=>{this.refInputText=n},this.catchColorRef=n=>{this.refInputColor=n},this.onBlur=n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1},this.onFocus=n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},this.onColorInput=n=>{const e=n.target.value;this.state._value=e,this.refInputText&&(this.refInputText.value=e),this.controller.onFacade.onInput(n)},this.onTextInput=n=>{let e=n.target.value;e.startsWith("#")||(e=`#${e}`),this._value=e,this.refInputColor&&(this.refInputColor.value=e),this.controller.onFacade.onInput(n)},this._autoComplete="off",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._tooltipAlign="top",this._touched=!1,this.state={_hideMsg:!1,_id:`id-${p()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new g(this,"color",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentDidLoad(){!this._value&&this.refInputColor&&(this._value=this.refInputColor.value)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return s(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};v.style={default:b};export{v as kol_input_color};
-//# sourceMappingURL=kol-input-color.entry-CiOOhb70.js.map
+}`,b=class{async getValue(){var t;return(t=this.refInputText)===null||t===void 0?void 0:t.value}async kolFocus(){var t;(t=this.refInputText)===null||t===void 0||t.focus()}get hasSuggestions(){return Array.isArray(this.state._suggestions)&&this.state._suggestions.length>0}getFormFieldProps(){return{state:this.state,class:"kol-input-color",tooltipAlign:this._tooltipAlign,onClick:()=>{var t;return(t=this.refInputText)===null||t===void 0?void 0:t.focus()},alert:this.showAsAlert()}}getInputColorProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchColorRef,type:"color",name:this.state._name?`${this.state._name}-color`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,id:void 0,"aria-hidden":"true",tabIndex:-1,onInput:this.onColorInput})}getInputTextProps(){return Object.assign(Object.assign({},this.getGenericInputProps()),{ref:this.catchRef,type:"text",name:this.state._name?`${this.state._name}-text`:void 0,list:this.hasSuggestions?`${this.state._id}-list`:void 0,onInput:this.onTextInput})}getGenericInputProps(){const t=this.state,n=d(t,["_suggestions"]);return Object.assign(Object.assign({state:Object.assign(Object.assign({},n),{_suggestions:[]})},this.controller.onFacade),{onBlur:this.onBlur,onFocus:this.onFocus})}render(){return o(c,Object.assign({key:"546689dff635e295b26578bb1a74a3ad0a2628ed"},this.getFormFieldProps()),o(u,{key:"679125e5c442e5db38d50e75ab078cdecb0f0080",state:this.state,class:"kol-input-color__inputs-wrapper"},o("div",{key:"ec04483a34a120aad9d3a0382defa25d450d8ec4",class:"kol-input-color__inputs-wrapper"},o(i,Object.assign({key:"66c5523e905fd2480c99cbd8c5ca3f23c5b33ee3",class:"kol-input-color__input kol-input-color__input--color"},this.getInputColorProps())),o(i,Object.assign({key:"c8a18f867e8551b79cf74aa99516f07b11a4e898",class:"kol-input-color__input kol-input-color__input--text"},this.getInputTextProps())))))}constructor(t){l(this,t),this.catchRef=n=>{this.refInputText=n},this.catchColorRef=n=>{this.refInputColor=n},this.onBlur=n=>{this.controller.onFacade.onBlur(n),this.inputHasFocus=!1},this.onFocus=n=>{this.controller.onFacade.onFocus(n),this.inputHasFocus=!0},this.onColorInput=n=>{const e=n.target.value;this.state._value=e,this.refInputText&&(this.refInputText.value=e),this.controller.onFacade.onInput(n)},this.onTextInput=n=>{let e=n.target.value;e.startsWith("#")||(e=`#${e}`),this._value=e,this.refInputColor&&(this.refInputColor.value=e),this.controller.onFacade.onInput(n)},this._autoComplete="off",this._disabled=!1,this._hideMsg=!1,this._hideLabel=!1,this._hint="",this._tooltipAlign="top",this._touched=!1,this.state={_hideMsg:!1,_id:`id-${p()}`,_label:"",_suggestions:[]},this.inputHasFocus=!1,this.controller=new g(this,"color",this.host)}showAsAlert(){return!!this.state._touched&&!this.inputHasFocus}validateAccessKey(t){this.controller.validateAccessKey(t)}validateAutoComplete(t){this.controller.validateAutoComplete(t)}validateDisabled(t){this.controller.validateDisabled(t)}validateHideMsg(t){this.controller.validateHideMsg(t)}validateHideLabel(t){this.controller.validateHideLabel(t)}validateHint(t){this.controller.validateHint(t)}validateIcons(t){this.controller.validateIcons(t)}validateId(t){this.controller.validateId(t)}validateLabel(t){this.controller.validateLabel(t)}validateMsg(t){this.controller.validateMsg(t)}validateName(t){this.controller.validateName(t)}validateOn(t){this.controller.validateOn(t)}validateShortKey(t){this.controller.validateShortKey(t)}validateSmartButton(t){this.controller.validateSmartButton(t)}validateSuggestions(t){this.controller.validateSuggestions(t)}validateSyncValueBySelector(t){this.controller.validateSyncValueBySelector(t)}validateTouched(t){this.controller.validateTouched(t)}validateValue(t){this.controller.validateValue(t)}componentDidLoad(){!this._value&&this.refInputColor&&(this._value=this.refInputColor.value)}componentWillLoad(){this._touched=this._touched===!0,this.controller.componentWillLoad()}static get delegatesFocus(){return!0}get host(){return s(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_autoComplete:["validateAutoComplete"],_disabled:["validateDisabled"],_hideMsg:["validateHideMsg"],_hideLabel:["validateHideLabel"],_hint:["validateHint"],_icons:["validateIcons"],_id:["validateId"],_label:["validateLabel"],_msg:["validateMsg"],_name:["validateName"],_on:["validateOn"],_shortKey:["validateShortKey"],_smartButton:["validateSmartButton"],_suggestions:["validateSuggestions"],_syncValueBySelector:["validateSyncValueBySelector"],_touched:["validateTouched"],_value:["validateValue"]}}};b.style={default:v};export{b as kol_input_color};
+//# sourceMappingURL=kol-input-color.entry-CY4ZbEUz.js.map