npm - @public-ui/components - Versions diffs - 3.0.0-rc.8 → 3.0.0-rc.9 - Mend

@public-ui/components 3.0.0-rc.8 → 3.0.0-rc.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (429) hide show

package/dist/types/schema/components/select.d.ts CHANGED Viewed

@@ -1,15 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropOptionsWithOptgroup, PropRequired, PropRows, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, KoliBriHorizontalIcons, SelectOption, Stringified, W3CInputValue } from '../types';
-type RequiredProps = PropLabelWithExpertSlot;
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropMultiple, PropName, PropOptionsWithOptgroup, PropRequired, PropRows, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, KoliBriHIcons, SelectOption, Stringified, W3CInputValue } from '../types';
+type RequiredProps = PropLabelWithExpertSlot & PropOptionsWithOptgroup;
 type OptionalProps = {
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     tabIndex: number;
     value: Stringified<W3CInputValue[]>;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropMultiple & PropName & PropOptionsWithOptgroup & PropRequired & PropRows & PropShortKey & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropMultiple & PropName & PropRequired & PropRows & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
     options: SelectOption<W3CInputValue>[];
@@ -17,10 +16,9 @@ type RequiredStates = {
 } & PropId & PropHideMsg & PropMultiple & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     on: InputTypeOnDefault;
     tabIndex: number;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropId & PropName & PropRequired & PropRows & PropMsg & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropId & PropName & PropRequired & PropRows & PropMsg & PropShortKey & PropTouched;
 export type SelectProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type SelectStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type SelectWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

package/dist/types/schema/components/single-select.d.ts CHANGED Viewed

@@ -1,26 +1,24 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropOptions, PropShortKey, PropAccessKey } from '../props';
-import type { InputTypeOnDefault, KoliBriHorizontalIcons, Option, StencilUnknown, Stringified } from '../types';
+import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropOptions, PropRequired, PropShortKey, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, KoliBriHIcons, Option, StencilUnknown, Stringified } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropOptions;
 type OptionalProps = {
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     placeholder: string;
     value: StencilUnknown;
     hideClearButton: boolean;
-} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
 type RequiredStates = {
     options: Option<StencilUnknown>[];
 } & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     on: InputTypeOnDefault;
     placeholder: string;
     hideClearButton: boolean;
-} & PropAccessKey & PropDisabled & PropHideLabel & PropId & PropName & PropRequired & PropMsg & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropId & PropName & PropRequired & PropMsg & PropShortKey & PropTouched;
 export type SingleSelectProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type SingleSelectStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type SingleSelectWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

package/dist/types/schema/components/textarea.d.ts CHANGED Viewed

@@ -1,19 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropAdjustHeight, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropShortKey, PropSpellCheck, PropSyncValueBySelector, PropTouched } from '../props';
-import type { InputTypeOnDefault, KoliBriHorizontalIcons, Stringified } from '../types';
+import type { MsgPropType, PropAccessKey, PropAdjustHeight, PropDisabled, PropHasCounter, PropHideLabel, PropHideMsg, PropHorizontalIcons, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropShortKey, PropSpellCheck, PropSyncValueBySelector, PropTouched } from '../props';
+import type { InputTypeOnDefault, KoliBriHIcons, Stringified } from '../types';
 export declare const cssResizeOptions: readonly ["vertical", "none"];
 export type CSSResize = (typeof cssResizeOptions)[number];
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     maxLength: number;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     placeholder: string;
     resize: CSSResize;
     value: string;
-} & PropAccessKey & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropHorizontalIcons & PropId & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     adjustHeight: boolean;
     currentLength: number;
@@ -22,12 +21,11 @@ type RequiredStates = {
 } & PropAdjustHeight & PropHideMsg & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
     hint: string;
-    icons: KoliBriHorizontalIcons;
     maxLength: number;
     on: InputTypeOnDefault;
     placeholder: string;
     value: string;
-} & PropAccessKey & PropDisabled & PropHasCounter & PropHideLabel & PropMsg & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropTouched;
+} & PropAccessKey & PropDisabled & PropHasCounter & PropHideLabel & KoliBriHIcons & PropMsg & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropTouched;
 export type TextareaProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TextareaStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TextareaWatches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

package/dist/types/schema/props/icons.d.ts CHANGED Viewed

@@ -1,11 +1,15 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { KoliBriIconsProp, KoliBriIconsState } from '../types';
+import type { KoliBriHorizontalIconsProp, KoliBriIconsProp, KoliBriIconsState } from '../types';
 import type { Stringified } from '../types/common';
 import type { WatchOptions } from '../utils';
 export type IconsPropType = Stringified<KoliBriIconsProp>;
+export type IconsHorizontalPropType = Stringified<KoliBriHorizontalIconsProp>;
 export type PropIcons = {
     icons: IconsPropType;
 };
+export type PropHorizontalIcons = {
+    icons: IconsHorizontalPropType;
+};
 export declare const mapIconProp2State: (icon: KoliBriIconsProp) => KoliBriIconsState;
 export declare const isIcon: (value?: unknown) => boolean;
 export declare const validateIcons: (component: Generic.Element.Component, value?: IconsPropType, options?: WatchOptions) => void;

package/dist/types/schema/types/icons.d.ts CHANGED Viewed

@@ -13,7 +13,11 @@ type KoliBriVerticalIcons = {
     top?: IconOrIconClass;
     bottom?: IconOrIconClass;
 };
+export type KoliBriHIcons = {
+    icons?: KoliBriHorizontalIcons;
+};
 export type KoliBriAllIcons = KoliBriHorizontalIcons & KoliBriVerticalIcons;
 export type KoliBriIconsProp = AnyIconFontClass | KoliBriAllIcons;
+export type KoliBriHorizontalIconsProp = AnyIconFontClass | KoliBriHorizontalIcons;
 export type KoliBriIconsState = KoliBriAllIcons;
 export {};

package/dist/types/schema/types/input/control/number.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { Stringified } from '../../common';
-import type { KoliBriHorizontalIcons } from '../../icons';
+import type { PropHorizontalIcons } from '../../../props';
 import type { ButtonProps } from '../../../components';
 import type { InputTypeOnDefault, InputTypeOnOff } from '../types';
 export declare const inputDateTypeOptions: readonly ["date", "datetime-local", "month", "time", "week"];
@@ -10,7 +10,6 @@ export type OptionalInputProps<T> = {
     disabled: boolean;
     hideLabel: boolean;
     hint: string;
-    icons: Stringified<KoliBriHorizontalIcons>;
     max: T;
     min: T;
     name: string;
@@ -21,4 +20,4 @@ export type OptionalInputProps<T> = {
     step: number;
     touched: boolean;
     value: T | null;
-};
+} & PropHorizontalIcons;

package/doc/select.md CHANGED Viewed

@@ -5,28 +5,28 @@
 ## Properties
