@public-ui/components 3.0.0-rc.2 → 3.0.0-rc.3

package/dist/kolibri/{Alert-210f80e8.js → Alert-130db08c.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as o}from"./tslib.es6-1173d062.js";import{h as l}from"./index-8a5f476c.js";import{c as a}from"./clsx-09a06a12.js";import{t as e}from"./i18n-5fe08f1c.js";import{d as n,a as i}from"./component-names-50e16b86.js";import{K as c}from"./Heading-def0af88.js";const t=({ariaLabel:o,icon:a})=>l(n,{class:"kol-alert__heading-icon",_label:o,_icons:a}),r=({type:o,label:a})=>{switch(o){case"error":return l(t,{ariaLabel:e("kol-error"),icon:"codicon codicon-error",label:a});case"info":return l(t,{ariaLabel:e("kol-info"),icon:"codicon codicon-info",label:a});case"warning":return l(t,{ariaLabel:e("kol-warning"),icon:"codicon codicon-warning",label:a});case"success":return l(t,{ariaLabel:e("kol-success"),icon:"codicon codicon-pass",label:a});default:return l(t,{ariaLabel:e("kol-message"),icon:"codicon codicon-comment",label:a})}},s=r,d=(t,n)=>{var r,d;const{class:v={},type:b="default",variant:m="msg",label:_,hasCloser:u,alert:k,onAlertTimeout:f,onCloserClick:g,level:p}=t,h=o(t,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);k&&((null===(r=navigator.userActivation)||void 0===r?void 0:r.hasBeenActive)&&(null===(d=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===d||d.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==f||f()}),1e4));const j=Object.assign({class:a("kol-alert",`kol-alert--${b}`,`kol-alert--${m}`,{"kol-alert--hasCloser":!!u},v),role:k?"alert":void 0},h);return l("div",Object.assign({},j),l("div",{class:"kol-alert__container"},l(s,{label:_,type:b}),l("div",{class:"kol-alert__container-content"},_?l(c,{class:"kol-alert__heading",level:p},_):null,"msg"===m&&l("div",{class:"kol-alert__content"},n)),u&&l(i,{class:"kol-alert__close-button close","data-testid":"alert-close-button",_ariaDescription:(null==_?void 0:_.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:e("kol-close-alert"),_on:{onClick:g},_tooltipAlign:"left"})),"card"===m&&l("div",{class:"kol-alert__content"},n))},v=d;export{v as K};
+import{_ as o}from"./tslib.es6-1173d062.js";import{h as l}from"./index-095473f8.js";import{c as a}from"./clsx-09a06a12.js";import{t as e}from"./i18n-5fe08f1c.js";import{d as n,a as i}from"./component-names-50e16b86.js";import{K as t}from"./Heading-401912a9.js";const c=({ariaLabel:o,icon:a})=>l(n,{class:"kol-alert__heading-icon",_label:o,_icons:a}),r=({type:o,label:a})=>{switch(o){case"error":return l(c,{ariaLabel:e("kol-error"),icon:"codicon codicon-error",label:a});case"info":return l(c,{ariaLabel:e("kol-info"),icon:"codicon codicon-info",label:a});case"warning":return l(c,{ariaLabel:e("kol-warning"),icon:"codicon codicon-warning",label:a});case"success":return l(c,{ariaLabel:e("kol-success"),icon:"codicon codicon-pass",label:a});default:return l(c,{ariaLabel:e("kol-message"),icon:"codicon codicon-comment",label:a})}},s=r,d=(n,c)=>{var r,d;const{class:v={},type:b="default",variant:m="msg",label:_,hasCloser:u,alert:k,onAlertTimeout:g,onCloserClick:f,level:p}=n,h=o(n,["class","type","variant","label","hasCloser","alert","onAlertTimeout","onCloserClick","level"]);k&&((null===(r=navigator.userActivation)||void 0===r?void 0:r.hasBeenActive)&&(null===(d=null===navigator||void 0===navigator?void 0:navigator.vibrate)||void 0===d||d.call(navigator,[100,75,100,75,100])),setTimeout((()=>{null==g||g()}),1e4));const j=Object.assign({class:a("kol-alert",`kol-alert--${b}`,`kol-alert--${m}`,{"kol-alert--hasCloser":!!u},v),role:k?"alert":void 0},h);return l("div",Object.assign({},j),l("div",{class:"kol-alert__container"},l(s,{label:_,type:b}),l("div",{class:"kol-alert__container-content"},_?l(t,{class:"kol-alert__heading",level:p},_):null,"msg"===m&&l("div",{class:"kol-alert__content"},c)),u&&l(i,{class:"kol-alert__close-button close","data-testid":"alert-close-button",_ariaDescription:(null==_?void 0:_.trim())||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:e("kol-close-alert"),_on:{onClick:f},_tooltipAlign:"left"})),"card"===m&&l("div",{class:"kol-alert__content"},c))},v=d;export{v as K};

package/dist/kolibri/{Collapsible-83f17a92.js → Collapsible-ec3d6bd1.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as l}from"./tslib.es6-1173d062.js";import{h as o}from"./index-8a5f476c.js";import{c as i}from"./clsx-09a06a12.js";import{a as e}from"./component-names-50e16b86.js";import{K as s}from"./Heading-def0af88.js";const a=(a,n)=>{const{id:d,class:c,label:r,level:p=1,disabled:t,open:b,onClick:_,HeadingProps:v={},HeadingButtonProps:m={},ContentProps:u={}}=a,f=l(a,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),g=b?"remove":"add";return o("div",Object.assign({id:d,class:i("collapsible",{"collapsible--disabled":!0===t,"collapsible--open":!0===b},c)},f),o(s,{ref:null==v?void 0:v.ref,level:p,class:i("collapsible__heading",null==v?void 0:v.class)},o(e,{class:i("collapsible__heading-button",null==m?void 0:m.class),ref:null==m?void 0:m.ref,slot:"expert",_ariaControls:`${d}-control`,_ariaExpanded:b,_disabled:t,_icons:(null==m?void 0:m._icons)||`codicon codicon-${g}`,_label:r,_on:{onClick:_}})),o("div",{class:i("collapsible__wrapper",null==u?void 0:u.wrapperClass)},o("div",{class:i("collapsible__wrapper-animation",null==u?void 0:u.animationClass)},o("div",{"aria-hidden":!1===b?"true":void 0,class:i("collapsible__content",null==u?void 0:u.class),id:`${d}-control`},n))))},d=a;export{d as K};
+import{_ as l}from"./tslib.es6-1173d062.js";import{h as o}from"./index-095473f8.js";import{c as i}from"./clsx-09a06a12.js";import{a as e}from"./component-names-50e16b86.js";import{K as s}from"./Heading-401912a9.js";const a=(a,n)=>{const{id:d,class:r,label:c,level:p=1,disabled:t,open:b,onClick:_,HeadingProps:v={},HeadingButtonProps:m={},ContentProps:u={}}=a,f=l(a,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),g=b?"remove":"add";return o("div",Object.assign({id:d,class:i("collapsible",{"collapsible--disabled":!0===t,"collapsible--open":!0===b},r)},f),o(s,{ref:null==v?void 0:v.ref,level:p,class:i("collapsible__heading",null==v?void 0:v.class)},o(e,{class:i("collapsible__heading-button",null==m?void 0:m.class),ref:null==m?void 0:m.ref,slot:"expert",_ariaControls:`${d}-control`,_ariaExpanded:b,_disabled:t,_icons:(null==m?void 0:m._icons)||`codicon codicon-${g}`,_label:c,_on:{onClick:_}})),o("div",{class:i("collapsible__wrapper",null==u?void 0:u.wrapperClass)},o("div",{class:i("collapsible__wrapper-animation",null==u?void 0:u.animationClass)},o("div",{"aria-hidden":!1===b?"true":void 0,class:i("collapsible__content",null==u?void 0:u.class),id:`${d}-control`},n))))},n=a;export{n as K};

