@public-ui/components 1.1.10-rc.15 → 1.1.10-rc.17

package/www/build/kolibri.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-setTimeout((function e(){if(document.body){var n=!!("noModule"in document.createElement("script"));n?document.body.innerHTML='\n  \n<style>\nbody {\n  display: block !important;\n  font-family: sans-serif;\n  padding: 20px;\n  line-height:22px;\n}\nh1 {\n  font-size: 18px;\n}\nh2 {\n  font-size: 14px;\n  margin-top: 40px;\n}\n</style>\n\n\n  <h1>Update src/index.html</h1>\n\n  <p>KoliBri recently changed how scripts are loaded in order to improve performance.</p>\n\n  <h2>BEFORE:</h2>\n  <p>Previously, a single script was included that handled loading the correct JavaScript based on browser support.</p>\n  <pre>\n  <code>&lt;script src=&quot;/build/kolibri.js&quot;&gt;&lt;/script&gt;\n</code>\n  </pre>\n\n  <h2 style="margin-top:0">AFTER:</h2>\n  <p>The index.html should now include two scripts using the modern ES Module script pattern.\n  Note that only one file will actually be requested and loaded based on the browser\'s native support for ES Modules.\n  For more info, please see <a href="https://developers.google.com/web/fundamentals/primers/modules#browser" target="_blank" rel="noopener noreferrer">Using JavaScript modules on the web</a>.\n  </p>\n  <pre>\n  <code>&lt;script <span style="background:yellow">type="module"</span> src="/build/kolibri<span style="background:yellow">.esm</span>.js"&gt;&lt;/script&gt;\n  &lt;script <span style="background:yellow">nomodule</span> src=&quot;/build/kolibri.js&quot;&gt;&lt;/script&gt;</code>\n  </pre>\n':(document.body.innerHTML='\n  \n<style>\nbody {\n  display: block !important;\n  font-family: sans-serif;\n  padding: 20px;\n  line-height:22px;\n}\nh1 {\n  font-size: 18px;\n}\nh2 {\n  font-size: 14px;\n  margin-top: 40px;\n}\n</style>\n\n\n  <h1>This KoliBri app is disabled for this browser.</h1>\n\n  <h2>Developers:</h2>\n  <ul>\n  <li>ES5 builds are disabled <strong>during development</strong> to take advantage of 2x faster build times.</li>\n  <li>Please see the example below or our <a href="https://stenciljs.com/docs/stencil-config" target="_blank" rel="noopener noreferrer">config docs</a> if you would like to develop on a browser that does not fully support ES2017 and custom elements.</li>\n  <li>Note that as of KoliBri v2, ES5 builds and polyfills are <strong>disabled</strong> during production builds. You can enable these <a href="https://stenciljs.com/docs/config#buildes5" target="_blank" rel="noopener noreferrer">in your stencil.config.ts file</a>.</li>\n  <li>When testing browsers it is recommended to always test in production mode, and ES5 builds should always be enabled during production builds.</li>\n  <li><em>This is only an experiment and if it slows down app development then we will revert this and enable ES5 builds during dev.</em></li>\n  </ul>\n\n\n  <h2>Enabling ES5 builds during development:</h2>\n  <pre>\n  <code>npm run dev --es5</code>\n  </pre>\n  <p>For stencil-component-starter, use:</p>\n  <pre>\n  <code>npm start --es5</code>\n  </pre>\n\n\n  <h2>Enabling full production builds during development:</h2>\n  <pre>\n  <code>npm run dev --prod</code>\n  </pre>\n  <p>For stencil-component-starter, use:</p>\n  <pre>\n  <code>npm start --prod</code>\n  </pre>\n\n  <h2>Current Browser\'s Support:</h2>\n  <ul>\n  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import">ES Module Imports</a>: <span id="es-modules-test"></span></li>\n  <li><a href="http://2ality.com/2017/01/import-operator.html">ES Dynamic Imports</a>: <span id="es-dynamic-modules-test"></span></li>\n  <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/customElements">Custom Elements</a>: <span id="custom-elements-test"></span></li>\n  <li><a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM">Shadow DOM</a>: <span id="shadow-dom-test"></span></li>\n  <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API">fetch</a>: <span id="fetch-test"></span></li>\n  <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables">CSS Variables</a>: <span id="css-variables-test"></span></li>\n  </ul>\n\n  <h2>Current Browser:</h2>\n  <pre>\n  <code id="current-browser-output"></code>\n  </pre>\n',document.getElementById("current-browser-output").textContent=window.navigator.userAgent,document.getElementById("es-modules-test").textContent=n,document.getElementById("es-dynamic-modules-test").textContent=function(){try{return new Function('import("")'),!0}catch(e){}return!1}(),document.getElementById("shadow-dom-test").textContent=!!document.head.attachShadow,document.getElementById("custom-elements-test").textContent=!!window.customElements,document.getElementById("css-variables-test").textContent=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("color","var(--c)")),document.getElementById("fetch-test").textContent=!!window.fetch)}else setTimeout(e)}));

