@public-ui/components 1.1.13-rc.9 → 1.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "1.1.13-rc.9",
+  "version": "1.1.13",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "bugs": { "url": "https://github.com/public-ui/kolibri/issues", "email": "kolibri@itzbund.de" },
@@ -13,7 +13,7 @@
   "es2017": "dist/esm/index.mjs",
   "types": "dist/types/index.d.ts",
   "sideEffects": false,
-  "description": "Contains all web components that belong to the accessible web component library KoliBri (@public-ui).",
+  "description": "Contains all web components that belong to KoliBri - The accessible HTML-Standard.",
   "keywords": [
     "accessibility",
     "accessible components",

package/dist/cjs/app-globals-d4daf7de.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-"use strict";const index=require("./index-e6ae017d.js"),dev_utils=require("./dev.utils-d0a4bbec.js"),index$1=require("./index-60d13ec2.js"),appGlobalScript=()=>{dev_utils.Log.info("\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | `--' |  |) /_  ,--.--. `--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n`--' `--´  `---´  `--' `--' `------´  `--'    `--'\n     - the accessible web component library -\n"),index.setMode((e=>(e.shadowRoot instanceof ShadowRoot&&index$1.setThemeStyle(e,index$1.getThemeDetails(e)),"default"))),Promise.resolve().then((function(){return require("./devtools-525cc032.js")})).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{dev_utils.Log.error(e)}))},globalScripts=appGlobalScript;exports.globalScripts=globalScripts;

