@public-ui/components 1.7.0-rc.7 → 1.7.0-rc.9

package/dist/kolibri/rows-8f3a77ad.js

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

package/dist/kolibri/show-96db984f.js

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

package/dist/kolibri/suggestions-c290e3cf.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as s}from"./prop.validators-4fbf6f12.js";import{a as o}from"./a11y.tipps-6fe22116.js";const e=(e,t)=>{s(e,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&o("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{e as v};

package/dist/kolibri/{tab-index-f89f9c51.js → tab-index-e3553c06.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as t}from"./a11y.tipps-374b0fe2.js";import{e as a}from"./prop.validators-5052a5eb.js";const e={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},o=(t,o)=>{a(t,"_tabIndex",o,e)};export{o as v};
+import{a as t}from"./a11y.tipps-6fe22116.js";import{e as a}from"./prop.validators-4fbf6f12.js";const o={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},e=(t,e)=>{a(t,"_tabIndex",e,o)};export{e as v};

package/dist/kolibri/tooltip-align-ab53c159.js

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

package/dist/kolibri/validation-7c0ea4fc.js

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

package/dist/kolibri/validation-c5df9220.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as o}from"./a11y.tipps-6fe22116.js";import{c as t}from"./prop.validators-4fbf6f12.js";const s=(s,e,f)=>{t(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),f),o(s,e.state._links.length)};export{s as w};

package/dist/types/components/details/DetailsAnimationController.d.ts

@@ -0,0 +1,15 @@
+export default class DetailsAnimationController {
+  private detailsElement;
+  private summaryElement;
+  private contentElement;
+  private animation?;
+  private isClosing;
+  private isExpanding;
+  constructor(detailsElement: HTMLDetailsElement, summaryElement: HTMLElement, contentElement: HTMLElement);
+  private handleSummaryClick;
+  private open;
+  private expand;
+  private collapse;
+  private animateDetailsHeight;
+  private onAnimationFinish;
+}

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

@@ -3,7 +3,9 @@ import { LabelPropType } from '../../types/props/label';
 import { API, EventCallbacks, States } from './types';
 export declare class KolDetails implements API {
   private readonly host?;
-  private htmlDetailsElement?;
+  private detailsElement?;
+  private summaryElement?;
+  private contentElement?;
   render(): JSX.Element;
   _label?: LabelPropType;
   _on?: EventCallbacks;
@@ -15,6 +17,7 @@ export declare class KolDetails implements API {
   validateOpen(value?: boolean): void;
   validateSummary(value?: string): void;
   componentWillLoad(): void;
+  componentDidLoad(): void;
   private toggleTimeout?;
   private handleToggle;
 }

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

@@ -1,12 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
-import { API, Statest } from './types';
+import { API, States } from './types';
 export declare class KolSymbol implements API {
   render(): JSX.Element;
   _ariaLabel?: string;
   _label?: LabelPropType;
   _symbol: string;
-  state: Statest;
+  state: States;
   validateAriaLabel(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validateSymbol(value?: string): void;

package/dist/types/components/symbol/types.d.ts

@@ -8,6 +8,6 @@ type OptionalProps = PropAriaLabel & PropLabel;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = PropLabel;
-export type Statest = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

package/doc/split-button.md

@@ -2,6 +2,13 @@
 
 > <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 SplitButton-Komponente kann genutzt werden, um einen zweigeteilten Button darzustellen. Dabei wird der Primär-Button
+üblicherweise für eine Haupt-Aktion genutzt, während der sekundäre Button ein Kontext-Menü ("Popover") öffnet, hinter
+dem sich weitere Aktionen verbergen.
+
+- Der Sekundär-Button togglet grundsätzlich das Kontextmenü.
+- Für den Primär-Button kann ein individueller Event-Handler hinterlegt werden, wird dies nicht getan togglet er ebenfalls das Kontextmenü.
+
 ## Konstruktion
 
 ### Code
@@ -10,7 +17,7 @@
 <kol-split-button _label="Split-Button">Split-Button Popover</kol-split-button>
 ```
 
-Geöffnet:
+Initial geöffnet:
 
 ```html
 <kol-split-button _label="Split-Button" _show-dropdown>Split-Button Popover</kol-split-button>
@@ -25,21 +32,6 @@ Geöffnet:
   Split-Button Popover
 </kol-split-button>
 
-## Verwendung
-
-### Best practices
-
-### Tastatursteuerung
-
-| Taste   | Funktion |
-| ------- | -------- |
-| `Tab`   | ??       |
-| `Enter` | ??       |
-
-## Links und Referenzen
-
-- <kol-link _href="https://www.w3.org/TR/wai-aria-practices/#accordion" _label="https://www.w3.org/TR/wai-aria-practices/#accordion" _target="_blank"></kol-link>
-
 <!-- Auto Generated Below -->
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "1.7.0-rc.7",
+  "version": "1.7.0-rc.9",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "bugs": { "url": "https://github.com/public-ui/kolibri/issues", "email": "kolibri@itzbund.de" },

package/vscode-custom-data.json

@@ -13807,7 +13807,7 @@
       "name": "kol-split-button",
       "description": {
         "kind": "markdown",
-        "value": "> <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."
+        "value": "> <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.\n\nDie SplitButton-Komponente kann genutzt werden, um einen zweigeteilten Button darzustellen. Dabei wird der Primär-Button\nüblicherweise für eine Haupt-Aktion genutzt, während der sekundäre Button ein Kontext-Menü (\"Popover\") öffnet, hinter\ndem sich weitere Aktionen verbergen.\n\n- Der Sekundär-Button togglet grundsätzlich das Kontextmenü.\n- Für den Primär-Button kann ein individueller Event-Handler hinterlegt werden, wird dies nicht getan togglet er ebenfalls das Kontextmenü."
       },
       "attributes": [
         {

package/dist/cjs/align-4e219e94.js

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

package/dist/cjs/has-closer-904a1459.js

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

package/dist/cjs/hide-label-59f7048b.js

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

package/dist/cjs/image-source-71321b96.js

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