@public-ui/components 3.0.1-7c24654fbf351e04b5635c30d957697951f63331.0 → 3.0.1

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

@@ -1,14 +1,18 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAccessKey, PropAlternativeButtonLinkRole, PropAriaCurrentValue, PropAriaDescription, PropAriaExpanded, PropAriaOwns, PropButtonVariant, PropCustomClass, PropDisabled, PropDownload, PropHideLabel, PropHref, PropIcons, PropLabelWithExpertSlot, PropLinkOnCallbacks, PropLinkTarget, PropShortKey, PropTooltipAlign } from '../props';
+import type { ButtonVariantPropType, LinkVariantPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaCurrentValue, PropAriaDescription, PropAriaExpanded, PropAriaOwns, PropCustomClass, PropDisabled, PropDownload, PropHideLabel, PropHref, PropIcons, PropLabelWithExpertSlot, PropLinkOnCallbacks, PropLinkTarget, PropLinkVariant, PropShortKey, PropTooltipAlign } from '../props';
 export type RequiredProps = PropHref;
 export type OptionalProps = {
     tabIndex: number;
-} & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaCurrentValue & PropAriaDescription & PropDisabled & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropShortKey & PropTooltipAlign;
+} & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaCurrentValue & PropAriaDescription & PropDisabled & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropLinkVariant & PropShortKey & PropTooltipAlign;
 type RequiredStates = PropAriaCurrentValue & PropIcons & PropHref;
 type OptionalStates = {
     ariaCurrent: string;
-} & PropAriaExpanded & PropAriaOwns & PropButtonVariant & PropCustomClass & Omit<RequiredProps & OptionalProps, keyof RequiredStates>;
+} & PropAriaExpanded & PropAriaOwns & PropCustomClass & Omit<RequiredProps & OptionalProps, keyof RequiredStates> & {
+    buttonVariant: ButtonVariantPropType;
+    linkVariant: LinkVariantPropType;
+};
 export type LinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type LinkStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type LinkAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type InternalLinkAPI = Omit<LinkAPI, 'validateVariant'>;
 export {};

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

@@ -1,17 +1,15 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropCollapsible, PropHasCompactButton, PropHasIconsWhenExpanded, PropHideLabel, PropLabel } from '../props';
-import type { ButtonOrLinkOrTextWithChildrenProps, Orientation, Stringified } from '../types';
+import type { ButtonOrLinkOrTextWithChildrenProps, Stringified } from '../types';
+import type { PropOrientation } from '../props/orientation';
 type RequiredProps = {
     links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
 } & PropLabel;
-type OptionalProps = {
-    orientation: Orientation;
-} & PropCollapsible & PropHasCompactButton & PropHideLabel & PropHasIconsWhenExpanded;
+type OptionalProps = PropCollapsible & PropHasCompactButton & PropHasIconsWhenExpanded & PropHideLabel & PropOrientation;
 type RequiredStates = {
     links: ButtonOrLinkOrTextWithChildrenProps[];
-    orientation: Orientation;
     expandedChildren: ButtonOrLinkOrTextWithChildrenProps[][];
-} & PropCollapsible & PropHasCompactButton & PropLabel & PropHideLabel & PropHasIconsWhenExpanded;
+} & PropCollapsible & PropHasCompactButton & PropHasIconsWhenExpanded & PropHideLabel & PropLabel & PropOrientation;
 type OptionalStates = NonNullable<unknown>;
 export type NavProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type NavStates = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -2,11 +2,9 @@ import type { Generic } from 'adopted-style-sheets';
 import type { Callback } from '../enums';
 import type { PropAlign, PropDisabled, PropHideLabel, PropLabel, PropTabBehavior, PropTooltipAlign } from '../props';
 import type { EventCallback, EventValueOrEventCallback, KoliBriIconsProp, Stringified } from '../types';
+import type { PropHasCreateButton } from '../props/has-create-button';
 export type KoliBriTabsCallbacks = {
-    onCreate?: EventCallback<Event> | {
-        label: string;
-        callback: EventCallback<Event>;
-    };
+    onCreate?: EventCallback<Event>;
 } & {
     [Callback.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
 };
@@ -25,14 +23,14 @@ type RequiredProps = {
 type OptionalProps = {
     on: KoliBriTabsCallbacks;
     selected: number;
-} & PropAlign & PropTabBehavior;
+} & PropAlign & PropHasCreateButton & PropTabBehavior;
 type RequiredStates = {
     selected: number;
     tabs: TabButtonProps[];
 } & PropLabel & PropAlign;
 type OptionalStates = {
     on: KoliBriTabsCallbacks;
-} & PropTabBehavior;
+} & PropTabBehavior & PropHasCreateButton;
 export type TabsProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TabsStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TabsAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,7 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropLabel, PropToolbarItems } from '../props';
+import type { PropOrientation } from '../props/orientation';
 type RequiredProps = PropLabel & PropToolbarItems;
-type OptionalProps = unknown;
+type OptionalProps = PropOrientation;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
 export type ToolbarProps = Generic.Element.Members<RequiredProps, OptionalProps>;

package/dist/types/schema/props/has-create-button.d.ts

@@ -0,0 +1,6 @@
+import type { Generic } from 'adopted-style-sheets';
+export type HasCreateButtonPropType = boolean;
+export type PropHasCreateButton = {
+    hasCreateButton: HasCreateButtonPropType;
+};
+export declare const validateHasCreateButton: (component: Generic.Element.Component, value?: HasCreateButtonPropType) => void;