package/www/build/label-250da1a6.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{e}from"./a11y.tipps-bb9add07.js";import{w as a}from"./prop.validators-66d85f38.js";const r=(a,r,i,s)=>{const t=r.has("_ariaLabel")?r.get("_ariaLabel"):i.state._ariaLabel;if("string"==typeof t&&t.length>0){const a=r.has("_label")?r.get("_label"):i.state._label;!1===new RegExp(`^${a}`).test(t)&&("_ariaLabel"===s?(r.set("_label",t),i._label=t):(r.set("_ariaLabel",a),i._ariaLabel=a),e("Das abweichende Aria-Label am Schalter ist nicht barrierefrei. Ein abweichendes Aria-Label muss aus Barrierefreiheitsgründen für die Sprachsteuerung mit dem Label-Text beginnen."))}},i=(e,i)=>{a(e,"_ariaLabel",i,{hooks:{beforePatch:r}})},s=(e,i)=>{a(e,"_label",i,{hooks:{beforePatch:r},required:!0})};export{s as a,i as v};

package/www/build/prop.validators-66d85f38.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{s as e,f as t}from"./index.m-df5ce03f.js";import{d as n}from"./a11y.tipps-bb9add07.js";import{g as r,a as o,L as a}from"./dev.utils-bbaf8793.js";import{p as i,a as l}from"./index-315c6aa5.js";const s=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},c=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const o=new Set;s(o,t.querySelectorAll(e));const n=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<n.length;t++){const r=n[t].shadowRoot;s(o,c(e,"object"==typeof r&&null!==r?r:n[t]))}return Array.from(o)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},u=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let o=t.querySelector(e);if(null===o){const n=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<n.length;t++){const r=n[t].shadowRoot;if(o=u(e,"object"==typeof r&&null!==r?r:n[t]),null!==o)break}}return o}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")};var f=d;function d(e){var t=m(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function m(e){return"string"==typeof e?("red"==(t=e=e.toLowerCase())?[255,0,0]:"green"==t?[0,255,0]:"blue"==t?[0,0,255]:"black"==t?[0,0,0]:"white"==t?[255,255,255]:"cyan"==t?[0,255,255]:"gray"==t||"grey"==t?[128,128,128]:"magenta"==t||"pink"==t?[255,0,255]:"yellow"==t?[255,255,0]:void 0)||function(e){var t=e.replace(/^#/,""),o=t.length;if(3==o||4==o){var n=h(t[0]),r=h(t[1]),a=h(t[2]),l=3==o?255:h(t[3]);if(isNaN(n)||isNaN(r)||isNaN(a)||isNaN(l))return;return[n,r,a,l]}}(e)||function(e){var t=e.replace(/^#/,""),o=t.length;if(6==o||8==o){var n=h(t.slice(0,2)),r=h(t.slice(2,4)),a=h(t.slice(4,6)),l=6==o?255:h(t.slice(6,8));if(isNaN(n)||isNaN(r)||isNaN(a)||isNaN(l))return;return[n,r,a,l]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=b(t[0],!0),n=b(t[1],!0),r=b(t[2],!0);if(-1!=o&&-1!=n&&-1!=r)return[o,n,r,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),o=b(t[0],!0),n=b(t[1],!0),r=b(t[2],!0),a=b(255*t[3]);if(-1!=o&&-1!=n&&-1!=r&&-1!=a)return[o,n,r,a]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=b(null!=e.r?e.r:null!=e.red?e.red:0,!0),o=b(null!=e.g?e.g:null!=e.green?e.green:0,!0),n=b(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),r=b(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=o&&-1!=n&&-1!=r)return[t,o,n,r]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=b(e[0],!0),o=b(e[1],!0),n=b(e[2],!0),r=b(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=o&&-1!=n&&-1!=r)return[t,o,n,r]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var t}function v(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function h(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function b(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}f.arr=d,f.obj=function(e){var t=m(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}},f.css=function(e){var t=m(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"},f.hex=function(e){3==(a=m(e)).length&&a.push(255);var t=255==a[3],o=v(a[0]),n=v(a[1]),r=v(a[2]),a=v(Math.round(a[3])),l=function(e,t,o,n){var r=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=r.indexOf(e)&&-1!=r.indexOf(t)&&-1!=r.indexOf(o)&&-1!=r.indexOf(n)}(o,n,r,a);return t?l?"#"+o.charAt(0)+n.charAt(0)+r.charAt(0):"#"+o+n+r:l?"#"+o.charAt(0)+n.charAt(0)+r.charAt(0)+a.charAt(0):"#"+o+n+r+a},f.num=function(e){var t=m(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0};const y=/\[object Object\]/,p=(e,t)=>{"string"==typeof e&&y.test(e)||t()},g=(e,t)=>{"string"==typeof e&&""===e||t()},w=(e,t)=>{Object.defineProperty(e,"target",{value:t,writable:!1}),null==e||e.stopPropagation()},S=(e,t,o,n={})=>{var r,a;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextState.get(t)!==o&&(e.nextHooks.get(t)instanceof Map==0&&e.nextHooks.set(t,new Map),"function"==typeof n.afterPatch&&(null===(r=e.nextHooks.get(t))||void 0===r||r.set("afterPatch",n.afterPatch)),"function"==typeof n.beforePatch&&(null===(a=e.nextHooks.get(t))||void 0===a||a.set("beforePatch",n.beforePatch)),e.nextState.set(t,o),(e=>{var t,o,n;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,o)=>{var n;const r=t.get("beforePatch");"function"==typeof r&&r(null===(n=e.nextState)||void 0===n?void 0:n.get(o),e.nextState,e,o)})),(null===(o=e.nextState)||void 0===o?void 0:o.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(n=e.nextHooks)||void 0===n||n.forEach(((t,o)=>{const n=t.get("afterPatch");"function"==typeof n&&n(e.state[o],e.state,e,o)}))),delete e.nextHooks})(e))},N=(e,t,o,r,a,l={})=>{o(a)?S(e,t,a,null==l?void 0:l.hooks):void 0===a||null===a&&(void 0===(null==l?void 0:l.required)||!1===(null==l?void 0:l.required))?S(e,t,null==l?void 0:l.defaultValue,null==l?void 0:l.hooks):(void 0!==(null==l?void 0:l.required)&&!1!==(null==l?void 0:l.required)||r.add(null),((e,t,o,r)=>{n(`[${e.constructor.name}] Der Property-Wert (${o}) für '${t}' ist nicht valide. Folgende Werte sind erlaubt: ${Array.from(r).join(", ")}`)})(e,t,a,r))},M=(e,t,o,n)=>{N(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),o,n)},E=(e,t,o,n={})=>{const r="number"==typeof n.minLength?null==n?void 0:n.minLength:0;N(e,t,(e=>"string"==typeof e&&e.length>=r),new Set([`String (Mindestlänge ${r})`]),o,n)},j=(e,t,o,n)=>{N(e,t,(e=>"number"==typeof e&&(void 0===(null==n?void 0:n.min)||"number"==typeof(null==n?void 0:n.min)&&e>=n.min)&&(void 0===(null==n?void 0:n.max)||"number"==typeof(null==n?void 0:n.max)&&e<=n.max)),new Set(["Number"]),o,n)},O=(e,t,o,r,a=(e=>e==e),l={})=>{g(r,(()=>{p(r,(()=>{void 0===r&&(r=[]);try{if("string"==typeof r&&(r=D(r)),Array.isArray(r)){const n=r.find((e=>!o(e)));void 0===n&&a(r)?S(e,t,r,l.hooks):p(n,(()=>{throw console.log(n),new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}else p(r,(()=>{throw new Error("↑ Das Schema für das Property (_options) ist nicht valide. Der Wert wird nicht geändert.")}))}catch(e){n("Known bug: Zeichenkettenliste (string[])")}}))}))},k=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(e){throw new Error("↑ Das JSON konnte nicht in einen String umgewandelt werden. Es wird ein stringifizierbares JSON erwartet.")}},D=e=>{try{return JSON.parse(e)}catch(t){try{return JSON.parse(e.replace(/'/g,'"'))}catch(e){throw new Error("↑ Der JSON-String konnte nicht geparsed werden. Achten Sie darauf, dass einfache Anführungszeichen im Text maskiert werden (&#8216;).")}}},T=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,H=e=>"string"==typeof e?e:T(e),L=(e,t)=>u(e,t||r()),C=(e,t)=>c(e,t||r());let P=null;const A=()=>(P=P||{backgroundColor:"#00000000",color:"#00000000",domNode:r().body,level:"Fail",score:1},P),$=/(\d+, ){3}0\)/,J=(o,n=A())=>{const r=getComputedStyle(o),l=$.test(r.backgroundColor)?n.backgroundColor:f.hex(r.backgroundColor),s=$.test(r.color)?n.color:f.hex(r.color),i=e(l,s),c={backgroundColor:l,color:s,domNode:o,level:t(i),score:i};return i<4.5&&a.error(["Color-Contrast-Error",{backgroundColor:c.backgroundColor,color:c.color,level:c.level,score:c.score},c.domNode]),c},q=(e,t=A())=>{t.domNode instanceof HTMLElement&&(t=J(t.domNode,t));const o=t.domNode.querySelector(e);if(null===o){const o=t.domNode.querySelectorAll('[class="hydrated"]');for(let n=0;n<o.length&&(t.domNode=o[n],null===(t=q(e,t)).domNode);n++);return t}return J(o,t)},x=(e,t=window)=>{e instanceof HTMLElement?(t.scrollTo({behavior:"smooth",top:e.getBoundingClientRect().top+o().pageYOffset-50}),e.focus()):n("Das HTMLElement ist nicht valide, zu dem gescrollt werden soll.")},z=(e,t)=>{if((e instanceof Document||e instanceof HTMLElement||e instanceof ShadowRoot)&&"string"==typeof t){n("Bei der Methode querySelectorAll wurden die Parameter document, selector in selector, document getauscht, da der Parameter selector nicht, allerdings der Parameter document optional sein kann.");const o=`${t}`;t=e,e=o}if("string"==typeof e){const o=L(e,t);o instanceof HTMLElement?x(o):n(`Es konnte kein HTMLElement mit dem Selector (${e}) gefunden werden, zu dem gescrollt werden soll.`)}else n("Der Selector ist nicht valide, zu dem gescrollt werden soll.")};class B{static queryHtmlElementColors(e,t,o=!1,n=!0){let r=null;if(!0===o||!1===B.executionLock)if(!1===o&&(B.cache.clear(),B.cache.set(t.domNode,t),B.executionLock=!0,!0===n&&a.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)r=t;else{const o=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)o.add(e[t])}const n=t.domNode;if("function"==typeof n.assignedNodes){const e=n.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&o.add(e[t])}const a=t.domNode.children;for(let e=0;e<a.length;e++)o.add(a[e]);const l=Array.from(o);for(let o=0;o<l.length;o++){let n=B.cache.get(l[o]);void 0===n&&(n=J(l[o],t)),B.cache.set(l[o],n);const a=B.queryHtmlElementColors(e,n,!0,!1);if(null!==a){r=a;break}}}else a.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===o&&(!0===n&&a.debug(`[KoliBriUtils] Color contrast analysis finished (${B.cache.size} DOM elements are analysed).`),B.executionLock=!1,B.cache.clear()),r}}B.executionLock=!1,B.cache=new Map;class K{}K.patchTheme=i,K.patchThemeTag=l,K.querySelector=L,K.querySelectorAll=C,K.scrollByHTMLElement=x,K.scrollBySelector=z,K.stringifyJson=k;export{K,N as a,M as b,O as c,w as d,T as e,j as f,z as g,g as h,B as i,J as j,L as k,C as l,H as m,q as n,p as o,D as p,k as q,f as r,S as s,E as w};

package/www/build/tab-index-1b7a8bc1.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-66d85f38.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/www/build/validation-ca76c4b9.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-66d85f38.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};

package/www/build/validator-05e130c7.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-const t=e=>"object"==typeof e&&null!==e,e=(e,t=0)=>"string"==typeof e&&e.length>=t,n=t=>{if("object"!=typeof t||null===t)return e(t,1);for(const n in t)if(!1===e(n,1))return!1;return!0},o=new Event("StateChange");export{o as S,n as a,t as b,e as i};

package/www/host.config.json

@@ -1,15 +0,0 @@
-{
-  "hosting": {
-    "headers": [
-      {
-        "source": "/build/p-*",
-        "headers": [
-          {
-            "key": "Cache-Control",
-            "value": "max-age=31556952, s-maxage=31556952, immutable"
-          }
-        ]
-      }
-    ]
-  }
-}