@public-ui/components 2.2.0 → 3.0.0-alpha.0

package/dist/kolibri/open-9bcc0f8e.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{b as o}from"./prop.validators-447b6d6f.js";const p=(p,r,s)=>{o(p,"_open",r,s)};export{p as v};

package/dist/kolibri/rows-aef46735.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{k as o}from"./prop.validators-447b6d6f.js";const r=(r,s)=>{o(r,"_rows",s,{min:1})};export{r as v};

package/dist/kolibri/show-13b0f17e.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{b as o}from"./prop.validators-447b6d6f.js";const s=(s,r,a)=>{o(s,"_show",r,a)};export{s as v};

package/dist/kolibri/tooltip-align-0e8c7391.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{v as o}from"./align-9ab97987.js";const t=(t,a)=>{o(t,"_tooltipAlign",a)};export{t as v};

package/dist/kolibri/validation-e42ea805.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{h as e}from"./label-ec7596fe.js";import{w as r}from"./prop.validators-447b6d6f.js";const o=(o,a)=>{r(o,"_level",(r=>"number"==typeof r&&e.includes(r)),new Set([`Number {${e.join(", ")}`]),a,{defaultValue:1,required:!0})};export{o as w};

package/dist/kolibri/validation-f3f82897.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{g as o,h as t}from"./prop.validators-447b6d6f.js";const s=(s,e,r)=>{o(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),r),t(s,e.state._links.length)};export{s as w};

package/dist/types/components/heading/component.d.ts

@@ -1,17 +0,0 @@
-import type { HeadingAPI, HeadingLevel, HeadingStates, HeadingVariantPropType, LabelWithExpertSlotPropType } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolHeadingWc implements HeadingAPI {
-    _label: LabelWithExpertSlotPropType;
-    _level?: HeadingLevel;
-    _secondaryHeadline?: string;
-    _variant?: HeadingVariantPropType;
-    state: HeadingStates;
-    validateLabel(value?: LabelWithExpertSlotPropType): void;
-    validateLevel(value?: HeadingLevel): void;
-    validateSecondaryHeadline(value?: string): void;
-    validateVariant(value?: HeadingVariantPropType): void;
-    componentWillLoad(): void;
-    private readonly renderHeadline;
-    private readonly renderSecondaryHeadline;
-    render(): JSX.Element;
-}

package/dist/types/components/span/InternalUnderlinedBadgeText.d.ts

@@ -1,7 +0,0 @@
-import type { BadgeTextPropType } from '../../schema';
-type Props = {
-    badgeText: BadgeTextPropType;
-    label: string;
-};
-export declare const InternalUnderlinedBadgeText: ({ badgeText, label }: Props) => any;
-export {};

package/dist/types/components/span/component.d.ts

@@ -1,17 +0,0 @@
-import type { BadgeTextPropType, HideLabelPropType, KoliBriIconsProp, LabelWithExpertSlotPropType, SpanAPI, SpanStates, Stringified } from '../../schema';
-import type { JSX } from '../../stencil-public-runtime';
-export declare class KolSpanWc implements SpanAPI {
-    render(): JSX.Element;
-    _badgeText?: BadgeTextPropType;
-    _allowMarkdown?: boolean;
-    _hideLabel?: boolean;
-    _icons?: Stringified<KoliBriIconsProp>;
-    _label: LabelWithExpertSlotPropType;
-    state: SpanStates;
-    validateBadgeText(value?: BadgeTextPropType): void;
-    validateAllowMarkdown(value?: boolean): void;
-    validateHideLabel(value?: HideLabelPropType): void;
-    validateIcons(value?: KoliBriIconsProp): void;
-    validateLabel(value?: LabelWithExpertSlotPropType): void;
-    componentWillLoad(): void;
-}

package/dist/types/components/toaster/InternalToast.d.ts

@@ -1,9 +0,0 @@
-import type { ToastState } from '../../schema';
-type Props = {
-    key: string;
-    onClose: () => void;
-    onRef: (element?: HTMLDivElement) => void;
-    toastState: ToastState;
-};
-export declare const InternalToast: ({ key, onClose, onRef, toastState }: Props) => any;
-export {};

package/doc/popover.md