package/dist/types/schema/props/index.d.ts

@@ -1 +1 @@
-export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./custom-class";export*from"./details-callbacks";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./heading-variant";export*from"./hide-label";export*from"./hide-msg";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./popover-align";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./variant/spin";
+export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./custom-class";export*from"./details-callbacks";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./hide-label";export*from"./hide-msg";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./link-variant";export*from"./loading";export*from"./max";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./popover-align";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./variant/spin";

package/dist/types/schema/props/link-variant.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+declare const linkVariantPropTypeOptions: readonly ["inline", "standalone"];
+export type LinkVariantPropType = (typeof linkVariantPropTypeOptions)[number];
+export type PropLinkVariant = {
+    variant: LinkVariantPropType;
+};
+export declare const validateLinkVariant: (component: Generic.Element.Component, value?: LinkVariantPropType) => void;
+export {};

package/dist/types/schema/props/orientation.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+declare const orientationPropTypeOptions: readonly ["horizontal", "vertical"];
+export type OrientationPropType = (typeof orientationPropTypeOptions)[number];
+export type PropOrientation = {
+    orientation: OrientationPropType;
+};
+export declare const validateOrientation: (component: Generic.Element.Component, value?: OrientationPropType, defaultValue?: OrientationPropType) => void;
+export {};

package/dist/types/schema/types/index.d.ts

@@ -1 +1 @@
-export*from"./button-link-text";export*from"./callbacks";export*from"./common";export*from"./icons";export*from"./input/control/number";export*from"./input/control/text";export*from"./input/iso8601";export*from"./input/numberString";export*from"./input/types";export*from"./modal";export*from"./orientation";export*from"./progress";export*from"./unknown";export*from"./w3c";export*from"./table";export*from"./table-settings";
+export*from"./button-link-text";export*from"./callbacks";export*from"./common";export*from"./icons";export*from"./input/control/number";export*from"./input/control/text";export*from"./input/iso8601";export*from"./input/numberString";export*from"./input/types";export*from"./modal";export*from"./progress";export*from"./unknown";export*from"./w3c";export*from"./table";export*from"./table-settings";

package/dist/types/utils/events.d.ts

@@ -5,16 +5,17 @@ declare enum KolEvent {
     changePageSize = "kolChangePageSize",
     click = "kolClick",
     close = "kolClose",
+    create = "kolCreate",
     focus = "kolFocus",
     input = "kolInput",
     mousedown = "kolMousedown",
     reset = "kolReset",
     select = "kolSelect",
     selectionChange = "kolSelectionChange",
+    settingsChange = "settingsChange",
     sort = "kolSort",
     submit = "kolSubmit",
-    toggle = "kolToggle",
-    settingsChange = "settingsChange"
+    toggle = "kolToggle"
 }
 declare function dispatchDomEvent<T>(target: HTMLElement, event: KolEvent, detail?: T): void;
 export { KolEvent, dispatchDomEvent };

package/doc/button-link.md

@@ -24,6 +24,7 @@
 | `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                  | `'top'`     |
 | `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                               | `"button"` \| `"reset"` \| `"submit"` \| `undefined`                                                                                                         | `'button'`  |
 | `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                           | `undefined` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                           | `"inline"` \| `"standalone"` \| `undefined`                                                                                                                | `'inline'`  |
 
 
 ## Methods

package/doc/heading.md

@@ -5,12 +5,11 @@
 
 ## Properties
 
-| Property              | Attribute             | Description                                                                                                                                                  | Type                                                                    | Default     |
-| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------- | ----------- |
-| `_label` _(required)_ | `_label`              | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `string`                                                                | `undefined` |
-| `_level`              | `_level`              | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                                                            | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined`                          | `0`         |
-| `_secondaryHeadline`  | `_secondary-headline` | Defines the text of the secondary headline.                                                                                                                  | `string` \| `undefined`                                                   | `undefined` |
-| `_variant`            | `_variant`            | Defines which variant should be used for presentation.                                                                                                       | `"h1"` \| `"h2"` \| `"h3"` \| `"h4"` \| `"h5"` \| `"h6"` \| `"strong"` \| `undefined` | `undefined` |
+| Property              | Attribute             | Description                                                                                                                                                  | Type                                           | Default     |
+| --------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------- | ----------- |
+| `_label` _(required)_ | `_label`              | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `string`                                       | `undefined` |
+| `_level`              | `_level`              | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                                                            | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined` | `0`         |
+| `_secondaryHeadline`  | `_secondary-headline` | Defines the text of the secondary headline.                                                                                                                  | `string` \| `undefined`                          | `undefined` |
 
 
 ## Slots

package/doc/input-radio.md

@@ -7,7 +7,6 @@
 
 | 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`      |
@@ -20,7 +19,6 @@
 | `_options`            | `_options`       | Options the user can choose from.                                                                                                                            | `RadioOption<StencilUnknown>[]` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                      | `undefined`  |
 | `_orientation`        | `_orientation`   | Defines whether the orientation of the component is horizontal or vertical.                                                                                  | `"horizontal"` \| `"vertical"` \| `undefined`                                                                                                                                                                                                                                                                                                                                                   | `'vertical'` |
 | `_required`           | `_required`      | Makes the input element required.                                                                                                                            | `boolean` \| `undefined`                                                                                                                                                                                                                                                                                                                                                                      | `false`      |