package/dist/kolibri/FieldControlStateWrapper-5e88de58.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as o}from"./tslib.es6-1173d062.js";import{h as l,F as e}from"./index-095473f8.js";import{c as t}from"./clsx-09a06a12.js";import{a as s,b as i,c as n}from"./getRenderStates-f8d64e58.js";import{s as r,b as a}from"./reuse-32931294.js";import{c as d,a as c}from"./msg-0c13cf1c.js";const f=(e,s)=>{var{class:i}=e,a=o(e,["class"]);return l("div",Object.assign({class:t("kol-field-control__input",i)},a),s)},b=(c,b)=>{const{class:p,id:h,disabled:u,label:g,hideLabel:m,labelAlign:_,renderNoTooltip:y,hint:j,renderNoHint:k,tooltipAlign:K,accessKey:C,shortKey:O,msg:v,touched:B,required:P,readonly:A,fieldControlInputProps:L,fieldControlLabelProps:q,fieldControlTooltipProps:N,fieldControlHintProps:x}=c,T=o(c,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),H=!k,I=!y,S=d(v,B),$=r(g),E=I&&!$&&m,F=a(C,O),R=[l(e,null,l(f,Object.assign({},L),b),E&&l(s,Object.assign({},N||{},{id:h,label:g,hideLabel:m,align:K,badgeText:F}))),l(i,Object.assign({},q||{},{id:h,baseClassName:"kol-field-control",class:t(null==q?void 0:q.class,{"kol-field-control__label--visually-hidden":Boolean(m)}),hasExpertSlot:$,label:g,accessKey:C,shortKey:O}))];"left"===_&&R.reverse();const w={"kol-field-control--disabled":Boolean(u),"kol-field-control--required":Boolean(P),"kol-field-control--touched":Boolean(B),"kol-field-control--hide-label":Boolean(m),"kol-field-control--read-only":Boolean(A),[`kol-field-control--${(null==v?void 0:v.type)||"error"}`]:Boolean(S),[`kol-field-control--label-align-${_}`]:Boolean(_)};return l("div",Object.assign({class:t("kol-field-control",w,p)},T),R,H&&l(n,Object.assign({},x||{},{baseClassName:"kol-field-control",id:h,hint:j})))},p=b;function u(l){const e={accessKey:l._accessKey,shortKey:l._shortKey,id:l._id,disabled:l._disabled,msg:c(l._msg),hint:l._hint,label:l._label,hideLabel:l._hideLabel,touched:l._touched};return"_required"in l&&(e.required=l._required),"_readOnly"in l&&(e.readonly=l._readOnly),"_labelAlign"in l&&(e.labelAlign=l._labelAlign),e}const h=(e,s)=>{var{state:i}=e,a=o(e,["state"]);return l(p,Object.assign({},u(i),a),s)},m=h;export{m as K};

