@public-ui/sample-react 2.1.1 → 2.1.3

package/dist/9836.js

@@ -1,2 +0,0 @@
-/*! For license information please see 9836.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9836],{5605:(e,t,i)=>{i.d(t,{i:()=>l,n:()=>a,r:()=>s});var n=i(1973),r=i(5614);const o=()=>{let e=(0,n.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,n.d)(),"KoliBri",{value:e,writable:!1})),e},l=()=>{(()=>{const e=(0,n.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,n.s)(t.includes("dev-mode=true")),(0,n.b)(t.includes("experimental-mode=true")),(0,n.c)(t.includes("color-contrast-analysis=true")))}})(),n.L.debug("\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | `--' |  |) /_  ,--.--. `--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n`--' `--´  `---´  `--' `--' `------´  `--'    `--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | 2.1.1\n\t",{forceLog:!0})},s=()=>{!0!==o().adviceShown&&(Object.defineProperty(o(),"adviceShown",{get:function(){return!0}}),n.L.debug("\nYou are using the KoliBri component library. If you have any suggestions for improvement or find a problem, please contact us:\n\nTicket: https://github.com/public-ui/kolibri/issues/new/choose (for privacy reasons, please use email)\nEmail: kolibri@itzbund.de\n"))};let a=()=>Math.floor(16777215*Math.random()).toString(16);"test"===r.p&&(a=()=>"nonce")},9836:(e,t,i)=>{i.r(t),i.d(t,{initialize:()=>a});var n=i(5605),r=i(1973),o=i(5445);function l(e,t){try{Object.defineProperty((()=>{let e=(0,r.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,r.d)(),"KoliBri",{value:e,writable:!1})),e})(),e,{get:function(){return t}})}catch(t){r.L.debug(`KoliBri property ${e} is already bind.`)}}const s=(e,t)=>r.L.debug(`${e} ${t?"":"not "}activated`),a=()=>{if((0,n.i)(),(0,r.e)()){(0,n.r)(),l("a11yColorContrast",o.A),l("querySelector",o.v),l("querySelectorAll",o.B),l("querySelectorColors",o.C),l("utils",(function(){return o.z})),l("parseJson",o.p),l("stringifyJson",o.D);const e=(0,r.g)().body,t=(0,r.g)().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>',(0,r.g)().body.appendChild(t),s("Development mode",(0,r.e)()),s("Experimental mode",(0,r.a)()),s("Color contrast analysis",(0,r.f)()),(0,r.f)()){const t=setTimeout((()=>{clearTimeout(t),setInterval((()=>{o.z.queryHtmlElementColors((0,r.g)().createElement("div"),(0,o.A)(e),!1,!1)}),1e4)}),2500)}}}}}]);

package/dist/9836.js.LICENSE.txt

@@ -1,3 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */

package/dist/9913.js

