@public-ui/components 1.1.14 → 1.1.15-rc.1

package/package.json

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

package/dist/cjs/button-link-47a047fc.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const prop_validators=require("./prop.validators-0257b98f.js"),watchTooltipAlignment=(t,o,i)=>{prop_validators.watchValidator(t,o,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["TooltipAlignment {top, right, buttom, left}"]),i,{defaultValue:"top"})};exports.watchTooltipAlignment=watchTooltipAlignment;

package/dist/cjs/validation-00b4c7b9.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-"use strict";const a11y_tipps=require("./a11y.tipps-df3024df.js"),prop_validators=require("./prop.validators-0257b98f.js"),watchNavLinks=(t,s,a)=>{prop_validators.watchJsonArrayString(s,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),a),a11y_tipps.uiUxHintMillerscheZahl(t,s.state._links.length)};exports.watchNavLinks=watchNavLinks;

package/dist/components/component16.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{j as watchValidator,B as getDocument,n as nonce,w as watchString}from"./prop.validators.js";import{d as defineCustomElement$3}from"./component2.js";import{d as defineCustomElement$2}from"./component6.js";import{d as defineCustomElement$1}from"./component15.js";const watchTooltipAlignment=(t,e,o)=>{watchValidator(t,e,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["TooltipAlignment {top, right, buttom, left}"]),o,{defaultValue:"top"})},defaultStyleCss='kol-badge,.tooltip{font-size:1rem;position:fixed;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:0.5s;display:none;z-index:1000;max-width:300px;box-shadow:0 0 0.15rem rgba(255, 255, 255, 0.8)}kol-badge::after,.tooltip::after{content:" ";position:absolute;border-style:solid;border-width:5px}kol-badge.arrow-left::after,.tooltip.arrow-left::after{margin-top:-5px;top:50%;right:100%;border-color:transparent black transparent transparent}kol-badge.arrow-right::after,.tooltip.arrow-right::after{margin-top:-5px;top:50%;left:100%;border-color:transparent transparent transparent black}kol-badge.arrow-top::after,.tooltip.arrow-top::after{margin-left:-5px;left:50%;bottom:100%;border-color:transparent transparent black transparent}kol-badge.arrow-bottom::after,.tooltip.arrow-bottom::after{margin-left:-5px;left:50%;top:100%;border-color:black transparent transparent transparent}@keyframes fadeInOpacity{0%{opacity:0}100%{opacity:1}}',KolTooltip=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.hydrated=!1,this.hostElement=null,this.childElements=[],this.alignTooltip=()=>{const t=this.childElements[0];{const e=t.getBoundingClientRect();if(this.tooltipElement instanceof HTMLElement){switch(this.state._align){case"top":case"bottom":this.tooltipElement.style.left=e.left+t.offsetWidth/2-this.tooltipElement.offsetWidth/2+"px";break;default:this.tooltipElement.style.top=e.top+e.height/2-this.tooltipElement.offsetHeight/2+"px"}switch(this.state._align){case"left":this.tooltipElement.style.left=`calc(${e.left-this.tooltipElement.offsetWidth}px - 0.5em)`;break;case"right":this.tooltipElement.style.left=`calc(${e.right}px + 0.5em)`;break;case"bottom":this.tooltipElement.style.top=`calc(${e.bottom}px + 0.5em)`;break;default:this.tooltipElement.style.top=`calc(${e.top-this.tooltipElement.offsetHeight}px - 0.5em)`}}}},this.showTooltip=()=>{this.tooltipElement instanceof HTMLElement&&(this.tooltipElement.style.setProperty("display","block"),getDocument().body.addEventListener("keyup",this.hideTooltipByEscape),this.alignTooltip(),this.tooltipElement.style.setProperty("visibility","visible"),document.addEventListener("scroll",this.alignTooltip))},this.hideTooltip=()=>{this.tooltipElement instanceof HTMLElement&&(this.tooltipElement.style.setProperty("display","none"),this.tooltipElement.style.setProperty("visibility","hidden"),document.removeEventListener("scroll",this.alignTooltip))},this.hideTooltipByEscape=t=>{"Escape"===t.key&&(getDocument().body.removeEventListener("keyup",this.hideTooltipByEscape),this.hideTooltip())},this.catchHostElement=t=>{if(this.hostElement=t,this.hostElement instanceof HTMLElement){const t=this.hostElement.previousElementSibling;t instanceof HTMLElement&&(t.removeEventListener("mouseover",this.showTooltip),t.addEventListener("mouseover",this.showTooltip),t.removeEventListener("focus",this.showTooltip),t.addEventListener("focus",this.showTooltip),t.removeEventListener("mouseout",this.hideTooltip),t.addEventListener("mouseout",this.hideTooltip),t.removeEventListener("blur",this.hideTooltip),t.addEventListener("blur",this.hideTooltip),this.childElements.push(t))}},this.catchTooltipElement=t=>{this.tooltipElement=t},this._align="top",this._id=void 0,this._label=void 0,this.state={_align:"top",_id:nonce(),_label:""}}render(){const t=setTimeout((()=>{clearTimeout(t),this.alignTooltip()}),250);return h(Host,{ref:this.catchHostElement,style:{maxWidth:"300px"}},""!==this.state._label&&h("kol-badge",{class:{"arrow-bottom":"top"===this.state._align,"arrow-left":"right"===this.state._align,"arrow-top":"bottom"===this.state._align,"arrow-right":"left"===this.state._align},id:this.state._id,ref:this.catchTooltipElement,_color:{backgroundColor:"#333",color:"#ddd"},_label:this.state._label}))}validateAlign(t){watchTooltipAlignment(this,"_align",t)}validateId(t){watchString(this,"_id",t)}validateLabel(t){watchString(this,"_label",t)}componentWillLoad(){this.validateAlign(this._align),this.validateId(this._id),this.validateLabel(this._label),this.hydrated=!0}static get watchers(){return{_align:["validateAlign"],_id:["validateId"],_label:["validateLabel"]}}static get style(){return{default:defaultStyleCss}}},[32,"kol-tooltip",{_align:[1],_id:[1],_label:[1],state:[32]}]);function defineCustomElement(){if("undefined"==typeof customElements)return;["kol-tooltip","kol-badge","kol-icon","kol-span-wc"].forEach((t=>{switch(t){case"kol-tooltip":customElements.get(t)||customElements.define(t,KolTooltip);break;case"kol-badge":customElements.get(t)||defineCustomElement$3();break;case"kol-icon":customElements.get(t)||defineCustomElement$2();break;case"kol-span-wc":customElements.get(t)||defineCustomElement$1()}}))}export{KolTooltip as K,defineCustomElement as d,watchTooltipAlignment as w};