package/dist/kolibri/FieldControlStateWrapper-5e88de58.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InputContainer","_a","children","class","classNames","other","__rest","h","Object","assign","clsx","KolFieldControlFc","props","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps","canShowHint","canShowTooltip","showMsg","checkHasError","hasExpertSlot","showExpertSlot","useTooltipInsteadOfLabel","badgeText","buildBadgeTextString","components","Fragment","KolFieldControlTooltipFc","align","KolFieldControlLabelFc","baseClassName","Boolean","reverse","stateCssClasses","type","KolFieldControlHintFc","KolFieldControlFc$1","getFieldControlProps","state","_accessKey","_shortKey","_id","_disabled","convertMsgToInternMsg","_msg","_hint","_label","_hideLabel","_touched","_required","_readOnly","_labelAlign","FieldControlStateWrapper","KolFieldControlStateWrapperFc"],"sources":["src/functional-components/FieldControl/FieldControl.tsx","src/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.tsx"],"sourcesContent":["import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { type AlignPropType, type LabelAlignPropType, buildBadgeTextString, checkHasError, type InternMsgPropType, showExpertSlot } from '../../schema';\nimport KolFieldControlTooltipFc from '../FormFieldTooltip';\nimport KolFieldControlLabelFc from '../FormFieldLabel';\nimport KolFieldControlHintFc from '../FormFieldHint';\n\nexport type FieldControlProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {\n\tid: string;\n\thint?: string;\n\tlabel: string;\n\thideLabel?: boolean;\n\tlabelAlign?: LabelAlignPropType;\n\taccessKey?: string;\n\tshortKey?: string;\n\ttooltipAlign?: AlignPropType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\trequired?: boolean;\n\treadonly?: boolean;\n\tshowTooltip?: boolean;\n\n\trenderNoLabel?: boolean;\n\trenderNoHint?: boolean;\n\trenderNoTooltip?: boolean;\n\n\tfieldControlLabelProps?: JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {\n\t\tcomponent?: 'label' | 'legend';\n\t\tshowBadge?: boolean;\n\t};\n\tfieldControlInputProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tfieldControlTooltipProps?: Pick<JSXBase.HTMLAttributes<HTMLElement>, 'class'>;\n\tfieldControlHintProps?: JSXBase.HTMLAttributes<HTMLElement>;\n};\n\nconst InputContainer: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: classNames, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-field-control__input', classNames)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolFieldControlFc: FC<FieldControlProps> = (props, children) => {\n\tconst {\n\t\tclass: classNames,\n\t\tid,\n\t\tdisabled,\n\t\tlabel,\n\t\thideLabel,\n\t\tlabelAlign,\n\t\trenderNoTooltip,\n\t\thint,\n\t\trenderNoHint,\n\t\ttooltipAlign,\n\t\taccessKey,\n\t\tshortKey,\n\t\tmsg,\n\t\ttouched,\n\t\trequired,\n\t\treadonly,\n\t\tfieldControlInputProps,\n\t\tfieldControlLabelProps,\n\t\tfieldControlTooltipProps,\n\t\tfieldControlHintProps,\n\t\t...other\n\t} = props;\n\n\tconst canShowHint = !renderNoHint;\n\tconst canShowTooltip = !renderNoTooltip;\n\tconst showMsg = checkHasError(msg, touched);\n\tconst hasExpertSlot = showExpertSlot(label);\n\tconst useTooltipInsteadOfLabel = canShowTooltip && !hasExpertSlot && hideLabel;\n\tconst badgeText = buildBadgeTextString(accessKey, shortKey);\n\n\tconst components = [\n\t\t<>\n\t\t\t<InputContainer {...fieldControlInputProps}>{children}</InputContainer>\n\t\t\t{useTooltipInsteadOfLabel && (\n\t\t\t\t<KolFieldControlTooltipFc\n\t\t\t\t\t{...(fieldControlTooltipProps || {})}\n\t\t\t\t\tid={id}\n\t\t\t\t\tlabel={label}\n\t\t\t\t\thideLabel={hideLabel}\n\t\t\t\t\talign={tooltipAlign}\n\t\t\t\t\tbadgeText={badgeText}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>,\n\t\t<KolFieldControlLabelFc\n\t\t\t{...(fieldControlLabelProps || {})}\n\t\t\tid={id}\n\t\t\tbaseClassName=\"kol-field-control\"\n\t\t\tclass={clsx(fieldControlLabelProps?.class, {\n\t\t\t\t['kol-field-control__label--visually-hidden']: Boolean(hideLabel),\n\t\t\t})}\n\t\t\thasExpertSlot={hasExpertSlot}\n\t\t\tlabel={label}\n\t\t\taccessKey={accessKey}\n\t\t\tshortKey={shortKey}\n\t\t/>,\n\t];\n\n\tif (labelAlign === 'left') {\n\t\tcomponents.reverse();\n\t}\n\n\tconst stateCssClasses = {\n\t\t['kol-field-control--disabled']: Boolean(disabled),\n\t\t['kol-field-control--required']: Boolean(required),\n\t\t['kol-field-control--touched']: Boolean(touched),\n\t\t['kol-field-control--hide-label']: Boolean(hideLabel),\n\t\t['kol-field-control--read-only']: Boolean(readonly),\n\t\t[`kol-field-control--${msg?.type || 'error'}`]: Boolean(showMsg),\n\t\t[`kol-field-control--label-align-${labelAlign}`]: Boolean(labelAlign),\n\t};\n\n\treturn (\n\t\t<div class={clsx('kol-field-control', stateCssClasses, classNames)} {...other}>\n\t\t\t{components}\n\t\t\t{canShowHint && <KolFieldControlHintFc {...(fieldControlHintProps || {})} baseClassName=\"kol-field-control\" id={id} hint={hint} />}\n\t\t</div>\n\t);\n};\n\nexport default KolFieldControlFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolFieldControlFc, { type FieldControlProps } from '../../functional-components/FieldControl';\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates\n\t| SelectStates;\n\nexport type FieldControlStateWrapperProps = Partial<FieldControlProps> & {\n\tstate: InputState;\n};\n\nfunction getFieldControlProps(state: InputState): FieldControlProps {\n\tconst props: FieldControlProps = {\n\t\taccessKey: state._accessKey,\n\t\tshortKey: state._shortKey,\n\t\tid: state._id,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\thint: state._hint,\n\t\tlabel: state._label,\n\t\thideLabel: state._hideLabel,\n\t\ttouched: state._touched,\n\t};\n\n\tif ('_required' in state) {\n\t\tprops.required = state._required;\n\t}\n\n\tif ('_readOnly' in state) {\n\t\tprops.readonly = state._readOnly;\n\t}\n\n\tif ('_labelAlign' in state) {\n\t\tprops.labelAlign = state._labelAlign;\n\t}\n\n\treturn props;\n}\n\nconst FieldControlStateWrapper: FC<FieldControlStateWrapperProps> = ({ state, ...other }, children) => {\n\treturn (\n\t\t<KolFieldControlFc {...getFieldControlProps(state)} {...other}>\n\t\t\t{children}\n\t\t</KolFieldControlFc>\n\t);\n};\n\nexport default FieldControlStateWrapper;\n"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/FormFieldMsg-12e502c7.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as r}from"./tslib.es6-1173d062.js";import{c as s}from"./clsx-09a06a12.js";import{h as e}from"./index-095473f8.js";import{K as i}from"./Alert-130db08c.js";const o=o=>{var{alert:a,msg:d,hideError:t,id:l,class:m}=o,c=r(o,["alert","msg","hideError","id","class"]);return e(i,Object.assign({id:`${l}-msg`,alert:a,type:"error",class:s("kol-form-field__msg",{"visually-hidden":!0===t},m)},d,c,{"aria-hidden":"true"}),(null==d?void 0:d.description)||void 0)},d=o;export{d as K};