@@ -1,2 +0,0 @@
-/*! For license information please see 9913.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9913],{2222:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(5445);const s=(t,e)=>{(0,i.i)(t,"_accessKey",e)}},7633:(t,e,a)=>{a.d(e,{a:()=>o,v:()=>s});var i=a(5445);const s=(t,e,a)=>{(0,i.w)(t,e,(t=>"string"==typeof t&&l.includes(t)),new Set(l),a,{defaultValue:"top"})},l=["left","right","top","bottom"],o=(t,e)=>{s(t,"_align",e)}},6228:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(5445);const s=(t,e)=>{(0,i.i)(t,"_role",e)}},6667:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(5445);const s=(t,e)=>{(0,i.b)(t,"_disabled",e,{hooks:{afterPatch:t=>{!0===t&&(0,i.c)()}}})}},5353:(t,e,a)=>{function i(t){t.stopImmediatePropagation(),t.stopPropagation()}function s(t,e,a){e&&function(t,e,a){const i=t.dispatchEvent(function(t,e){return new CustomEvent(`kol-${t}`,{bubbles:!0,cancelable:!0,composed:!0,detail:e})}(e,a))}(e,t,a)}function l(t){t.preventDefault(),i(t)}a.d(e,{p:()=>l,s:()=>i,t:()=>s})},2640:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(5445);const s=(t,e,a={})=>{(0,i.b)(t,"_hideLabel",e,a)}},2292:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(5445);const s=(t,e,a={})=>{(0,i.i)(t,"_href",e,a)}},282:(t,e,a)=>{a.d(e,{t:()=>l});var i=a(1999),s=a(5614);let l=(t,e)=>{var a;return(null!==(a=(0,i.g)())&&void 0!==a?a:(0,i.i)("de")).translate(t,e)};"test"===s.p&&(l=t=>t)},5241:(t,e,a)=>{a.d(e,{i:()=>o,v:()=>n});var i=a(5445),s=a(5614);const l=(t,e,a)=>{(0,s.c)(a)?t[e]=a:(0,s.i)(a,1)&&(t[e]={icon:a})},o=t=>"object"==typeof t&&null!==t&&(void 0===t.style||(0,s.b)(t.style))&&(void 0===t.label||(0,s.i)(t.label))&&(0,s.i)(t.icon,1),n=(t,e,a={})=>{(0,i.o)(e,(()=>{var n;try{e=(0,i.p)(e)}catch(t){}(0,i.w)(t,"_icons",(t=>{const e="object"==typeof t&&null!==t&&0===Object.keys(t).length;return null===t||e||(0,s.i)(t,1)||"object"==typeof t&&null!==t&&((0,s.i)(t.left,1)||o(t.left)||(0,s.i)(t.right,1)||o(t.right)||(0,s.i)(t.top,1)||o(t.top)||(0,s.i)(t.bottom,1)||o(t.bottom))}),new Set(["KoliBriIcon"]),e,Object.assign(Object.assign({},a),{defaultValue:{},hooks:{afterPatch:null===(n=a.hooks)||void 0===n?void 0:n.afterPatch,beforePatch:(t,e,i,o)=>{var n,d;"function"==typeof(null===(n=a.hooks)||void 0===n?void 0:n.beforePatch)&&(null===(d=a.hooks)||void 0===d||d.beforePatch(t,e,i,o)),(t=>{var e,a,i;if(null===(e=t.nextState)||void 0===e?void 0:e.has("_icons")){const e=null===(a=t.nextState)||void 0===a?void 0:a.get("_icons");null===(i=t.nextState)||void 0===i||i.set("_icons",(t=>{let e={};return(0,s.i)(t,1)?e={left:{icon:t}}:"object"==typeof t&&null!==t&&(l(e,"top",t.top),l(e,"right",t.right),l(e,"bottom",t.bottom),l(e,"left",t.left)),e})(e))}})(i)}}}))}))}},9913:(t,e,a)=>{a.r(e),a.d(e,{kol_link_wc:()=>k});var i=a(3185),s=a(282),l=a(9751),o=a(5353),n=a(5501),d=a(5445),r=a(2292),h=a(5614),c=a(2222),b=a(6667),v=a(2640),_=a(5241),f=a(7418),u=a(6228),g=a(5935),p=a(3181);const y=["date","location","page","step","time","true","false"],k=class{constructor(t){(0,i.r)(this,t),this.catchRef=t=>{this.ref=t,(0,h.a)(this.host,this.ref)},this.onClick=t=>{var e,a;!0===this.state._disabled?(0,o.p)(t):"function"==typeof(null===(e=this.state._on)||void 0===e?void 0:e.onClick)&&(t.preventDefault(),t.stopPropagation(),(0,d.q)(t,this.ref),null===(a=this.state._on)||void 0===a||a.onClick(t,this.state._href))},this.getRenderValues=()=>{const t="string"==typeof this.state._target&&"_self"!==this.state._target,e={href:"string"==typeof this.state._href&&this.state._href.length>0?this.state._href:"javascript:void(0);",target:"string"==typeof this.state._target&&this.state._target.length>0?this.state._target:void 0,rel:t?"noopener":void 0,download:"string"==typeof this.state._download?this.state._download:void 0};return!0!==this.state._hideLabel||this.state._label||(0,d.j)("[KolLink] Es muss ein Aria-Label gesetzt werden, wenn _hide-label gesetzt ist."),{isExternal:t,tagAttrs:e}},this._accessKey=void 0,this._ariaCurrentValue=void 0,this._disabled=!1,this._download=void 0,this._hideLabel=!1,this._href=void 0,this._icons=void 0,this._label=void 0,this._on=void 0,this._role=void 0,this._tabIndex=void 0,this._target=void 0,this._tooltipAlign="right",this.state={_ariaCurrentValue:"page",_href:"",_icons:{}}}render(){const{isExternal:t,tagAttrs:e}=this.getRenderValues(),a=(0,h.s)(this.state._label);return(0,i.h)(i.H,{key:"82f9f5d0f689c25163bd6136ca5c34dcb1fd692b",class:"kol-link-wc"},(0,i.h)("a",Object.assign({key:"b7db13f7744362450d778d707e5540558d997ecb",ref:this.catchRef},e,{accessKey:this.state._accessKey,"aria-current":this.state._ariaCurrent,"aria-disabled":this.state._disabled?"true":void 0,"aria-label":this.state._hideLabel&&"string"==typeof this.state._label?`${this.state._label}${t?` (${(0,s.t)("kol-open-link-in-tab")})`:""}`:void 0,class:{disabled:!0===this.state._disabled,"external-link":t,"hide-label":!0===this.state._hideLabel}},this.state._on,{onClick:this.onClick,onKeyPress:this.onClick,role:this.state._role,tabIndex:this.state._disabled?-1:this.state._tabIndex}),(0,i.h)(n.f,{key:"74e96d85bcef160e5cb9c0d5676981b32e5abaaf",_accessKey:this.state._accessKey,_icons:this.state._icons,_hideLabel:this.state._hideLabel,_label:a?"":this.state._label||this.state._href},(0,i.h)("slot",{key:"e6f537ca1733bf45673369cb51f9cd0a5ed8d349",name:"expert",slot:"expert"})),t&&(0,i.h)(n.g,{key:"b41fee1ddbffadab9c2371ff336fadb3ce7abe74",class:"external-link-icon",_label:this.state._hideLabel?"":(0,s.t)("kol-open-link-in-tab"),_icons:"codicon codicon-link-external","aria-hidden":this.state._hideLabel})),(0,i.h)(n.a,{key:"c6e48539bc159d804fd5cff1983a1a652f16a312","aria-hidden":"true",hidden:a||!this.state._hideLabel,_accessKey:this.state._accessKey,_align:this.state._tooltipAlign,_label:this.state._label||this.state._href}))}validateAccessKey(t){(0,c.v)(this,t)}validateAriaCurrentValue(t){((t,e)=>{(0,d.w)(t,"_ariaCurrentValue",(t=>"string"==typeof t&&y.includes(t)),new Set([`AriaCurrentValue {${y.join(", ")}`]),e,{defaultValue:"page"})})(this,t)}validateDisabled(t){(0,b.v)(this,t)}validateDownload(t){((t,e)=>{(0,d.i)(t,"_download",e)})(this,t)}validateHideLabel(t){(0,v.v)(this,t)}validateHref(t){(0,r.v)(this,t,{required:!0})}validateIcons(t){(0,_.v)(this,t)}validateLabel(t){(0,f.a)(this,t)}validateOn(t){((t,e)=>{"object"==typeof e&&"function"==typeof(null==e?void 0:e.onClick)&&(t.state=Object.assign(Object.assign({},t.state),{_on:e}))})(this,t)}validateRole(t){(0,u.v)(this,t)}validateTabIndex(t){(0,g.v)(this,t)}validateTarget(t){((t,e)=>{(0,d.i)(t,"_target",e)})(this,t)}validateTooltipAlign(t){(0,p.v)(this,t)}componentWillLoad(){this.validateAccessKey(this._accessKey),this.validateAriaCurrentValue(this._ariaCurrentValue),this.validateDisabled(this._disabled),this.validateDownload(this._download),this.validateHideLabel(this._hideLabel),this.validateHref(this._href),this.validateIcons(this._icons),this.validateLabel(this._label),this.validateOn(this._on),this.validateRole(this._role),this.validateTabIndex(this._tabIndex),this.validateTarget(this._target),this.validateTooltipAlign(this._tooltipAlign),this.unsubscribeOnLocationChange=(0,l.o)((t=>{this.state._ariaCurrent=t===this.state._href?this.state._ariaCurrentValue:void 0}))}disconnectedCallback(){this.unsubscribeOnLocationChange&&this.unsubscribeOnLocationChange()}get host(){return(0,i.g)(this)}static get watchers(){return{_accessKey:["validateAccessKey"],_ariaCurrentValue:["validateAriaCurrentValue"],_disabled:["validateDisabled"],_download:["validateDownload"],_hideLabel:["validateHideLabel"],_href:["validateHref"],_icons:["validateIcons"],_label:["validateLabel"],_on:["validateOn"],_role:["validateRole"],_tabIndex:["validateTabIndex"],_target:["validateTarget"],_tooltipAlign:["validateTooltipAlign"]}}}},7418:(t,e,a)=>{a.d(e,{a:()=>c,b:()=>n,c:()=>d,h:()=>s,v:()=>h});var i=a(5445);const s=[0,1,2,3,4,5,6],l=/[a-zA-Z0-9äöüÄÖÜß]/g,o=/^\d+$/;function n(t,e=1){return function(t){var e;return"string"==typeof t&&(null===(e=t.match(l))||void 0===e?void 0:e.length)||0}(t)>=e}function d(t){return o.test(t)}const r=new Set(["string"]),h=(t,e,a={})=>{(0,i.w)(t,"_label",(t=>"string"==typeof t),r,e,function(t){var e;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,a,s,l)=>{var o,r;"function"==typeof(null===(o=t.hooks)||void 0===o?void 0:o.afterPatch)&&(null===(r=t.hooks)||void 0===r||r.afterPatch(e,a,s,l)),"string"==typeof e&&!1===n(e,3)&&!1===d(e)&&(0,i.a)(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof e&&e.length>80&&(0,i.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(e=t.hooks)||void 0===e?void 0:e.beforePatch}})}(a))},c=h},5935:(t,e,a)=>{a.d(e,{v:()=>l});var i=a(5445);const s={hooks:{afterPatch:t=>{-1!==t&&0!==t&&(0,i.a)("Don't Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},l=(t,e)=>{(0,i.k)(t,"_tabIndex",e,s)}},3181:(t,e,a)=>{a.d(e,{v:()=>s});var i=a(7633);const s=(t,e)=>{(0,i.v)(t,"_tooltipAlign",e)}}}]);

package/dist/9913.js.LICENSE.txt

@@ -1,3 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */

