@public-ui/components 4.1.2 → 4.1.3

package/doc/split-button.md

@@ -10,26 +10,26 @@ a main action, while the secondary button opens a context menu (`Popover`) that
 
 ## Properties
 
-| Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                   | Default     |
-| --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                 | `undefined` |
-| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                          | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                 | `undefined` |
-| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                                                                                       | `string`                                                                                                                                               | `undefined` |
-| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_on`                 | --                  | Defines the callback functions for button events.                                                                                                                                                                                        | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
-| `_role`               | `_role`             | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                     | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
-| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
-| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
-| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined`                                                   | `'normal'`  |
+| Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                                                                                                                      | Default     |
+| --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                                                                                                                    | `undefined` |
+| `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)                                                         | `boolean \| undefined`                                                                                                                                                                                                                                    | `undefined` |
+| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                          | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_disabled`           | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
+| `_hideLabel`          | `_hide-label`       | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                                                                                               | `boolean \| undefined`                                                                                                                                                                                                                                    | `false`     |
+| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                          | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                                                                                                                    | `undefined` |
+| `_label` _(required)_ | `_label`            | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).                                                                                                                       | `string`                                                                                                                                                                                                                                                  | `undefined` |
+| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_on`                 | --                  | Defines the callback functions for button events.                                                                                                                                                                                        | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; onFocus?: EventCallback<FocusEvent> \| undefined; onBlur?: EventCallback<FocusEvent> \| undefined; }` | `undefined` |
+| `_role`               | `_role`             | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                                                                                                                        | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                                                                                                                     | `undefined` |
+| `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                                                                                                                     | `'top'`     |
+| `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                                                                                                                            | `'button'`  |
+| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                                                                                                                              | `undefined` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined`                                                                                                                                                      | `'normal'`  |
 
 
 ## Methods

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -99,8 +99,8 @@
     "@types/pug": "2.0.10",
     "@types/twig": "1.12.17",
     "@types/wcag-contrast": "3.0.3",
-    "@typescript-eslint/eslint-plugin": "8.58.0",
-    "@typescript-eslint/parser": "8.58.0",
+    "@typescript-eslint/eslint-plugin": "8.58.1",
+    "@typescript-eslint/parser": "8.58.1",
     "adopted-style-sheets": "1.1.9-rc.21",
     "autoprefixer": "10.4.27",
     "cross-env": "10.1.0",
@@ -111,7 +111,7 @@
     "jest-cli": "^29.7.0",
     "knip": "5.88.1",
     "mustache": "4.2.0",
-    "postcss": "8.5.8",
+    "postcss": "8.5.9",
     "postcss-sorting": "9.1.0",
     "prettier": "3.8.1",
     "prettier-plugin-organize-imports": "4.3.0",

package/dist/cjs/component-O_tO7dUq.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";var index=require("./index-Dph1AncT.js"),component=require("./component-Cg-OygC_.js");const TooltipFC=({label:o,badgeText:e,id:t,refFloating:i})=>index.h("div",{class:"kol-tooltip__floating",hidden:0===o.length,ref:i},index.h("div",{class:"kol-tooltip__arrow"}),index.h(component.SpanFC,{class:"kol-tooltip__content",id:t||void 0,badgeText:e,label:o}));exports.TooltipFC=TooltipFC;

package/dist/esm/component-D3oJtEcp.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as __rest}from"./tslib.es6-CxX45GIN.js";import{h}from"./index-G8af0_gG.js";import{b as bem}from"./bem-registry-Bux_TllX.js";import{c as clsx}from"./clsx-COFh-Vc8.js";const iconBem=bem.forBlock("kol-icon"),BEM_CLASS_ICON=iconBem(),BEM_CLASS_ICON__ICON=iconBem("icon"),IconFC=s=>{var{class:o,icons:i,label:e}=s,r=__rest(s,["class","icons","label"]);const c=(null==e?void 0:e.length)>0;return h("i",Object.assign({},r,{"aria-hidden":c?void 0:"true","aria-label":c?e:void 0,class:clsx(BEM_CLASS_ICON,BEM_CLASS_ICON__ICON,i,o),role:c?"img":"presentation"}))};export{IconFC as I};

package/dist/kolibri/Alert-Ccw-DwxA.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as o}from"./tslib.es6-CxX45GIN.js";import{h as e,F as l}from"./index-G8af0_gG.js";import{c as t}from"./clsx-COFh-Vc8.js";import{b as n}from"./component-names-Dy77vq43.js";import{t as a}from"./i18n-BVaUp6qp.js";import{b as s}from"./bem-registry-Bux_TllX.js";import{I as i}from"./component-D3oJtEcp.js";import{K as r}from"./Heading-D3N3WLAQ.js";const c=s.forBlock("kol-alert"),d=c("icon"),u={error:{label:a("kol-error"),icon:"kolicon-alert-error"},info:{label:a("kol-info"),icon:"kolicon-alert-info"},warning:{label:a("kol-warning"),icon:"kolicon-alert-warning"},success:{label:a("kol-success"),icon:"kolicon-alert-success"},default:{label:a("kol-message"),icon:"kolicon-alert-info"}},f=({type:o="default"})=>{const a=u[o||"default"];return e(l,null,e("span",{class:"visually-hidden"},a.label),e(i,{class:d,label:"",icons:a.icon}))},m=s.forBlock("kol-alert"),p=m("closer"),v=m("content"),b=()=>{if("undefined"==typeof navigator||"function"!=typeof navigator.vibrate)return;const e=navigator.userActivation;if(((null==e?void 0:e.isActive)||(null==e?void 0:e.hasBeenActive))&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch(e){}},k=(l,s)=>{const{class:i={},alert:c=!1,hasCloser:d=!1,label:u,level:k=0,type:g="default",variant:h="msg",onAlertTimeout:y,onCloserClick:_}=l,j=o(l,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]),C=a("kol-close-alert");c&&(b(),setTimeout(()=>{null==y||y()},1e4));const A=m({hasCloser:!!d,[`type-${g}`]:!0,[`variant-${h}`]:!0}),x=m("heading",{[`h${k}`]:!0}),B=Object.assign({class:t(i,A)},j);return e("div",Object.assign({role:c?"alert":void 0},B,{"data-testid":"alert"}),e("div",{class:"kol-alert__container"},e(f,{label:u,type:g}),e("div",{class:"kol-alert__container-content"},u&&e(r,{class:x,level:k,id:"heading"},u),"msg"===h&&e("span",{class:v,"aria-describedby":u?"heading":void 0},s)),d&&e(n,{class:p+" kol-close-button","data-testid":"alert-close-button",_ariaDescription:(null==u?void 0:u.trim())||"",_hideLabel:!0,_icons:{left:{icon:"kolicon-cross"}},_label:C,_on:{onClick:_},_tooltipAlign:"left"})),"card"===h&&e("div",{class:v,"aria-describedby":u?"heading":void 0},s))};export{k as K};

package/dist/kolibri/Collapsible-C8qbIZUD.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as l}from"./tslib.es6-CxX45GIN.js";import{h as o}from"./index-G8af0_gG.js";import{b as i}from"./component-names-Dy77vq43.js";import{c as e}from"./clsx-COFh-Vc8.js";import{K as s}from"./Heading-D3N3WLAQ.js";const n=(a,n)=>{const{id:r,class:c,label:d,level:t=1,disabled:p,open:b,onClick:v,HeadingProps:_={},HeadingButtonProps:m={},ContentProps:u={}}=a,f=l(a,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),g=b?"kolicon-chevron-down":"kolicon-chevron-right";return o("div",Object.assign({id:r,class:e("collapsible",{"collapsible--disabled":!0===p,"collapsible--open":!0===b},c)},f),o(s,{ref:null==_?void 0:_.ref,level:t,class:e("collapsible__heading",null==_?void 0:_.class)},o(i,{class:e("collapsible__heading-button",null==m?void 0:m.class),ref:null==m?void 0:m.ref,slot:"expert",_ariaControls:`${r}-control`,_ariaExpanded:b,_disabled:p,_icons:(null==m?void 0:m._icons)||`${g}`,_label:d,_on:{onClick:v}})),o("div",{class:e("collapsible__wrapper",null==u?void 0:u.wrapperClass)},o("div",{class:e("collapsible__wrapper-animation",null==u?void 0:u.animationClass)},o("div",{"aria-hidden":!1===b?"true":void 0,class:e("collapsible__content",null==u?void 0:u.class),id:`${r}-control`},n))))};export{n as K};

package/dist/kolibri/FieldControlStateWrapper-DshiHE0s.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as o}from"./tslib.es6-CxX45GIN.js";import{h as l,F as e}from"./index-G8af0_gG.js";import{B as t}from"./variant-quote-CHD0qMkY.js";import{T as i}from"./component-CAXga0_U.js";import{T as n}from"./controller-BhIDd4zH.js";import"./common-BqV6Zb30.js";import{b as s,s as r}from"./component-DpGGeM3i.js";import{K as a,b as d,g as c,i as f}from"./FormFieldStateWrapper-DsX6gk6N.js";import{c as p}from"./clsx-COFh-Vc8.js";const b=new Map,u=l=>{const e=b.get(l);if(e)return e;const o=new n(t.stateLess);return o.componentWillLoad({label:""}),b.set(l,o),o},m=l=>{const e=b.get(l);e&&(e.destroy(),b.delete(l))},h=(e,t)=>{var{class:s}=e,i=o(e,["class"]);return l("div",Object.assign({class:p("kol-field-control__input",s)},i),t)},g=(t,n)=>{const{class:b,id:g,disabled:_,label:y,hideLabel:j,labelAlign:k,renderNoTooltip:v,hint:C,renderNoHint:K,accessKey:B,shortKey:L,msg:q,touched:A,required:O,readonly:T,tooltipAlign:x,tooltipFloatingRef:F,fieldControlInputProps:N,fieldControlLabelProps:P,fieldControlTooltipProps:w,fieldControlHintProps:H}=t,G=o(t,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","accessKey","shortKey","msg","touched","required","readonly","tooltipAlign","tooltipFloatingRef","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),I=!K,D=!v,$=r(y),M=D&&!$&&j,R=s(B,L),X=M?u(g):void 0;X?(X.watchAlign(x),X.watchBadgeText(R||""),X.watchId(`${g}-label`),X.watchLabel(y)):m(g);const E=null==N?void 0:N.ref,S=[l(e,null,l(h,Object.assign({},N,{ref:l=>{null==E||E(l),X&&l&&(X.initContext(l),X.syncListeners(void 0,l,!0))}}),n),M&&l("div",{class:p("kol-form-field__tooltip",null==w?void 0:w.class)},l(i,{badgeText:R||"",label:y,align:x,id:`${g}-label`,refFloating:null!=F?F:l=>{null==X||X.setTooltipElementRef(l)}}))),l(a,Object.assign({},P||{},{id:g,baseClassName:"kol-field-control",class:p(null==P?void 0:P.class,{"kol-field-control__label--visually-hidden":Boolean(j)}),hasExpertSlot:$,label:y,accessKey:B,shortKey:L}))];"left"===k&&S.reverse();const V={"kol-field-control--disabled":Boolean(_),"kol-field-control--required":Boolean(O),"kol-field-control--touched":Boolean(A),"kol-field-control--hide-label":Boolean(j),"kol-field-control--read-only":Boolean(T),[`kol-field-control--${c(q)}`]:Boolean(f(q,A)),[`kol-field-control--label-align-${k}`]:Boolean(k)};return l("div",Object.assign({class:p("kol-field-control",V,b)},G),S,I&&l(d,Object.assign({},H||{},{baseClassName:"kol-field-control",id:g,hint:C})))};function v(l){const e={id:l._id,disabled:l._disabled,msg: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),"_accessKey"in l&&(e.accessKey=l._accessKey),"_shortKey"in l&&(e.shortKey=l._shortKey),e}const j=(e,t)=>{var{state:s}=e,i=o(e,["state"]);return l(g,Object.assign({},v(s),i),t)};export{j as F};

package/dist/kolibri/Input-vt6KaJWU.js

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

package/dist/kolibri/app-globals-D4GzuCjA.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{L as o,h as t,w as a}from"./common-BqV6Zb30.js";import{a as f}from"./index-G8af0_gG.js";var n=()=>{f(o=>{try{o.shadowRoot instanceof ShadowRoot&&t(o,a(o))}catch(o){}return"default"}),import("./devtools-CJj45nCF.js").then(o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()}).catch(t=>{o.error(t)})};const r=n;export{r as g};

package/dist/kolibri/component-CAXga0_U.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as o}from"./index-G8af0_gG.js";import{S as t}from"./component-DpGGeM3i.js";const e=({label:e,badgeText:l,id:i,refFloating:a})=>o("div",{class:"kol-tooltip__floating",hidden:0===e.length,ref:a},o("div",{class:"kol-tooltip__arrow"}),o(t,{class:"kol-tooltip__content",id:i||void 0,badgeText:l,label:e}));export{e as T};

package/dist/kolibri/component-D3oJtEcp.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as s}from"./tslib.es6-CxX45GIN.js";import{h as o}from"./index-G8af0_gG.js";import{b as i}from"./bem-registry-Bux_TllX.js";import{c as e}from"./clsx-COFh-Vc8.js";const n=i.forBlock("kol-icon"),r=n(),a=n("icon"),l=i=>{var{class:l,icons:n,label:t}=i,c=s(i,["class","icons","label"]);const m=(null==t?void 0:t.length)>0;return o("i",Object.assign({},c,{"aria-hidden":m?void 0:"true","aria-label":m?t:void 0,class:e(r,a,n,l),role:m?"img":"presentation"}))};export{l as I};

package/dist/kolibri/controller-B-NZHqJ8.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as o}from"./index-G8af0_gG.js";import{b as s}from"./bem-registry-Bux_TllX.js";import"./common-BqV6Zb30.js";import{l as t}from"./label-BEOW9ltS.js";import"./variant-quote-CHD0qMkY.js";import{B as l}from"./base-controller-CXhqh4cR.js";const e=s.forBlock("kol-click-button"),i=e(),n=e("label"),a=({label:t,handleClick:e,refButton:s})=>o("button",{class:i,ref:s,onClick:e,onKeyDown:t=>t.preventDefault()},o("span",{class:n},t)),c={required:[t]};class r extends l{constructor(t){super(t,c),this.handleClick=()=>{console.log(this,this.buttonRef,"button clicked")},this.setButtonRef=t=>{this.buttonRef=t}}componentWillLoad(t){const{label:o}=t;this.watchLabel(o)}watchLabel(o){t.apply(o,t=>{this.setRenderProp("label",t)})}focus(){var t;null===(t=this.buttonRef)||void 0===t||t.focus()}}export{a as C,r as a};

package/dist/kolibri/controller-icon-CYmINtAB.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as n}from"./index-G8af0_gG.js";import{_ as t}from"./tslib.es6-CxX45GIN.js";import{I as o}from"./component-D3oJtEcp.js";import{b as s}from"./component-names-Dy77vq43.js";import{b as e}from"./common-BqV6Zb30.js";import{i,g as r,I as c}from"./FormFieldStateWrapper-DsX6gk6N.js";import{c as a}from"./clsx-COFh-Vc8.js";import{i as l}from"./component-DpGGeM3i.js";import{i as d}from"./_Uint8Array-kJHDjtoP.js";import{v as m}from"./icons-CqQ9plmY.js";const u=o=>{const{label:e,icons:i,hideLabel:a,disabled:r,onClick:l}=o,c=t(o,["label","icons","hideLabel","disabled","onClick"]);return n(s,Object.assign({_label:e,_disabled:r,_icons:i,_hideLabel:a,_on:{onClick:l}},c))},b=s=>{const{componentName:e="button",label:i,icon:a,onClick:r}=s,l=t(s,["componentName","label","icon","onClick"]);return n("button"===e?u:o,Object.assign({label:i||"",hideLabel:!0,icons:`${a}`,onClick:r},l))},p=(s,o)=>{var{position:e="start",class:i}=s,r=t(s,["position","class"]);const l="kol-input-container__adornment",c=`${l}--${e}`;return n("div",Object.assign({class:a(l,c,i)},r),o)};function f(n){return!!n&&(Array.isArray(n)?n.length>0:Boolean(n))}const h=(s,o)=>{var{class:e}=s,i=t(s,["class"]);return n("div",Object.assign({class:a("kol-input-container__container",e)},i),o)},_=(s,o)=>{const{class:e,startAdornment:l,endAdornment:c,disabled:m,msg:d,touched:u,containerProps:b,startAdornmentProps:g,endAdornmentProps:_}=s,j=t(s,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),k={"kol-input-container--disabled":m,[`kol-input-container--${r(d)}`]:i(d,u)},v=Object.assign({class:a("kol-input-container",k,e)},j);return f(l)||f(c)?n("div",Object.assign({},v),n(p,Object.assign({},g,{position:"start"}),l),n(h,Object.assign({},b),o),n(p,Object.assign({},_,{position:"end"}),c)):n("div",Object.assign({},v),n(h,Object.assign({},b),o))};function j(n){let t,s;return"_icons"in n&&(t=n._icons),"_smartButton"in n&&(s=n._smartButton),{icons:t,smartButton:s,disabled:n._disabled,msg:n._msg,touched:n._touched}}const v=({state:t,startAdornment:s,endAdornment:e},i)=>{var a,r;const{icons:c,smartButton:m,disabled:u,msg:p,touched:h}=j(t);let g=null==c?void 0:c.left;l(g)&&(g={icon:g});let f=null==c?void 0:c.right;l(f)&&(f={icon:f});const k=[],v=[];return s&&(Array.isArray(s)?k.push(...s):k.push(s)),g&&(d(g)?k.push(n(o,{class:"kol-input-container__icon",icons:g.icon,label:null!==(a=g.label)&&void 0!==a?a:"",style:g.style})):k.push(n(o,{class:"kol-input-container__icon",icons:g,label:""}))),d(m)&&v.push(n(b,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},m,{hideLabel:!0,disabled:u}))),f&&(d(f)?v.push(n(o,{class:"kol-input-container__icon",icons:f.icon,label:null!==(r=f.label)&&void 0!==r?r:"",style:f.style})):v.push(n(o,{class:"kol-input-container__icon",icons:f,label:""}))),e&&(Array.isArray(e)?v.push(...e):v.push(e)),n(_,{disabled:u,msg:p,touched:h,startAdornment:k,endAdornment:v},i)};class k extends c{constructor(n,t,s){super(n,t,s),this.numberStringRegex=/^\d+(\.\d+)?$/,this.parseToNumber=n=>"number"==typeof n?isNaN(n)?null:n:this.isNumberString(n)?parseFloat(n):null,this.validateNumber=(n,t)=>e(this.component,n,n=>null==n||"number"==typeof n||"string"==typeof n&&this.numberStringRegex.test(n),new Set(["number","NumberString"]),t,{hooks:{beforePatch:(t,s)=>{(null==s?void 0:s.has(n))&&(null==s||s.set(n,this.parseToNumber(t)))}}}),this.component=n}validateIcons(n){m(this.component,n)}isNumberString(n){return"string"==typeof n&&this.numberStringRegex.test(n)}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}export{k as I,b as K,v as a};