package/dist/kolibri/FormFieldMsg-12e502c7.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormFieldMsgFc","_a","alert","msg","hideError","id","class","classNames","other","__rest","h","KolAlertFc","Object","assign","type","clsx","description","undefined","KolFormFieldMsgFc"],"sources":["src/functional-components/FormFieldMsg/FormFieldMsg.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { AlertPropType, HideErrorPropType, IdPropType, InternMsgPropType } from '../../schema';\nimport type { FunctionalComponent } from '@stencil/core';\nimport { h } from '@stencil/core';\nimport KolAlertFc from '../Alert';\nimport type { JSXBase } from '@stencil/core/internal';\n\ntype FormFieldMsgProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\talert?: AlertPropType;\n\tmsg?: InternMsgPropType;\n\thideError?: HideErrorPropType;\n\tid: IdPropType;\n};\n\nconst FormFieldMsgFc: FunctionalComponent<FormFieldMsgProps> = ({ alert, msg, hideError, id, class: classNames, ...other }) => (\n\t<KolAlertFc\n\t\tid={`${id}-msg`}\n\t\talert={alert}\n\t\ttype=\"error\"\n\t\tclass={clsx('kol-form-field__msg', { 'visually-hidden': hideError === true }, classNames)}\n\t\t{...msg}\n\t\t{...other}\n\t\taria-hidden=\"true\"\n\t>\n\t\t{msg?.description || undefined}\n\t</KolAlertFc>\n);\n\nexport default FormFieldMsgFc;\n"],"mappings":";;;mKAcA,MAAMA,EAA0DC,I,IAAAC,MAAEA,EAAKC,IAAEA,EAAGC,UAAEA,EAASC,GAAEA,EAAIC,MAAOC,GAAUN,EAAKO,EAAKC,EAAAR,EAAxD,0CAA+D,OAC9HS,EAACC,EAAUC,OAAAC,OAAA,CACVR,GAAI,GAAGA,QACPH,MAAOA,EACPY,KAAK,QACLR,MAAOS,EAAK,sBAAuB,CAAE,kBAAmBX,IAAc,MAAQG,IAC1EJ,EACAK,EAAK,eACG,UAEXL,IAAG,MAAHA,SAAG,SAAHA,EAAKa,cAAeC,UACT,EAGd,MAAAC,EAAelB,S","ignoreList":[]}