package/dist/cjs/devtools-525cc032.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-"use strict";const dev_utils=require("./dev.utils-d0a4bbec.js"),prop_validators=require("./prop.validators-20c18e5f.js");function prototypeKoliBri(e,t){try{Object.defineProperty(dev_utils.KoliBri,e,{get:function(){return t}})}catch(t){dev_utils.Log.debug(`KoliBri property ${e} is already bind.`)}}require("./index.m-d4f02c88.js"),require("./a11y.tipps-c34c01ad.js"),require("./index-60d13ec2.js");const initialize=()=>{if(dev_utils.initKoliBri(),dev_utils.getDevMode()){dev_utils.renderDevAdvice(),prototypeKoliBri("a11yColorContrast",prop_validators.koliBriA11yColorContrast),prototypeKoliBri("querySelector",prop_validators.koliBriQuerySelector),prototypeKoliBri("querySelectorAll",prop_validators.koliBriQuerySelectorAll),prototypeKoliBri("querySelectorColors",prop_validators.koliBriQuerySelectorColors),prototypeKoliBri("utils",(function(){return prop_validators.KoliBriUtils})),prototypeKoliBri("parseJson",prop_validators.parseJson),prototypeKoliBri("stringifyJson",prop_validators.stringifyJson);const e=dev_utils.getDocument().body,t=dev_utils.getDocument().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.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>',dev_utils.getDocument().body.appendChild(t),dev_utils.Log.debug("Wer weiß, wie Intelligence im VS Code auch bei peerDependencies funktioniert?\n\nAutovervollständigung funktioniert bei uns nur mit Paketen, die auch in der package.json eingetragen sind unabhängig davon das sie in den node_modules liegen."),dev_utils.getColorContrastAnalysis()){dev_utils.Log.debug("Color-Contrast-Analysis activated");const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{prop_validators.KoliBriUtils.queryHtmlElementColors(dev_utils.getDocument().createElement("div"),prop_validators.koliBriA11yColorContrast(e),!1,!1)}),1e4)}),2500)}else dev_utils.Log.debug("Color-Contrast-Analysis not activated")}};exports.initialize=initialize;

package/dist/cjs/index-6301c622.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-"use strict";const index=require("./index-4c07edf5.js");var colorParse=parse,baseHues={red:0,orange:60,yellow:120,green:180,blue:240,purple:300};function parse(r){var e,a,s=[],t=1;if("string"==typeof r)if(index.colorName[r])s=index.colorName[r].slice(),a="rgb";else if("transparent"===r)t=0,a="rgb",s=[0,0,0];else if(/^#[A-Fa-f0-9]+$/.test(r)){var l=r.slice(1);t=1,(o=l.length)<=4?(s=[parseInt(l[0]+l[0],16),parseInt(l[1]+l[1],16),parseInt(l[2]+l[2],16)],4===o&&(t=parseInt(l[3]+l[3],16)/255)):(s=[parseInt(l[0]+l[1],16),parseInt(l[2]+l[3],16),parseInt(l[4]+l[5],16)],8===o&&(t=parseInt(l[6]+l[7],16)/255)),s[0]||(s[0]=0),s[1]||(s[1]=0),s[2]||(s[2]=0),a="rgb"}else if(e=/^((?:rgb|hs[lvb]|hwb|cmyk?|xy[zy]|gray|lab|lchu?v?|[ly]uv|lms)a?)\s*\(([^\)]*)\)/.exec(r)){var n=e[1],i="rgb"===n;a=l=n.replace(/a$/,"");var o="cmyk"===l?4:"gray"===l?1:3;s=e[2].trim().split(/\s*[,\/]\s*|\s+/).map((function(r,e){if(/%$/.test(r))return e===o?parseFloat(r)/100:"rgb"===l?255*parseFloat(r)/100:parseFloat(r);if("h"===l[e]){if(/deg$/.test(r))return parseFloat(r);if(void 0!==baseHues[r])return baseHues[r]}return parseFloat(r)})),n===l&&s.push(1),t=i||void 0===s[o]?1:s[o],s=s.slice(0,o)}else r.length>10&&/[0-9](?:\s|\/)/.test(r)&&(s=r.match(/([0-9]+)/g).map((function(r){return parseFloat(r)})),a=r.match(/([a-z])/gi).join("").toLowerCase());else isNaN(r)?Array.isArray(r)||r.length?(s=[r[0],r[1],r[2]],a="rgb",t=4===r.length?r[3]:1):r instanceof Object&&(null!=r.r||null!=r.red||null!=r.R?(a="rgb",s=[r.r||r.red||r.R||0,r.g||r.green||r.G||0,r.b||r.blue||r.B||0]):(a="hsl",s=[r.h||r.hue||r.H||0,r.s||r.saturation||r.S||0,r.l||r.lightness||r.L||r.b||r.brightness]),t=r.a||r.alpha||r.opacity||1,null!=r.opacity&&(t/=100)):(a="rgb",s=[r>>>16,(65280&r)>>>8,255&r]);return{space:a,values:s,alpha:t}}var colorRgba=function(r){var e;Array.isArray(r)&&r.raw&&(r=String.raw.apply(null,arguments));var a=colorParse(r);if(!a.space)return[];var s=[0,0,0],t="h"===a.space[0]?[360,100,100]:[255,255,255];return(e=Array(3))[0]=Math.min(Math.max(a.values[0],s[0]),t[0]),e[1]=Math.min(Math.max(a.values[1],s[1]),t[1]),e[2]=Math.min(Math.max(a.values[2],s[2]),t[2]),"h"===a.space[0]&&(e=hsl2rgb(e)),e.push(Math.min(Math.max(a.alpha,0),1)),e};function hsl2rgb(r){var e,a,s,t,l,n=r[0]/360,i=r[1]/100,o=r[2]/100,p=0;if(0===i)return[l=255*o,l,l];for(e=2*o-(a=o<.5?o*(1+i):o+i-o*i),t=[0,0,0];p<3;)(s=n+1/3*-(p-1))<0?s++:s>1&&s--,l=6*s<1?e+6*(a-e)*s:2*s<1?a:3*s<2?e+(a-e)*(2/3-s)*6:e,t[p++]=255*l;return t}exports.colorRgba=colorRgba;

package/dist/cjs/validation-30a76502.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-"use strict";const prop_validators=require("./prop.validators-20c18e5f.js"),watchHeadingLevel=(e,a)=>{prop_validators.watchValidator(e,"_level",(e=>"number"==typeof e&&1<=e&&e<=6),new Set(["Number {1, 2, 3, 4, 5, 6}"]),a,{defaultValue:1,required:!0})};exports.watchHeadingLevel=watchHeadingLevel;

package/dist/cjs/validation-bd2c4613.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-"use strict";const a11y_tipps=require("./a11y.tipps-c34c01ad.js"),prop_validators=require("./prop.validators-20c18e5f.js"),watchNavLinks=(t,a,s)=>{prop_validators.watchJsonArrayString(a,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),s),a11y_tipps.uiUxHintMillerscheZahl(t,a.state._links.length)};exports.watchNavLinks=watchNavLinks;

package/dist/esm/app-globals-d2b97a44.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{s as setMode}from"./index-bc1a7f22.js";import{L as Log}from"./dev.utils-bbaf8793.js";import{s as setThemeStyle,g as getThemeDetails}from"./index-8c04a844.js";const appGlobalScript=()=>{Log.info("\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | `--' |  |) /_  ,--.--. `--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n`--' `--´  `---´  `--' `--' `------´  `--'    `--'\n     - the accessible web component library -\n"),setMode((e=>(e.shadowRoot instanceof ShadowRoot&&setThemeStyle(e,getThemeDetails(e)),"default"))),import("./devtools-5c40a211.js").then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{Log.error(e)}))},globalScripts=appGlobalScript;export{globalScripts as g};

package/dist/esm/tab-index-8a0b3a31.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{e as a11yHint}from"./a11y.tipps-bb9add07.js";import{f as watchNumber}from"./prop.validators-920f01f1.js";const options={hooks:{afterPatch:a=>{-1!==a&&0!==a&&a11yHint("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},validateTabIndex=(a,t)=>{watchNumber(a,"_tabIndex",t,options)};export{validateTabIndex as v};

package/dist/esm/validation-b19bf19e.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{u as uiUxHintMillerscheZahl}from"./a11y.tipps-bb9add07.js";import{c as watchJsonArrayString}from"./prop.validators-920f01f1.js";const watchNavLinks=(t,a,s)=>{watchJsonArrayString(a,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),s),uiUxHintMillerscheZahl(t,a.state._links.length)};export{watchNavLinks as w};

package/dist/kolibri/app-globals-d2b97a44.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{s as o}from"./index-bc1a7f22.js";import{L as n}from"./dev.utils-bbaf8793.js";import{s,g as t}from"./index-8c04a844.js";const e=()=>{n.info("\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | `--' |  |) /_  ,--.--. `--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n`--' `--´  `---´  `--' `--' `------´  `--'    `--'\n     - the accessible web component library -\n"),o((o=>(o.shadowRoot instanceof ShadowRoot&&s(o,t(o)),"default"))),import("./devtools-5c40a211.js").then((o=>{"object"==typeof o&&null!==o&&"function"==typeof o.initialize&&o.initialize()})).catch((o=>{n.error(o)}))};export{e as g};

package/dist/kolibri/assets/form-simulation.test-submit.js

@@ -1 +0,0 @@
-document.querySelectorAll("form").forEach((o=>{o.onsubmit=console.log}));

package/dist/kolibri/button-link-6665f78d.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{a as t}from"./prop.validators-920f01f1.js";const o=(o,e,p)=>{t(o,e,(t=>"top"===t||"right"===t||"bottom"===t||"left"===t),new Set(["TooltipAlignment {top, right, buttom, left}"]),p,{defaultValue:"top"})};export{o as w};

package/dist/kolibri/controller-59c20a25.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{b as t,d as i}from"./a11y.tipps-bb9add07.js";import{b as s,w as e,o as a,p as o,a as n,s as h}from"./prop.validators-920f01f1.js";import{i as r}from"./validator-05e130c7.js";import{i as d}from"./icon-930845a6.js";import{v as l}from"./tab-index-8a0b3a31.js";const c=t=>{const n="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===n&&e.push(`${t._id}-error`),!0===o&&e.push(`${t._id}-hint`),{hasError:n,hasHint:o,ariaDiscribedBy:e}},v=(t,n)=>{const o=t;"object"==typeof o&&null!==o&&(r(o.right,1)&&(o.right={icon:o.right}),r(o.left,1)&&(o.left={icon:o.left}),n.set("_icon",o))};class u extends class{constructor(t,n){this.component=t,this.name=n}validateAlert(t){s(this.component,"_alert",t)}validateTouched(t){s(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,n){super(t,n),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){e(this.component,"_accessKey",t)}validateAdjustHeight(t){s(this.component,"_adjustHeight",t)}validateDisabled(n){s(this.component,"_disabled",n),!0===n&&t()}validateError(t){e(this.component,"_error",t)}validateHideLabel(t){s(this.component,"_hideLabel",t)}validateHint(t){e(this.component,"_hint",t)}validateIcon(t){a(t,(()=>{try{t=o(t)}catch(t){}n(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(r(t.left,1)||d(t.left)||r(t.right,1)||d(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:v},required:!0})}))}validateId(t){e(this.component,"_id",t),void 0===t&&i("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){e(this.component,"_name",t),void 0===t&&i("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&h(this.component,"_on",t)}validateSmartButton(t){a(t,(()=>{try{t=o(t)}catch(t){}h(this.component,"_smartButton",t)}))}validateTabIndex(t){l(this.component,t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateAdjustHeight(this.component._adjustHeight),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var n;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onBlur)&&this.component._on.onBlur(t)}onChange(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onClick)&&this.component._on.onClick(t)}onFocus(t){var n;this.component._alert=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onFocus)&&this.component._on.onFocus(t)}setValue(t,n){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,n)}}export{u as I,c as g};

package/dist/kolibri/devtools-5c40a211.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{i as e,d as t,r as i,g as n,L as o,e as s,K as a}from"./dev.utils-bbaf8793.js";import{i as r,j as l,k as d,l as p,n as c,p as f,q as u}from"./prop.validators-920f01f1.js";import"./index.m-df5ce03f.js";import"./a11y.tipps-bb9add07.js";import"./index-8c04a844.js";function g(e,t){try{Object.defineProperty(a,e,{get:function(){return t}})}catch(t){o.debug(`KoliBri property ${e} is already bind.`)}}const L=()=>{if(e(),t()){i(),g("a11yColorContrast",l),g("querySelector",d),g("querySelectorAll",p),g("querySelectorColors",c),g("utils",(function(){return r})),g("parseJson",f),g("stringifyJson",u);const e=n().body,t=n().createElement("svg");if(t.setAttribute("aria-label","KoliBri-DevTools"),t.setAttribute("xmlns","http://www.w3.org/2000/svg"),t.setAttribute("role","toolbar"),t.setAttribute("style","position: fixed;color: black;font-size: 200%;bottom: 0.25rem;right: 0.25rem;"),t.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>',n().body.appendChild(t),o.debug("Wer weiß, wie Intelligence im VS Code auch bei peerDependencies funktioniert?\n\nAutovervollständigung funktioniert bei uns nur mit Paketen, die auch in der package.json eingetragen sind unabhängig davon das sie in den node_modules liegen."),s()){o.debug("Color-Contrast-Analysis activated");const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{r.queryHtmlElementColors(n().createElement("div"),l(e),!1,!1)}),1e4)}),2500)}else o.debug("Color-Contrast-Analysis not activated")}};export{L as initialize};

package/dist/kolibri/tab-index-8a0b3a31.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{e as t}from"./a11y.tipps-bb9add07.js";import{f as a}from"./prop.validators-920f01f1.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")}}},r=(t,r)=>{a(t,"_tabIndex",r,o)};export{r as v};

package/dist/kolibri/validation-b19bf19e.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{u as o}from"./a11y.tipps-bb9add07.js";import{c as s}from"./prop.validators-920f01f1.js";const t=(t,a,p)=>{s(a,"_links",(t=>"object"==typeof t&&"string"==typeof t._label),p),o(t,a.state._links.length)};export{t as w};