package/dist/custom-elements/devtools.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */
-import{i as initKoliBri,g as getDevMode,r as renderDevAdvice,a as getDocument,b as getColorContrastAnalysis,L as Log,K as KoliBriUtils,k as koliBriA11yColorContrast,c as KoliBri,d as koliBriQuerySelector,e as koliBriQuerySelectorAll,f as koliBriQuerySelectorColors,p as parseJson,s as stringifyJson}from"./index.js";function prototypeKoliBri(t,o){try{Object.defineProperty(KoliBri,t,{get:function(){return o}})}catch(o){Log.debug(`KoliBri property ${t} is already bind.`)}}const initialize=()=>{if(initKoliBri(),getDevMode()){renderDevAdvice(),prototypeKoliBri("a11yColorContrast",koliBriA11yColorContrast),prototypeKoliBri("querySelector",koliBriQuerySelector),prototypeKoliBri("querySelectorAll",koliBriQuerySelectorAll),prototypeKoliBri("querySelectorColors",koliBriQuerySelectorColors),prototypeKoliBri("utils",(function(){return KoliBriUtils})),prototypeKoliBri("parseJson",parseJson),prototypeKoliBri("stringifyJson",stringifyJson);const t=getDocument().body,o=getDocument().createElement("svg");if(o.setAttribute("aria-label","KoliBri-DevTools"),o.setAttribute("xmlns","http://www.w3.org/2000/svg"),o.setAttribute("role","toolbar"),o.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),o.innerHTML='<svg\n  xmlns="http://www.w3.org/2000/svg"\n  width="50"\n  height="50"\n  viewBox="0 0 600 600"\n>\n  <path d="M353 322L213 304V434L353 322Z" fill="#047" />\n  <path d="M209 564V304L149 434L209 564Z" fill="#047" />\n  <path d="M357 316L417 250L361 210L275 244L357 316Z" fill="#047" />\n  <path d="M353 318L35 36L213 300L353 318Z" fill="#047" />\n  <path d="M329 218L237 92L250 222L272 241L329 218Z" fill="#047" />\n  <path d="M391 286L565 272L421 252L391 286Z" fill="#047" />\n</svg>',getDocument().body.appendChild(o),getColorContrastAnalysis()){Log.debug("Color-Contrast-Analysis activated");const o=setTimeout((()=>{clearTimeout(o),setInterval((()=>{KoliBriUtils.queryHtmlElementColors(getDocument().createElement("div"),koliBriA11yColorContrast(t),!1,!1)}),1e4)}),2500)}else Log.debug("Color-Contrast-Analysis not activated")}};export{initialize};