package/dist/9947.js

@@ -1,2 +0,0 @@
-/*! For license information please see 9947.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9947],{9947:(e,s,t)=>{t.r(s),t.d(s,{kol_button_group_wc:()=>a});var c=t(3185);const a=class{constructor(e){(0,c.r)(this,e),this.state={}}render(){return(0,c.h)(c.H,{key:"d70d07aee8bf780d21f93ad48d5549e65e889f02",class:"kol-button-group-wc"},(0,c.h)("slot",{key:"3dfb84fee69b23211aab06b29d28690cdebe5ffc"}))}}}}]);

package/dist/9947.js.LICENSE.txt

@@ -1,3 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */

package/src/components/FocusInput.tsx

@@ -1,23 +0,0 @@
-import type { FC } from 'react';
-import React, { useRef } from 'react';
-
-import type { RefComponent } from './types';
-
-type FokusElementProps = {
-	RefComponent: RefComponent;
-} & Record<string, unknown>;
-
-export const FocusElement: FC<FokusElementProps> = (props) => {
-	const ref = useRef(null);
-
-	/* Focus effect for the moment to ensure test stability */
-	// useLayoutEffect(() => {
-	// 	setTimeout(() => {
-	// 		if (ref.current && window.self === window.top) {
-	// 			(ref.current as unknown as HTMLElement).focus();
-	// 		}
-	// 	}, 500);
-	// }, [ref]);
-
-	return <props.RefComponent ref={ref} {...props} />;
-};