@@ -1,26 +0,0 @@
-# Popover
-
-> <kol-badge _label="untested"></kol-badge> Diese neue Komponente wird als ungetestet markiert, da der vollständige Barrierefreiheitstest noch aussteht. Der vollständige Test kann bei neuen Komponenten und Funktionalitäten auch erst nach einem abgeschlossenen Release erfolgen.
-
-Die **Popover**-Komponente stellt eine Möglichkeit dar zusätzliche Inhalte in ein temporäres Element zu setzen, das, ähnlich wie <kol-link _href="" _label="Tooltip"></kol-link>, um sein Triggerelement angeordnet ist.
-Das Triggerelement ist immer das im HTML vorangehende Element (previousSibling).
-
-<kol-alert _type="info" _variant="card">Die **Popover**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden.</kol-alert>
-
-<!-- Auto Generated Below -->
-
-## Properties
-
-| Property | Attribute | Description                                                                       | Type                                                                                  | Default     |
-| -------- | --------- | --------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | ----------- |
-| `_align` | `_align`  | Defines the alignment of the tooltip, popover or tabs in relation to the element. | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined`                                 | `'top'`     |
-| `_on`    | --        | Defines the callback functions for popover events.                                | `undefined` \| `{ onClose?: EventCallback<MouseEvent` \| `KeyboardEvent>` \| `undefined; }` | `undefined` |
-| `_show`  | `_show`   | Makes the element show up.                                                        | `boolean` \| `undefined`                                                                | `false`     |
-
-## Slots
-
-| Slot | Description             |
-| ---- | ----------------------- |
-|      | Der Inhalt des Popover. |
-
----

package/doc/span.md

@@ -1,32 +0,0 @@
-# Span
-
-<kol-alert _type="warning" _variant="card">
-  Die **Span**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung direkt verwendet zu werden. Denn der Span ist nur dann wirklich barrierefrei, wenn er in Kombination mit dem Tooltip verwendet wird.
-</kol-alert>
-
-Die **Span**-Komponente dient dazu innerhalb zahlreicher KoliBri-Komponenten die Text-Icon-Kombination und das Expert-Slot-Konzept einheitlich umzusetzen.
-
-## Konstruktion
-
-### Code
-
-```html
-<kol-span _icons="codicon codicon-home" _label="Text inside the span."></kol-span>
-```
-
-### Beispiel
-
-<kol-span _icons="codicon codicon-home" _label="Text inside the span."></kol-span>
-
-<!-- Auto Generated Below -->
-
-## Properties
-
-| Property              | Attribute     | Description                                                                                                                                                  | Type                                                                   | Default     |
-| --------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------- | ----------- |
-| `_accessKey`          | `_access-key` | Defines the elements access key.                                                                                                                             | `string` \| `undefined`                                                  | `undefined` |
-| `_hideLabel`          | `_hide-label` | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                   | `boolean` \| `undefined`                                                 | `false`     |
-| `_icons`              | `_icons`      | Defines the g classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                 | `KoliBriHorizontalIcons & KoliBriVerticalIcons` \| `string` \| `undefined` | `undefined` |
-| `_label` _(required)_ | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot. | `string`                                                               | `undefined` |
-
----

package/doc/tooltip.md

@@ -1,47 +0,0 @@
-# Tooltip
-
-Synonyme: Inline Dialog, Popover
-
-<kol-alert _type="info" _variant="card">Die **Tooltip**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden. Denn der Tooltip ist nur dann wirklich barrierefrei, wenn von einem Referenzelement auf das Tooltip verwiesen wird.</kol-alert>
-
-Die **Tooltip**-Komponente implementiert das Gegenstück zum `Aria-Label`. Es ist also explizit nur dafür vorgesehen, dem/der Nutzer:in ohne Screenreader die Beschriftung eines Elementes anzuzeigen.
-
-Ein geöffneter Tooltip lässt sich mit der `Escape`-Taste schließen, um ggf. überlagerte Seiteninformationen wieder sichtbar zu machen.
-
-**Hinweis:** Damit der Tooltip korrekt ausgerichtet wird, darf das Referenz-Element nicht `display: inline` haben.
-
-## Barrierefreiheit
-
-Die Tooltip-Komponente wird bei Fokus oder bei Bewegen der Maus über dem Referenzelement angezeigt und dient ausschließlich dem/der sehenden Nutzer:in ohne Screenreader die Beschriftung (Aria-Label) lesen zu können. Der Text des Tooltips ist selbst nicht mit der Tastatur erreichbar und zudem mittels Aria-Hidden für die Screenreader versteckt.
-
-<kol-alert _type="info">
-Aus Sicht des Barrierefreiheitstests können Tooltips ignoriert werden, solange zudem von der Entwicklung sichergestellt wurde, dass der Tooltip-Text auch in gleicher Weise vom Screenreader vorgelesen wird.
-</kol-alert>
-
-## Breite
-
-Die Breite des Tooltips richtet sich normalerweise nach ihrem Inhalt.
-Um die Breite eines Tooltips zu konfigurieren, kann auf dem umgebenden Container eine [CSS-Custom-Property](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) wie folgt definiert werden:
-
-```css
-.container {
-  --kol-tooltip-width': '40rem';
-}
-```
-
-## Links und Referenzen
-
-- <kol-link _href="https://tollwerk.de/projekte/tipps-techniken-inklusiv-barrierefrei/titel-tooltips-toggletips" _target="_blank"></kol-link>
-
-<!-- Auto Generated Below -->
-
-## Properties
-
-| Property              | Attribute     | Description                                                                                                        | Type                                                  | Default     |
-| --------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------- | ----------- |
-| `_accessKey`          | `_access-key` | Defines the elements access key.                                                                                   | `string` \| `undefined`                                 | `undefined` |
-| `_align`              | `_align`      | Defines the alignment of the tooltip, popover or tabs in relation to the element.                                  | `"bottom"` \| `"left"` \| `"right"` \| `"top"` \| `undefined` | `'top'`     |
-| `_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.). | `string`                                              | `undefined` |
-
----