@public-ui/components 1.7.2 → 1.7.4

package/dist/types/components.d.ts

@@ -64,7 +64,7 @@ import { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps
 import { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/types";
 import { CSSResize } from "./components/textarea/types";
 import { KoliBriToastEventCallbacks } from "./types/toast";
-import { Toast, ToastState, ToastStatus } from "./components/toast-container/types";
+import { Toast, ToastState } from "./components/toaster/types";
 export { LabelPropType, LabelWithExpertSlotPropType } from "./types/props/label";
 export { TooltipAlignPropType } from "./types/props/tooltip-align";
 export { HeadingLevel } from "./types/heading-level";
@@ -124,7 +124,7 @@ export { KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps
 export { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/types";
 export { CSSResize } from "./components/textarea/types";
 export { KoliBriToastEventCallbacks } from "./types/toast";
-export { Toast, ToastState, ToastStatus } from "./components/toast-container/types";
+export { Toast, ToastState } from "./components/toaster/types";
 export namespace Components {
     interface KolAbbr {
         /**
@@ -3097,19 +3097,45 @@ export namespace Components {
          */
         "_value"?: string;
     }
+    /**
+     * @deprecated - Use ToastService - see toaster
+     */
     interface KolToast {
+        /**
+          * Defines whether the screen-readers should read out the notification.
+         */
+        "_alert"?: boolean;
+        /**
+          * Defines whether the element can be closed.
+          * @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
+         */
+        "_hasCloser"?: boolean;
+        /**
+          * Deprecated: Gibt die Beschriftung der Komponente an.
+          * @deprecated Use _label.
+         */
+        "_heading"?: string;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label"?: LabelPropType;
         /**
-          * Defines the event callback functions for the component.
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+         */
+        "_level"?: HeadingLevel;
+        /**
+          * Gibt die EventCallback-Function für das Schließen des Toasts an.
          */
         "_on"?: KoliBriToastEventCallbacks;
         /**
-          * Defines the current toast status.
+          * Makes the element show up.
+          * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
          */
-        "_status": ToastStatus;
+        "_show"?: boolean;
+        /**
+          * Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll.
+         */
+        "_showDuration"?: number;
         /**
           * Defines either the type of the component or of the components interactive element.
          */
@@ -3514,6 +3540,9 @@ declare global {
         prototype: HTMLKolTextareaElement;
         new (): HTMLKolTextareaElement;
     };
+    /**
+     * @deprecated - Use ToastService - see toaster
+     */
     interface HTMLKolToastElement extends Components.KolToast, HTMLStencilElement {
     }
     var HTMLKolToastElement: {
@@ -6507,19 +6536,45 @@ declare namespace LocalJSX {
          */
         "_value"?: string;
     }
+    /**
+     * @deprecated - Use ToastService - see toaster
+     */
     interface KolToast {
+        /**
+          * Defines whether the screen-readers should read out the notification.
+         */
+        "_alert"?: boolean;
+        /**
+          * Defines whether the element can be closed.
+          * @TODO : Change type back to `HasCloserPropType` after Stencil#4663 has been resolved.
+         */
+        "_hasCloser"?: boolean;
+        /**
+          * Deprecated: Gibt die Beschriftung der Komponente an.
+          * @deprecated Use _label.
+         */
+        "_heading"?: string;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label": LabelPropType;
+        "_label"?: LabelPropType;
         /**
-          * Defines the event callback functions for the component.
+          * Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.
+         */
+        "_level"?: HeadingLevel;
+        /**
+          * Gibt die EventCallback-Function für das Schließen des Toasts an.
          */
         "_on"?: KoliBriToastEventCallbacks;
         /**
-          * Defines the current toast status.
+          * Makes the element show up.
+          * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
          */
-        "_status": ToastStatus;
+        "_show"?: boolean;
+        /**
+          * Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll.
+         */
+        "_showDuration"?: number;
         /**
           * Defines either the type of the component or of the components interactive element.
          */
@@ -6696,6 +6751,9 @@ declare module "@stencil/core" {
             "kol-table": LocalJSX.KolTable & JSXBase.HTMLAttributes<HTMLKolTableElement>;
             "kol-tabs": LocalJSX.KolTabs & JSXBase.HTMLAttributes<HTMLKolTabsElement>;
             "kol-textarea": LocalJSX.KolTextarea & JSXBase.HTMLAttributes<HTMLKolTextareaElement>;
+            /**
+             * @deprecated - Use ToastService - see toaster
+             */
             "kol-toast": LocalJSX.KolToast & JSXBase.HTMLAttributes<HTMLKolToastElement>;
             "kol-toast-container": LocalJSX.KolToastContainer & JSXBase.HTMLAttributes<HTMLKolToastContainerElement>;
             "kol-tooltip-wc": LocalJSX.KolTooltipWc & JSXBase.HTMLAttributes<HTMLKolTooltipWcElement>;

package/dist/types/index.d.ts

@@ -1 +1 @@
-export*from"./components.d";export{register}from"./core";export*from"./enums/bund";export{translations}from"./i18n";export*from"./kolibri";export{ToasterService}from"./components/toast/toaster";export{Optgroup,Option,SelectOption}from"./types/input/types";export{configKoliBri}from"./utils/dev.utils";export{KoliBriDevHelper}from"./utils/prop.validators";
+export*from"./components.d";export{register}from"./core";export*from"./enums/bund";export{translations}from"./i18n";export*from"./kolibri";export{ToasterService as ToasterServiceLegacy}from"./components/toast/toaster";export{ToasterService}from"./components/toaster/toaster";export{Optgroup,Option,SelectOption}from"./types/input/types";export{configKoliBri}from"./utils/dev.utils";export{KoliBriDevHelper}from"./utils/prop.validators";

package/doc/button.md

@@ -132,7 +132,7 @@ Probleme mit Disabled-Status
  - [kol-nav](../nav)
  - [kol-pagination](../pagination)
  - [kol-table](../table)
- - [kol-toast-container](../toast-container)
+ - [kol-toast-container](../toaster)
 
 ### Depends on
 

package/doc/toast.md

@@ -1,27 +1,24 @@
 # Toast
 
-Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird am Kopf des Browserfenster
-angezeigt, bis sie geschlossen wird. Werden mehrere Toasts geöffnet, ohne das die bisherigen geschlossen wurden, so werden diese untereinander angezeigt.
+Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird nur für einen kurzen Zeitraum am Kopf des Browserfenster angezeigt und verschwindet danach automatisch.
 
-## Konstruktion
+Ein **Toast** wird nach dem Laden der Webseite am oberen Rand des Browserfenster für zehn Sekunden angezeigt. Mit Ausblenden des **Toasts** wird dieser automatisch aus dem DOM entfernt. Wird er erneut benötigt, muss er z.B. über eine JavaScript-Funktion nachgeladen werden.
 
-Die Toast-Komponente wird nicht direkt verwendet, sondern immer über den ToasterService konstruiert.
+## Konstruktion
 
 ### Code
 
-```js
-import { ToasterService } from '@public-ui/components';
+```html
+<kol-alert _label="Erfolg" _type="success">Hier wird der Erfolg näher beschrieben.</kol-alert>
+<kol-alert _type="success" _show="false">Hier wird der Erfolg näher beschrieben.</kol-alert>
+```
 
-// Get the toaster instance for the current HTML document.
-const toaster = ToasterService.getInstance(document);
+### Beispiel
 
-// Enqueue a new toast to the toaster to display:
-toaster.enqueue({
-	label: 'This is the title',
-	description: 'Magna eu sit adipisicing cillum amet esse in aute quis in dolore.',
-	type: 'info',
-});
-```
+<div class="d-grid gap-2">
+  <kol-alert _label="Erfolg" _type="success">Hier wird der Erfolg näher beschrieben.</kol-alert>
+  <kol-alert _type="success" _show="false">Hier wird der Erfolg näher beschrieben.</kol-alert>
+</div>
 
 ## Verwendung
 
@@ -29,9 +26,17 @@ toaster.enqueue({
 
 Verwenden Sie das Attribut **`_label`**, um die Überschrift des Toasts zu bestimmen.
 
-### Inhalt
+### Größe der Überschrift
+
+Verwenden Sie das Attribut **`_level`**, um die Überschriftenebene zu setzen.
+
+### Anzeigen des Toasts
+
+Verwenden Sie das Attribut **`_show`**, um den Toast manuell anzuzeigen.
 
-Verwenden Sie das Attribut **`_description`**, um den Text-Inhalt des Toasts zu bestimmen.
+### Anzeigedauer des Toast
+
+Verwenden Sie das Attribut **`_showDuration`**, um die Anzeigedauer des Toasts festzulegen.
 
 ### Anzeigetyp des Toast
 
@@ -43,17 +48,30 @@ Verwenden Sie das Attribut **`_type`**, um den Typ des Toasts festzulegen. Mögl
 - `success`
 - `warning`
 
+<!--### Best practices
+
+### Anwendungsfälle-->
+
+## Barrierefreiheit
+
 <!-- Auto Generated Below -->
 
 
+> **[DEPRECATED]** - Use ToastService - see toaster
+
 ## Properties
 
-| 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` |
-| `_on`                  | --        | Defines the event callback functions for the component.                                                            | `undefined` \| `{ onClose?: EventCallback<Event>` \| `undefined; }`         | `undefined` |
-| `_status` _(required)_ | `_status` | Defines the current toast status.                                                                                  | `"adding"` \| `"removing"` \| `"settled"`                                   | `undefined` |
-| `_type`                | `_type`   | Defines either the type of the component or of the components interactive element.                                 | `"default"` \| `"error"` \| `"info"` \| `"success"` \| `"warning"` \| `undefined` | `'default'` |
+| Property        | Attribute        | Description                                                                                                               | Type                                                                    | Default     |
+| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- | ----------- |
+| `_alert`        | `_alert`         | Defines whether the screen-readers should read out the notification.                                                      | `boolean` \| `undefined`                                                  | `true`      |
+| `_hasCloser`    | `_has-closer`    | Defines whether the element can be closed.                                                                                | `boolean` \| `undefined`                                                  | `false`     |
+| `_heading`      | `_heading`       | <span class="text-red-500">**[DEPRECATED]**</span> Use _label.<br/><br/>Deprecated: Gibt die Beschriftung der Komponente an. | `string` \| `undefined`                                                   | `''`        |
+| `_label`        | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).        | `string` \| `undefined`                                                   | `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`                          | `1`         |
+| `_on`           | --               | Gibt die EventCallback-Function für das Schließen des Toasts an.                                                          | `undefined` \| `{ onClose?: EventCallback<Event>` \| `undefined; }`         | `undefined` |
+| `_show`         | `_show`          | Makes the element show up.                                                                                                | `boolean` \| `undefined`                                                  | `true`      |
+| `_showDuration` | `_show-duration` | Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll.                                                      | `number` \| `undefined`                                                   | `10000`     |
+| `_type`         | `_type`          | Defines either the type of the component or of the components interactive element.                                        | `"default"` \| `"error"` \| `"info"` \| `"success"` \| `"warning"` \| `undefined` | `'default'` |
 
 
 ## Slots
@@ -65,10 +83,6 @@ Verwenden Sie das Attribut **`_type`**, um den Typ des Toasts festzulegen. Mögl
 
 ## Dependencies
 
-### Used by
-
- - [kol-toast-container](../toast-container)
-
 ### Depends on
 
 - [kol-alert](../alert)
@@ -85,7 +99,6 @@ graph TD;
   kol-button-wc --> kol-tooltip-wc
   kol-span-wc --> kol-icon
   kol-tooltip-wc --> kol-span-wc
-  kol-toast-container --> kol-toast
   style kol-toast fill:#f9f,stroke:#333,stroke-width:4px
 ```
 

package/doc/toaster.md

@@ -0,0 +1,103 @@
+# Toaster
+
+Mit dem **Toast**-Service geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird am Kopf des Browserfenster
+angezeigt, bis sie geschlossen wird. Werden mehrere Toasts geöffnet, ohne das die bisherigen geschlossen wurden, so werden diese untereinander angezeigt.
+
+## Konstruktion
+
+Die Toast-Komponenten werden nicht direkt verwendet, sondern immer über den ToasterService konstruiert.
+
+### Code
+
+```js
+import { ToasterService } from '@public-ui/components';
+
+// Get the toaster instance for the current HTML document.
+const toaster = ToasterService.getInstance(document);
+
+// Enqueue a new toast to the toaster to display:
+toaster.enqueue({
+	label: 'This is the title',
+	description: 'Magna eu sit adipisicing cillum amet esse in aute quis in dolore.',
+	type: 'info',
+});
+```
+
+## Verwendung
+
+### Überschrift
+
+Verwenden Sie das Attribut **`_label`**, um die Überschrift des Toasts zu bestimmen.
+
+### Inhalt
+
+Verwenden Sie das Attribut **`_description`**, um den Text-Inhalt des Toasts zu bestimmen.
+
+Alternativ zur statischen Description können Sie über das Attribut **`_render`** eine eigene Render-Funktion definieren. Diese wird mit einer Referenz zum
+HTMLElement der Toast-Komponente aufgerufen. Zudem wird auch ein Objekt übergeben, das eine `close`-Funktion zum Schließen des Toasts bereitstellt.
+
+```ts
+void toaster.enqueue({
+	render: (element: HTMLElement, { close }) => {
+		element.textContent = 'Mein Inhalt';
+		const customCloseButton = document.createElement('button');
+		customCloseButton.textContent = 'Toast schließen';
+		element.appendChild(customCloseButton);
+		customCloseButton.addEventListener('click', close, { once: true });
+	},
+});
+```
+
+### Anzeigetyp des Toast
+
+Verwenden Sie das Attribut **`_type`**, um den Typ des Toasts festzulegen. Mögliche Werte sind:
+
+- `default`
+- `error`
+- `info`
+- `success`
+- `warning`
+
+<!-- Auto Generated Below -->
+
+
+## Methods
+
+### `enqueue(toast: Toast) => Promise<void>`
+
+
+
+#### Returns
+
+Type: `Promise<void>`
+
+
+
+
+## Dependencies
+
+### Depends on
+
+- [kol-button](../button)
+- [kol-alert](../alert)
+
+### Graph
+```mermaid
+graph TD;
+  kol-toast-container --> kol-button
+  kol-toast-container --> kol-alert
+  kol-button --> kol-button-wc
+  kol-button-wc --> kol-span-wc
+  kol-button-wc --> kol-tooltip-wc
+  kol-span-wc --> kol-icon
+  kol-tooltip-wc --> kol-span-wc
+  kol-alert --> kol-alert-wc
+  kol-alert-wc --> kol-heading-wc
+  kol-alert-wc --> kol-button-wc
+  kol-alert-wc --> kol-icon
+  style kol-toast-container fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "bugs": {

package/vscode-custom-data.json

@@ -14315,27 +14315,36 @@
       "name": "kol-toast",
       "description": {
         "kind": "markdown",
-        "value": "Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird am Kopf des Browserfenster\nangezeigt, bis sie geschlossen wird. Werden mehrere Toasts geöffnet, ohne das die bisherigen geschlossen wurden, so werden diese untereinander angezeigt."
+        "value": "Mit der **Toast**-Komponente geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird nur für einen kurzen Zeitraum am Kopf des Browserfenster angezeigt und verschwindet danach automatisch.\n\nEin **Toast** wird nach dem Laden der Webseite am oberen Rand des Browserfenster für zehn Sekunden angezeigt. Mit Ausblenden des **Toasts** wird dieser automatisch aus dem DOM entfernt. Wird er erneut benötigt, muss er z.B. über eine JavaScript-Funktion nachgeladen werden."
       },
       "attributes": [
+        {
+          "name": "_alert",
+          "description": "Defines whether the screen-readers should read out the notification."
+        },
+        {
+          "name": "_has-closer",
+          "description": "Defines whether the element can be closed."
+        },
+        {
+          "name": "_heading",
+          "description": "Deprecated: Gibt die Beschriftung der Komponente an."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
-          "name": "_status",
-          "description": "Defines the current toast status.",
-          "values": [
-            {
-              "name": "adding"
-            },
-            {
-              "name": "removing"
-            },
-            {
-              "name": "settled"
-            }
-          ]
+          "name": "_level",
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
+        },
+        {
+          "name": "_show",
+          "description": "Makes the element show up."
+        },
+        {
+          "name": "_show-duration",
+          "description": "Gibt an, wie viele Millisekunden der Toast eingeblendet werden soll."
         },
         {
           "name": "_type",
@@ -14364,7 +14373,7 @@
       "name": "kol-toast-container",
       "description": {
         "kind": "markdown",
-        "value": "Siehe [Toast](/docs/components/toast)."
+        "value": "Mit dem **Toast**-Service geben Sie ein optisches Feedback an die Nutzer:innen. Sie wird am Kopf des Browserfenster\nangezeigt, bis sie geschlossen wird. Werden mehrere Toasts geöffnet, ohne das die bisherigen geschlossen wurden, so werden diese untereinander angezeigt."
       },
       "attributes": []
     },

package/dist/cjs/align-287dbfef.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const alignment=require("./alignment-1948fe15.js"),validateAlign=(i,e)=>{alignment.validateAlignment(i,"_align",e)};exports.validateAlign=validateAlign;

package/dist/cjs/aria-current-7b2e8583.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-03a13033.js"),validateAlternativeButtonLinkRole=(a,t)=>{prop_validators.watchString(a,"_role",t)},validateAriaControls=(a,t)=>{prop_validators.watchString(a,"_ariaControls",t)},validate=(a,t,r)=>{prop_validators.watchValidator(a,t,(a=>"date"===a||"location"===a||"page"===a||"step"===a||"time"===a||!0===a||!1===a),new Set(["String {data, location, page, step, time}","boolean"]),r)},validateAriaCurrent=(a,t)=>{validate(a,"_ariaCurrent",t)},validateListenAriaCurrent=(a,t)=>{validate(a,"_listenAriaCurrent",t)};exports.validateAlternativeButtonLinkRole=validateAlternativeButtonLinkRole,exports.validateAriaControls=validateAriaControls,exports.validateAriaCurrent=validateAriaCurrent,exports.validateListenAriaCurrent=validateListenAriaCurrent;

package/dist/cjs/controller-e39af4fa.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const a11y_tipps=require("./a11y.tipps-15573ace.js"),dev_utils=require("./dev.utils-a8bbef49.js"),prop_validators=require("./prop.validators-03a13033.js"),searchFormElement=e=>{for(dev_utils.getExperimentalMode()&&(a11y_tipps.devHint("↓ Search form element start."),console.log(e));e instanceof HTMLElement&&"FORM"!==e.tagName&&"KOL-FORM"!==e.tagName;)e=e.parentElement instanceof HTMLElement?e.parentElement:e.parentNode instanceof ShadowRoot?e.parentNode.host:null,dev_utils.getExperimentalMode()&&console.log(e);return dev_utils.getExperimentalMode()&&a11y_tipps.devHint("↑ Search form element finished."),e},propagateResetEventToForm=(e={})=>{var t,o;const a=searchFormElement(e.form);if(a instanceof HTMLElement){const e=new Event("reset",{bubbles:!0,cancelable:!0});if("FORM"===a.tagName)prop_validators.setEventTarget(e,a),a.dispatchEvent(e);else if("KOL-FORM"===a.tagName){prop_validators.setEventTarget(e,prop_validators.KoliBriDevHelper.querySelector("form",a));const r=a;"function"==typeof(null===(t=r._on)||void 0===t?void 0:t.onReset)&&(null===(o=r._on)||void 0===o||o.onReset(e))}}},propagateSubmitEventToForm=(e={})=>{var t,o;const a=searchFormElement(e.form);if(a instanceof HTMLElement){const e=new SubmitEvent("submit",{bubbles:!0,cancelable:!0,submitter:a});if("FORM"===a.tagName)prop_validators.setEventTarget(e,a),a.dispatchEvent(e);else if("KOL-FORM"===a.tagName){prop_validators.setEventTarget(e,prop_validators.KoliBriDevHelper.querySelector("form",a));const r=a;"function"==typeof(null===(t=r._on)||void 0===t?void 0:t.onSubmit)&&(null===(o=r._on)||void 0===o||o.onSubmit(e))}}};exports.propagateResetEventToForm=propagateResetEventToForm,exports.propagateSubmitEventToForm=propagateSubmitEventToForm;

package/dist/cjs/has-closer-4a50a1a9.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-03a13033.js"),validateHasCloser=(a,s)=>{prop_validators.watchBoolean(a,"_hasCloser",s)};exports.validateHasCloser=validateHasCloser;

package/dist/cjs/hide-label-a1cb05f7.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-03a13033.js"),validateHideLabel=(a,e,i={})=>{prop_validators.watchBoolean(a,"_hideLabel",e,i)};exports.validateHideLabel=validateHideLabel;

package/dist/cjs/image-source-b0d8d30d.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-03a13033.js"),validateImageSource=(a,r,e)=>{prop_validators.watchString(a,"_src",r,e)};exports.validateImageSource=validateImageSource;

package/dist/cjs/open-cebc6a39.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-03a13033.js"),validateOpen=(a,e,o)=>{prop_validators.watchBoolean(a,"_open",e,o)};exports.validateOpen=validateOpen;

package/dist/cjs/rows-a566b809.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-03a13033.js"),validateRows=(a,o)=>{prop_validators.watchNumber(a,"_rows",o,{min:1})};exports.validateRows=validateRows;

package/dist/cjs/show-ae39b465.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-03a13033.js"),validateShow=(a,o,t)=>{prop_validators.watchBoolean(a,"_show",o,t)};exports.validateShow=validateShow;

package/dist/cjs/toaster-d370fe6a.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";class ToasterService{constructor(e){this.document=e,this.toastContainerElement=this.document.createElement("kol-toast-container"),this.document.body.prepend(this.toastContainerElement)}static getInstance(e){let t=this.instances.get(e);return t||(t=new ToasterService(e),this.instances.set(e,t)),t}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):console.warn("Toaster service is already disposed.")}async enqueue(e){var t;await(null===(t=this.toastContainerElement)||void 0===t?void 0:t.enqueue(e))}}ToasterService.instances=new Map,exports.ToasterService=ToasterService;

package/dist/cjs/toaster-d370fe6a.js.map

@@ -1 +0,0 @@
-{"file":"toaster-d370fe6a.js","mappings":";;;;;MAEa,cAAc;EAK1B,YAAqC,QAAkB;IAAlB,aAAQ,GAAR,QAAQ,CAAU;IACtD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAChF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;GACvD;EAKM,OAAO,WAAW,CAAC,QAAkB;IAC3C,IAAI,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC5C,IAAI,CAAC,QAAQ,EAAE;MACd,QAAQ,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;MACxC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACvC;IACD,OAAO,QAAQ,CAAC;GAChB;EAEM,OAAO;IACb,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC;IAC3C,IAAI,OAAO,EAAE;MACZ,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;MACvC,OAAO,CAAC,MAAM,EAAE,CAAC;KACjB;SAAM;MACN,OAAO,CAAC,IAAI,CAAC,sCAAsC,CAAC,CAAC;KACrD;GACD;EAEM,MAAM,OAAO,CAAC,KAAY;;IAChC,OAAM,MAAA,IAAI,CAAC,qBAAqB,0CAAE,OAAO,CAAC,KAAK,CAAC,CAAA,CAAC;GACjD;;AAjCuB,wBAAS,GAAkC,IAAI,GAAG,EAA4B;;;;","names":[],"sources":["src/components/toast/toaster.tsx"],"sourcesContent":["import { Toast } from '../toast-container/types';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(private readonly document: Document) {\n\t\tthis.toastContainerElement = this.document.createElement('kol-toast-container');\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document) {\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tconsole.warn('Toaster service is already disposed.');\n\t\t}\n\t}\n\n\tpublic async enqueue(toast: Toast) {\n\t\tawait this.toastContainerElement?.enqueue(toast);\n\t}\n}\n"],"version":3}

package/dist/cjs/validation-aa7608b1.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const a11y_tipps=require("./a11y.tipps-15573ace.js"),prop_validators=require("./prop.validators-03a13033.js"),watchNavLinks=(t,a,s)=>{prop_validators.watchJsonArrayString(a,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),s),a11y_tipps.uiUxHintMillerscheZahl(t,a.state._links.length)};exports.watchNavLinks=watchNavLinks;

package/dist/components/component17.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{v as validateLabel}from"./label.js";import{t as setState,w as watchValidator}from"./prop.validators.js";import{d as defineCustomElement$7}from"./shadow.js";import{d as defineCustomElement$6}from"./component6.js";import{d as defineCustomElement$5}from"./component5.js";import{d as defineCustomElement$4}from"./component4.js";import{d as defineCustomElement$3}from"./component.js";import{d as defineCustomElement$2}from"./component2.js";import{d as defineCustomElement$1}from"./component3.js";const toastStatusOptions=["adding","settled","removing"],defaultStyleCss="",KolToast=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.close=()=>{var t;void 0!==(null===(t=this._on)||void 0===t?void 0:t.onClose)&&this._on.onClose(new Event("Close"))},this.on={onClose:this.close},this._label=void 0,this._on=void 0,this._status=void 0,this._type="default",this.state={_label:"...",_status:"adding"}}validateLabel(t){validateLabel(this,t)}validateOn(t){"object"!=typeof t||"function"!=typeof(null==t?void 0:t.onClose)&&!0!==t.onClose||setState(this,"_on",{onClose:t.onClose})}validateStatus(t){watchValidator(this,"_status",(t=>"string"==typeof t&&toastStatusOptions.includes(t)),new Set("String {adding, settled, removing}"),t)}validateType(t){watchValidator(this,"_type",(t=>"string"==typeof t&&("default"===t||"error"===t||"info"===t||"success"===t||"warning"===t)),new Set("String {success, info, warning, error}"),t)}componentWillLoad(){this.validateLabel(this._label),this.validateOn(this._on),this.validateStatus(this._status),this.validateType(this._type)}render(){return h("div",{class:`toast ${this.state._status}`},h("kol-alert",{class:"alert",_alert:!0,_label:this.state._label,_level:0,_hasCloser:!0,_type:this.state._type,_variant:"card",_on:this.on},h("slot",null)))}static get watchers(){return{_label:["validateLabel"],_on:["validateOn"],_status:["validateStatus"],_type:["validateType"]}}static get style(){return{default:""}}},[33,"kol-toast",{_label:[1],_on:[16],_status:[1],_type:[1],state:[32]},void 0,{_label:["validateLabel"],_on:["validateOn"],_status:["validateStatus"],_type:["validateType"]}]);function defineCustomElement(){if("undefined"==typeof customElements)return;["kol-toast","kol-alert","kol-alert-wc","kol-button-wc","kol-heading-wc","kol-icon","kol-span-wc","kol-tooltip-wc"].forEach((t=>{switch(t){case"kol-toast":customElements.get(t)||customElements.define(t,KolToast);break;case"kol-alert":customElements.get(t)||defineCustomElement$7();break;case"kol-alert-wc":customElements.get(t)||defineCustomElement$6();break;case"kol-button-wc":customElements.get(t)||defineCustomElement$5();break;case"kol-heading-wc":customElements.get(t)||defineCustomElement$4();break;case"kol-icon":customElements.get(t)||defineCustomElement$3();break;case"kol-span-wc":customElements.get(t)||defineCustomElement$2();break;case"kol-tooltip-wc":customElements.get(t)||defineCustomElement$1()}}))}export{KolToast as K,defineCustomElement as d};

package/dist/components/component17.js.map

@@ -1 +0,0 @@
-{"file":"component17.js","mappings":";;;;;;;;;;;;;;AAKO,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAU;;ACL5E,MAAM,eAAe,GAAG,EAAE;;MCmBb,QAAQ;;;;;IAmEH,UAAK,GAAG;;MACxB,IAAI,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,OAAO,MAAK,SAAS,EAAE;QACpC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;OACrC;KACD,CAAC;IAEe,OAAE,GAAG;MACrB,OAAO,EAAE,IAAI,CAAC,KAAK;KACnB,CAAC;;;;iBAxDiC,SAAS;iBAEZ;MAC/B,MAAM,EAAE,KAAK;MACb,OAAO,EAAE,QAAQ;KACjB;;EAGM,aAAa,CAAC,KAAqB;IACzC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;GAC3B;EAGM,UAAU,CAAC,KAAkC;IACnD,IAAI,OAAO,KAAK,KAAK,QAAQ,KAAK,QAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,KAAK,UAAU,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,EAAE;MAClG,QAAQ,CAA6B,IAAI,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;KAC9E;GACD;EAGM,cAAc,CAAC,MAAoB;IACzC,cAAc,CACb,IAAI,EACJ,SAAS,EACT,CAAC,MAAM,KAAK,OAAO,MAAM,KAAK,QAAQ,IAAI,kBAAkB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC7E,IAAI,GAAG,CAAC,oCAAoC,CAAC,EAC7C,MAAM,CACN,CAAC;GACF;EAGM,YAAY,CAAC,KAAiB;IACpC,cAAc,CACb,IAAI,EACJ,OAAO,EACP,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,KAAK,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,CAAC,EACpJ,IAAI,GAAG,CAAC,wCAAwC,CAAC,EACjD,KAAK,CACL,CAAC;GACF;EAEM,iBAAiB;IACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAChC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GAC9B;EAYM,MAAM;IACZ,QACC,WAAK,KAAK,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IACxC,iBAAW,KAAK,EAAC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAC,MAAM,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,IACnJ,eAAQ,CACG,CACP,EACL;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/toast-container/types.ts","src/components/toast/style.css?tag=kol-toast&mode=default&encapsulation=shadow","src/components/toast/component.tsx"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { LabelPropType } from '../../types/props/label';\nimport { AlertType } from '../alert/types';\n\nexport const toastStatusOptions = ['adding', 'settled', 'removing'] as const;\nexport type ToastStatus = (typeof toastStatusOptions)[number];\n\nexport type Toast = {\n\tdescription: string;\n\tlabel: LabelPropType;\n\ttype: AlertType;\n};\n\nexport type ToastState = {\n\ttoast: Toast;\n\tstatus: ToastStatus;\n\tid: string;\n};\n\ntype RequiredProps = NonNullable<unknown>;\ntype OptionalProps = NonNullable<unknown>;\n\ntype RequiredStates = RequiredProps & {\n\ttoastStates: ToastState[];\n};\ntype OptionalStates = OptionalProps;\n\nexport type States = Generic.Element.Members<RequiredStates, OptionalStates>;\nexport type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;\n","/* Placeholder file to allow theme styles to be applied. */\n","import { Component, h, JSX, Prop, State, Watch } from '@stencil/core';\n\nimport { LabelPropType, validateLabel } from '../../types/props/label';\nimport { KoliBriToastEventCallbacks } from '../../types/toast';\nimport { setState, watchValidator } from '../../utils/prop.validators';\nimport { AlertType } from '../alert/types';\nimport { ToastStatus, toastStatusOptions } from '../toast-container/types';\nimport { API, States } from './types';\n\n/**\n * @slot - Der Inhalt der Meldung.\n */\n@Component({\n\ttag: 'kol-toast',\n\tshadow: true,\n\tstyleUrls: {\n\t\tdefault: './style.css',\n\t},\n})\nexport class KolToast implements API {\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label!: LabelPropType;\n\n\t/**\n\t * Defines the event callback functions for the component.\n\t */\n\t@Prop() public _on?: KoliBriToastEventCallbacks;\n\n\t/**\n\t * Defines the current toast status.\n\t */\n\t@Prop() public _status!: ToastStatus;\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: AlertType = 'default';\n\n\t@State() public state: States = {\n\t\t_label: '...',\n\t\t_status: 'adding',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: KoliBriToastEventCallbacks): void {\n\t\tif (typeof value === 'object' && (typeof value?.onClose === 'function' || value.onClose === true)) {\n\t\t\tsetState<KoliBriToastEventCallbacks>(this, '_on', { onClose: value.onClose });\n\t\t}\n\t}\n\n\t@Watch('_status')\n\tpublic validateStatus(status?: ToastStatus): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_status',\n\t\t\t(status) => typeof status === 'string' && toastStatusOptions.includes(status),\n\t\t\tnew Set('String {adding, settled, removing}'),\n\t\t\tstatus\n\t\t);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: AlertType): void {\n\t\twatchValidator(\n\t\t\tthis,\n\t\t\t'_type',\n\t\t\t(value) => typeof value === 'string' && (value === 'default' || value === 'error' || value === 'info' || value === 'success' || value === 'warning'),\n\t\t\tnew Set('String {success, info, warning, error}'),\n\t\t\tvalue\n\t\t);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateStatus(this._status);\n\t\tthis.validateType(this._type);\n\t}\n\n\tprivate readonly close = () => {\n\t\tif (this._on?.onClose !== undefined) {\n\t\t\tthis._on.onClose(new Event('Close'));\n\t\t}\n\t};\n\n\tprivate readonly on = {\n\t\tonClose: this.close,\n\t};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<div class={`toast ${this.state._status}`}>\n\t\t\t\t<kol-alert class=\"alert\" _alert={true} _label={this.state._label} _level={0} _hasCloser={true} _type={this.state._type} _variant=\"card\" _on={this.on}>\n\t\t\t\t\t<slot />\n\t\t\t\t</kol-alert>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/toaster-2dda6584.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-class ToasterService{constructor(e){this.document=e,this.toastContainerElement=this.document.createElement("kol-toast-container"),this.document.body.prepend(this.toastContainerElement)}static getInstance(e){let t=this.instances.get(e);return t||(t=new ToasterService(e),this.instances.set(e,t)),t}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):console.warn("Toaster service is already disposed.")}async enqueue(e){var t;await(null===(t=this.toastContainerElement)||void 0===t?void 0:t.enqueue(e))}}ToasterService.instances=new Map;export{ToasterService as T};

package/dist/esm/toaster-2dda6584.js.map

@@ -1 +0,0 @@
-{"file":"toaster-2dda6584.js","mappings":";;;MAEa,cAAc;EAK1B,YAAqC,QAAkB;IAAlB,aAAQ,GAAR,QAAQ,CAAU;IACtD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAChF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;GACvD;EAKM,OAAO,WAAW,CAAC,QAAkB;IAC3C,IAAI,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC5C,IAAI,CAAC,QAAQ,EAAE;MACd,QAAQ,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;MACxC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACvC;IACD,OAAO,QAAQ,CAAC;GAChB;EAEM,OAAO;IACb,MAAM,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC;IAC3C,IAAI,OAAO,EAAE;MACZ,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;MACvC,OAAO,CAAC,MAAM,EAAE,CAAC;KACjB;SAAM;MACN,OAAO,CAAC,IAAI,CAAC,sCAAsC,CAAC,CAAC;KACrD;GACD;EAEM,MAAM,OAAO,CAAC,KAAY;;IAChC,OAAM,MAAA,IAAI,CAAC,qBAAqB,0CAAE,OAAO,CAAC,KAAK,CAAC,CAAA,CAAC;GACjD;;AAjCuB,wBAAS,GAAkC,IAAI,GAAG,EAA4B;;;;","names":[],"sources":["src/components/toast/toaster.tsx"],"sourcesContent":["import { Toast } from '../toast-container/types';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(private readonly document: Document) {\n\t\tthis.toastContainerElement = this.document.createElement('kol-toast-container');\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document) {\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tconsole.warn('Toaster service is already disposed.');\n\t\t}\n\t}\n\n\tpublic async enqueue(toast: Toast) {\n\t\tawait this.toastContainerElement?.enqueue(toast);\n\t}\n}\n"],"version":3}

package/dist/esm/validation-38697a36.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{w as watchValidator}from"./prop.validators-704b3c58.js";const watchHeadingLevel=(e,a)=>{watchValidator(e,"_level",(e=>"number"==typeof e&&0<=e&&e<=6),new Set(["Number {0, 1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};export{watchHeadingLevel as w};

package/dist/esm/validation-740d162d.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{c as uiUxHintMillerscheZahl}from"./a11y.tipps-f9fe8130.js";import{c as watchJsonArrayString}from"./prop.validators-704b3c58.js";const watchNavLinks=(t,s,a)=>{watchJsonArrayString(s,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),a),uiUxHintMillerscheZahl(t,s.state._links.length)};export{watchNavLinks as w};

package/dist/kolibri/align-f5baaca9.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{v as a}from"./alignment-ccf0822b.js";const n=(n,o)=>{a(n,"_align",o)};export{n as v};

package/dist/kolibri/alignment-ccf0822b.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{w as t}from"./prop.validators-704b3c58.js";const o=new Set(['"left", "right"']),e=new Set(['"bottom", "top"']),s=new Set([...o,...e]),n=(o,e,p)=>{t(o,e,(t=>"bottom"===t||"left"===t||"right"===t||"top"===t),s,p,{defaultValue:"top"})};export{n as v};

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

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as o}from"./index-536799d5.js";import{r as s}from"./index-23225963.js";import{L as t}from"./dev.utils-3aaea35b.js";import{p as e}from"./reuse-b3566e4c.js";import{s as i,g as a}from"./index-3822b0c5.js";const r=async()=>{o((o=>(o.shadowRoot instanceof ShadowRoot&&i(o,a(o)),"default"))),await s([],[]),import("./devtools-12d4969e.js").then((o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()})).catch((o=>{t.error(o)})),e&&import("./index-e51de689.js")},f=r;export{f as g};

package/dist/kolibri/controller-0ef19f0b.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{I as t,v as e}from"./controller-c1e12c57.js";import{c as s,a as i,w as o,m as r,s as a}from"./prop.validators-704b3c58.js";import{h as n,c as h}from"./label-356cfbae.js";import{a as l}from"./a11y.tipps-f9fe8130.js";import{S as f}from"./reuse-b3566e4c.js";const c=e=>{if("object"==typeof e&&null!==e){if("string"==typeof e.label&&e.label.length>0)return e.disabled=!0===e.disabled,e.label=`${e.label}`.trim(),!1===n(e.label,3)&&!1===h(e.label)&&l(`Ein abweichendes Aria-Label (${e.label}) ist nicht barrierefrei. Ein abweichendes Aria-Label sollte aus mindestens drei lesbaren Zeichen bestehen.`),!Array.isArray(e.options)||void 0===e.options.find((e=>!1===c(e)));if("number"==typeof e.label)return!0}return!1},u=(e,t,o={})=>{s(e,"_options",(e=>"object"==typeof e&&null!==e&&"string"==typeof e.label&&e.label.length>0),t,void 0,o)},p=(e,t,o={})=>{s(e,"_options",c,t,void 0,o)},d=(e,t)=>{i(e,"_required",t)},m=(e,t,o="")=>{t.forEach(((t,i)=>{const s=`${o}-${i}`;"object"==typeof t&&null!==t&&"string"==typeof t.label&&t.label.length>0&&(Array.isArray(t.options)?m(e,t.options,s):e.set(s,t))}))};class b extends t{constructor(e,t,o){super(e,t,o),this.component=e}validateHideError(t){e(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&l("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateRequired(e){d(this.component,e)}componentWillLoad(){super.componentWillLoad(),this.validateRequired(this.component._required)}}class v extends b{constructor(e,t,o){super(e,t,o),this.keyOptionMap=new Map,this.getOptionByKey=e=>this.keyOptionMap.get(e),this.isValueInOptions=(e,t)=>void 0!==t.find((t=>t.value===e)),this.beforePatchOptions=(e,t)=>{const o=t.has("_options")?t.get("_options"):this.component.state._options;if(Array.isArray(o)&&o.length>0){this.keyOptionMap.clear(),m(this.keyOptionMap,o);const e=t.has("_value")?t.get("_value"):this.component.state._value;if(!1===this.isValueInOptions(e,o)){const e=o[0].value;t.set("_value",e),this.onStateChange()}}},this.component=e}validateOrientation(e){o(this.component,"_orientation",(e=>"horizontal"===e||"vertical"===e),new Set(["Orientation {horizontal, vertical}"]),e,{defaultValue:"vertical"})}validateOptions(e){u(this.component,e,{hooks:{beforePatch:this.beforePatchOptions}})}validateValue(e){e=r(e),e=Array.isArray(e)?e[0]:e,a(this.component,"_value",e,{beforePatch:this.beforePatchOptions}),this.setFormAssociatedValue(this.component._value)}componentWillLoad(e){super.componentWillLoad(),this.onStateChange=()=>{if("function"==typeof e){const t=setTimeout((()=>{clearTimeout(t),e(f)}))}},this.validateOrientation(this.component._orientation),this.validateOptions(this.component._options||this.component._list),this.validateHideError(this.component._hideError),this.validateValue(this.component._value)}}export{b as I,v as a,m as f,p as v};

package/dist/kolibri/controller-a62420aa.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{a as t,w as s,e,d as i}from"./prop.validators-704b3c58.js";import{v as h}from"./controller-c1e12c57.js";import{a}from"./a11y.tipps-f9fe8130.js";import{I as o}from"./controller-icon-15155d15.js";const r=(e,o)=>{t(e,"_hasCounter",o)};class n extends o{constructor(t,e,o){super(t,e,o),this.component=t}validateAutoComplete(t){s(this.component,"_autoComplete",(t=>"string"==typeof t&&("on"===t||"off"===t)),new Set(["on | off"]),t)}validateHasCounter(t){r(this.component,t)}validateHideError(t){h(this.component,t,{hooks:{afterPatch:()=>{this.component.state._hideError&&a("Property hide-error for inputs: Only use when the error message is shown outside of the input component.")}}})}validateMaxLength(t){e(this.component,"_maxLength",t,{min:0})}validatePattern(t){i(this.component,"_pattern",t)}validatePlaceholder(t){i(this.component,"_placeholder",t)}validateReadOnly(e){t(this.component,"_readOnly",e)}validateRequired(e){t(this.component,"_required",e)}validateSize(t){e(this.component,"_size",t,{min:1})}validateValue(t){i(this.component,"_value",t),this.setFormAssociatedValue(this.component.state._value)}componentWillLoad(){super.componentWillLoad(),this.validateAutoComplete(this.component._autoComplete),this.validateHasCounter(this.component._hasCounter),this.validateHideError(this.component._hideError),this.validateMaxLength(this.component._maxLength),this.validatePattern(this.component._pattern),this.validatePlaceholder(this.component._placeholder),this.validateReadOnly(this.component._readOnly),this.validateRequired(this.component._required),this.validateSize(this.component._size),this.validateValue(this.component._value)}onBlur(t){this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:this.placeholderCache}),this.placeholderCache=void 0,super.onBlur(t)}onFocus(t){this.placeholderCache=this.component.state._placeholder,this.component.state=Object.assign(Object.assign({},this.component.state),{_placeholder:void 0}),super.onFocus(t)}}export{n as I,r as v};