package/src/components/input-text/focus.tsx

@@ -1,33 +0,0 @@
-import React, { useLayoutEffect, useRef } from 'react';
-
-import { KolButton, KolForm, KolInputText } from '@public-ui/react';
-
-import type { FC } from 'react';
-import { SampleDescription } from '../SampleDescription';
-
-export const InputTextFocus: FC = () => {
-	const ref = useRef<HTMLKolInputTextElement | null>(null);
-
-	useLayoutEffect(() => {
-		setTimeout(() => {
-			ref.current?.focus();
-		}, 500);
-	}, [ref]);
-
-	return (
-		<>
-			<SampleDescription>
-				<p>Hier sind zwei Freitexteingabefelder.</p>
-			</SampleDescription>
-			<KolForm>
-				<div className="grid gap-4">
-					<KolInputText ref={ref} _label="Vorname" />
-					<KolInputText _label="Nachname" />
-					<div>
-						<KolButton _label="Submit"></KolButton>
-					</div>
-				</div>
-			</KolForm>
-		</>
-	);
-};

package/src/components/logo/basic.tsx

@@ -1,15 +0,0 @@
-import type { FC } from 'react';
-import React from 'react';
-
-import { Bundesministerium } from '@public-ui/components';
-import { SampleDescription } from '../SampleDescription';
-import { KolLogo } from '@public-ui/react';
-
-export const LogoBasic: FC = () => (
-	<>
-		<SampleDescription>
-			<p>Hier ist ein Logo der Bundesregierung.</p>
-		</SampleDescription>
-		<KolLogo className="w-50%" _org={Bundesministerium['Die Bundesregierung']} />
-	</>
-);

package/src/components/logo/routes.ts

@@ -1,8 +0,0 @@
-import { Routes } from '../../shares/types';
-import { LogoBasic } from './basic';
-
-export const LOGO_ROUTES: Routes = {
-	logo: {
-		basic: LogoBasic,
-	},
-};