-| Property              | Attribute        | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                                                                                                        | Default     |
-| --------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`          | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `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`     |
-| `_hideMsg`            | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
-| `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `''`        |
-| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                              | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                     | `undefined` |
-| `_id`                 | `_id`            | Defines the internal ID of the primary component element.                                                                                                    | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_label` _(required)_ | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `string`                                                                                                                                                                                                                                                                                                                                                                                    | `undefined` |
-| `_msg`                | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                            | `string` \| `undefined` \| `{} & { _level?: 0` \| `2` \| `1` \| `4` \| `3` \| `5` \| `6` \| `undefined; _on?: KoliBriAlertEventCallbacks` \| `undefined; _type?: "default"` \| `"info"` \| `"success"` \| `"warning"` \| `"error"` \| `undefined; _variant?: "card"` \| `"msg"` \| `undefined; _label?: string` \| `undefined; _alert?: boolean` \| `undefined; _hasCloser?: boolean` \| `undefined; } & { _description: string; }` | `undefined` |
-| `_multiple`           | `_multiple`      | Makes the input accept multiple inputs.                                                                                                                      | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
-| `_name`               | `_name`          | Defines the technical name of an input field.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_on`                 | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput` \| `undefined`                                                                                                                                                                                                                                                                                 | `undefined` |
-| `_options`            | `_options`       | Options the user can choose from, also supporting Optgroup.                                                                                                  | `(Option<StencilUnknown>` \| `Optgroup<StencilUnknown>)[]` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                             | `undefined` |
-| `_required`           | `_required`      | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
-| `_rows`               | `_rows`          | Defines how many rows of options should be visible at the same time.                                                                                         | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_shortKey`           | `_short-key`     | Adds a visual short key hint to the component.                                                                                                               | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_tabIndex`           | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)             | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
-| `_tooltipAlign`       | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                       | `'top'`     |
-| `_touched`            | `_touched`       | Shows if the input was touched by a user.                                                                                                                    | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
-| `_value`              | `_value`         | Defines the value of the input.                                                                                                                              | `W3CInputValue[]` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                    | `undefined` |
+| Property                | Attribute        | Description                                                                                                                                                  | Type                                                                                                                                                                                                                                                                                                                                                                                        | Default     |
+| ----------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`            | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                      | `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`     |
+| `_hideMsg`              | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                           | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_hint`                 | `_hint`          | Defines the hint text.                                                                                                                                       | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `''`        |
+| `_icons`                | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                              | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                     | `undefined` |
+| `_id`                   | `_id`            | Defines the internal ID of the primary component element.                                                                                                    | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_label` _(required)_   | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `string`                                                                                                                                                                                                                                                                                                                                                                                    | `undefined` |
+| `_msg`                  | `_msg`           | Defines the properties for a message rendered as Alert component.                                                                                            | `string` \| `undefined` \| `{} & { _level?: 0` \| `2` \| `1` \| `4` \| `3` \| `5` \| `6` \| `undefined; _on?: KoliBriAlertEventCallbacks` \| `undefined; _type?: "default"` \| `"info"` \| `"success"` \| `"warning"` \| `"error"` \| `undefined; _variant?: "card"` \| `"msg"` \| `undefined; _label?: string` \| `undefined; _alert?: boolean` \| `undefined; _hasCloser?: boolean` \| `undefined; } & { _description: string; }` | `undefined` |
+| `_multiple`             | `_multiple`      | Makes the input accept multiple inputs.                                                                                                                      | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_name`                 | `_name`          | Defines the technical name of an input field.                                                                                                                | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_on`                   | --               | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                    | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput` \| `undefined`                                                                                                                                                                                                                                                                                 | `undefined` |
+| `_options` _(required)_ | `_options`       | Options the user can choose from, also supporting Optgroup.                                                                                                  | `(Option<StencilUnknown>` \| `Optgroup<StencilUnknown>)[]` \| `string`                                                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_required`             | `_required`      | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_rows`                 | `_rows`          | Defines how many rows of options should be visible at the same time.                                                                                         | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_shortKey`             | `_short-key`     | Adds a visual short key hint to the component.                                                                                                               | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_tabIndex`             | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)             | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined` |
+| `_tooltipAlign`         | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                                                                                                                                                       | `'top'`     |
+| `_touched`              | `_touched`       | Shows if the input was touched by a user.                                                                                                                    | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`     |
+| `_value`                | `_value`         | Defines the value of the input.                                                                                                                              | `W3CInputValue[]` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                    | `undefined` |
 ## Methods

package/doc/textarea.md CHANGED Viewed

@@ -14,7 +14,7 @@
 | `_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`      |
 | `_hideMsg`            | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                                                                                                                                                                 | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
 | `_hint`               | `_hint`          | Defines the hint text.                                                                                                                                                                                                                                                                             | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `''`         |
-| `_icons`              | --               | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                    | `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                               | `undefined`  |
+| `_icons`              | `_icons`         | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                                                                                                                                    | `string` \| `undefined` \| `{ right?: IconOrIconClass` \| `undefined; left?: IconOrIconClass` \| `undefined; }`                                                                                                                                                                                                                                                                                     | `undefined`  |
 | `_id`                 | `_id`            | Defines the internal ID of the primary component element.                                                                                                                                                                                                                                          | `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |
 | `_label` _(required)_ | `_label`         | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                    | `undefined`  |
 | `_maxLength`          | `_max-length`    | Defines the maximum number of input characters.                                                                                                                                                                                                                                                    | `number` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                       | `undefined`  |

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.0-rc.8",
+  "version": "3.0.0-rc.9",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {

package/vscode-custom-data.json CHANGED Viewed

@@ -3729,6 +3729,10 @@
           "name": "_hint",
           "description": "Defines the hint text."
         },
+        {
+          "name": "_icons",
+          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
+        },
         {
           "name": "_id",
           "description": "Defines the internal ID of the primary component element."

package/dist/cjs/controller-icon-f083fb87.js DELETED Viewed

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const index=require("./index-f59a950a.js"),InternalUnderlinedBadgeText=require("./InternalUnderlinedBadgeText-389620e7.js"),isObject=require("./isObject-6090b636.js"),tslib_es6=require("./tslib.es6-5e301284.js"),componentNames=require("./component-names-82c4d68d.js"),Icon=require("./Icon-8867e73b.js"),clsx=require("./clsx-dd4d6dd1.js"),getRenderStates=require("./getRenderStates-ccd7c1d9.js"),icons=require("./icons-c0c89cbb.js"),prop_validators=require("./prop.validators-3c86f8eb.js"),common=require("./common-1ab929ac.js"),InputAdornment=(n,t)=>{var{position:e="start",class:o}=n,s=tslib_es6.__rest(n,["position","class"]);const i="kol-input-container__adornment",c=`${i}--${e}`;return index.h("div",Object.assign({class:clsx.clsx(i,c,o)},s),t)},InputAdornment$1=InputAdornment;function hasItems(n){return!!n&&(Array.isArray(n)?n.length>0:Boolean(n))}const Container=(n,t)=>{var{class:e}=n,o=tslib_es6.__rest(n,["class"]);return index.h("div",Object.assign({class:clsx.clsx("kol-input-container__container",e)},o),t)},KolInputContainerFc$1=(n,t)=>{const{class:e,startAdornment:o,endAdornment:s,disabled:i,msg:c,touched:r,containerProps:a,startAdornmentProps:l,endAdornmentProps:d}=n,u=tslib_es6.__rest(n,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),p=getRenderStates.checkHasMsg(c,r),b={"kol-input-container--disabled":i,[`kol-input-container--${(null==c?void 0:c.type)||"error"}`]:p},m=Object.assign({class:clsx.clsx("kol-input-container",b,e)},u);return hasItems(o)||hasItems(s)?index.h("div",Object.assign({},m),index.h(InputAdornment$1,Object.assign({},l,{position:"start"}),o),index.h(Container,Object.assign({},a),t),index.h(InputAdornment$1,Object.assign({},d,{position:"end"}),s)):index.h("div",Object.assign({},m),index.h(Container,Object.assign({},a),t))},KolInputContainerFc$2=KolInputContainerFc$1,KolButtonFc=n=>{const{label:t,icons:e,hideLabel:o,disabled:s,onClick:i}=n,c=tslib_es6.__rest(n,["label","icons","hideLabel","disabled","onClick"]);return index.h(componentNames.KolButtonWcTag,Object.assign({_label:t,_disabled:s,_icons:e,_hideLabel:o,_on:{onClick:i}},c))},KolButtonFc$1=KolButtonFc,KolIconButtonFc=n=>{const{componentName:t="button",label:e,icon:o,onClick:s}=n,i=tslib_es6.__rest(n,["componentName","label","icon","onClick"]),c="button"===t?KolButtonFc$1:Icon.KolIconFc;return index.h(c,Object.assign({label:e||"",hideLabel:!0,icons:`codicon codicon-${o}`,onClick:s},i))},KolIconButtonFc$1=KolIconButtonFc;function getInputContainerProps(n){let t,e;return"_icons"in n&&(t=n._icons),"_smartButton"in n&&(e=n._smartButton),{icons:t,smartButton:e,disabled:n._disabled,msg:getRenderStates.convertMsgToInternMsg(n._msg),touched:n._touched}}const InputContainerStateWrapperFc=({state:n,endAdornment:t},e)=>{const{icons:o,smartButton:s,disabled:i,msg:c,touched:r}=getInputContainerProps(n);let a=null==o?void 0:o.left;InternalUnderlinedBadgeText.isString(a)&&(a={icon:a});let l=null==o?void 0:o.right;InternalUnderlinedBadgeText.isString(l)&&(l={icon:l});const d=[],u=[];return t&&(Array.isArray(t)?u.push(...t):u.push(t)),a&&d.push(index.h(KolIconButtonFc$1,Object.assign({componentName:"icon",class:"kol-input-container__icon"},isObject.isObject(a)?a:{}))),isObject.isObject(s)&&u.push(index.h(KolIconButtonFc$1,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},s,{hideLabel:!0,disabled:i}))),l&&u.push(index.h(KolIconButtonFc$1,Object.assign({componentName:"icon",class:"kol-input-container__icon"},isObject.isObject(l)?l:{}))),index.h(KolInputContainerFc$2,{disabled:i,msg:c,touched:r,startAdornment:d,endAdornment:u},e)},KolInputContainerFc=InputContainerStateWrapperFc,beforePatchIcons=(n,t)=>{const e=n;"object"==typeof e&&null!==e&&(common.isString(e.right,1)&&(e.right={icon:e.right}),common.isString(e.left,1)&&(e.left={icon:e.left}),t.set("_icons",e))};class InputIconController extends getRenderStates.InputController{constructor(n,t,e){super(n,t,e),this.component=n}validateIcons(n){prop_validators.objectObjectHandler(n,(()=>{try{n=prop_validators.parseJson(n)}catch(n){}prop_validators.watchValidator(this.component,"_icons",(n=>"object"==typeof n&&null!==n&&(common.isString(n.left,1)||icons.isIcon(n.left)||common.isString(n.right,1)||icons.isIcon(n.right))),new Set(["KoliBriHorizontalIcon"]),n,{hooks:{beforePatch:beforePatchIcons},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}exports.InputIconController=InputIconController,exports.KolIconButtonFc=KolIconButtonFc$1,exports.KolInputContainerFc=KolInputContainerFc;

package/dist/cjs/controller-icon-f083fb87.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"controller-icon-f083fb87.js","mappings":"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","names":["h","clsx","KolInputContainerFc","checkHasMsg","InputAdornment","KolButtonWcTag","KolButtonFc","KolIconFc","convertMsgToInternMsg","isString","KolIconButtonFc","isObject","InputController","objectObjectHandler","parseJson","watchValidator","isIcon"],"sources":["src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx","src/components/@deprecated/input/controller-icon.ts"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport InputAdornment from '../InputAdornment';\nimport { checkHasMsg, type InternMsgPropType } from '../../schema';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst showMsg = checkHasMsg(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { InternalButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<InternalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolButtonFc, { type ButtonProps } from '../Button';\nimport KolIconFc, { type IconProps } from '../Icon';\n\ntype IconType = Partial<Omit<IconProps, 'icons'>> & {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`KolIconFc`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The name of the icon (e.g., \"home\", \"edit\") or the Codicon class used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : KolIconFc;\n\n\treturn <Component label={label || ''} hideLabel icons={`codicon codicon-${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { InternMsgPropType } from '../../schema';\nimport {\n\ttype ButtonProps,\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype KoliBriHorizontalIcons,\n\ttype TextareaStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport { isObject, isString } from 'lodash-es';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: ButtonProps;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: ButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = ({ state, endAdornment: defaultEndAdornment }, children) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tstartAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(\n\t\t\t<KolIconButtonFc componentName=\"button\" class=\"kol-input-container__smart-button\" {...smartButton} hideLabel={true} disabled={disabled} />,\n\t\t);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(rightIconProps) ? rightIconProps : {})} />);\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { KoliBriHorizontalIcons, Stringified } from '../../../schema';\nimport { isIcon, isString, objectObjectHandler, parseJson, watchValidator } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nconst beforePatchIcons = (value: unknown, nextState: Map<string, unknown>): void => {\n\tconst icons = value as KoliBriHorizontalIcons;\n\tif (typeof icons === 'object' && icons !== null) {\n\t\tif (isString(icons.right, 1)) {\n\t\t\ticons.right = { icon: icons.right as string };\n\t\t}\n\t\tif (isString(icons.left, 1)) {\n\t\t\ticons.left = { icon: icons.left as string };\n\t\t}\n\t\tnextState.set('_icons', icons);\n\t}\n};\n\nexport class InputIconController extends InputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriHorizontalIcons>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\twatchValidator(\n\t\t\t\tthis.component,\n\t\t\t\t'_icons',\n\t\t\t\t(value): boolean => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\ttypeof value === 'object' && value !== null && (isString(value.left, 1) || isIcon(value.left) || isString(value.right, 1) || isIcon(value.right))\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tnew Set(['KoliBriHorizontalIcon']),\n\t\t\t\tvalue,\n\t\t\t\t{\n\t\t\t\t\thooks: {\n\t\t\t\t\t\tbeforePatch: beforePatchIcons,\n\t\t\t\t\t},\n\t\t\t\t\trequired: true,\n\t\t\t\t},\n\t\t\t);\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateIcons(this.component._icons);\n\t}\n}\n"],"version":3}

package/dist/cjs/icons-c0c89cbb.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"icons-c0c89cbb.js","mappings":"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","names":["isObject","isString","isStyle","objectObjectHandler","parseJson","watchValidator"],"sources":["src/schema/props/icons.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { AnyIconFontClass, KoliBriCustomIcon, KoliBriIconsProp, KoliBriIconsState } from '../types';\nimport type { Stringified } from '../types/common';\nimport type { WatchOptions } from '../utils';\nimport { objectObjectHandler, parseJson, watchValidator } from '../utils';\nimport { isObject, isString, isStyle } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type IconsPropType = Stringified<KoliBriIconsProp>;\n\n/**\n * Defines the icon classnames.\n */\nexport type PropIcons = {\n\ticons: IconsPropType;\n};\n\n/* validator */\n\nconst mapCustomIcon = (state: KoliBriIconsState, alignment: AlignPropType, icon?: AnyIconFontClass | KoliBriCustomIcon) => {\n\tif (isObject(icon)) {\n\t\tstate[alignment] = icon as KoliBriCustomIcon;\n\t} else if (isString(icon, 1)) {\n\t\tstate[alignment] = {\n\t\t\ticon: icon as AnyIconFontClass,\n\t\t};\n\t}\n};\n\nexport const mapIconProp2State = (icon: KoliBriIconsProp): KoliBriIconsState => {\n\tlet state: KoliBriIconsState = {};\n\tif (isString(icon, 1)) {\n\t\tstate = {\n\t\t\tleft: {\n\t\t\t\ticon: icon as AnyIconFontClass,\n\t\t\t},\n\t\t};\n\t} else if (typeof icon === 'object' && icon !== null) {\n\t\tmapCustomIcon(state, 'top', icon.top);\n\t\tmapCustomIcon(state, 'right', icon.right);\n\t\tmapCustomIcon(state, 'bottom', icon.bottom);\n\t\tmapCustomIcon(state, 'left', icon.left);\n\t}\n\treturn state;\n};\n\nconst beforePatchIcon = (component: Generic.Element.Component): void => {\n\tif (component.nextState?.has('_icons')) {\n\t\tconst icons = component.nextState?.get('_icons') as KoliBriIconsProp;\n\t\tcomponent.nextState?.set('_icons', mapIconProp2State(icons));\n\t}\n};\n\nexport const isIcon = (value?: unknown): boolean =>\n\ttypeof value === 'object' &&\n\tvalue !== null &&\n\t(typeof (value as KoliBriCustomIcon).style === 'undefined' || isStyle((value as KoliBriCustomIcon).style)) &&\n\t(typeof (value as KoliBriCustomIcon).label === 'undefined' || isString((value as KoliBriCustomIcon).label)) &&\n\tisString((value as KoliBriCustomIcon).icon, 1);\n\nexport const validateIcons = (component: Generic.Element.Component, value?: IconsPropType, options: WatchOptions = {}): void => {\n\tobjectObjectHandler(value, () => {\n\t\ttry {\n\t\t\tvalue = parseJson<KoliBriIconsProp>(value as string);\n\t\t} catch (e) {\n\t\t\t// value behält den ursprünglichen Wert\n\t\t}\n\t\twatchValidator(\n\t\t\tcomponent,\n\t\t\t'_icons',\n\t\t\t(value): boolean => {\n\t\t\t\tconst valueIsEmptyObject = typeof value === 'object' && value !== null && Object.keys(value).length === 0;\n\t\t\t\treturn (\n\t\t\t\t\tvalue === null ||\n\t\t\t\t\tvalueIsEmptyObject ||\n\t\t\t\t\tisString(value, 1) ||\n\t\t\t\t\t(typeof value === 'object' &&\n\t\t\t\t\t\tvalue !== null &&\n\t\t\t\t\t\t(isString(value.left, 1) ||\n\t\t\t\t\t\t\tisIcon(value.left) ||\n\t\t\t\t\t\t\tisString(value.right, 1) ||\n\t\t\t\t\t\t\tisIcon(value.right) ||\n\t\t\t\t\t\t\tisString(value.top, 1) ||\n\t\t\t\t\t\t\tisIcon(value.top) ||\n\t\t\t\t\t\t\tisString(value.bottom, 1) ||\n\t\t\t\t\t\t\tisIcon(value.bottom)))\n\t\t\t\t);\n\t\t\t},\n\t\t\tnew Set(['KoliBriIcon']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\t...options,\n\t\t\t\tdefaultValue: {},\n\t\t\t\thooks: {\n\t\t\t\t\tafterPatch: options.hooks?.afterPatch,\n\t\t\t\t\tbeforePatch: (nextValue, nextState, component, key) => {\n\t\t\t\t\t\tif (typeof options.hooks?.beforePatch === 'function') {\n\t\t\t\t\t\t\toptions.hooks?.beforePatch(nextValue, nextState, component, key);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbeforePatchIcon(component);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t});\n};\n"],"version":3}