-| `_shortKey`           | `_short-key`     | Adds a visual short key hint to the component.                                                                                                               | `string` \| `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.                                                                                                                              | `boolean` \| `null` \| `number` \| `object` \| `string` \| `undefined`                                                                                                                                                                                                                                                                                                                                | `null`       |

package/doc/link.md

@@ -21,6 +21,7 @@
 | `_shortKey`          | `_short-key`          | Adds a visual short key hint to the component.                                                                                                               | `string` \| `undefined`                                                                  | `undefined` |
 | `_target`            | `_target`             | Defines where to open the link.                                                                                                                              | `string` \| `undefined`                                                                  | `undefined` |
 | `_tooltipAlign`      | `_tooltip-align`      | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                    | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                  | `'right'`   |
+| `_variant`           | `_variant`            | Defines which variant should be used for presentation.                                                                                                       | `"inline"` \| `"standalone"` \| `undefined`                                                | `'inline'`  |
 
 
 ## Methods

package/doc/tabs.md

@@ -5,14 +5,15 @@
 
 ## Properties
 
-| Property              | Attribute   | Description                                                                                                        | Type                                                                                                                                                                                                                                                     | Default     |
-| --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_align`              | `_align`    | Defines the visual orientation of the component.                                                                   | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                                                                                    | `'top'`     |
-| `_behavior`           | `_behavior` | Defines which behavior is active.                                                                                  | `"select-automatic"` \| `"select-manual"` \| `undefined`                                                                                                                                                                                                     | `undefined` |
-| `_label` _(required)_ | `_label`    | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                 | `undefined` |
-| `_on`                 | --          | Gibt die Liste der Callback-Funktionen an, die auf Events aufgerufen werden sollen.                                | `undefined` \| `{ onCreate?: EventCallback<Event>` \| `{ label: string; callback: EventCallback<Event>; }` \| `undefined; } & { onSelect?: EventValueOrEventCallback<MouseEvent` \| `KeyboardEvent` \| `CustomEvent<any>` \| `PointerEvent, number>` \| `undefined; }` | `undefined` |
-| `_selected`           | `_selected` | Defines which tab is active.                                                                                       | `number` \| `undefined`                                                                                                                                                                                                                                    | `0`         |
-| `_tabs` _(required)_  | `_tabs`     | Defines the tab captions.                                                                                          | `TabButtonProps[]` \| `string`                                                                                                                                                                                                                             | `undefined` |
+| Property              | Attribute            | Description                                                                                                        | Type                                                                                                                                                                                               | Default     |
+| --------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_align`              | `_align`             | Defines the visual orientation of the component.                                                                   | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                                                                                                                              | `'top'`     |
+| `_behavior`           | `_behavior`          | Defines which behavior is active.                                                                                  | `"select-automatic"` \| `"select-manual"` \| `undefined`                                                                                                                                               | `undefined` |
+| `_hasCreateButton`    | `_has-create-button` | Defines whether the element has a create button.                                                                   | `boolean` \| `undefined`                                                                                                                                                                             | `false`     |
+| `_label` _(required)_ | `_label`             | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                           | `undefined` |
+| `_on`                 | --                   | Gibt die Liste der Callback-Funktionen an, die auf Events aufgerufen werden sollen.                                | `undefined` \| `{ onCreate?: EventCallback<Event>` \| `undefined; } & { onSelect?: EventValueOrEventCallback<MouseEvent` \| `KeyboardEvent` \| `CustomEvent<any>` \| `PointerEvent, number>` \| `undefined; }` | `undefined` |
+| `_selected`           | `_selected`          | Defines which tab is active.                                                                                       | `number` \| `undefined`                                                                                                                                                                              | `0`         |
+| `_tabs` _(required)_  | `_tabs`              | Defines the tab captions.                                                                                          | `TabButtonProps[]` \| `string`                                                                                                                                                                       | `undefined` |
 
 
 ----------------------------------------------

package/doc/toolbar.md

@@ -5,10 +5,11 @@
 
 ## Properties
 
-| Property              | Attribute | Description                                                                                                        | Type                    | Default     |
-| --------------------- | --------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------- | ----------- |
-| `_items` _(required)_ | --        | Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).                                  | `ToolbarItemPropType[]` | `undefined` |
-| `_label` _(required)_ | `_label`  | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                | `undefined` |
+| Property              | Attribute      | Description                                                                                                        | Type                                      | Default     |
+| --------------------- | -------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------- | ----------- |
+| `_items` _(required)_ | --             | Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).                                  | `ToolbarItemPropType[]`                   | `undefined` |
+| `_label` _(required)_ | `_label`       | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                  | `undefined` |
+| `_orientation`        | `_orientation` | Defines whether the orientation of the component is horizontal or vertical.                                        | `"horizontal"` \| `"vertical"` \| `undefined` | `undefined` |
 
 
 ----------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.1-7c24654fbf351e04b5635c30d957697951f63331.0",
+  "version": "3.0.1",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -51,10 +51,10 @@
     "wcag"
   ],
   "dependencies": {
-    "@floating-ui/dom": "1.6.13",
-    "adopted-style-sheets": "1.1.9-rc.18",
+    "@floating-ui/dom": "1.7.1",
+    "adopted-style-sheets": "1.1.9-rc.19",
     "clsx": "2.1.1",
-    "color-convert": "2.0.1",
+    "color-convert": "3.1.0",
     "color-rgba": "2.4.0",
     "lodash-es": "4.17.21",
     "markdown-it": "14.1.0",
@@ -65,7 +65,7 @@
     "wcag-contrast": "3.0.0"
   },
   "peerDependencies": {
-    "adopted-style-sheets": "1.1.9-rc.18"
+    "adopted-style-sheets": "1.1.9-rc.19"
   },
   "files": [
     "assets",

package/vscode-custom-data.json

@@ -443,6 +443,18 @@
         {
           "name": "_value",
           "description": "Defines the value that the button emits on click."
+        },
+        {
+          "name": "_variant",
+          "description": "Defines which variant should be used for presentation.",
+          "values": [
+            {
+              "name": "inline"
+            },
+            {
+              "name": "standalone"
+            }
+          ]
         }
       ]
     },
@@ -666,33 +678,6 @@
         {
           "name": "_secondary-headline",
           "description": "Defines the text of the secondary headline."
-        },
-        {
-          "name": "_variant",
-          "description": "Defines which variant should be used for presentation.",
-          "values": [
-            {
-              "name": "h1"
-            },
-            {
-              "name": "h2"
-            },
-            {
-              "name": "h3"
-            },
-            {
-              "name": "h4"
-            },
-            {
-              "name": "h5"
-            },
-            {
-              "name": "h6"
-            },
-            {
-              "name": "strong"
-            }
-          ]
         }
       ]
     },
@@ -1915,10 +1900,6 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
@@ -1988,10 +1969,6 @@
           "name": "_required",
           "description": "Makes the input element required."
         },
-        {
-          "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2467,6 +2444,18 @@
               "name": "top"
             }
           ]
+        },
+        {
+          "name": "_variant",
+          "description": "Defines which variant should be used for presentation.",
+          "values": [
+            {
+              "name": "inline"
+            },
+            {
+              "name": "standalone"
+            }
+          ]
         }
       ]
     },
@@ -3676,6 +3665,10 @@
             }
           ]
         },
+        {
+          "name": "_has-create-button",
+          "description": "Defines whether the element has a create button."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
@@ -3848,6 +3841,18 @@
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_orientation",
+          "description": "Defines whether the orientation of the component is horizontal or vertical.",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
         }
       ]
     },

package/dist/cjs/CustomSuggestionsOptionsGroup-58ff15d8.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const index=require("./index-87e5e3ad.js"),componentNames=require("./component-names-82c4d68d.js"),i18n=require("./i18n-b9d16ebc.js"),clsx=require("./clsx-dd4d6dd1.js"),getRenderStates=o=>{var e;const s="error"===(null===(e=o._msg)||void 0===e?void 0:e._type)&&!0===o._touched,n="string"==typeof o._hint&&o._hint.length>0,t=[];return!0===s&&t.push(`${o._id}-error`),!0===n&&t.push(`${o._id}-hint`),{hasMsg:s,hasHint:n,ariaDescribedBy:t}},CustomSuggestionsToggleFc=({onClick:o,disabled:e})=>index.h("button",{tabindex:"-1",class:"kol-custom-suggestions-toggle",onClick:o,disabled:e},index.h(componentNames.KolIconTag,{_icons:"codicon codicon-triangle-down",_label:i18n.translate("kol-dropdown")})),CustomSuggestionsOptionFc=({index:o,ref:e,selected:s,onClick:n,onMouseOver:t,onFocus:i,onKeyDown:u,option:g})=>index.h("li",{id:`option-${o}`,key:`-${o}`,ref:e,"data-index":o,tabIndex:-1,role:"option","aria-selected":s?"true":void 0,onClick:n,onMouseOver:t,onFocus:i,class:"kol-custom-suggestions-option",onKeyDown:u},g),CustomSuggestionsOptionsGroupFc=({blockSuggestionMouseOver:o,onKeyDown:e,style:s},n)=>index.h("ul",{role:"listbox",style:s,class:clsx.clsx("kol-custom-suggestions-options-group",{"kol-custom-suggestions-options-group--cursor-hidden":o}),onKeyDown:e},n);exports.CustomSuggestionsOptionFc=CustomSuggestionsOptionFc,exports.CustomSuggestionsOptionsGroupFc=CustomSuggestionsOptionsGroupFc,exports.CustomSuggestionsToggleFc=CustomSuggestionsToggleFc,exports.getRenderStates=getRenderStates;

package/dist/cjs/FieldControlStateWrapper-c8c06d23.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-87e5e3ad.js"),clsx=require("./clsx-dd4d6dd1.js"),index$1=require("./index-8b802221.js"),getRenderStates=require("./getRenderStates-4f3dbd3b.js"),InputContainer=(e,l)=>{var{class:o}=e,t=tslib_es6.__rest(e,["class"]);return index.h("div",Object.assign({class:clsx.clsx("kol-field-control__input",o)},t),l)},KolFieldControlFc=(e,l)=>{const{class:o,id:t,disabled:i,label:n,hideLabel:r,labelAlign:s,renderNoTooltip:d,hint:a,renderNoHint:c,tooltipAlign:b,accessKey:g,shortKey:h,msg:p,touched:u,required:_,readonly:x,fieldControlInputProps:f,fieldControlLabelProps:C,fieldControlTooltipProps:F,fieldControlHintProps:y}=e,K=tslib_es6.__rest(e,["class","id","disabled","label","hideLabel","labelAlign","renderNoTooltip","hint","renderNoHint","tooltipAlign","accessKey","shortKey","msg","touched","required","readonly","fieldControlInputProps","fieldControlLabelProps","fieldControlTooltipProps","fieldControlHintProps"]),k=!c,S=!d,j=getRenderStates.checkHasMsg(p,u),q=index$1.showExpertSlot(n),m=S&&!q&&r,P=index$1.buildBadgeTextString(g,h),v=[index.h(index.Fragment,null,index.h(InputContainer,Object.assign({},f),l),m&&index.h(getRenderStates.FormFieldTooltipFc,Object.assign({},F||{},{id:t,label:n,hideLabel:r,align:b,badgeText:P}))),index.h(getRenderStates.KolFormFieldLabelFc,Object.assign({},C||{},{id:t,baseClassName:"kol-field-control",class:clsx.clsx(null==C?void 0:C.class,{"kol-field-control__label--visually-hidden":Boolean(r)}),hasExpertSlot:q,label:n,accessKey:g,shortKey:h}))];"left"===s&&v.reverse();const B={"kol-field-control--disabled":Boolean(i),"kol-field-control--required":Boolean(_),"kol-field-control--touched":Boolean(u),"kol-field-control--hide-label":Boolean(r),"kol-field-control--read-only":Boolean(x),[`kol-field-control--${(null==p?void 0:p.type)||"error"}`]:Boolean(j),[`kol-field-control--label-align-${s}`]:Boolean(s)};return index.h("div",Object.assign({class:clsx.clsx("kol-field-control",B,o)},K),v,k&&index.h(getRenderStates.KolFormFieldHintFc,Object.assign({},y||{},{baseClassName:"kol-field-control",id:t,hint:a})))};function getFieldControlProps(e){const l={accessKey:e._accessKey,shortKey:e._shortKey,id:e._id,disabled:e._disabled,msg:getRenderStates.convertMsgToInternMsg(e._msg),hint:e._hint,label:e._label,hideLabel:e._hideLabel,touched:e._touched};return"_required"in e&&(l.required=e._required),"_readOnly"in e&&(l.readonly=e._readOnly),"_labelAlign"in e&&(l.labelAlign=e._labelAlign),l}const FieldControlStateWrapper=(e,l)=>{var{state:o}=e,t=tslib_es6.__rest(e,["state"]);return index.h(KolFieldControlFc,Object.assign({},getFieldControlProps(o),t),l)};exports.FieldControlStateWrapper=FieldControlStateWrapper;

package/dist/cjs/FieldControlStateWrapper-c8c06d23.js.map

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

package/dist/cjs/Heading-6bd422b8.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-87e5e3ad.js"),clsx=require("./clsx-dd4d6dd1.js"),MIN_HEADING_LEVEL=1,MAX_HEADING_LEVEL=6;function isValidHeadingLevel(e){return e>=MIN_HEADING_LEVEL&&e<=6}function getHeadlineTag(e){return isValidHeadingLevel(e)?`h${e}`:"strong"}function getSubHeadlineTag(e){return 1===e?"span":getHeadlineTag(e)}const KolHeadlineFc=(e,s)=>{var{class:l,level:n=MIN_HEADING_LEVEL,variant:a}=e,i=tslib_es6.__rest(e,["class","level","variant"]);const c=getHeadlineTag(n),d=a||c;return index.h(c,Object.assign({class:clsx.clsx("kol-headline",`kol-headline--${d}`,l)},i),s)},KolSecondaryHeadlineFc=(e,s)=>{var{class:l,level:n=MIN_HEADING_LEVEL}=e,a=tslib_es6.__rest(e,["class","level"]);const i=getSubHeadlineTag(n+1);return index.h(i,Object.assign({class:clsx.clsx("kol-headline kol-headline--group kol-headline--secondary",l)},a),s)},KolHeadingFc=(e,s)=>{var{secondaryHeadline:l,level:n=MIN_HEADING_LEVEL,class:a,HeadingGroupProps:i={},SecondaryHeadlineProps:c={}}=e,d=tslib_es6.__rest(e,["secondaryHeadline","level","class","HeadingGroupProps","SecondaryHeadlineProps"]);const r=Object.assign({level:n},d);if(!l)return index.h(KolHeadlineFc,Object.assign({class:clsx.clsx(a,"kol-headline--single")},r),s);const{class:o}=i,t=tslib_es6.__rest(i,["class"]),g=Object.assign({class:clsx.clsx("kol-heading-group",o)},t);return index.h("hgroup",Object.assign({},g),index.h(KolHeadlineFc,Object.assign({class:clsx.clsx(a,"kol-headline--group","kol-headline--primary")},r),s),index.h(KolSecondaryHeadlineFc,Object.assign({level:n},c),l))};exports.KolHeadingFc=KolHeadingFc;

package/dist/cjs/Heading-6bd422b8.js.map

@@ -1 +0,0 @@
-{"file":"Heading-6bd422b8.js","mappings":";;;;;;;;;AA2BA,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAC5B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAW5B,SAAS,mBAAmB,CAAC,KAAa;IACzC,OAAO,KAAK,IAAI,iBAAiB,IAAI,KAAK,IAAI,iBAAiB,CAAC;AACjE,CAAC;SAQe,cAAc,CAAC,KAA4B;IAC1D,OAAO,mBAAmB,CAAC,KAAK,CAAC,GAAI,IAAI,KAAK,EAAkB,GAAG,QAAQ,CAAC;AAC7E,CAAC;SAQe,iBAAiB,CAAC,KAA4B;IAC7D,OAAO,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AACrD,CAAC;AAQD,MAAM,aAAa,GAAsB,CAAC,EAAmE,EAAE,QAAQ;QAA7E,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,iBAAiB,EAAE,OAAO,OAAY,EAAP,KAAK,wBAAjE,6BAAmE,CAAF;IAC1G,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,YAAY,GAAG,OAAO,IAAI,WAAW,CAAC;IAE5C,QACCA,QAAC,WAAW,kBAAC,KAAK,EAAEC,SAAI,CAAC,cAAc,EAAE,iBAAiB,YAAY,EAAE,EAAE,UAAU,CAAC,IAAM,KAAK,GAC9F,QAAQ,CACI,EACb;AACH,CAAC,CAAC;AAQF,MAAM,sBAAsB,GAA+B,CAAC,EAA0D,EAAE,QAAQ;QAApE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAG,iBAAiB,OAAY,EAAP,KAAK,wBAAxD,kBAA0D,CAAF;IACnH,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAEjD,QACCD,QAAC,WAAW,kBAAC,KAAK,EAAEC,SAAI,CAAC,0DAA0D,EAAE,UAAU,CAAC,IAAM,KAAK,GACzG,QAAQ,CACI,EACb;AACH,CAAC,CAAC;MAQI,YAAY,GAAqB,CACtC,EAAkI,EAClI,QAAQ;QADR,EAAE,iBAAiB,EAAE,KAAK,GAAG,iBAAiB,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAiB,GAAG,EAAE,EAAE,sBAAsB,GAAG,EAAE,OAAY,EAAP,KAAK,wBAAhI,sFAAkI,CAAF;IAGhI,MAAM,aAAa,mBAClB,KAAK,IACF,KAAK,CACR,CAAC;IAEF,IAAI,CAAC,iBAAiB,EAAE;QACvB,QACCD,QAAC,aAAa,kBAAC,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,sBAAsB,CAAC,IAAM,aAAa,GAC/E,QAAQ,CACM,EACf;KACF;IAED,MAAM,EAAE,KAAK,EAAE,eAAe,KAAqB,iBAAiB,EAAjC,WAAW,oBAAK,iBAAiB,EAA9D,SAA0C,CAAoB,CAAC;IACrE,MAAM,kBAAkB,mBACvB,KAAK,EAAEA,SAAI,CAAC,mBAAmB,EAAE,eAAe,CAAC,IAC9C,WAAW,CACd,CAAC;IAEF,QACCD,oCAAY,kBAAkB;QAC7BA,QAAC,aAAa,kBAAC,KAAK,EAAEC,SAAI,CAAC,UAAU,EAAE,qBAAqB,EAAE,uBAAuB,CAAC,IAAM,aAAa,GACvG,QAAQ,CACM;QAChBD,QAAC,sBAAsB,kBAAC,KAAK,EAAE,KAAK,IAAM,sBAAsB,GAC9D,iBAAiB,CACM,CACjB,EACR;AACH;;;;","names":["h","clsx"],"sources":["src/functional-components/Heading/Heading.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport clsx from 'clsx';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { HeadingLevel, HeadingVariantPropType } from '../../schema';\n\ntype HGroupProps = JSXBase.HTMLAttributes<HTMLElement>;\n\n// Define a base type for common props\ntype BaseProps = JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement> & {\n\tlevel?: HeadingLevel;\n};\n\n// Define a type for the main headline props\ntype HeadlineProps = BaseProps & {\n\tvariant?: HeadingVariantPropType;\n};\n\n// Define a type for the secondary headline props\ntype SecondaryHeadlineProps = BaseProps;\n\n// Define a type for the main Heading component props\nexport type HeadingProps = HeadlineProps & {\n\tsecondaryHeadline?: string;\n\tHeadingGroupProps?: HGroupProps;\n\tSecondaryHeadlineProps?: JSXBase.HTMLAttributes<HTMLHeadingElement | HTMLElement>;\n};\n\nconst MIN_HEADING_LEVEL = 1;\nconst MAX_HEADING_LEVEL = 6;\n\n// Define a union type for valid headline tags\ntype HeadlineTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong';\ntype SubHeadlineTag = 'span' | HeadlineTag;\n\n/**\n * Checks if the given level is a valid heading level.\n * @param level - The heading level to check.\n * @returns True if the level is valid, false otherwise.\n */\nfunction isValidHeadingLevel(level: number): boolean {\n\treturn level >= MIN_HEADING_LEVEL && level <= MAX_HEADING_LEVEL;\n}\n\n/**\n * Returns the appropriate headline tag based on the level.\n * If the level is invalid, returns 'strong'.\n * @param level - The heading level.\n * @returns The corresponding headline tag.\n */\nexport function getHeadlineTag(level: HeadingLevel | number): HeadlineTag {\n\treturn isValidHeadingLevel(level) ? (`h${level}` as HeadlineTag) : 'strong';\n}\n\n/**\n * Returns the appropriate sub-headline tag based on the level.\n * If the level is 1, returns 'span', otherwise returns the headline tag.\n * @param level - The heading level.\n * @returns The corresponding sub-headline tag.\n */\nexport function getSubHeadlineTag(level: HeadingLevel | number): SubHeadlineTag {\n\treturn level === 1 ? 'span' : getHeadlineTag(level);\n}\n\n/**\n * Functional component for rendering a headline.\n * @param props - The properties for the headline component.\n * @param children - The children to render inside the headline.\n * @returns A VNode representing the headline.\n */\nconst KolHeadlineFc: FC<HeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, variant, ...other }, children) => {\n\tconst HeadlineTag = getHeadlineTag(level);\n\tconst finalVariant = variant || HeadlineTag;\n\n\treturn (\n\t\t<HeadlineTag class={clsx('kol-headline', `kol-headline--${finalVariant}`, classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a secondary headline.\n * @param props - The properties for the secondary headline component.\n * @param children - The children to render inside the secondary headline.\n * @returns A VNode representing the secondary headline.\n */\nconst KolSecondaryHeadlineFc: FC<SecondaryHeadlineProps> = ({ class: classNames, level = MIN_HEADING_LEVEL, ...other }, children) => {\n\tconst HeadlineTag = getSubHeadlineTag(level + 1);\n\n\treturn (\n\t\t<HeadlineTag class={clsx('kol-headline kol-headline--group kol-headline--secondary', classNames)} {...other}>\n\t\t\t{children}\n\t\t</HeadlineTag>\n\t);\n};\n\n/**\n * Functional component for rendering a heading with an optional secondary headline.\n * @param props - The properties for the heading component.\n * @param children - The children to render inside the heading.\n * @returns A VNode representing the heading.\n */\nconst KolHeadingFc: FC<HeadingProps> = (\n\t{ secondaryHeadline, level = MIN_HEADING_LEVEL, class: classNames, HeadingGroupProps = {}, SecondaryHeadlineProps = {}, ...other },\n\tchildren,\n) => {\n\tconst headlineProps: HeadlineProps = {\n\t\tlevel,\n\t\t...other,\n\t};\n\n\tif (!secondaryHeadline) {\n\t\treturn (\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--single')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t);\n\t}\n\n\tconst { class: groupClassNames, ...groupOthers } = HeadingGroupProps;\n\tconst headlineGroupProps: HGroupProps = {\n\t\tclass: clsx('kol-heading-group', groupClassNames),\n\t\t...groupOthers,\n\t};\n\n\treturn (\n\t\t<hgroup {...headlineGroupProps}>\n\t\t\t<KolHeadlineFc class={clsx(classNames, 'kol-headline--group', 'kol-headline--primary')} {...headlineProps}>\n\t\t\t\t{children}\n\t\t\t</KolHeadlineFc>\n\t\t\t<KolSecondaryHeadlineFc level={level} {...SecondaryHeadlineProps}>\n\t\t\t\t{secondaryHeadline}\n\t\t\t</KolSecondaryHeadlineFc>\n\t\t</hgroup>\n\t);\n};\n\nexport default KolHeadingFc;\n"],"version":3}

package/dist/cjs/Icon-55410375.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const index=require("./index-87e5e3ad.js"),componentNames=require("./component-names-82c4d68d.js"),KolIconFc=e=>{const{class:n,style:o,icons:c,label:s,onClick:l}=e;return index.h(componentNames.KolIconTag,{class:n,style:o,onClick:l,_icons:c,_label:s})};exports.KolIconFc=KolIconFc;

package/dist/cjs/InputStateWrapper-c8dec8cf.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const tslib_es6=require("./tslib.es6-5e301284.js"),index=require("./index-87e5e3ad.js"),Input=require("./Input-03525feb.js");require("./index-8b802221.js");const getRenderStates=require("./getRenderStates-4f3dbd3b.js"),SuggestionsFc=e=>{var{id:t,suggestions:s}=e,n=tslib_es6.__rest(e,["id","suggestions"]);return s?index.h("datalist",Object.assign({id:`${t}-list`},n),s.map((e=>index.h("option",{value:e})))):null};function getInputProps(e,t){const{ariaDescribedBy:s}=getRenderStates.getRenderStates(e),n={id:e._id,hideLabel:e._hideLabel,label:e._label,accessKey:e._accessKey,disabled:e._disabled,name:e._name,ariaDescribedBy:s};if("_type"in e&&(n.type=e._type),"_value"in e&&(n.value=e._value),"_required"in e&&(n.required=e._required),"_maxLength"in e&&(n.maxlength=e._maxLength),"_placeholder"in e&&(n.placeholder=e._placeholder),"_autoComplete"in e&&(n.autoComplete=e._autoComplete),"_spellCheck"in e&&(n.spellcheck=e._spellCheck),"_pattern"in e&&(n.pattern=e._pattern),"_readOnly"in e&&(n.readonly=e._readOnly),"_min"in e&&(n.min=e._min),"_max"in e&&(n.max=e._max),"_step"in e&&(n.step=e._step),"_multiple"in e&&(n.multiple=e._multiple),"_checked"in e&&(n.checked=e._checked),"_indeterminate"in e&&(n.indeterminate=e._indeterminate),"_touched"in e&&(n.touched=e._touched),"_msg"in e&&(n.msg=getRenderStates.convertMsgToInternMsg(e._msg)),"_suggestions"in e&&!t){Array.isArray(e._suggestions)&&e._suggestions.length>0&&(n.suggestions=index.h(SuggestionsFc,{id:e._id,suggestions:e._suggestions}))}return n}const InputStateWrapper=e=>{var{state:t,customSuggestions:s}=e,n=tslib_es6.__rest(e,["state","customSuggestions"]);return index.h(Input.InputFc,Object.assign({},getInputProps(t,s),n))};exports.InputStateWrapper=InputStateWrapper,exports.SuggestionsFc=SuggestionsFc;

package/dist/cjs/InputStateWrapper-c8dec8cf.js.map

@@ -1 +0,0 @@
-{"file":"InputStateWrapper-c8dec8cf.js","mappings":"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","names":["h","getRenderStates","convertMsgToInternMsg","KolInputFc"],"sources":["src/functional-components/Suggestions/Suggestions.tsx","src/functional-component-wrappers/InputStateWrapper/InputStateWrapper.tsx"],"sourcesContent":["import { h, type FunctionalComponent as FC } from '@stencil/core';\nimport type { JSXBase } from '@stencil/core/internal';\nimport type { W3CInputValue } from '../../schema';\n\nexport type SuggestionsProps = JSXBase.HTMLAttributes<HTMLDataListElement> & {\n\tid: string;\n\tsuggestions: W3CInputValue[];\n};\n\nconst SuggestionsFc: FC<SuggestionsProps> = ({ id, suggestions, ...other }) => {\n\tif (!suggestions) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<datalist id={`${id}-list`} {...other}>\n\t\t\t{suggestions.map((option: W3CInputValue) => (\n\t\t\t\t<option value={option} />\n\t\t\t))}\n\t\t</datalist>\n\t);\n};\nexport default SuggestionsFc;\n","import type { VNode } from '@stencil/core';\nimport { h, type FunctionalComponent as FC } from '@stencil/core';\nimport KolInputFc, { type InputProps } from '../../functional-components/inputs/Input';\n\nimport {\n\ttype InputColorStates,\n\ttype InputEmailStates,\n\ttype InputFileStates,\n\ttype InputNumberStates,\n\ttype InputPasswordStates,\n\ttype InputRangeStates,\n\ttype InputTextStates,\n\ttype InputCheckboxStates,\n\ttype InputRadioStates,\n\tconvertMsgToInternMsg,\n} from '../../schema';\nimport { getRenderStates } from '../_helpers/getRenderStates';\nimport SuggestionsFc from '../../functional-components/Suggestions';\n\ntype InputState =\n\t| InputTextStates\n\t| InputEmailStates\n\t| InputPasswordStates\n\t| InputNumberStates\n\t| InputColorStates\n\t| InputFileStates\n\t| InputRangeStates\n\t| InputCheckboxStates\n\t| InputRadioStates;\n\nexport type InputStateWrapperProps = Partial<InputProps> & {\n\tstate: InputState;\n\tcustomSuggestions?: boolean;\n};\n\n/**\n * @param state\n * @param customSuggestions - Set to true when a custom implementation for _suggestions is provided. Omits the native datalist.\n */\nfunction getInputProps(state: InputState, customSuggestions?: boolean): InputProps {\n\tconst { ariaDescribedBy } = getRenderStates(state);\n\n\tconst props: InputProps = {\n\t\tid: state._id,\n\t\thideLabel: state._hideLabel,\n\t\tlabel: state._label,\n\t\taccessKey: state._accessKey,\n\t\tdisabled: state._disabled,\n\t\tname: state._name,\n\n\t\tariaDescribedBy: ariaDescribedBy,\n\t};\n\n\tif ('_type' in state) props.type = state._type;\n\tif ('_value' in state) props.value = state._value as string | number | string[];\n\tif ('_required' in state) props.required = state._required;\n\tif ('_maxLength' in state) props.maxlength = state._maxLength;\n\tif ('_placeholder' in state) props.placeholder = state._placeholder;\n\tif ('_autoComplete' in state) props.autoComplete = state._autoComplete;\n\tif ('_spellCheck' in state) props.spellcheck = state._spellCheck;\n\tif ('_pattern' in state) props.pattern = state._pattern;\n\tif ('_readOnly' in state) props.readonly = state._readOnly;\n\tif ('_min' in state) props.min = state._min;\n\tif ('_max' in state) props.max = state._max;\n\tif ('_step' in state) props.step = state._step;\n\tif ('_multiple' in state) props.multiple = state._multiple;\n\tif ('_checked' in state) props.checked = state._checked;\n\tif ('_indeterminate' in state) props.indeterminate = state._indeterminate;\n\tif ('_touched' in state) props.touched = state._touched;\n\tif ('_msg' in state) props.msg = convertMsgToInternMsg(state._msg);\n\n\tif ('_suggestions' in state && !customSuggestions) {\n\t\tconst hasSuggestions = Array.isArray(state._suggestions) && state._suggestions.length > 0;\n\t\tif (hasSuggestions) {\n\t\t\tprops.suggestions = (<SuggestionsFc id={state._id} suggestions={state._suggestions} />) as VNode;\n\t\t}\n\t}\n\n\treturn props;\n}\n\nconst InputStateWrapper: FC<InputStateWrapperProps> = ({ state, customSuggestions, ...other }) => {\n\treturn <KolInputFc {...getInputProps(state, customSuggestions)} {...other} />;\n};\n\nexport default InputStateWrapper;\n"],"version":3}