package/dist/kolibri/{Heading-def0af88.js → Heading-401912a9.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{_ as e}from"./tslib.es6-1173d062.js";import{h as s}from"./index-8a5f476c.js";import{c as l}from"./clsx-09a06a12.js";const n=1,a=6;function o(s){return s>=n&&s<=6}function c(s){return o(s)?`h${s}`:"strong"}function r(s){return 1===s?"span":c(s)}const t=(a,r)=>{var{class:o,level:i=n,variant:t}=a,d=e(a,["class","level","variant"]);const p=c(i),g=t||p;return s(p,Object.assign({class:l("kol-headline",`kol-headline--${g}`,o)},d),r)},i=(a,o)=>{var{class:c,level:i=n}=a,t=e(a,["class","level"]);const d=r(i+1);return s(d,Object.assign({class:l("kol-headline kol-headline--group kol-headline--secondary",c)},t),o)},d=(a,r)=>{var{secondaryHeadline:o,level:c=n,class:d,HeadingGroupProps:p={},SecondaryHeadlineProps:g={}}=a,u=e(a,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const v=Object.assign({level:c},u);if(!o)return s(t,Object.assign({class:l(d,"kol-headline--single")},v),r);const{class:h}=p,j=e(p,["class"]),b=Object.assign({class:l("kol-heading-group",h)},j);return s("hgroup",Object.assign({},b),s(t,Object.assign({class:l(d,"kol-headline--group","kol-headline--primary")},v),r),s(i,Object.assign({level:c},g),o))},p=d;export{p as K};
+import{_ as e}from"./tslib.es6-1173d062.js";import{h as s}from"./index-095473f8.js";import{c as l}from"./clsx-09a06a12.js";const n=1,a=6;function o(s){return s>=n&&s<=6}function r(s){return o(s)?`h${s}`:"strong"}function c(s){return 1===s?"span":r(s)}const t=(a,o)=>{var{class:c,level:i=n,variant:t}=a,d=e(a,["class","level","variant"]);const p=r(i),g=t||p;return s(p,Object.assign({class:l("kol-headline",`kol-headline--${g}`,c)},d),o)},i=(a,r)=>{var{class:o,level:i=n}=a,t=e(a,["class","level"]);const d=c(i+1);return s(d,Object.assign({class:l("kol-headline kol-headline--group kol-headline--secondary",o)},t),r)},d=(a,r)=>{var{secondaryHeadline:o,level:c=n,class:d,HeadingGroupProps:p={},SecondaryHeadlineProps:g={}}=a,u=e(a,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const v=Object.assign({level:c},u);if(!o)return s(t,Object.assign({class:l(d,"kol-headline--single")},v),r);const{class:h}=p,j=e(p,["class"]),b=Object.assign({class:l("kol-heading-group",h)},j);return s("hgroup",Object.assign({},b),s(t,Object.assign({class:l(d,"kol-headline--group","kol-headline--primary")},v),r),s(i,Object.assign({level:c},g),o))},p=d;export{p as K};

package/dist/kolibri/Icon-0a8aaa01.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as s}from"./index-095473f8.js";import{d as o}from"./component-names-50e16b86.js";const n=n=>{const{class:c,style:e,icons:l,label:t,onClick:a}=n;return s(o,{class:c,style:e,onClick:a,_icons:l,_label:t})},c=n;export{c as K};

package/dist/kolibri/Input-199b40e8.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as e}from"./tslib.es6-1173d062.js";import{h as s,F as o}from"./index-095473f8.js";import{c as l}from"./clsx-09a06a12.js";import{d as a}from"./getRenderStates-f8d64e58.js";import{c as i}from"./msg-0c13cf1c.js";const t=r=>{const{class:t,msg:d,required:n,disabled:u,touched:c,readonly:b,ariaDescribedBy:p,hideLabel:m,label:g,suggestions:y,value:f}=r,j=e(r,["class","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value"]),h=i(d,c),B={"kol-input--disabled":Boolean(u),"kol-input--required":Boolean(n),"kol-input--touched":Boolean(c),"kol-input--readonly":Boolean(b),[`kol-input--${(null==d?void 0:d.type)||"error"}`]:h},k=Object.assign(Object.assign({class:l("kol-input",B,t),required:n,disabled:u,readonly:b,type:"text",list:y?`${j.id}-list`:void 0},a({ariaDescribedBy:p,hideLabel:m,label:g})),j);return s(o,null,s("input",Object.assign({},k,{value:f})),y)},r=t;export{r as K};

package/dist/kolibri/Input-199b40e8.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InputFc","props","class","classNames","msg","required","disabled","touched","readonly","ariaDescribedBy","hideLabel","label","suggestions","value","other","__rest","showMsg","checkHasError","stateCssClasses","Boolean","type","inputProps","Object","assign","clsx","list","id","undefined","getDefaultProps","h","Fragment","KolInputFc"],"sources":["src/functional-components/inputs/Input/Input.tsx"],"sourcesContent":["import { h, Fragment, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport clsx from 'clsx';\nimport { checkHasError, type InternMsgPropType } from '../../../schema';\nimport { getDefaultProps } from '../_helpers/getDefaultProps';\nimport type { DefaultInputProps } from '../_types';\n\nexport type InputProps = DefaultInputProps<JSXBase.InputHTMLAttributes<HTMLInputElement>> & {\n\tvalue?: string | number | string[];\n\ttouched?: boolean;\n\tsuggestions?: VNode;\n\tspellcheck?: boolean;\n\tmsg?: InternMsgPropType;\n} & {\n\t[key: `data-${string}`]: unknown;\n\t[key: `aria-${string}`]: unknown;\n};\n\nconst InputFc: FC<InputProps> = (props) => {\n\tconst { class: classNames, msg, required, disabled, touched, readonly, ariaDescribedBy, hideLabel, label, suggestions, value, ...other } = props;\n\n\tconst showMsg = checkHasError(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input--disabled']: Boolean(disabled),\n\t\t['kol-input--required']: Boolean(required),\n\t\t['kol-input--touched']: Boolean(touched),\n\t\t['kol-input--readonly']: Boolean(readonly),\n\t\t[`kol-input--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst inputProps: JSXBase.InputHTMLAttributes<HTMLInputElement> = {\n\t\tclass: clsx('kol-input', stateCssClasses, classNames),\n\t\trequired: required,\n\t\tdisabled: disabled,\n\t\treadonly: readonly,\n\t\ttype: 'text',\n\t\tlist: suggestions ? `${other.id}-list` : undefined,\n\t\t...getDefaultProps({ ariaDescribedBy, hideLabel, label }),\n\t\t...other,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<input {...inputProps} value={value} />\n\t\t\t{suggestions}\n\t\t</>\n\t);\n};\n\nexport default InputFc;\n"],"mappings":";;;0NAkBA,MAAMA,EAA2BC,IAChC,MAAQC,MAAOC,EAAUC,IAAEA,EAAGC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,SAAEA,EAAQC,gBAAEA,EAAeC,UAAEA,EAASC,MAAEA,EAAKC,YAAEA,EAAWC,MAAEA,GAAoBZ,EAAVa,EAAKC,EAAKd,EAArI,wHAEN,MAAMe,EAAUC,EAAcb,EAAKG,GAEnC,MAAMW,EAAkB,CACvB,CAAC,uBAAwBC,QAAQb,GACjC,CAAC,uBAAwBa,QAAQd,GACjC,CAAC,sBAAuBc,QAAQZ,GAChC,CAAC,uBAAwBY,QAAQX,GACjC,CAAC,eAAcJ,IAAG,MAAHA,SAAG,SAAHA,EAAKgB,OAAQ,WAAYJ,GAGzC,MAAMK,EAAUC,OAAAC,OAAAD,OAAAC,OAAA,CACfrB,MAAOsB,EAAK,YAAaN,EAAiBf,GAC1CE,SAAUA,EACVC,SAAUA,EACVE,SAAUA,EACVY,KAAM,OACNK,KAAMb,EAAc,GAAGE,EAAMY,UAAYC,WACtCC,EAAgB,CAAEnB,kBAAiBC,YAAWC,WAC9CG,GAGJ,OACCe,EAAAC,EAAA,KACCD,EAAA,QAAAP,OAAAC,OAAA,GAAWF,EAAU,CAAER,MAAOA,KAC7BD,EACC,EAIL,MAAAmB,EAAe/B,S","ignoreList":[]}

package/dist/kolibri/InputContainerStateWrapper-5cf1f1e5.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{h as n}from"./index-095473f8.js";import{i as t}from"./isString-5af96894.js";import{i as o}from"./isObject-ffcbbb76.js";import{_ as e}from"./tslib.es6-1173d062.js";import{a as s}from"./component-names-50e16b86.js";import{K as c}from"./Icon-0a8aaa01.js";import{c as i}from"./clsx-09a06a12.js";import{c as r,a}from"./msg-0c13cf1c.js";const d=(s,t)=>{var{position:o="start",class:a}=s,c=e(s,["position","class"]);const r="kol-input-container__adornment",d=`${r}--${o}`;return n("div",Object.assign({class:i(r,d,a)},c),t)},l=d;function m(n){return!!n&&(Array.isArray(n)?n.length>0:Boolean(n))}const b=(s,t)=>{var{class:o}=s,a=e(s,["class"]);return n("div",Object.assign({class:i("kol-input-container__container",o)},a),t)},u=(s,t)=>{const{class:o,startAdornment:a,endAdornment:c,disabled:d,msg:p,touched:u,containerProps:j,startAdornmentProps:g,endAdornmentProps:A}=s,h=e(s,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),_=r(p,u),f={"kol-input-container--disabled":d,[`kol-input-container--${(null==p?void 0:p.type)||"error"}`]:_},O=Object.assign({class:i("kol-input-container",f,o)},h);return m(a)||m(c)?n("div",Object.assign({},O),n(l,Object.assign({},g,{position:"start"}),a),n(b,Object.assign({},j),t),n(l,Object.assign({},A,{position:"end"}),c)):n("div",Object.assign({},O),n(b,Object.assign({},j),t))},p=u,f=t=>{const{label:o,icons:i,hideLabel:a,disabled:c,onClick:r}=t,d=e(t,["label","icons","hideLabel","disabled","onClick"]);return n(s,Object.assign({tabindex:0,_label:o,_disabled:c,_icons:i,_hideLabel:a,_on:{onClick:r}},d))},j=f,O=s=>{const{componentName:t="button",label:o,icon:i,onClick:a}=s,r=e(s,["componentName","label","icon","onClick"]);return n("button"===t?j:c,Object.assign({label:o||"",hideLabel:!0,icons:`codicon codicon-${i}`,onClick:a},r))},A=O;function v(n){let s,t;return"_icons"in n&&(s=n._icons),"_smartButton"in n&&(t=n._smartButton),{icons:s,smartButton:t,disabled:n._disabled,msg:a(n._msg),touched:n._touched}}const _=({state:s,endAdornment:e},i)=>{const{icons:a,smartButton:c,disabled:r,msg:d,touched:l}=v(s);let m=null==a?void 0:a.left;t(m)&&(m={icon:m});let b=null==a?void 0:a.right;t(b)&&(b={icon:b});const u=[],j=[];return e&&(Array.isArray(e)?j.push(...e):j.push(e)),m&&u.push(n(A,Object.assign({componentName:"icon"},o(m)?m:{}))),o(c)&&j.push(n(A,Object.assign({componentName:"button"},c,{hideLabel:!0,disabled:r}))),b&&j.push(n(A,Object.assign({componentName:"icon"},o(b)?b:{}))),n(p,{disabled:r,msg:d,touched:l,startAdornment:u,endAdornment:j},i)},k=_;export{k as K,A as a};

package/dist/kolibri/InputContainerStateWrapper-5cf1f1e5.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InputAdornment","_a","children","position","class","className","other","__rest","rootClassName","positionClassName","h","Object","assign","clsx","InputAdornment$1","hasItems","items","Array","isArray","length","Boolean","Container","KolInputContainerFc","props","classNames","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps","showMsg","checkHasError","stateCssClasses","type","baseProps","KolInputContainerFc$2","KolButtonFc","label","icons","hideLabel","onClick","KolButtonWcTag","tabindex","_label","_disabled","_icons","_hideLabel","_on","KolButtonFc$1","KolIconButtonFc","componentName","icon","Component","KolIconFc","KolIconButtonFc$1","getInputContainerProps","state","undefined","smartButton","_smartButton","convertMsgToInternMsg","_msg","_touched","InputContainerStateWrapperFc","defaultEndAdornment","leftIconProps","left","isString","rightIconProps","right","push","isObject"],"sources":["src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport InputAdornment from '../InputAdornment';\nimport { checkHasError, type InternMsgPropType } from '../../schema';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst showMsg = checkHasError(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { InternalButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<InternalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag tabindex={0} _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolButtonFc, { type ButtonProps } from '../Button';\nimport KolIconFc, { type IconProps } from '../Icon';\n\ntype IconType = Partial<Omit<IconProps, 'icons'>> & {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: never;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`KolIconFc`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The name of the icon (e.g., \"home\", \"edit\") or the Codicon class used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : KolIconFc;\n\n\treturn <Component label={label || ''} hideLabel icons={`codicon codicon-${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { InternMsgPropType } from '../../schema';\nimport {\n\ttype ButtonProps,\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype KoliBriHorizontalIcons,\n\ttype TextareaStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport { isObject, isString } from 'lodash-es';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: ButtonProps;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: ButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = ({ state, endAdornment: defaultEndAdornment }, children) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tstartAdornment.push(<KolIconButtonFc componentName=\"icon\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"button\" {...smartButton} hideLabel={true} disabled={disabled} />);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"icon\" {...(isObject(rightIconProps) ? rightIconProps : {})} />);\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n"],"mappings":";;;kVAQA,MAAMA,EAA0C,CAACC,EAAoDC,K,IAApDC,SAAEA,EAAW,QAASC,MAAOC,GAASJ,EAAKK,EAAKC,EAAAN,EAAhD,sBAChD,MAAMO,EAAgB,iCACtB,MAAMC,EAAoB,GAAGD,MAAkBL,IAE/C,OACCO,EAAA,MAAAC,OAAAC,OAAA,CAAKR,MAAOS,EAAKL,EAAeC,EAAmBJ,IAAgBC,GACjEJ,EACI,EAIR,MAAAY,EAAed,ECCf,SAASe,EAASC,GACjB,IAAKA,EAAO,CACX,OAAO,K,CAGR,OAAOC,MAAMC,QAAQF,GAASA,EAAMG,OAAS,EAAIC,QAAQJ,EAC1D,CAEA,MAAMK,EAAwD,CAACpB,EAAgCC,K,IAA9BE,MAAOC,GAASJ,EAAKK,EAAKC,EAAAN,EAA5B,WAC9D,OACCS,EAAA,MAAAC,OAAAC,OAAA,CAAKR,MAAOS,EAAK,iCAAkCR,IAAgBC,GACjEJ,EACI,EAIR,MAAMoB,EAA+C,CAACC,EAAOrB,KAC5D,MAAQE,MAAOoB,EAAUC,eAAEA,EAAcC,aAAEA,EAAYC,SAAEA,EAAQC,IAAEA,EAAGC,QAAEA,EAAOC,eAAEA,EAAcC,oBAAEA,EAAmBC,kBAAEA,GAAgCT,EAAVjB,EAAKC,EAAKgB,EAAhJ,iIACN,MAAMU,EAAUC,EAAcN,EAAKC,GAEnC,MAAMM,EAAkB,CACvB,CAAC,iCAAkCR,EACnC,CAAC,yBAAwBC,IAAG,MAAHA,SAAG,SAAHA,EAAKQ,OAAQ,WAAYH,GAGnD,MAAMI,EAAS1B,OAAAC,OAAA,CACdR,MAAOS,EAAK,sBAAuBsB,EAAiBX,IACjDlB,GAGJ,IAAKS,EAASU,KAAoBV,EAASW,GAAe,CACzD,OACChB,EAAA,MAAAC,OAAAC,OAAA,GAASyB,GACR3B,EAACW,EAASV,OAAAC,OAAA,GAAKkB,GAAiB5B,G,CAKnC,OACCQ,EAAA,MAAAC,OAAAC,OAAA,GAASyB,GACR3B,EAACV,EAAcW,OAAAC,OAAA,GAAKmB,EAAmB,CAAE5B,SAAS,UAChDsB,GAEFf,EAACW,EAASV,OAAAC,OAAA,GAAKkB,GAAiB5B,GAChCQ,EAACV,EAAcW,OAAAC,OAAA,GAAKoB,EAAiB,CAAE7B,SAAS,QAC9CuB,GAEG,EAIR,MAAAY,EAAehB,EC7Df,MAAMiB,EAAgChB,IACrC,MAAMiB,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,EAASf,SAAEA,EAAQgB,QAAEA,GAAsBpB,EAAVjB,EAAKC,EAAKgB,EAA3D,oDAEN,OAAOb,EAACkC,EAAcjC,OAAAC,OAAA,CAACiC,SAAU,EAAGC,OAAQN,EAAOO,UAAWpB,EAAUqB,OAAQP,EAAOQ,WAAYP,EAAWQ,IAAK,CAAEP,YAAerC,GAAS,EAG9I,MAAA6C,EAAeZ,EC+Bf,MAAMa,EAAwC7B,IAC7C,MAAM8B,cAAEA,EAAgB,SAAQb,MAAEA,EAAKc,KAAEA,EAAIX,QAAEA,GAAsBpB,EAAVjB,EAAKC,EAAKgB,EAA/D,4CACN,MAAMgC,EAAYF,IAAkB,SAAWd,EAAciB,EAE7D,OAAO9C,EAAC6C,EAAS5C,OAAAC,OAAA,CAAC4B,MAAOA,GAAS,GAAIE,UAAS,KAACD,MAAO,mBAAmBa,IAAQX,QAASA,GAAarC,GAAS,EAGlH,MAAAmD,EAAeL,ECjBf,SAASM,EAAuBC,GAO/B,IAAIlB,EAA4CmB,UAChD,IAAIC,EAEJ,GAAI,WAAYF,EAAO,CACtBlB,EAAQkB,EAAMX,M,CAGf,GAAI,iBAAkBW,EAAO,CAC5BE,EAAcF,EAAMG,Y,CAGrB,MAAO,CACNrB,QACAoB,cACAlC,SAAUgC,EAAMZ,UAChBnB,IAAKmC,EAAsBJ,EAAMK,MACjCnC,QAAS8B,EAAMM,SAEjB,CAEA,MAAMC,EAAoE,EAAGP,QAAOjC,aAAcyC,GAAuBjE,KACxH,MAAMuC,MAAEA,EAAKoB,YAAEA,EAAWlC,SAAEA,EAAQC,IAAEA,EAAGC,QAAEA,GAAY6B,EAAuBC,GAE9E,IAAIS,EAA6C3B,IAAK,MAALA,SAAK,SAALA,EAAO4B,KACxD,GAAIC,EAASF,GAAgB,CAC5BA,EAAgB,CAAEd,KAAMc,E,CAGzB,IAAIG,EAA8C9B,IAAK,MAALA,SAAK,SAALA,EAAO+B,MACzD,GAAIF,EAASC,GAAiB,CAC7BA,EAAiB,CAAEjB,KAAMiB,E,CAG1B,MAAM9C,EAAiB,GACvB,MAAMC,EAAe,GAErB,GAAIyC,EAAqB,CACxB,GAAIlD,MAAMC,QAAQiD,GAAsB,CACvCzC,EAAa+C,QAAQN,E,KACf,CACNzC,EAAa+C,KAAKN,E,EAIpB,GAAIC,EAAe,CAClB3C,EAAegD,KAAK/D,EAAC0C,EAAezC,OAAAC,OAAA,CAACyC,cAAc,QAAYqB,EAASN,GAAiBA,EAAgB,K,CAG1G,GAAIM,EAASb,GAAc,CAC1BnC,EAAa+C,KAAK/D,EAAC0C,EAAezC,OAAAC,OAAA,CAACyC,cAAc,UAAaQ,EAAW,CAAEnB,UAAW,KAAMf,SAAUA,K,CAGvG,GAAI4C,EAAgB,CACnB7C,EAAa+C,KAAK/D,EAAC0C,EAAezC,OAAAC,OAAA,CAACyC,cAAc,QAAYqB,EAASH,GAAkBA,EAAiB,K,CAG1G,OACC7D,EAACY,EAAmB,CAACK,SAAUA,EAAUC,IAAKA,EAAKC,QAASA,EAASJ,eAAgBA,EAAgBC,aAAcA,GACjHxB,EACoB,EAIxB,MAAAoB,EAAe4C,S","ignoreList":[]}

package/dist/kolibri/InputStateWrapper-14a4f1d3.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{_ as i}from"./tslib.es6-1173d062.js";import{h as e}from"./index-095473f8.js";import{g as t}from"./getRenderStates-f8d64e58.js";import{K as n}from"./Input-199b40e8.js";import{a as s}from"./msg-0c13cf1c.js";const a=t=>{var{id:s,suggestions:n}=t,a=i(t,["id","suggestions"]);return n?e("datalist",Object.assign({id:`${s}-list`},a),n.map((i=>e("option",{value:i})))):null},r=a;function f(i){const{ariaDescribedBy:n}=t(i),a={id:i._id,hideLabel:i._hideLabel,label:i._label,accessKey:i._accessKey,disabled:i._disabled,name:i._name,ariaDescribedBy:n};if("_type"in i&&(a.type=i._type),"_value"in i&&(a.value=i._value),"_required"in i&&(a.required=i._required),"_maxLength"in i&&(a.maxlength=i._maxLength),"_placeholder"in i&&(a.placeholder=i._placeholder),"_autoComplete"in i&&(a.autoComplete=i._autoComplete),"_spellCheck"in i&&(a.spellcheck=i._spellCheck),"_pattern"in i&&(a.pattern=i._pattern),"_readOnly"in i&&(a.readonly=i._readOnly),"_min"in i&&(a.min=i._min),"_max"in i&&(a.max=i._max),"_step"in i&&(a.step=i._step),"_multiple"in i&&(a.multiple=i._multiple),"_checked"in i&&(a.checked=i._checked),"_indeterminate"in i&&(a.indeterminate=i._indeterminate),"_touched"in i&&(a.touched=i._touched),"_msg"in i&&(a.msg=s(i._msg)),"_suggestions"in i){Array.isArray(i._suggestions)&&i._suggestions.length>0&&(a.suggestions=e(r,{id:i._id,suggestions:i._suggestions}))}return a}const o=t=>{var{state:s}=t,a=i(t,["state"]);return e(n,Object.assign({},f(s),a))},c=o;export{c as K,r as a};

package/dist/kolibri/InputStateWrapper-14a4f1d3.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SuggestionsFc","_a","id","suggestions","other","__rest","h","Object","assign","map","option","value","KolSuggestionsFc","getInputProps","state","ariaDescribedBy","getRenderStates","props","_id","hideLabel","_hideLabel","label","_label","accessKey","_accessKey","disabled","_disabled","name","_name","type","_type","_value","required","_required","maxlength","_maxLength","placeholder","_placeholder","autoComplete","_autoComplete","spellcheck","_spellCheck","pattern","_pattern","readonly","_readOnly","min","_min","max","_max","step","_step","multiple","_multiple","checked","_checked","indeterminate","_indeterminate","touched","_touched","msg","convertMsgToInternMsg","_msg","hasSuggestions","Array","isArray","_suggestions","length","InputStateWrapper","KolInputFc","KolInputStateWrapperFc"],"sources":["src/functional-components/Suggestions/Suggestions.tsx","src/functional-component-wrappers/InputStateWrapper/InputStateWrapper.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\n\nexport type SuggestionsProps = JSXBase.HTMLAttributes<HTMLDataListElement> & {\n\tid: string;\n\tsuggestions: W3CInputValue[];\n};\n\nconst SuggestionsFc: FC<SuggestionsProps> = ({ id, suggestions, ...other }) => {\n\tif (!suggestions) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<datalist id={`${id}-list`} {...other}>\n\t\t\t{suggestions.map((option: W3CInputValue) => (\n\t\t\t\t<option value={option} />\n\t\t\t))}\n\t\t</datalist>\n\t);\n};\nexport default SuggestionsFc;\n","import type { VNode } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolInputFc, { type InputProps } from '../../functional-components/inputs/Input';\n\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\nimport SuggestionsFc from '../../functional-components/Suggestions';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates;\n\nexport type InputStateWrapperProps = Partial<InputProps> & {\n\tstate: InputState;\n};\n\nfunction getInputProps(state: InputState): InputProps {\n\tconst { ariaDescribedBy } = getRenderStates(state);\n\n\tconst props: InputProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\n\t\tariaDescribedBy: ariaDescribedBy,\n\t};\n\n\tif ('_type' in state) props.type = state._type;\n\tif ('_value' in state) props.value = state._value as string | number | string[];\n\tif ('_required' in state) props.required = state._required;\n\tif ('_maxLength' in state) props.maxlength = state._maxLength;\n\tif ('_placeholder' in state) props.placeholder = state._placeholder;\n\tif ('_autoComplete' in state) props.autoComplete = state._autoComplete;\n\tif ('_spellCheck' in state) props.spellcheck = state._spellCheck;\n\tif ('_pattern' in state) props.pattern = state._pattern;\n\tif ('_readOnly' in state) props.readonly = state._readOnly;\n\tif ('_min' in state) props.min = state._min;\n\tif ('_max' in state) props.max = state._max;\n\tif ('_step' in state) props.step = state._step;\n\tif ('_multiple' in state) props.multiple = state._multiple;\n\tif ('_checked' in state) props.checked = state._checked;\n\tif ('_indeterminate' in state) props.indeterminate = state._indeterminate;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = convertMsgToInternMsg(state._msg);\n\n\tif ('_suggestions' in state) {\n\t\tconst hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;\n\t\tif (hasSuggestions) {\n\t\t\tprops.suggestions = (<SuggestionsFc id={state._id} suggestions={state._suggestions} />) as VNode;\n\t\t}\n\t}\n\n\treturn props;\n}\n\nconst InputStateWrapper: FC<InputStateWrapperProps> = ({ state, ...other }) => {\n\treturn <KolInputFc {...getInputProps(state)} {...other} />;\n};\n\nexport default InputStateWrapper;\n"],"mappings":";;;oNASA,MAAMA,EAAuCC,I,IAAAC,GAAEA,EAAEC,YAAEA,GAAWF,EAAKG,EAAKC,EAAAJ,EAA3B,sBAC5C,IAAKE,EAAa,CACjB,OAAO,I,CAGR,OACCG,EAAA,WAAAC,OAAAC,OAAA,CAAUN,GAAI,GAAGA,UAAeE,GAC9BD,EAAYM,KAAKC,GACjBJ,EAAA,UAAQK,MAAOD,MAEN,EAGb,MAAAE,EAAeZ,ECYf,SAASa,EAAcC,GACtB,MAAMC,gBAAEA,GAAoBC,EAAgBF,GAE5C,MAAMG,EAAoB,CACzBf,GAAIY,EAAMI,IACVC,UAAWL,EAAMM,WACjBC,MAAOP,EAAMQ,OACbC,UAAWT,EAAMU,WACjBC,SAAUX,EAAMY,UAChBC,KAAMb,EAAMc,MAEZb,gBAAiBA,GAGlB,GAAI,UAAWD,EAAOG,EAAMY,KAAOf,EAAMgB,MACzC,GAAI,WAAYhB,EAAOG,EAAMN,MAAQG,EAAMiB,OAC3C,GAAI,cAAejB,EAAOG,EAAMe,SAAWlB,EAAMmB,UACjD,GAAI,eAAgBnB,EAAOG,EAAMiB,UAAYpB,EAAMqB,WACnD,GAAI,iBAAkBrB,EAAOG,EAAMmB,YAActB,EAAMuB,aACvD,GAAI,kBAAmBvB,EAAOG,EAAMqB,aAAexB,EAAMyB,cACzD,GAAI,gBAAiBzB,EAAOG,EAAMuB,WAAa1B,EAAM2B,YACrD,GAAI,aAAc3B,EAAOG,EAAMyB,QAAU5B,EAAM6B,SAC/C,GAAI,cAAe7B,EAAOG,EAAM2B,SAAW9B,EAAM+B,UACjD,GAAI,SAAU/B,EAAOG,EAAM6B,IAAMhC,EAAMiC,KACvC,GAAI,SAAUjC,EAAOG,EAAM+B,IAAMlC,EAAMmC,KACvC,GAAI,UAAWnC,EAAOG,EAAMiC,KAAOpC,EAAMqC,MACzC,GAAI,cAAerC,EAAOG,EAAMmC,SAAWtC,EAAMuC,UACjD,GAAI,aAAcvC,EAAOG,EAAMqC,QAAUxC,EAAMyC,SAC/C,GAAI,mBAAoBzC,EAAOG,EAAMuC,cAAgB1C,EAAM2C,eAC3D,GAAI,aAAc3C,EAAOG,EAAMyC,QAAU5C,EAAM6C,SAC/C,GAAI,SAAU7C,EAAOG,EAAM2C,IAAMC,EAAsB/C,EAAMgD,MAE7D,GAAI,iBAAkBhD,EAAO,CAC5B,MAAMiD,EAAiBC,MAAMC,QAAQnD,EAAMoD,eAAiBpD,EAAMoD,aAAaC,OAAS,EACxF,GAAIJ,EAAgB,CACnB9C,EAAMd,YAAeG,EAACN,EAAa,CAACE,GAAIY,EAAMI,IAAKf,YAAaW,EAAMoD,c,EAIxE,OAAOjD,CACR,CAEA,MAAMmD,EAAiDnE,I,IAAAa,MAAEA,GAAKb,EAAKG,EAAKC,EAAAJ,EAAjB,WACtD,OAAOK,EAAC+D,EAAU9D,OAAAC,OAAA,GAAKK,EAAcC,GAAYV,GAAS,EAG3D,MAAAkE,EAAeF,S","ignoreList":[]}

package/dist/kolibri/{InternalUnderlinedBadgeText-f618013b.js → InternalUnderlinedBadgeText-8e356b64.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{h as l,F as n}from"./index-8a5f476c.js";const t=({badgeText:t,label:e})=>{const s=t;let[o,...a]=e.split(s);return 0===a.length&&(t=s.toUpperCase(),[o,...a]=e.split(s)),0===a.length&&(t=s.toLowerCase(),[o,...a]=e.split(s)),l(n,null,o,a.length?l(n,null,l("u",null,t),a.join(s)):null)},e=t;export{e as I};
+import{h as l,F as n}from"./index-095473f8.js";const t=({badgeText:t,label:e})=>{const s=t;let[o,...a]=e.split(s);return 0===a.length&&(t=s.toUpperCase(),[o,...a]=e.split(s)),0===a.length&&(t=s.toLowerCase(),[o,...a]=e.split(s)),l(n,null,o,a.length?l(n,null,l("u",null,t),a.join(s)):null)},e=t;export{e as I};