package/dist/esm/controller-icon-14449b07.js DELETED Viewed

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h}from"./index-ed1aff4f.js";import{i as isString}from"./InternalUnderlinedBadgeText-4e102a41.js";import{i as isObject}from"./isObject-ffcbbb76.js";import{_ as __rest}from"./tslib.es6-1173d062.js";import{a as KolButtonWcTag}from"./component-names-60d77143.js";import{K as KolIconFc}from"./Icon-29c7a575.js";import{c as clsx}from"./clsx-09a06a12.js";import{c as checkHasMsg,a as convertMsgToInternMsg,I as InputController}from"./getRenderStates-0597d9aa.js";import{i as isIcon}from"./icons-d00eff5e.js";import{o as objectObjectHandler,p as parseJson,w as watchValidator}from"./prop.validators-17aec743.js";import{i as isString$1}from"./common-54bf85ba.js";const InputAdornment=(n,t)=>{var{position:o="start",class:s}=n,e=__rest(n,["position","class"]);const c="kol-input-container__adornment",i=`${c}--${o}`;return h("div",Object.assign({class:clsx(c,i,s)},e),t)},InputAdornment$1=InputAdornment;function hasItems(n){return!!n&&(Array.isArray(n)?n.length>0:Boolean(n))}const Container=(n,t)=>{var{class:o}=n,s=__rest(n,["class"]);return h("div",Object.assign({class:clsx("kol-input-container__container",o)},s),t)},KolInputContainerFc$1=(n,t)=>{const{class:o,startAdornment:s,endAdornment:e,disabled:c,msg:i,touched:r,containerProps:a,startAdornmentProps:l,endAdornmentProps:d}=n,p=__rest(n,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),u=checkHasMsg(i,r),m={"kol-input-container--disabled":c,[`kol-input-container--${(null==i?void 0:i.type)||"error"}`]:u},b=Object.assign({class:clsx("kol-input-container",m,o)},p);return hasItems(s)||hasItems(e)?h("div",Object.assign({},b),h(InputAdornment$1,Object.assign({},l,{position:"start"}),s),h(Container,Object.assign({},a),t),h(InputAdornment$1,Object.assign({},d,{position:"end"}),e)):h("div",Object.assign({},b),h(Container,Object.assign({},a),t))},KolInputContainerFc$2=KolInputContainerFc$1,KolButtonFc=n=>{const{label:t,icons:o,hideLabel:s,disabled:e,onClick:c}=n,i=__rest(n,["label","icons","hideLabel","disabled","onClick"]);return h(KolButtonWcTag,Object.assign({_label:t,_disabled:e,_icons:o,_hideLabel:s,_on:{onClick:c}},i))},KolButtonFc$1=KolButtonFc,KolIconButtonFc=n=>{const{componentName:t="button",label:o,icon:s,onClick:e}=n,c=__rest(n,["componentName","label","icon","onClick"]);return h("button"===t?KolButtonFc$1:KolIconFc,Object.assign({label:o||"",hideLabel:!0,icons:`codicon codicon-${s}`,onClick:e},c))},KolIconButtonFc$1=KolIconButtonFc;function getInputContainerProps(n){let t,o;return"_icons"in n&&(t=n._icons),"_smartButton"in n&&(o=n._smartButton),{icons:t,smartButton:o,disabled:n._disabled,msg:convertMsgToInternMsg(n._msg),touched:n._touched}}const InputContainerStateWrapperFc=({state:n,endAdornment:t},o)=>{const{icons:s,smartButton:e,disabled:c,msg:i,touched:r}=getInputContainerProps(n);let a=null==s?void 0:s.left;isString(a)&&(a={icon:a});let l=null==s?void 0:s.right;isString(l)&&(l={icon:l});const d=[],p=[];return t&&(Array.isArray(t)?p.push(...t):p.push(t)),a&&d.push(h(KolIconButtonFc$1,Object.assign({componentName:"icon",class:"kol-input-container__icon"},isObject(a)?a:{}))),isObject(e)&&p.push(h(KolIconButtonFc$1,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},e,{hideLabel:!0,disabled:c}))),l&&p.push(h(KolIconButtonFc$1,Object.assign({componentName:"icon",class:"kol-input-container__icon"},isObject(l)?l:{}))),h(KolInputContainerFc$2,{disabled:c,msg:i,touched:r,startAdornment:d,endAdornment:p},o)},KolInputContainerFc=InputContainerStateWrapperFc,beforePatchIcons=(n,t)=>{const o=n;"object"==typeof o&&null!==o&&(isString$1(o.right,1)&&(o.right={icon:o.right}),isString$1(o.left,1)&&(o.left={icon:o.left}),t.set("_icons",o))};class InputIconController extends InputController{constructor(n,t,o){super(n,t,o),this.component=n}validateIcons(n){objectObjectHandler(n,(()=>{try{n=parseJson(n)}catch(n){}watchValidator(this.component,"_icons",(n=>"object"==typeof n&&null!==n&&(isString$1(n.left,1)||isIcon(n.left)||isString$1(n.right,1)||isIcon(n.right))),new Set(["KoliBriHorizontalIcon"]),n,{hooks:{beforePatch:beforePatchIcons},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}export{InputIconController as I,KolInputContainerFc as K,KolIconButtonFc$1 as a};

package/dist/esm/controller-icon-14449b07.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"controller-icon-14449b07.js","mappings":"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","names":["KolInputContainerFc","InputAdornment","KolButtonFc","KolIconButtonFc","isString"],"sources":["src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx","src/components/@deprecated/input/controller-icon.ts"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport InputAdornment from '../InputAdornment';\nimport { checkHasMsg, type InternMsgPropType } from '../../schema';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst showMsg = checkHasMsg(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { InternalButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<InternalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolButtonFc, { type ButtonProps } from '../Button';\nimport KolIconFc, { type IconProps } from '../Icon';\n\ntype IconType = Partial<Omit<IconProps, 'icons'>> & {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`KolIconFc`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The name of the icon (e.g., \"home\", \"edit\") or the Codicon class used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : KolIconFc;\n\n\treturn <Component label={label || ''} hideLabel icons={`codicon codicon-${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { InternMsgPropType } from '../../schema';\nimport {\n\ttype ButtonProps,\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype KoliBriHorizontalIcons,\n\ttype TextareaStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport { isObject, isString } from 'lodash-es';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: ButtonProps;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: ButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = ({ state, endAdornment: defaultEndAdornment }, children) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tstartAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(\n\t\t\t<KolIconButtonFc componentName=\"button\" class=\"kol-input-container__smart-button\" {...smartButton} hideLabel={true} disabled={disabled} />,\n\t\t);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(rightIconProps) ? rightIconProps : {})} />);\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { KoliBriHorizontalIcons, Stringified } from '../../../schema';\nimport { isIcon, isString, objectObjectHandler, parseJson, watchValidator } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nconst beforePatchIcons = (value: unknown, nextState: Map<string, unknown>): void => {\n\tconst icons = value as KoliBriHorizontalIcons;\n\tif (typeof icons === 'object' && icons !== null) {\n\t\tif (isString(icons.right, 1)) {\n\t\t\ticons.right = { icon: icons.right as string };\n\t\t}\n\t\tif (isString(icons.left, 1)) {\n\t\t\ticons.left = { icon: icons.left as string };\n\t\t}\n\t\tnextState.set('_icons', icons);\n\t}\n};\n\nexport class InputIconController extends InputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriHorizontalIcons>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\twatchValidator(\n\t\t\t\tthis.component,\n\t\t\t\t'_icons',\n\t\t\t\t(value): boolean => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\ttypeof value === 'object' && value !== null && (isString(value.left, 1) || isIcon(value.left) || isString(value.right, 1) || isIcon(value.right))\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tnew Set(['KoliBriHorizontalIcon']),\n\t\t\t\tvalue,\n\t\t\t\t{\n\t\t\t\t\thooks: {\n\t\t\t\t\t\tbeforePatch: beforePatchIcons,\n\t\t\t\t\t},\n\t\t\t\t\trequired: true,\n\t\t\t\t},\n\t\t\t);\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateIcons(this.component._icons);\n\t}\n}\n"],"version":3}

package/dist/esm/icons-d00eff5e.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"icons-d00eff5e.js","mappings":"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","names":[],"sources":["src/schema/props/icons.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { AnyIconFontClass, KoliBriCustomIcon, KoliBriIconsProp, KoliBriIconsState } from '../types';\nimport type { Stringified } from '../types/common';\nimport type { WatchOptions } from '../utils';\nimport { objectObjectHandler, parseJson, watchValidator } from '../utils';\nimport { isObject, isString, isStyle } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type IconsPropType = Stringified<KoliBriIconsProp>;\n\n/**\n * Defines the icon classnames.\n */\nexport type PropIcons = {\n\ticons: IconsPropType;\n};\n\n/* validator */\n\nconst mapCustomIcon = (state: KoliBriIconsState, alignment: AlignPropType, icon?: AnyIconFontClass | KoliBriCustomIcon) => {\n\tif (isObject(icon)) {\n\t\tstate[alignment] = icon as KoliBriCustomIcon;\n\t} else if (isString(icon, 1)) {\n\t\tstate[alignment] = {\n\t\t\ticon: icon as AnyIconFontClass,\n\t\t};\n\t}\n};\n\nexport const mapIconProp2State = (icon: KoliBriIconsProp): KoliBriIconsState => {\n\tlet state: KoliBriIconsState = {};\n\tif (isString(icon, 1)) {\n\t\tstate = {\n\t\t\tleft: {\n\t\t\t\ticon: icon as AnyIconFontClass,\n\t\t\t},\n\t\t};\n\t} else if (typeof icon === 'object' && icon !== null) {\n\t\tmapCustomIcon(state, 'top', icon.top);\n\t\tmapCustomIcon(state, 'right', icon.right);\n\t\tmapCustomIcon(state, 'bottom', icon.bottom);\n\t\tmapCustomIcon(state, 'left', icon.left);\n\t}\n\treturn state;\n};\n\nconst beforePatchIcon = (component: Generic.Element.Component): void => {\n\tif (component.nextState?.has('_icons')) {\n\t\tconst icons = component.nextState?.get('_icons') as KoliBriIconsProp;\n\t\tcomponent.nextState?.set('_icons', mapIconProp2State(icons));\n\t}\n};\n\nexport const isIcon = (value?: unknown): boolean =>\n\ttypeof value === 'object' &&\n\tvalue !== null &&\n\t(typeof (value as KoliBriCustomIcon).style === 'undefined' || isStyle((value as KoliBriCustomIcon).style)) &&\n\t(typeof (value as KoliBriCustomIcon).label === 'undefined' || isString((value as KoliBriCustomIcon).label)) &&\n\tisString((value as KoliBriCustomIcon).icon, 1);\n\nexport const validateIcons = (component: Generic.Element.Component, value?: IconsPropType, options: WatchOptions = {}): void => {\n\tobjectObjectHandler(value, () => {\n\t\ttry {\n\t\t\tvalue = parseJson<KoliBriIconsProp>(value as string);\n\t\t} catch (e) {\n\t\t\t// value behält den ursprünglichen Wert\n\t\t}\n\t\twatchValidator(\n\t\t\tcomponent,\n\t\t\t'_icons',\n\t\t\t(value): boolean => {\n\t\t\t\tconst valueIsEmptyObject = typeof value === 'object' && value !== null && Object.keys(value).length === 0;\n\t\t\t\treturn (\n\t\t\t\t\tvalue === null ||\n\t\t\t\t\tvalueIsEmptyObject ||\n\t\t\t\t\tisString(value, 1) ||\n\t\t\t\t\t(typeof value === 'object' &&\n\t\t\t\t\t\tvalue !== null &&\n\t\t\t\t\t\t(isString(value.left, 1) ||\n\t\t\t\t\t\t\tisIcon(value.left) ||\n\t\t\t\t\t\t\tisString(value.right, 1) ||\n\t\t\t\t\t\t\tisIcon(value.right) ||\n\t\t\t\t\t\t\tisString(value.top, 1) ||\n\t\t\t\t\t\t\tisIcon(value.top) ||\n\t\t\t\t\t\t\tisString(value.bottom, 1) ||\n\t\t\t\t\t\t\tisIcon(value.bottom)))\n\t\t\t\t);\n\t\t\t},\n\t\t\tnew Set(['KoliBriIcon']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\t...options,\n\t\t\t\tdefaultValue: {},\n\t\t\t\thooks: {\n\t\t\t\t\tafterPatch: options.hooks?.afterPatch,\n\t\t\t\t\tbeforePatch: (nextValue, nextState, component, key) => {\n\t\t\t\t\t\tif (typeof options.hooks?.beforePatch === 'function') {\n\t\t\t\t\t\t\toptions.hooks?.beforePatch(nextValue, nextState, component, key);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbeforePatchIcon(component);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t});\n};\n"],"version":3}

package/dist/kolibri/Input-1f6b1e32.js DELETED Viewed

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

package/dist/kolibri/app-globals-bfa38239.js DELETED Viewed

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{o,S as t}from"./index-6d801dad.js";import{a as e}from"./index-ed1aff4f.js";import{L as f}from"./dev.utils-fab45cbc.js";e((e=>{try{e.shadowRoot instanceof ShadowRoot&&o(e,t(e))}catch(o){}return"default"})),import("./devtools-ec77e067.js").then((o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()})).catch((o=>{f.error(o)}));const s=()=>{},a=s,c=a;export{c as g};

package/dist/kolibri/controller-icon-14449b07.js DELETED Viewed

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as o}from"./index-ed1aff4f.js";import{i as n}from"./InternalUnderlinedBadgeText-4e102a41.js";import{i as t}from"./isObject-ffcbbb76.js";import{_ as e}from"./tslib.es6-1173d062.js";import{a as s}from"./component-names-60d77143.js";import{K as i}from"./Icon-29c7a575.js";import{c}from"./clsx-09a06a12.js";import{c as a,a as r,I as l}from"./getRenderStates-0597d9aa.js";import{i as d}from"./icons-d00eff5e.js";import{o as m,p as b,w as u}from"./prop.validators-17aec743.js";import{i as p}from"./common-54bf85ba.js";const f=(n,t)=>{var{position:s="start",class:i}=n,a=e(n,["position","class"]);const r="kol-input-container__adornment",l=`${r}--${s}`;return o("div",Object.assign({class:c(r,l,i)},a),t)},j=f;function _(o){return!!o&&(Array.isArray(o)?o.length>0:Boolean(o))}const h=(n,t)=>{var{class:s}=n,i=e(n,["class"]);return o("div",Object.assign({class:c("kol-input-container__container",s)},i),t)},k=(n,t)=>{const{class:s,startAdornment:i,endAdornment:r,disabled:l,msg:d,touched:m,containerProps:p,startAdornmentProps:b,endAdornmentProps:u}=n,f=e(n,["class","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps"]),g=a(d,m),k={"kol-input-container--disabled":l,[`kol-input-container--${(null==d?void 0:d.type)||"error"}`]:g},A=Object.assign({class:c("kol-input-container",k,s)},f);return _(i)||_(r)?o("div",Object.assign({},A),o(j,Object.assign({},b,{position:"start"}),i),o(h,Object.assign({},p),t),o(j,Object.assign({},u,{position:"end"}),r)):o("div",Object.assign({},A),o(h,Object.assign({},p),t))},O=k,v=n=>{const{label:t,icons:i,hideLabel:a,disabled:c,onClick:r}=n,l=e(n,["label","icons","hideLabel","disabled","onClick"]);return o(s,Object.assign({_label:t,_disabled:c,_icons:i,_hideLabel:a,_on:{onClick:r}},l))},A=v,g=n=>{const{componentName:t="button",label:s,icon:a,onClick:c}=n,r=e(n,["componentName","label","icon","onClick"]);return o("button"===t?A:i,Object.assign({label:s||"",hideLabel:!0,icons:`codicon codicon-${a}`,onClick:c},r))},P=g;function B(o){let n,t;return"_icons"in o&&(n=o._icons),"_smartButton"in o&&(t=o._smartButton),{icons:n,smartButton:t,disabled:o._disabled,msg:r(o._msg),touched:o._touched}}const C=({state:s,endAdornment:e},i)=>{const{icons:a,smartButton:c,disabled:r,msg:l,touched:d}=B(s);let m=null==a?void 0:a.left;n(m)&&(m={icon:m});let p=null==a?void 0:a.right;n(p)&&(p={icon:p});const b=[],u=[];return e&&(Array.isArray(e)?u.push(...e):u.push(e)),m&&b.push(o(P,Object.assign({componentName:"icon",class:"kol-input-container__icon"},t(m)?m:{}))),t(c)&&u.push(o(P,Object.assign({componentName:"button",class:"kol-input-container__smart-button"},c,{hideLabel:!0,disabled:r}))),p&&u.push(o(P,Object.assign({componentName:"icon",class:"kol-input-container__icon"},t(p)?p:{}))),o(O,{disabled:r,msg:l,touched:d,startAdornment:b,endAdornment:u},i)},I=C,L=(o,n)=>{const t=o;"object"==typeof t&&null!==t&&(p(t.right,1)&&(t.right={icon:t.right}),p(t.left,1)&&(t.left={icon:t.left}),n.set("_icons",t))};class x extends l{constructor(o,n,t){super(o,n,t),this.component=o}validateIcons(o){m(o,(()=>{try{o=b(o)}catch(o){}u(this.component,"_icons",(o=>"object"==typeof o&&null!==o&&(p(o.left,1)||d(o.left)||p(o.right,1)||d(o.right))),new Set(["KoliBriHorizontalIcon"]),o,{hooks:{beforePatch:L},required:!0})}))}componentWillLoad(){super.componentWillLoad(),this.validateIcons(this.component._icons)}}export{x as I,I as K,P as a};

package/dist/kolibri/controller-icon-14449b07.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["InputAdornment","_a","children","position","class","className","other","__rest","rootClassName","positionClassName","h","Object","assign","clsx","InputAdornment$1","hasItems","items","Array","isArray","length","Boolean","Container","KolInputContainerFc","props","classNames","startAdornment","endAdornment","disabled","msg","touched","containerProps","startAdornmentProps","endAdornmentProps","showMsg","checkHasMsg","stateCssClasses","type","baseProps","KolInputContainerFc$2","KolButtonFc","label","icons","hideLabel","onClick","KolButtonWcTag","_label","_disabled","_icons","_hideLabel","_on","KolButtonFc$1","KolIconButtonFc","componentName","icon","Component","KolIconFc","KolIconButtonFc$1","getInputContainerProps","state","undefined","smartButton","_smartButton","convertMsgToInternMsg","_msg","_touched","InputContainerStateWrapperFc","defaultEndAdornment","leftIconProps","left","isString","rightIconProps","right","push","isObject","beforePatchIcons","value","nextState","set","InputIconController","InputController","constructor","component","name","host","super","this","validateIcons","objectObjectHandler","parseJson","e","watchValidator","isIcon","Set","hooks","beforePatch","required","componentWillLoad"],"sources":["src/functional-components/InputAdornment/InputAdornment.tsx","src/functional-components/InputContainer/InputContainer.tsx","src/functional-components/Button/Button.tsx","src/functional-components/IconButton/IconButton.tsx","src/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.tsx","src/components/@deprecated/input/controller-icon.ts"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport clsx from 'clsx';\n\nexport type InputAdornmentProps = JSXBase.HTMLAttributes<HTMLDivElement> & {\n\tposition?: 'start' | 'end';\n};\n\nconst InputAdornment: FC<InputAdornmentProps> = ({ position = 'start', class: className, ...other }, children) => {\n\tconst rootClassName = `kol-input-container__adornment`;\n\tconst positionClassName = `${rootClassName}--${position}`;\n\n\treturn (\n\t\t<div class={clsx(rootClassName, positionClassName, className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport default InputAdornment;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase, VNode } from '@stencil/core/internal';\nimport InputAdornment from '../InputAdornment';\nimport { checkHasMsg, type InternMsgPropType } from '../../schema';\n\ntype InputAdornmentType = VNode | VNode[] | null;\n\nexport type InputContainerProps = JSXBase.HTMLAttributes & {\n\tstartAdornment?: InputAdornmentType;\n\tendAdornment?: InputAdornmentType;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n\n\tcontainerProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tstartAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n\tendAdornmentProps?: JSXBase.HTMLAttributes<HTMLDivElement>;\n};\n\nfunction hasItems(items?: InputAdornmentType): boolean {\n\tif (!items) {\n\t\treturn false;\n\t}\n\n\treturn Array.isArray(items) ? items.length > 0 : Boolean(items);\n}\n\nconst Container: FC<JSXBase.HTMLAttributes<HTMLDivElement>> = ({ class: className, ...other }, children) => {\n\treturn (\n\t\t<div class={clsx('kol-input-container__container', className)} {...other}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nconst KolInputContainerFc: FC<InputContainerProps> = (props, children) => {\n\tconst { class: classNames, startAdornment, endAdornment, disabled, msg, touched, containerProps, startAdornmentProps, endAdornmentProps, ...other } = props;\n\tconst showMsg = checkHasMsg(msg, touched);\n\n\tconst stateCssClasses = {\n\t\t['kol-input-container--disabled']: disabled,\n\t\t[`kol-input-container--${msg?.type || 'error'}`]: showMsg,\n\t};\n\n\tconst baseProps: JSXBase.HTMLAttributes<HTMLDivElement> = {\n\t\tclass: clsx('kol-input-container', stateCssClasses, classNames),\n\t\t...other,\n\t};\n\n\tif (!hasItems(startAdornment) && !hasItems(endAdornment)) {\n\t\treturn (\n\t\t\t<div {...baseProps}>\n\t\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div {...baseProps}>\n\t\t\t<InputAdornment {...startAdornmentProps} position=\"start\">\n\t\t\t\t{startAdornment}\n\t\t\t</InputAdornment>\n\t\t\t<Container {...containerProps}>{children}</Container>\n\t\t\t<InputAdornment {...endAdornmentProps} position=\"end\">\n\t\t\t\t{endAdornment}\n\t\t\t</InputAdornment>\n\t\t</div>\n\t);\n};\n\nexport default KolInputContainerFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport { KolButtonWcTag } from '../../core/component-names';\nimport type { InternalButtonProps } from '../../schema';\n\nexport type ButtonProps = Partial<InternalButtonProps> & {\n\tlabel: string;\n\tclass?: string;\n\tonClick?: (event: MouseEvent) => void;\n};\n\nconst KolButtonFc: FC<ButtonProps> = (props) => {\n\tconst { label, icons, hideLabel, disabled, onClick, ...other } = props;\n\n\treturn <KolButtonWcTag _label={label} _disabled={disabled} _icons={icons} _hideLabel={hideLabel} _on={{ onClick }} {...other} />;\n};\n\nexport default KolButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolButtonFc, { type ButtonProps } from '../Button';\nimport KolIconFc, { type IconProps } from '../Icon';\n\ntype IconType = Partial<Omit<IconProps, 'icons'>> & {\n\tcomponentName: 'icon';\n\ticon?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\ntype ButtonType = Partial<Omit<ButtonProps, 'icons'>> & {\n\tcomponentName: 'button';\n\ticon?: string;\n\tlabel?: string;\n\tclass?: string;\n\n\tonClick?: (event: MouseEvent) => void;\n};\n\nexport type IconButtonProps = IconType | ButtonType;\n\n/**\n * `KolIconButtonFc` is a functional component that renders either a Button or an Icon based on the provided props.\n *\n * Depending on the value of the `componentName` prop, either a Button (`KolButtonFc`) or an Icon (`KolIconFc`) is rendered.\n * Both components support optional `icon` props for displaying an icon and an optional `onClick` handler for user interactions.\n *\n * This component combines the flexibility of rendering either a button with an optional label or a simple icon, while ensuring that unnecessary props for the selected element are not passed.\n *\n * Supported props:\n * - `componentName`: Specifies whether a 'button' or 'icon' should be rendered. Default is 'button'.\n * - `label`: An optional label, which is only shown for Buttons.\n * - `icon`: The name of the icon (e.g., \"home\", \"edit\") or the Codicon class used for the icon display.\n * - `class`: Optional CSS class for additional styling customization.\n * - `onClick`: Optional click handler for user interactions.\n *\n * Example usage:\n * ```tsx\n * <KolIconButtonFc componentName=\"button\" label=\"Submit\" icon=\"check\" onClick={handleClick} />\n * <KolIconButtonFc componentName=\"icon\" icon=\"alert\" onClick={handleClick} />\n * ```\n *\n * @param {IconButtonProps} props - The properties that customize the component, including the selection of the component type (Button or Icon) and other specific attributes.\n * @returns {JSX.Element} - The rendered JSX element (Button or Icon).\n */\nconst KolIconButtonFc: FC<IconButtonProps> = (props) => {\n\tconst { componentName = 'button', label, icon, onClick, ...other } = props;\n\tconst Component = componentName === 'button' ? KolButtonFc : KolIconFc;\n\n\treturn <Component label={label || ''} hideLabel icons={`codicon codicon-${icon}`} onClick={onClick} {...other} />;\n};\n\nexport default KolIconButtonFc;\n","import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { InternMsgPropType } from '../../schema';\nimport {\n\ttype ButtonProps,\n\ttype IconOrIconClass,\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype KoliBriHorizontalIcons,\n\ttype TextareaStates,\n\ttype SelectStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\n\nimport KolInputContainerFc, { type InputContainerProps } from '../../functional-components/InputContainer';\nimport KolIconButtonFc from '../../functional-components/IconButton';\nimport { isObject, isString } from 'lodash-es';\n\ntype InputState =\n\t| TextareaStates\n\t| SelectStates\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates;\n\nexport type InputContainerStateWrapperProps = Partial<InputContainerProps> & {\n\tstate: InputState;\n};\n\nfunction getInputContainerProps(state: InputState): {\n\ticons?: KoliBriHorizontalIcons;\n\tsmartButton?: ButtonProps;\n\tdisabled?: boolean;\n\tmsg?: InternMsgPropType;\n\ttouched?: boolean;\n} {\n\tlet icons: KoliBriHorizontalIcons | undefined = undefined;\n\tlet smartButton: ButtonProps | undefined;\n\n\tif ('_icons' in state) {\n\t\ticons = state._icons;\n\t}\n\n\tif ('_smartButton' in state) {\n\t\tsmartButton = state._smartButton;\n\t}\n\n\treturn {\n\t\ticons,\n\t\tsmartButton,\n\t\tdisabled: state._disabled,\n\t\tmsg: convertMsgToInternMsg(state._msg),\n\t\ttouched: state._touched,\n\t};\n}\n\nconst InputContainerStateWrapperFc: FC<InputContainerStateWrapperProps> = ({ state, endAdornment: defaultEndAdornment }, children) => {\n\tconst { icons, smartButton, disabled, msg, touched } = getInputContainerProps(state);\n\n\tlet leftIconProps: IconOrIconClass | undefined = icons?.left;\n\tif (isString(leftIconProps)) {\n\t\tleftIconProps = { icon: leftIconProps };\n\t}\n\n\tlet rightIconProps: IconOrIconClass | undefined = icons?.right;\n\tif (isString(rightIconProps)) {\n\t\trightIconProps = { icon: rightIconProps };\n\t}\n\n\tconst startAdornment = [];\n\tconst endAdornment = [];\n\n\tif (defaultEndAdornment) {\n\t\tif (Array.isArray(defaultEndAdornment)) {\n\t\t\tendAdornment.push(...defaultEndAdornment);\n\t\t} else {\n\t\t\tendAdornment.push(defaultEndAdornment);\n\t\t}\n\t}\n\n\tif (leftIconProps) {\n\t\tstartAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(leftIconProps) ? leftIconProps : {})} />);\n\t}\n\n\tif (isObject(smartButton)) {\n\t\tendAdornment.push(\n\t\t\t<KolIconButtonFc componentName=\"button\" class=\"kol-input-container__smart-button\" {...smartButton} hideLabel={true} disabled={disabled} />,\n\t\t);\n\t}\n\n\tif (rightIconProps) {\n\t\tendAdornment.push(<KolIconButtonFc componentName=\"icon\" class=\"kol-input-container__icon\" {...(isObject(rightIconProps) ? rightIconProps : {})} />);\n\t}\n\n\treturn (\n\t\t<KolInputContainerFc disabled={disabled} msg={msg} touched={touched} startAdornment={startAdornment} endAdornment={endAdornment}>\n\t\t\t{children}\n\t\t</KolInputContainerFc>\n\t);\n};\n\nexport default InputContainerStateWrapperFc;\n","import type { Generic } from 'adopted-style-sheets';\n\nimport type { KoliBriHorizontalIcons, Stringified } from '../../../schema';\nimport { isIcon, isString, objectObjectHandler, parseJson, watchValidator } from '../../../schema';\n\nimport { InputController } from './controller';\n\nimport type { Props, Watches } from './types-icon';\n\nconst beforePatchIcons = (value: unknown, nextState: Map<string, unknown>): void => {\n\tconst icons = value as KoliBriHorizontalIcons;\n\tif (typeof icons === 'object' && icons !== null) {\n\t\tif (isString(icons.right, 1)) {\n\t\t\ticons.right = { icon: icons.right as string };\n\t\t}\n\t\tif (isString(icons.left, 1)) {\n\t\t\ticons.left = { icon: icons.left as string };\n\t\t}\n\t\tnextState.set('_icons', icons);\n\t}\n};\n\nexport class InputIconController extends InputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<KoliBriHorizontalIcons>(value as string);\n\t\t\t\t// eslint-disable-next-line no-empty\n\t\t\t} catch (e) {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\twatchValidator(\n\t\t\t\tthis.component,\n\t\t\t\t'_icons',\n\t\t\t\t(value): boolean => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\ttypeof value === 'object' && value !== null && (isString(value.left, 1) || isIcon(value.left) || isString(value.right, 1) || isIcon(value.right))\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tnew Set(['KoliBriHorizontalIcon']),\n\t\t\t\tvalue,\n\t\t\t\t{\n\t\t\t\t\thooks: {\n\t\t\t\t\t\tbeforePatch: beforePatchIcons,\n\t\t\t\t\t},\n\t\t\t\t\trequired: true,\n\t\t\t\t},\n\t\t\t);\n\t\t});\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateIcons(this.component._icons);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/kolibri/devtools-ec77e067.js DELETED Viewed

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{i as t,r as e}from"./dev.utils-5ecfad25.js";import{e as o,g as s,L as a,a as r,f as i,d as l}from"./dev.utils-fab45cbc.js";import{y as n,t as f,z as d,A as c,B as p,p as m,C as L}from"./prop.validators-17aec743.js";import"./index-ed1aff4f.js";import"./reuse-f46e7e35.js";import"./index-6d801dad.js";const u=()=>{let t=l().KoliBri;return void 0===t&&(t={},Object.defineProperty(l(),"KoliBri",{value:t,writable:!1})),t};function v(t,e){try{Object.defineProperty(u(),t,{get:function(){return e}})}catch(e){a.debug(`KoliBri property ${t} is already bind.`)}}const h=(t,e)=>a.debug(`${t} ${e?"":"not "}activated`),g=()=>{if(t(),o()){e(),v("a11yColorContrast",n),v("querySelector",f),v("querySelectorAll",d),v("querySelectorColors",c),v("utils",(function(){return p})),v("parseJson",m),v("stringifyJson",L);const t=s().body,a=s().createElement("svg");if(a.setAttribute("aria-label","KoliBri-DevTools"),a.setAttribute("xmlns","http://www.w3.org/2000/svg"),a.setAttribute("role","toolbar"),a.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),a.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',s().body.appendChild(a),h("Development mode",o()),h("Experimental mode",r()),h("Color contrast analysis",i()),i()){const e=setTimeout((()=>{clearTimeout(e),setInterval((()=>{p.queryHtmlElementColors(s().createElement("div"),n(t),!1,!1)}),1e4)}),2500)}}};export{g as initialize};

package/dist/kolibri/icons-d00eff5e.js DELETED Viewed

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{o,p as t,w as e}from"./prop.validators-17aec743.js";import{i,a as n,b as l}from"./common-54bf85ba.js";const c=(t,o,e)=>{l(e)?t[o]=e:i(e,1)&&(t[o]={icon:e})},s=t=>{let o={};return i(t,1)?o={left:{icon:t}}:"object"==typeof t&&null!==t&&(c(o,"top",t.top),c(o,"right",t.right),c(o,"bottom",t.bottom),c(o,"left",t.left)),o},f=t=>{var o,e,i;if(null===(o=t.nextState)||void 0===o?void 0:o.has("_icons")){const o=null===(e=t.nextState)||void 0===e?void 0:e.get("_icons");null===(i=t.nextState)||void 0===i||i.set("_icons",s(o))}},a=t=>"object"==typeof t&&null!==t&&(void 0===t.style||n(t.style))&&(void 0===t.label||i(t.label))&&i(t.icon,1),r=(l,n,c={})=>{o(n,(()=>{var o;try{n=t(n)}catch(o){}e(l,"_icons",(t=>{const o="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||o||i(t,1)||"object"==typeof t&&null!==t&&(i(t.left,1)||a(t.left)||i(t.right,1)||a(t.right)||i(t.top,1)||a(t.top)||i(t.bottom,1)||a(t.bottom))}),new Set(["KoliBriIcon"]),n,Object.assign(Object.assign({},c),{defaultValue:{},hooks:{afterPatch:null===(o=c.hooks)||void 0===o?void 0:o.afterPatch,beforePatch:(t,o,e,i)=>{var l,a;"function"==typeof(null===(l=c.hooks)||void 0===l?void 0:l.beforePatch)&&(null===(a=c.hooks)||void 0===a||a.beforePatch(t,o,e,i)),f(e)}}}))}))};export{a as i,r as v};

package/dist/kolibri/icons-d00eff5e.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["mapCustomIcon","state","alignment","icon","isObject","isString","mapIconProp2State","left","top","right","bottom","beforePatchIcon","component","_a","nextState","has","icons","_b","get","_c","set","isIcon","value","style","isStyle","label","validateIcons","options","objectObjectHandler","parseJson","e","watchValidator","valueIsEmptyObject","Object","keys","length","Set","assign","defaultValue","hooks","afterPatch","beforePatch","nextValue","key"],"sources":["src/schema/props/icons.ts"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type { AnyIconFontClass, KoliBriCustomIcon, KoliBriIconsProp, KoliBriIconsState } from '../types';\nimport type { Stringified } from '../types/common';\nimport type { WatchOptions } from '../utils';\nimport { objectObjectHandler, parseJson, watchValidator } from '../utils';\nimport { isObject, isString, isStyle } from '../validators';\n\nimport type { AlignPropType } from './align';\n\n/* types */\nexport type IconsPropType = Stringified<KoliBriIconsProp>;\n\n/**\n * Defines the icon classnames.\n */\nexport type PropIcons = {\n\ticons: IconsPropType;\n};\n\n/* validator */\n\nconst mapCustomIcon = (state: KoliBriIconsState, alignment: AlignPropType, icon?: AnyIconFontClass | KoliBriCustomIcon) => {\n\tif (isObject(icon)) {\n\t\tstate[alignment] = icon as KoliBriCustomIcon;\n\t} else if (isString(icon, 1)) {\n\t\tstate[alignment] = {\n\t\t\ticon: icon as AnyIconFontClass,\n\t\t};\n\t}\n};\n\nexport const mapIconProp2State = (icon: KoliBriIconsProp): KoliBriIconsState => {\n\tlet state: KoliBriIconsState = {};\n\tif (isString(icon, 1)) {\n\t\tstate = {\n\t\t\tleft: {\n\t\t\t\ticon: icon as AnyIconFontClass,\n\t\t\t},\n\t\t};\n\t} else if (typeof icon === 'object' && icon !== null) {\n\t\tmapCustomIcon(state, 'top', icon.top);\n\t\tmapCustomIcon(state, 'right', icon.right);\n\t\tmapCustomIcon(state, 'bottom', icon.bottom);\n\t\tmapCustomIcon(state, 'left', icon.left);\n\t}\n\treturn state;\n};\n\nconst beforePatchIcon = (component: Generic.Element.Component): void => {\n\tif (component.nextState?.has('_icons')) {\n\t\tconst icons = component.nextState?.get('_icons') as KoliBriIconsProp;\n\t\tcomponent.nextState?.set('_icons', mapIconProp2State(icons));\n\t}\n};\n\nexport const isIcon = (value?: unknown): boolean =>\n\ttypeof value === 'object' &&\n\tvalue !== null &&\n\t(typeof (value as KoliBriCustomIcon).style === 'undefined' || isStyle((value as KoliBriCustomIcon).style)) &&\n\t(typeof (value as KoliBriCustomIcon).label === 'undefined' || isString((value as KoliBriCustomIcon).label)) &&\n\tisString((value as KoliBriCustomIcon).icon, 1);\n\nexport const validateIcons = (component: Generic.Element.Component, value?: IconsPropType, options: WatchOptions = {}): void => {\n\tobjectObjectHandler(value, () => {\n\t\ttry {\n\t\t\tvalue = parseJson<KoliBriIconsProp>(value as string);\n\t\t} catch (e) {\n\t\t\t// value behält den ursprünglichen Wert\n\t\t}\n\t\twatchValidator(\n\t\t\tcomponent,\n\t\t\t'_icons',\n\t\t\t(value): boolean => {\n\t\t\t\tconst valueIsEmptyObject = typeof value === 'object' && value !== null && Object.keys(value).length === 0;\n\t\t\t\treturn (\n\t\t\t\t\tvalue === null ||\n\t\t\t\t\tvalueIsEmptyObject ||\n\t\t\t\t\tisString(value, 1) ||\n\t\t\t\t\t(typeof value === 'object' &&\n\t\t\t\t\t\tvalue !== null &&\n\t\t\t\t\t\t(isString(value.left, 1) ||\n\t\t\t\t\t\t\tisIcon(value.left) ||\n\t\t\t\t\t\t\tisString(value.right, 1) ||\n\t\t\t\t\t\t\tisIcon(value.right) ||\n\t\t\t\t\t\t\tisString(value.top, 1) ||\n\t\t\t\t\t\t\tisIcon(value.top) ||\n\t\t\t\t\t\t\tisString(value.bottom, 1) ||\n\t\t\t\t\t\t\tisIcon(value.bottom)))\n\t\t\t\t);\n\t\t\t},\n\t\t\tnew Set(['KoliBriIcon']),\n\t\t\tvalue,\n\t\t\t{\n\t\t\t\t...options,\n\t\t\t\tdefaultValue: {},\n\t\t\t\thooks: {\n\t\t\t\t\tafterPatch: options.hooks?.afterPatch,\n\t\t\t\t\tbeforePatch: (nextValue, nextState, component, key) => {\n\t\t\t\t\t\tif (typeof options.hooks?.beforePatch === 'function') {\n\t\t\t\t\t\t\toptions.hooks?.beforePatch(nextValue, nextState, component, key);\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbeforePatchIcon(component);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t);\n\t});\n};\n"],"mappings":";;;6GAsBA,MAAMA,EAAgB,CAACC,EAA0BC,EAA0BC,KAC1E,GAAIC,EAASD,GAAO,CACnBF,EAAMC,GAAaC,C,MACb,GAAIE,EAASF,EAAM,GAAI,CAC7BF,EAAMC,GAAa,CAClBC,KAAMA,E,GAKF,MAAMG,EAAqBH,IACjC,IAAIF,EAA2B,GAC/B,GAAII,EAASF,EAAM,GAAI,CACtBF,EAAQ,CACPM,KAAM,CACLJ,KAAMA,G,MAGF,UAAWA,IAAS,UAAYA,IAAS,KAAM,CACrDH,EAAcC,EAAO,MAAOE,EAAKK,KACjCR,EAAcC,EAAO,QAASE,EAAKM,OACnCT,EAAcC,EAAO,SAAUE,EAAKO,QACpCV,EAAcC,EAAO,OAAQE,EAAKI,K,CAEnC,OAAON,CAAK,EAGb,MAAMU,EAAmBC,I,UACxB,IAAIC,EAAAD,EAAUE,aAAS,MAAAD,SAAA,SAAAA,EAAEE,IAAI,UAAW,CACvC,MAAMC,GAAQC,EAAAL,EAAUE,aAAS,MAAAG,SAAA,SAAAA,EAAEC,IAAI,WACvCC,EAAAP,EAAUE,aAAS,MAAAK,SAAA,SAAAA,EAAEC,IAAI,SAAUd,EAAkBU,G,SAI1CK,EAAUC,UACfA,IAAU,UACjBA,IAAU,cACDA,EAA4BC,QAAU,aAAeC,EAASF,EAA4BC,iBAC1FD,EAA4BG,QAAU,aAAepB,EAAUiB,EAA4BG,SACpGpB,EAAUiB,EAA4BnB,KAAM,G,MAEhCuB,EAAgB,CAACd,EAAsCU,EAAuBK,EAAwB,MAClHC,EAAoBN,GAAO,K,MAC1B,IACCA,EAAQO,EAA4BP,E,CACnC,MAAOQ,G,CAGTC,EACCnB,EACA,UACCU,IACA,MAAMU,SAA4BV,IAAU,UAAYA,IAAU,MAAQW,OAAOC,KAAKZ,GAAOa,SAAW,EACxG,OACCb,IAAU,MACVU,GACA3B,EAASiB,EAAO,WACRA,IAAU,UACjBA,IAAU,OACTjB,EAASiB,EAAMf,KAAM,IACrBc,EAAOC,EAAMf,OACbF,EAASiB,EAAMb,MAAO,IACtBY,EAAOC,EAAMb,QACbJ,EAASiB,EAAMd,IAAK,IACpBa,EAAOC,EAAMd,MACbH,EAASiB,EAAMZ,OAAQ,IACvBW,EAAOC,EAAMZ,QAAS,GAG1B,IAAI0B,IAAI,CAAC,gBACTd,EAAKW,OAAAI,OAAAJ,OAAAI,OAAA,GAEDV,GAAO,CACVW,aAAc,GACdC,MAAO,CACNC,YAAY3B,EAAAc,EAAQY,SAAK,MAAA1B,SAAA,SAAAA,EAAE2B,WAC3BC,YAAa,CAACC,EAAW5B,EAAWF,EAAW+B,K,QAC9C,WAAW9B,EAAAc,EAAQY,SAAK,MAAA1B,SAAA,SAAAA,EAAE4B,eAAgB,WAAY,EACrDxB,EAAAU,EAAQY,SAAK,MAAAtB,SAAA,SAAAA,EAAEwB,YAAYC,EAAW5B,EAAWF,EAAW+B,E,CAE7DhC,EAAgBC,EAAU,KAI7B,GACA,S","ignoreList":[]}

/package/dist/kolibri/{Alert-bebb173b.js.map → Alert-a3a98cf0.js.map} RENAMED Viewed

File without changes

/package/dist/kolibri/{Collapsible-c54aff9a.js.map → Collapsible-c78ff3d9.js.map} RENAMED Viewed

File without changes

/package/dist/kolibri/{CustomSuggestionsOptionsGroup-ec71e53e.js.map → CustomSuggestionsOptionsGroup-f8aab3c9.js.map} RENAMED Viewed

File without changes

/package/dist/kolibri/{FieldControlStateWrapper-4d0b5645.js.map → FieldControlStateWrapper-047375c6.js.map} RENAMED Viewed

File without changes