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

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.8",
   "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;