@public-ui/components 4.1.4-rc.6 → 4.1.5-rc.0

package/dist/types/components/dialog/shadow.d.ts

@@ -1,13 +1,17 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { DialogProps, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';
+import type { DialogProps, HeadingLevel, KoliBriDialogEventCallbacks, LabelPropType } from '../../schema';
 import type { ModalVariantPropType } from '../../schema/props/variant/modal';
 export declare class KolDialog implements DialogProps {
     private dialogRef?;
     private readonly catchRef;
     openModal(): Promise<void>;
+    showModal(): Promise<void>;
+    show(modal?: boolean): Promise<void>;
+    close(): Promise<void>;
     closeModal(): Promise<void>;
     render(): JSX.Element;
     _label: LabelPropType;
+    _level?: HeadingLevel;
     _on?: KoliBriDialogEventCallbacks;
     _width?: string;
     _variant?: ModalVariantPropType;

package/dist/types/components/drawer/shadow.d.ts

@@ -1,11 +1,16 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { AlignPropType, DrawerAPI, DrawerStates, HasCloserPropType, KoliBriModalEventCallbacks, LabelPropType, OpenPropType } from '../../schema';
+import type { AlignPropType, DrawerAPI, DrawerStates, HasCloserPropType, HeadingLevel, KoliBriModalEventCallbacks, LabelPropType, OpenPropType } from '../../schema';
 export declare class KolDrawer implements DrawerAPI {
     private readonly host?;
     private dialogElement?;
     private dialogWrapperElement?;
+    private readonly cardHeadingId;
+    private isModal;
+    show(modal?: boolean): Promise<void>;
+    showModal(): Promise<void>;
     open(): Promise<void>;
     close(): Promise<void>;
+    private readonly _cardOn;
     private getWrapperRef;
     private renderDialogContent;
     private getRef;
@@ -14,17 +19,19 @@ export declare class KolDrawer implements DrawerAPI {
     _align?: AlignPropType;
     _hasCloser?: boolean;
     _label: LabelPropType;
+    _level?: HeadingLevel;
     _on?: KoliBriModalEventCallbacks;
     state: DrawerStates;
     validateLabel(value?: LabelPropType): void;
     validateAlign(value?: AlignPropType): void;
     validateHasCloser(value?: HasCloserPropType): void;
+    validateLevel(value?: HeadingLevel): void;
     validateOpen(value?: OpenPropType): void;
     private openOrCloseBasedOnState;
     validateOn(value?: KoliBriModalEventCallbacks): void;
     private handleCloseDialog;
-    private handleClose;
-    private handleAnimationEnd;
+    private readonly handleClose;
+    private readonly handleAnimationEnd;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;

package/dist/types/components/modal/shadow.d.ts

@@ -5,6 +5,9 @@ export declare class KolModal implements DialogProps {
     private dialogRef?;
     private readonly catchRef;
     openModal(): Promise<void>;
+    showModal(): Promise<void>;
+    show(modal?: boolean): Promise<void>;
+    close(): Promise<void>;
     closeModal(): Promise<void>;
     render(): JSX.Element;
     _label: LabelPropType;

package/dist/types/components.d.ts

@@ -568,6 +568,11 @@ export namespace Components {
           * @default false
          */
         "_hasCloser"?: boolean;
+        /**
+          * Defines the ID of the heading element. If not provided, an internal ID will be generated.
+          * @default nonce()
+         */
+        "_headingId"?: string;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -741,6 +746,11 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
+        /**
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+          * @default 0
+         */
+        "_level"?: HeadingLevel;
         /**
           * Defines the modal callback functions.
          */
@@ -758,11 +768,25 @@ export namespace Components {
         /**
           * Closes the dialog.
          */
+        "close": () => Promise<void>;
+        /**
+          * Closes the dialog.
+          * @deprecated Use close() instead.
+         */
         "closeModal": () => Promise<void>;
         /**
           * Opens the dialog.
+          * @deprecated Use showModal() instead.
          */
         "openModal": () => Promise<void>;
+        /**
+          * Opens the dialog. Pass true to open as a modal dialog.
+         */
+        "show": (modal?: boolean) => Promise<void>;
+        /**
+          * Opens the dialog as a modal.
+         */
+        "showModal": () => Promise<void>;
     }
     /**
      * https://en.wikipedia.org/wiki/Modal_window
@@ -772,6 +796,11 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
+        /**
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+          * @default 0
+         */
+        "_level"?: HeadingLevel;
         /**
           * Defines the modal callback functions.
          */
@@ -787,13 +816,27 @@ export namespace Components {
          */
         "_width"?: string;
         /**
-          * Closes the modal dialog.
+          * Closes the dialog.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Closes the dialog.
+          * @deprecated Use close() instead.
          */
         "closeModal": () => Promise<void>;
         /**
-          * Opens the modal dialog.
+          * Opens the dialog as a modal.
+          * @deprecated Use showModal() instead.
          */
         "openModal": () => Promise<void>;
+        /**
+          * Opens the dialog. Pass true to open as a modal dialog.
+         */
+        "show": (modal?: boolean) => Promise<void>;
+        /**
+          * Opens the dialog as a modal.
+         */
+        "showModal": () => Promise<void>;
     }
     interface KolDrawer {
         /**
@@ -810,6 +853,11 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
+        /**
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+          * @default 0
+         */
+        "_level"?: HeadingLevel;
         /**
           * Specifies the EventCallback function to be called when the drawer is closing.
          */
@@ -824,8 +872,17 @@ export namespace Components {
         "close": () => Promise<void>;
         /**
           * Opens the drawer.
+          * @deprecated Use show() or showModal() instead.
          */
         "open": () => Promise<void>;
+        /**
+          * Opens the drawer. Pass true to open as a modal drawer.
+         */
+        "show": (modal?: boolean) => Promise<void>;
+        /**
+          * Opens the drawer as a modal.
+         */
+        "showModal": () => Promise<void>;
     }
     /**
      * The **Form** component is used to wrap all input fields, correctly position the required-fields hint text, and forward the `submit` and `reset` events.
@@ -2477,11 +2534,25 @@ export namespace Components {
         /**
           * Closes the modal dialog.
          */
+        "close": () => Promise<void>;
+        /**
+          * Closes the modal dialog.
+          * @deprecated Use close() instead.
+         */
         "closeModal": () => Promise<void>;
         /**
           * Opens the modal dialog.
+          * @deprecated Use showModal() instead.
          */
         "openModal": () => Promise<void>;
+        /**
+          * Opens the dialog. Pass true to open as a modal dialog.
+         */
+        "show": (modal?: boolean) => Promise<void>;
+        /**
+          * Opens the dialog as a modal.
+         */
+        "showModal": () => Promise<void>;
     }
     /**
      * The **Nav** component renders a group of related links or navigation elements that perform an action or display content when clicked.
@@ -5320,6 +5391,11 @@ declare namespace LocalJSX {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
+        /**
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+          * @default 0
+         */
+        "_level"?: HeadingLevel;
         /**
           * Defines the modal callback functions.
          */
@@ -5343,6 +5419,11 @@ declare namespace LocalJSX {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
+        /**
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+          * @default 0
+         */
+        "_level"?: HeadingLevel;
         /**
           * Defines the modal callback functions.
          */
@@ -5373,6 +5454,11 @@ declare namespace LocalJSX {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": LabelPropType;
+        /**
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+          * @default 0
+         */
+        "_level"?: HeadingLevel;
         /**
           * Specifies the EventCallback function to be called when the drawer is closing.
          */

package/dist/types/schema/components/dialog.d.ts

@@ -1,16 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel } from '../props';
+import type { HeadingLevel, PropLabel } from '../props';
 import type { PropDialogVariant } from '../props/variant/dialog';
 import type { KoliBriModalEventCallbacks } from '../types';
 type RequiredProps = PropLabel;
 type OptionalProps = {
     on: KoliBriModalEventCallbacks;
     width: string;
+    level?: HeadingLevel;
 } & PropDialogVariant;
 type RequiredStates = {
     width: string;
 } & PropLabel;
 type OptionalStates = {
+    level?: HeadingLevel;
     on: KoliBriModalEventCallbacks;
 } & PropDialogVariant;
 export type DialogProps = Generic.Element.Members<RequiredProps, OptionalProps>;

package/dist/types/schema/components/drawer.d.ts

@@ -1,12 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAlign, PropHasCloser, PropLabel, PropOpen } from '../props';
+import type { HeadingLevel, PropAlign, PropHasCloser, PropLabel, PropOpen } from '../props';
 import type { KoliBriModalEventCallbacks } from '../types';
 type RequiredProps = PropLabel;
 type OptionalProps = PropAlign & PropHasCloser & PropOpen & {
+    level?: HeadingLevel;
     on: KoliBriModalEventCallbacks;
 };
 type RequiredStates = PropAlign & PropOpen & PropLabel;
 type OptionalStates = PropHasCloser & {
+    level?: HeadingLevel;
     on: KoliBriModalEventCallbacks;
 };
 export type DrawerProps = Generic.Element.Members<RequiredProps, OptionalProps>;

package/doc/dialog.md

@@ -8,6 +8,7 @@
 | Property              | Attribute  | Description                                                                                                        | Type                                                      | Default     |
 | --------------------- | ---------- | ------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------- | ----------- |
 | `_label` _(required)_ | `_label`   | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                  | `undefined` |
+| `_level`              | `_level`   | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`            | `0`         |
 | `_on`                 | --         | Defines the modal callback functions.                                                                              | `undefined \| ({ onClose?: (() => void) \| undefined; })` | `undefined` |
 | `_variant`            | `_variant` | Defines the variant of the modal.                                                                                  | `"blank" \| "card" \| undefined`                          | `'blank'`   |
 | `_width`              | `_width`   | Defines the width of the modal. (max-width: 100%)                                                                  | `string \| undefined`                                     | `'100%'`    |
@@ -15,7 +16,7 @@
 
 ## Methods
 
-### `closeModal() => Promise<void>`
+### `close() => Promise<void>`
 
 Closes the dialog.
 
@@ -25,9 +26,45 @@ Type: `Promise<void>`
 
 
 
+### `closeModal() => Promise<void>`
+
+<span class="text-red-500">**[DEPRECATED]**</span> Use close() instead.<br/><br/>Closes the dialog.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `openModal() => Promise<void>`
 
-Opens the dialog.
+<span style="color:red">**[DEPRECATED]**</span> Use showModal() instead.<br/><br/>Opens the dialog.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `show(modal?: boolean) => Promise<void>`
+
+Opens the dialog. Pass true to open as a modal dialog.
+
+#### Parameters
+
+| Name    | Type      | Description |
+| ------- | --------- | ----------- |
+| `modal` | `boolean` |             |
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `showModal() => Promise<void>`
+
+Opens the dialog as a modal.
 
 #### Returns
 

package/doc/drawer.md

@@ -10,6 +10,7 @@
 | `_align`              | `_align`      | Defines the visual orientation of the component.                                                                   | `"bottom" \| "left" \| "right" \| "top" \| undefined`     | `undefined` |
 | `_hasCloser`          | `_has-closer` | Defines whether the element can be closed.                                                                         | `boolean \| undefined`                                    | `false`     |
 | `_label` _(required)_ | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                  | `undefined` |
+| `_level`              | `_level`      | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| undefined`            | `0`         |
 | `_on`                 | --            | Specifies the EventCallback function to be called when the drawer is closing.                                      | `undefined \| ({ onClose?: (() => void) \| undefined; })` | `undefined` |
 | `_open`               | `_open`       | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean \| undefined`                                    | `undefined` |
 
@@ -28,7 +29,33 @@ Type: `Promise<void>`
 
 ### `open() => Promise<void>`
 
-Opens the drawer.
+<span class="text-red-500">**[DEPRECATED]**</span> Use show() or showModal() instead.<br/><br/>Opens the drawer.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `show(modal?: boolean) => Promise<void>`
+
+Opens the drawer. Pass true to open as a modal drawer.
+
+#### Parameters
+
+| Name    | Type      | Description |
+| ------- | --------- | ----------- |
+| `modal` | `boolean` |             |
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `showModal() => Promise<void>`
+
+Opens the drawer as a modal.
 
 #### Returns
 

package/doc/modal.md

@@ -21,7 +21,7 @@ The **Modal** component has been superseded by `kol-dialog`, which provides impr
 
 ## Methods
 
-### `closeModal() => Promise<void>`
+### `close() => Promise<void>`
 
 Closes the modal dialog.
 
@@ -31,9 +31,45 @@ Type: `Promise<void>`
 
 
 
+### `closeModal() => Promise<void>`
+
+<span class="text-red-500">**[DEPRECATED]**</span> Use close() instead.<br/><br/>Closes the modal dialog.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
 ### `openModal() => Promise<void>`
 
-Opens the modal dialog.
+<span style="color:red">**[DEPRECATED]**</span> Use showModal() instead.<br/><br/>Opens the modal dialog.
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `show(modal?: boolean) => Promise<void>`
+
+Opens the dialog. Pass true to open as a modal dialog.
+
+#### Parameters
+
+| Name    | Type      | Description |
+| ------- | --------- | ----------- |
+| `modal` | `boolean` |             |
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+### `showModal() => Promise<void>`
+
+Opens the dialog as a modal.
 
 #### Returns
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "4.1.4-rc.6",
+  "version": "4.1.5-rc.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -104,21 +104,23 @@
     "adopted-style-sheets": "1.1.9-rc.21",
     "autoprefixer": "10.5.0",
     "cross-env": "10.1.0",
-    "cssnano": "7.1.7",
+    "cssnano": "7.1.9",
     "eslint": "9.39.4",
+    "eslint-plugin-boundaries": "6.0.2",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "jest": "29.7.0",
     "jest-cli": "^29.7.0",
     "knip": "5.88.1",
     "mustache": "4.2.0",
-    "postcss": "8.5.12",
+    "postcss": "8.5.14",
     "postcss-sorting": "9.1.0",
     "prettier": "3.8.3",
     "prettier-plugin-organize-imports": "4.3.0",
     "pug": "3.0.4",
     "rimraf": "6.1.3",
     "stencil-awesome-test": "1.0.6",
-    "stylelint": "17.9.1",
+    "stylelint": "17.11.0",
     "terser": "5.46.2",
     "twig": "1.17.1",
     "typescript": "5.9.3",

package/vscode-custom-data.json

@@ -577,6 +577,10 @@
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
+        {
+          "name": "_level",
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
+        },
         {
           "name": "_variant",
           "description": "Defines the variant of the modal.",
@@ -628,6 +632,10 @@
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
+        {
+          "name": "_level",
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
+        },
         {
           "name": "_open",
           "description": "Opens/expands the element when truthy, closes/collapses when falsy."

package/dist/esm/controller-uuOROW4Q.js

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

package/dist/kolibri/FieldControlStateWrapper-qsQt4MoI.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-Cr4ko_DT.js";import{B as t}from"./variant-quote-DI6q8gPw.js";import{T as i}from"./component-JWUtUo3K.js";import{T as n}from"./controller-Cf3CGZT-.js";import"./common-BqV6Zb30.js";import{b as s,s as r}from"./component-ivdG1YG5.js";import{K as a,b as d,g as c,i as f}from"./FormFieldStateWrapper-Zct_Wau1.js";import{c as b}from"./clsx-COFh-Vc8.js";const p=new Map,u=l=>{const e=p.get(l);if(e)return e;const o=new n(t.stateLess);return o.componentWillLoad({label:""}),p.set(l,o),o},m=l=>{const e=p.get(l);e&&(e.destroy(),p.delete(l))},h=(e,t)=>{var{class:s}=e,i=o(e,["class"]);return l("div",Object.assign({class:b("kol-field-control__input",s)},i),t)},v=(t,n)=>{const{class:p,id:g,disabled:_,label:y,hideLabel:j,labelAlign:v,renderNoTooltip:C,hint:k,renderNoHint:K,accessKey:B,shortKey:T,msg:L,touched:q,required:O,readonly:P,tooltipAlign:x,tooltipFloatingRef:A,fieldControlInputProps:F,fieldControlLabelProps:w,fieldControlTooltipProps:N,fieldControlHintProps:I}=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"]),H=!K,W=!C,$=r(y),R=W&&!$&&j,Z=s(B,T),D=R?u(g):void 0;D?(D.watchAlign(x),D.watchBadgeText(Z||""),D.watchId(`${g}-label`),D.watchLabel(y)):m(g);const E=null==F?void 0:F.ref,S=[l(e,null,l(h,Object.assign({},F,{ref:l=>{null==E||E(l),D&&l&&(D.initContext(l),D.syncListeners(void 0,l,!0))}}),n),R&&l("div",{class:b("kol-form-field__tooltip",null==N?void 0:N.class)},l(i,{badgeText:Z||"",label:y,align:x,id:`${g}-label`,refFloating:null!=A?A:l=>{null==D||D.setTooltipElementRef(l)}}))),l(a,Object.assign({},w||{},{id:g,baseClassName:"kol-field-control",class:b(null==w?void 0:w.class,{"kol-field-control__label--visually-hidden":Boolean(j)}),hasExpertSlot:$,label:y,accessKey:B,shortKey:T}))];"left"===v&&S.reverse();const U={"kol-field-control--disabled":Boolean(_),"kol-field-control--required":Boolean(O),"kol-field-control--touched":Boolean(q),"kol-field-control--hide-label":Boolean(j),"kol-field-control--read-only":Boolean(P),[`kol-field-control--${c(L)}`]:Boolean(f(L,q)),[`kol-field-control--label-align-${v}`]:Boolean(v)};return l("div",Object.assign({class:b("kol-field-control",U,p)},G),S,H&&l(d,Object.assign({},I||{},{baseClassName:"kol-field-control",id:g,hint:k})))};function g(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(v,Object.assign({},g(s),i),t)};export{j as F};

package/dist/kolibri/FormFieldStateWrapper-Zct_Wau1.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{e,g as t,p as i,o as r,b as n,F as o,i as s,s as a,l}from"./common-BqV6Zb30.js";import{v as d,a as c,b as u,c as h}from"./access-and-short-key-D2TiPdWw.js";import{v as f}from"./disabled-BBn2JEzf.js";import{v as m}from"./hide-label-DQL9J6E_.js";import{a as p}from"./label-vxVEH2gH.js";import{v}from"./tooltip-align-DnbCY1Uu.js";import{d as b,K as g}from"./events-DHTi_wtD.js";import{A as y}from"./associated.controller-BKQIR17-.js";import{i as _}from"./_Uint8Array-kJHDjtoP.js";import{i as j,b as x,r as B}from"./isArray-CcrBs4JM.js";import{_ as k}from"./tslib.es6-CxX45GIN.js";import{h as L,F as C}from"./index-Cr4ko_DT.js";import{B as O}from"./variant-quote-DI6q8gPw.js";import{T as K}from"./component-JWUtUo3K.js";import{T}from"./controller-Cf3CGZT-.js";import{S as w,b as D,s as F}from"./component-ivdG1YG5.js";import{c as S}from"./clsx-COFh-Vc8.js";import{t as $}from"./i18n-BVaUp6qp.js";import{K as P}from"./Alert-C2H3wE4_.js";var M="[object Symbol]";function H(e){return"symbol"==typeof e||j(e)&&x(e)==M}var E=/\s/;function N(e){for(var t=e.length;t--&&E.test(e.charAt(t)););return t}var I=/^\s+/;function q(e){return e?e.slice(0,N(e)+1).replace(I,""):e}var A=NaN,J=/^[-+]0x[0-9a-f]+$/i,U=/^0b[01]+$/i,V=/^0o[0-7]+$/i,W=parseInt;function G(e){if("number"==typeof e)return e;if(H(e))return A;if(_(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=_(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=q(e);var n=U.test(e);return n||V.test(e)?W(e.slice(2),n?2:8):J.test(e)?A:+e}var R=function(){return B.Date.now()},z="Expected a function",Q=Math.max,Y=Math.min;function Z(e,t,n){var o,i,r,s,a,l,c=0,d=!1,h=!1,u=!0;if("function"!=typeof e)throw new TypeError(z);function m(t){var n=o,r=i;return o=i=void 0,c=t,s=e.apply(r,n)}function p(e){var n=e-l;return void 0===l||n>=t||n<0||h&&e-c>=r}function f(){var e=R();if(p(e))return g(e);a=setTimeout(f,function(e){var n=t-(e-l);return h?Y(n,r-(e-c)):n}(e))}function g(e){return a=void 0,u&&o?m(e):(o=i=void 0,s)}function v(){var e=R(),n=p(e);if(o=arguments,i=this,l=e,n){if(void 0===a)return function(e){return c=e,a=setTimeout(f,t),d?m(e):s}(l);if(h)return clearTimeout(a),a=setTimeout(f,t),m(l)}return void 0===a&&(a=setTimeout(f,t)),s}return t=G(t)||0,_(n)&&(d=!!n.leading,r=(h="maxWait"in n)?Q(G(n.maxWait)||0,t):r,u="trailing"in n?!!n.trailing:u),v.cancel=function(){void 0!==a&&clearTimeout(a),c=0,o=l=i=a=void 0},v.flush=function(){return void 0===a?s:g(R())},v}const X=(t,n)=>{e(t,"_adjustHeight",n)},ee=(t,n,o)=>{e(t,"_hideMsg",n,o)},te=(e,n)=>{t(e,"_hint",n)},ie=(e,t)=>{r(t,()=>{try{t=i(t)}catch(e){}n(e,"_msg",e=>{if(void 0===e)return!0;if("string"==typeof e&&e.length>0)return!0;if(o(e)&&null!==e){const t=e._description;return s(t,1)}return!1},new Set(["MsgPropType","string"]),t)})};function re(e,t){return Boolean(e)&&!0===t}function ne(e){if("string"==typeof e)try{return i(e)}catch(t){return{_description:e,_type:"error"}}return e&&"object"==typeof e&&!("_type"in e)?Object.assign(Object.assign({},e),{_type:"error"}):e}function oe(e){var t;return"string"==typeof e?"error":null!==(t=null==e?void 0:e._type)&&void 0!==t?t:"error"}const se=(t,n)=>{e(t,"_touched",n)};class ae extends y{constructor(e,t,n){super(e,t,n),this.component=e}validateTouched(e){se(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateTouched(this.component._touched)}}class le extends ae{constructor(e,t,n){super(e,t,n),this.valueChangeListeners=[],this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onInput:this.onInput.bind(this),onKeyDown:this.onKeyDown.bind(this)},this.updateCurrentLengthDebounced=Z(e=>{a(this.component,"_currentLengthDebounced",e)},500),this.component=e}validateAccessKey(e){d(this.component,e),c(e,this.component._shortKey)}validateAdjustHeight(e){X(this.component,e)}validateDisabled(e){f(this.component,e)}validateTooltipAlign(e){v(this.component,e)}validateHideMsg(e){ee(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideMsg&&l("Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.")}}})}validateHideLabel(e){m(this.component,e,{hooks:{afterPatch:()=>{this.component.state._hideLabel&&l("Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.")}}})}validateHint(e){te(this.component,e)}validateLabel(e){p(this.component,e,{required:!0})}validateMsg(e){ie(this.component,e)}validateOn(e){"object"==typeof e&&a(this.component,"_on",e)}validateShortKey(e){u(this.component,e),c(this.component._accessKey,e)}validateSmartButton(e){r(e,()=>{try{e=i(e)}catch(e){}a(this.component,"_smartButton",e)})}validateTabIndex(e){h(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateMsg(this.component._msg),this.validateDisabled(this.component._disabled),this.validateHideMsg(this.component._hideMsg),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateLabel(this.component._label),this.validateShortKey(this.component._shortKey),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex),c(this.component._accessKey,this.component._shortKey)}emitEvent(e,t){this.host&&b(this.host,e,t)}onBlur(e){var t;this.component._disabled||(this.component._touched=!0,this.emitEvent(g.blur),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onBlur)&&this.component._on.onBlur(e))}onChange(e,t){var n;void 0===t&&(t=e.target.value),this.emitEvent(g.change,t),"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(e,t),this.valueChangeListeners.forEach(e=>e(t))}onInput(e,t=!0,n){var o;void 0===n&&(n=e.target.value),this.emitEvent(g.input,n),t&&this.setFormAssociatedValue(n),"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onInput)&&this.component._on.onInput(e,n)}onClick(e){var t;this.emitEvent(g.click),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onClick)&&this.component._on.onClick(e)}onFocus(e){var t;this.emitEvent(g.focus),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onFocus)&&this.component._on.onFocus(e)}onKeyDown(e){var t;this.emitEvent(g.keydown),"function"==typeof(null===(t=this.component._on)||void 0===t?void 0:t.onKeyDown)&&this.component._on.onKeyDown(e)}addValueChangeListener(e){this.valueChangeListeners.push(e)}hasSoftCharacterLimit(){return"number"==typeof this.component.state._maxLength&&"soft"===this.component.state._maxLengthBehavior}hasCounter(){return!0===this.component.state._hasCounter}}function de({ariaDescribedBy:e,hideLabel:t,label:n}){return{title:"",autoCapitalize:"off",autoCorrect:"off","aria-describedby":(null==e?void 0:e.length)?e.join(" "):void 0,"aria-label":t&&n?n:void 0}}const ce=e=>{const t=e._msg,n="string"==typeof t?t:null==t?void 0:t._description,o=oe(t),i=Boolean(n&&n.length>0),r="error"===o&&i&&!0===e._touched,s="string"==typeof e._hint&&e._hint.length>0,a=[];return i&&!e._hideMsg&&a.push(`${e._id}-msg`),!0===s&&a.push(`${e._id}-hint`),e._hasCounter&&a.push(`${e._id}-counter`),!0===r&&a.push(`${e._id}-error`),{hasError:r,hasHint:s,ariaDescribedBy:a}},ue=e=>{var{id:t,class:n,hint:o,baseClassName:i="kol-form-field"}=e,r=k(e,["id","class","hint","baseClassName"]);return o?L("span",Object.assign({class:S(`${i}__hint`,n),id:`${t}-hint`},r),o):null},he=e=>{var{component:t="label",id:n,baseClassName:o="kol-form-field",class:i,accessKey:r,shortKey:s,label:a,hideLabel:l,hasExpertSlot:c,showBadge:d=!0,readOnly:h}=e,u=k(e,["component","id","baseClassName","class","accessKey","shortKey","label","hideLabel","hasExpertSlot","showBadge","readOnly"]);const m=!c&&l,p=$("kol-readonly"),f=!1===d?void 0:D(r,s);return L(t,Object.assign({},u,{class:S(`${o}__label`,i),id:m?void 0:`${n}-label`,hidden:m,htmlFor:n}),L(w,{class:`${o}__label-text`,label:c?"":null!=a?a:"",badgeText:f},L("slot",{name:"expert"})),h?L("span",{class:`${o}__label__read-only`,"aria-hidden":"true"},"(",p,")"):null)},fe=({id:e,maxLength:t})=>L("span",{id:`${e}-character-limit-hint`,class:"visually-hidden"},$("kol-character-limit-hint",{placeholders:{limit:String(t)}})),me=({currentLength:e,currentLengthDebounced:t,maxLength:n,maxLengthBehavior:o,id:i})=>{let r,s;const a=["kol-form-field__counter"];if("hard"===o)r="number"==typeof n?$("kol-character-counter-current-of-max",{placeholders:{current:String(e),max:String(n)}}):$("kol-character-counter-current",{placeholders:{current:String(e)}}),s="number"==typeof n?$("kol-character-counter-current-of-max-aria",{placeholders:{current:String(t),max:String(n)}}):$("kol-character-counter-current",{placeholders:{current:String(t)}});else{if("number"!=typeof n)return null;{const o=n-e,i=o<0,l=n-t,c=l<0;r=i?$("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(o))}}):$("kol-character-limit-remaining",{placeholders:{remaining:String(o)}}),s=c?$("kol-character-limit-exceeded",{placeholders:{over:String(Math.abs(l))}}):$("kol-character-limit-remaining",{placeholders:{remaining:String(l)}}),i&&a.push("kol-form-field__counter--exceeded")}}return L(C,null,L("span",{class:S(a),"aria-hidden":"true","data-testid":"input-counter"},r),L("span",{id:`${i}-counter`,"aria-live":"polite",class:"visually-hidden","data-testid":"input-counter-aria"},s))},pe=e=>{var t,n,{alert:o,msg:i,id:r,class:s}=e,a=k(e,["alert","msg","id","class"]);const l=ne(i);return L(P,Object.assign({id:`${r}-msg`,alert:null!==(t=null==l?void 0:l._alert)&&void 0!==t?t:o,hasCloser:!1,level:0,type:null!==(n=null==l?void 0:l._type)&&void 0!==n?n:"error",variant:"msg",class:S("kol-form-field__msg",s)},a),(null==l?void 0:l._description)||void 0)},ve=new Map,be=e=>{const t=ve.get(e);if(t)return t;const n=new T(O.stateLess);return n.componentWillLoad({label:""}),ve.set(e,n),n},ge=e=>{const t=ve.get(e);t&&(t.destroy(),ve.delete(e))};function ye(e){return(null==e?void 0:e.type)&&{default:"msg-type-default",info:"msg-type-info",success:"msg-type-success",warning:"msg-type-warning",error:"msg-type-error"}[null==e?void 0:e.type]||""}const _e=(e,t)=>{var{class:n}=e,o=k(e,["class"]);return L("div",Object.assign({class:S("kol-form-field__input",n)},o),t)},je=(e,t)=>{const{component:n="div",renderNoLabel:o,renderNoTooltip:i,renderNoHint:r,anotherChildren:s,id:a,required:l,alert:c,disabled:d,class:h,msg:u,hideMsg:m,hideLabel:p,label:f,hint:g,accessKey:v,shortKey:_,counter:b,readOnly:y,touched:x,maxLength:j,ariaDescribedBy:B,showBadge:C,tooltipAlign:w,tooltipFloatingRef:O,formFieldLabelProps:$,formFieldHintProps:T,formFieldTooltipProps:M,formFieldMsgProps:H,formFieldInputProps:E}=e,P=k(e,["component","renderNoLabel","renderNoTooltip","renderNoHint","anotherChildren","id","required","alert","disabled","class","msg","hideMsg","hideLabel","label","hint","accessKey","shortKey","counter","readOnly","touched","maxLength","ariaDescribedBy","showBadge","tooltipAlign","tooltipFloatingRef","formFieldLabelProps","formFieldHintProps","formFieldTooltipProps","formFieldMsgProps","formFieldInputProps"]),I=!o,A=!r,N=!i,q=F(f),W=re(u,x),R=D(v,_),V=N&&!q&&p,G=V?be(a):void 0;G?(G.watchAlign(w),G.watchBadgeText(R||""),G.watchId(`${a}-label`),G.watchLabel(f)):ge(a);const J=null==E?void 0:E.ref;let U={"kol-form-field--disabled":Boolean(d),"kol-form-field--required":Boolean(l),"kol-form-field--touched":Boolean(x),"kol-form-field--hide-label":Boolean(p),"kol-form-field--read-only":Boolean(y),"kol-form-field--hidden-msg":Boolean(m)};if(W){const e=oe(u);U=Object.assign(Object.assign({},U),{[`kol-form-field--${e}`]:!0,[`kol-form-field--${ye({type:e})}`]:!0})}return L(n,Object.assign({class:S("kol-form-field",U,h),"aria-describedby":B},P),I&&L(he,Object.assign({},$||{},{id:a,hasExpertSlot:q,hideLabel:p,label:f,accessKey:v,shortKey:_,readOnly:y,showBadge:C})),L(_e,Object.assign({},E,{ref:e=>{null==J||J(e),G&&e&&(G.initContext(e),G.syncListeners(void 0,e,!0))}}),t,V&&!0===p&&L("div",{class:S("kol-form-field__tooltip",null==M?void 0:M.class)},L(K,{badgeText:R||"",label:f,align:w,id:`${a}-label`,refFloating:null!=O?O:e=>{null==G||G.setTooltipElementRef(e)}}))),b?L(me,Object.assign({id:a},b)):null,j?L(fe,{id:a,maxLength:j}):null,W&&!m&&L(pe,Object.assign({},H||{},{id:a,alert:c,msg:u})),A&&L(ue,Object.assign({},T||{},{id:a,hint:g})),s)};function xe(e){const t={id:e._id,disabled:e._disabled,msg:e._msg,hint:e._hint,label:e._label,hideLabel:e._hideLabel,hideMsg:e._hideMsg,touched:e._touched,showBadge:"_accessKey"in e&&Boolean(e._accessKey)||"_shortKey"in e&&Boolean(e._shortKey)};return"_required"in e&&(t.required=e._required),"_readOnly"in e&&(t.readOnly=e._readOnly),"_accessKey"in e&&(t.accessKey=e._accessKey),"_shortKey"in e&&(t.shortKey=e._shortKey),"_maxLength"in e&&(t.maxLength=e._maxLength),"_currentLength"in e&&"number"==typeof e._currentLength&&"_currentLengthDebounced"in e&&"number"==typeof e._currentLengthDebounced&&"_hasCounter"in e&&!0===e._hasCounter&&(t.counter={currentLength:e._currentLength,currentLengthDebounced:e._currentLengthDebounced,maxLength:e._maxLength,maxLengthBehavior:e._maxLengthBehavior||"hard"}),t}const Be=(e,t)=>{var{state:n}=e,o=k(e,["state"]);const{ariaDescribedBy:i}=ce(n),r=("fieldset"===o.component||"_options"in n&&"_orientation"in n)&&i.length>0?i.join(" "):void 0,s=xe(n);return L(je,Object.assign({},s,o,{ariaDescribedBy:r}),t)};export{Be as F,le as I,he as K,ce as a,ue as b,de as c,oe as g,re as i};

package/dist/kolibri/Heading-BUjPChHT.js

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

package/dist/kolibri/Input-gapU3T_x.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as e}from"./tslib.es6-CxX45GIN.js";import{h as s,F as o}from"./index-Cr4ko_DT.js";import"./common-BqV6Zb30.js";import{i as a,c as l,g as i}from"./FormFieldStateWrapper-Zct_Wau1.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)}`]:a(n,b)},q=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},l({ariaDescribedBy:m,hideLabel:g,label:h})),B);return s(o,null,s("input",Object.assign({},q,{value:y})),j)};export{r as I};

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

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

package/dist/kolibri/component-CAUcMKfc.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{_ as s}from"./tslib.es6-CxX45GIN.js";import{h as o}from"./index-Cr4ko_DT.js";import{b as i}from"./bem-registry-Bux_TllX.js";import{c as r}from"./clsx-COFh-Vc8.js";const e=i.forBlock("kol-icon"),n=e(),l=e("icon"),t=i=>{var{class:e,icons:a,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:r(n,l,a,e),role:m?"img":"presentation"}))};export{t as I};