package/dist/custom-elements/index.d.ts

@@ -1,375 +0,0 @@
-/* kolibri custom elements bundle */
-
-import type { Components, JSX } from "../types/kolibri";
-
-interface KolAbbr extends Components.KolAbbr, HTMLElement {}
-export const KolAbbr: {
-  prototype: KolAbbr;
-  new (): KolAbbr;
-};
-
-interface KolAccordion extends Components.KolAccordion, HTMLElement {}
-export const KolAccordion: {
-  prototype: KolAccordion;
-  new (): KolAccordion;
-};
-
-interface KolAlert extends Components.KolAlert, HTMLElement {}
-export const KolAlert: {
-  prototype: KolAlert;
-  new (): KolAlert;
-};
-
-interface KolBadge extends Components.KolBadge, HTMLElement {}
-export const KolBadge: {
-  prototype: KolBadge;
-  new (): KolBadge;
-};
-
-interface KolBreadcrumb extends Components.KolBreadcrumb, HTMLElement {}
-export const KolBreadcrumb: {
-  prototype: KolBreadcrumb;
-  new (): KolBreadcrumb;
-};
-
-interface KolButton extends Components.KolButton, HTMLElement {}
-export const KolButton: {
-  prototype: KolButton;
-  new (): KolButton;
-};
-
-interface KolButtonGroup extends Components.KolButtonGroup, HTMLElement {}
-export const KolButtonGroup: {
-  prototype: KolButtonGroup;
-  new (): KolButtonGroup;
-};
-
-interface KolButtonGroupWc extends Components.KolButtonGroupWc, HTMLElement {}
-export const KolButtonGroupWc: {
-  prototype: KolButtonGroupWc;
-  new (): KolButtonGroupWc;
-};
-
-interface KolButtonLink extends Components.KolButtonLink, HTMLElement {}
-export const KolButtonLink: {
-  prototype: KolButtonLink;
-  new (): KolButtonLink;
-};
-
-interface KolButtonWc extends Components.KolButtonWc, HTMLElement {}
-export const KolButtonWc: {
-  prototype: KolButtonWc;
-  new (): KolButtonWc;
-};
-
-interface KolCard extends Components.KolCard, HTMLElement {}
-export const KolCard: {
-  prototype: KolCard;
-  new (): KolCard;
-};
-
-interface KolColor extends Components.KolColor, HTMLElement {}
-export const KolColor: {
-  prototype: KolColor;
-  new (): KolColor;
-};
-
-interface KolCounter extends Components.KolCounter, HTMLElement {}
-export const KolCounter: {
-  prototype: KolCounter;
-  new (): KolCounter;
-};
-
-interface KolDetails extends Components.KolDetails, HTMLElement {}
-export const KolDetails: {
-  prototype: KolDetails;
-  new (): KolDetails;
-};
-
-interface KolForm extends Components.KolForm, HTMLElement {}
-export const KolForm: {
-  prototype: KolForm;
-  new (): KolForm;
-};
-
-interface KolHeading extends Components.KolHeading, HTMLElement {}
-export const KolHeading: {
-  prototype: KolHeading;
-  new (): KolHeading;
-};
-
-interface KolHeadingWc extends Components.KolHeadingWc, HTMLElement {}
-export const KolHeadingWc: {
-  prototype: KolHeadingWc;
-  new (): KolHeadingWc;
-};
-
-interface KolIcon extends Components.KolIcon, HTMLElement {}
-export const KolIcon: {
-  prototype: KolIcon;
-  new (): KolIcon;
-};
-
-interface KolIconFontAwesome extends Components.KolIconFontAwesome, HTMLElement {}
-export const KolIconFontAwesome: {
-  prototype: KolIconFontAwesome;
-  new (): KolIconFontAwesome;
-};
-
-interface KolIconIcofont extends Components.KolIconIcofont, HTMLElement {}
-export const KolIconIcofont: {
-  prototype: KolIconIcofont;
-  new (): KolIconIcofont;
-};
-
-interface KolIndentedText extends Components.KolIndentedText, HTMLElement {}
-export const KolIndentedText: {
-  prototype: KolIndentedText;
-  new (): KolIndentedText;
-};
-
-interface KolInput extends Components.KolInput, HTMLElement {}
-export const KolInput: {
-  prototype: KolInput;
-  new (): KolInput;
-};
-
-interface KolInputAdapterLeanup extends Components.KolInputAdapterLeanup, HTMLElement {}
-export const KolInputAdapterLeanup: {
-  prototype: KolInputAdapterLeanup;
-  new (): KolInputAdapterLeanup;
-};
-
-interface KolInputCheckbox extends Components.KolInputCheckbox, HTMLElement {}
-export const KolInputCheckbox: {
-  prototype: KolInputCheckbox;
-  new (): KolInputCheckbox;
-};
-
-interface KolInputColor extends Components.KolInputColor, HTMLElement {}
-export const KolInputColor: {
-  prototype: KolInputColor;
-  new (): KolInputColor;
-};
-
-interface KolInputDate extends Components.KolInputDate, HTMLElement {}
-export const KolInputDate: {
-  prototype: KolInputDate;
-  new (): KolInputDate;
-};
-
-interface KolInputEmail extends Components.KolInputEmail, HTMLElement {}
-export const KolInputEmail: {
-  prototype: KolInputEmail;
-  new (): KolInputEmail;
-};
-
-interface KolInputFile extends Components.KolInputFile, HTMLElement {}
-export const KolInputFile: {
-  prototype: KolInputFile;
-  new (): KolInputFile;
-};
-
-interface KolInputNumber extends Components.KolInputNumber, HTMLElement {}
-export const KolInputNumber: {
-  prototype: KolInputNumber;
-  new (): KolInputNumber;
-};
-
-interface KolInputPassword extends Components.KolInputPassword, HTMLElement {}
-export const KolInputPassword: {
-  prototype: KolInputPassword;
-  new (): KolInputPassword;
-};
-
-interface KolInputRadio extends Components.KolInputRadio, HTMLElement {}
-export const KolInputRadio: {
-  prototype: KolInputRadio;
-  new (): KolInputRadio;
-};
-
-interface KolInputRadioGroup extends Components.KolInputRadioGroup, HTMLElement {}
-export const KolInputRadioGroup: {
-  prototype: KolInputRadioGroup;
-  new (): KolInputRadioGroup;
-};
-
-interface KolInputRange extends Components.KolInputRange, HTMLElement {}
-export const KolInputRange: {
-  prototype: KolInputRange;
-  new (): KolInputRange;
-};
-
-interface KolInputText extends Components.KolInputText, HTMLElement {}
-export const KolInputText: {
-  prototype: KolInputText;
-  new (): KolInputText;
-};
-
-interface KolKolibri extends Components.KolKolibri, HTMLElement {}
-export const KolKolibri: {
-  prototype: KolKolibri;
-  new (): KolKolibri;
-};
-
-interface KolLink extends Components.KolLink, HTMLElement {}
-export const KolLink: {
-  prototype: KolLink;
-  new (): KolLink;
-};
-
-interface KolLinkButton extends Components.KolLinkButton, HTMLElement {}
-export const KolLinkButton: {
-  prototype: KolLinkButton;
-  new (): KolLinkButton;
-};
-
-interface KolLinkGroup extends Components.KolLinkGroup, HTMLElement {}
-export const KolLinkGroup: {
-  prototype: KolLinkGroup;
-  new (): KolLinkGroup;
-};
-
-interface KolLinkWc extends Components.KolLinkWc, HTMLElement {}
-export const KolLinkWc: {
-  prototype: KolLinkWc;
-  new (): KolLinkWc;
-};
-
-interface KolLogo extends Components.KolLogo, HTMLElement {}
-export const KolLogo: {
-  prototype: KolLogo;
-  new (): KolLogo;
-};
-
-interface KolModal extends Components.KolModal, HTMLElement {}
-export const KolModal: {
-  prototype: KolModal;
-  new (): KolModal;
-};
-
-interface KolNav extends Components.KolNav, HTMLElement {}
-export const KolNav: {
-  prototype: KolNav;
-  new (): KolNav;
-};
-
-interface KolPagination extends Components.KolPagination, HTMLElement {}
-export const KolPagination: {
-  prototype: KolPagination;
-  new (): KolPagination;
-};
-
-interface KolProgress extends Components.KolProgress, HTMLElement {}
-export const KolProgress: {
-  prototype: KolProgress;
-  new (): KolProgress;
-};
-
-interface KolSelect extends Components.KolSelect, HTMLElement {}
-export const KolSelect: {
-  prototype: KolSelect;
-  new (): KolSelect;
-};
-
-interface KolSkipNav extends Components.KolSkipNav, HTMLElement {}
-export const KolSkipNav: {
-  prototype: KolSkipNav;
-  new (): KolSkipNav;
-};
-
-interface KolSpan extends Components.KolSpan, HTMLElement {}
-export const KolSpan: {
-  prototype: KolSpan;
-  new (): KolSpan;
-};
-
-interface KolSpanWc extends Components.KolSpanWc, HTMLElement {}
-export const KolSpanWc: {
-  prototype: KolSpanWc;
-  new (): KolSpanWc;
-};
-
-interface KolSpin extends Components.KolSpin, HTMLElement {}
-export const KolSpin: {
-  prototype: KolSpin;
-  new (): KolSpin;
-};
-
-interface KolSymbol extends Components.KolSymbol, HTMLElement {}
-export const KolSymbol: {
-  prototype: KolSymbol;
-  new (): KolSymbol;
-};
-
-interface KolTable extends Components.KolTable, HTMLElement {}
-export const KolTable: {
-  prototype: KolTable;
-  new (): KolTable;
-};
-
-interface KolTabs extends Components.KolTabs, HTMLElement {}
-export const KolTabs: {
-  prototype: KolTabs;
-  new (): KolTabs;
-};
-
-interface KolTextarea extends Components.KolTextarea, HTMLElement {}
-export const KolTextarea: {
-  prototype: KolTextarea;
-  new (): KolTextarea;
-};
-
-interface KolToast extends Components.KolToast, HTMLElement {}
-export const KolToast: {
-  prototype: KolToast;
-  new (): KolToast;
-};
-
-interface KolTooltip extends Components.KolTooltip, HTMLElement {}
-export const KolTooltip: {
-  prototype: KolTooltip;
-  new (): KolTooltip;
-};
-
-interface KolVersion extends Components.KolVersion, HTMLElement {}
-export const KolVersion: {
-  prototype: KolVersion;
-  new (): KolVersion;
-};
-
-/**
- * Utility to define all custom elements within this package using the tag name provided in the component's source. 
- * When defining each custom element, it will also check it's safe to define by:
- *
- * 1. Ensuring the "customElements" registry is available in the global context (window).
- * 2. The component tag name is not already defined.
- *
- * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
- * method instead to define custom elements individually, or to provide a different tag name.
- */
-export declare const defineCustomElements: (opts?: any) => void;
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  ce?: (eventName: string, opts?: any) => CustomEvent;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';