@public-ui/sample-react 2.2.17 → 2.2.18-rc.1

package/dist/assets/kol-tree-wc.entry-CwqgyAyt.js

@@ -1,4 +0,0 @@
-import{r as y,h as f,H as k,an as m,am as L,m as E}from"./index-7WRSZKTT.js";import{v as A}from"./label-7d1ce375-BFrJRMqI.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const b=class{constructor(e){y(this,e),this.state={_label:""},this._label=void 0}validateLabel(e){A(this,e)}render(){return f(k,{key:"4cf8271ad3e912570e8524903698ac34ee8083a6",onSlotchange:this.handleSlotchange.bind(this),class:"kol-tree-wc"},f("nav",{key:"cf4d2f5e3d2847696c0f36b23645ca110504beec",class:"tree","aria-label":this.state._label},f("ul",{key:"e61d793c177dc6f974e4a385d247bd4b1ccf9a9d",class:"treeview-navigation",role:"tree","aria-label":this.state._label},f("slot",{key:"009e01247599b2d5ac3419e44cf20b428fd17bf4"}))))}static isTreeItem(e){return e?.tagName===m.toUpperCase()}componentWillLoad(){this.validateLabel(this._label),this.handleTreeChange(),this.observeChildListMutations()}disconnectedCallback(){var e;(e=this.observer)===null||e===void 0||e.disconnect()}observeChildListMutations(){this.observer=new MutationObserver(this.handleTreeChange.bind(this)),this.observeTopLevelItems()}handleSlotchange(){this.observeTopLevelItems(),this.handleTreeChange()}observeTopLevelItems(){var e;(e=this.getTopLevelTreeItems())===null||e===void 0||e.forEach(i=>{var t;(t=this.observer)===null||t===void 0||t.observe(i,{childList:!0,subtree:!0})})}getTopLevelTreeItems(){var e,i,t;return(t=(i=(e=this.host.querySelector("slot"))===null||e===void 0?void 0:e.assignedNodes)===null||i===void 0?void 0:i.call(e))===null||t===void 0?void 0:t.filter(b.isTreeItem)}handleTreeChange(){this.treeItemElements=this.getTreeItemElements(),this.ensureActiveItemVisibility()}getTreeItemElements(){var e;return(e=this.getTopLevelTreeItems())===null||e===void 0?void 0:e.reduce((i,t)=>{const s=t.querySelectorAll(m);return[...i,t,...s]},[])}async getOpenTreeItemElements(){if(!this.treeItemElements)return;const e=async t=>b.isTreeItem(t.parentElement)?await t.parentElement.isOpen()&&await e(t.parentElement):!0;return(await Promise.all(this.treeItemElements.map(async t=>({value:t,include:await e(t)})))).filter(t=>t.include).map(t=>t.value)}async handleKeyDown(e){var i,t,s,n,o,d,h,c,u;const a=await this.getOpenTreeItemElements(),l=(i=document.activeElement)===null||i===void 0?void 0:i.closest(m),w=e.metaKey||e.altKey||e.ctrlKey||e.shiftKey;if(!a||!l)return;const p=a?.findIndex(r=>r===l);switch(e.key){case"ArrowDown":{await((t=a[p+1])===null||t===void 0?void 0:t.focusLink()),e.preventDefault();break}case"ArrowUp":{await((s=a[p-1])===null||s===void 0?void 0:s.focusLink()),e.preventDefault();break}case"Right":case"ArrowRight":{e.preventDefault(),await l.isOpen()?await((n=a[p+1])===null||n===void 0?void 0:n.focusLink()):await l.expand();break}case"Left":case"ArrowLeft":{if(e.preventDefault(),await l.isOpen())await l.collapse();else{const r=a.findIndex(v=>v===l.parentElement);r!==-1&&await((o=a[r])===null||o===void 0?void 0:o.focusLink())}break}case"Home":{await((d=a[0])===null||d===void 0?void 0:d.focusLink()),e.preventDefault();break}case"End":{await((h=a[a.length-1])===null||h===void 0?void 0:h.focusLink()),e.preventDefault();break}case((c=e.key.match(/^[a-zA-Z0-9]$/))===null||c===void 0?void 0:c.input):{if(!w){const r=e.key.toLowerCase(),v=a.indexOf(l)+1,g=a.concat(a),_=g.slice(v,v+a.length).findIndex(T=>{var I;return(I=T.getAttribute("_label"))===null||I===void 0?void 0:I.trim().toLowerCase().startsWith(r)});_!==-1&&(await g[v+_].focusLink(),e.preventDefault())}break}case"*":{const r=(u=l.parentElement)===null||u===void 0?void 0:u.querySelectorAll(m);r?.forEach(v=>{v.expand()});break}}}async handleFocusOut(e){e.relatedTarget&&!e.relatedTarget.closest(L)&&await this.ensureActiveItemVisibility()}async ensureActiveItemVisibility(){const e=()=>{var s,n,o,d;const h=(d=(o=(n=(s=this.host.querySelector("slot"))===null||s===void 0?void 0:s.assignedNodes)===null||n===void 0?void 0:n.call(s))===null||o===void 0?void 0:o.filter(b.isTreeItem))!==null&&d!==void 0?d:[];for(const c of h){if(c._active)return c;const u=c.querySelector(`${m}[_active="true"]`);if(u&&u._active)return u}},i=s=>{b.isTreeItem(s.parentElement)&&(s.parentElement.expand(),i(s.parentElement))},t=e();t&&i(t)}get host(){return E(this)}static get watchers(){return{_label:["validateLabel"]}}};export{b as kol_tree_wc};
-//# sourceMappingURL=kol-tree-wc.entry-CwqgyAyt.js.map

package/dist/assets/label-7d1ce375-BFrJRMqI.js

@@ -1,4 +0,0 @@
-import{w as l,D as c,V as h}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const p=[0,1,2,3,4,5,6],f=/[a-zA-Z0-9äöüÄÖÜß]/g,d=/^\d+$/;function b(t){var a;return typeof t=="string"&&((a=t.match(f))===null||a===void 0?void 0:a.length)||0}function g(t,a=1){return b(t)>=a}function u(t){return d.test(t)}function v(t){var a;return Object.assign(Object.assign({},t),{hooks:{afterPatch:(e,n,i,r)=>{var o,s;typeof((o=t.hooks)===null||o===void 0?void 0:o.afterPatch)=="function"&&((s=t.hooks)===null||s===void 0||s.afterPatch(e,n,i,r)),typeof e=="string"&&g(e,3)===!1&&u(e)===!1&&c(`The heading or label ("${e}") is not accessible. A label should consist of at least three readable characters.`),typeof e=="string"&&e.length>80&&h("A heading or label should not be longer than 80 characters.")},beforePatch:(a=t.hooks)===null||a===void 0?void 0:a.beforePatch}})}const A=new Set(["string"]),L=(t,a,e={})=>{l(t,"_label",n=>typeof n=="string",A,a,v(e))},y=L;export{y as a,g as b,u as c,p as h,L as v};
-//# sourceMappingURL=label-7d1ce375-BFrJRMqI.js.map

package/dist/assets/open-74ada92d-BvcxmFHz.js

@@ -1,4 +0,0 @@
-import{q as t}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const p=(o,a,e)=>{t(o,"_open",a,e)};export{p as v};
-//# sourceMappingURL=open-74ada92d-BvcxmFHz.js.map

package/dist/assets/rows-8ed50d64-KjuVedIm.js

@@ -1,4 +0,0 @@
-import{B as r}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const t=(o,a)=>{r(o,"_rows",a,{min:1})};export{t as v};
-//# sourceMappingURL=rows-8ed50d64-KjuVedIm.js.map

package/dist/assets/show-bfd36a90-Kte4Wx63.js

@@ -1,4 +0,0 @@
-import{q as s}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const h=(o,a,t)=>{s(o,"_show",a,t)};export{h as v};
-//# sourceMappingURL=show-bfd36a90-Kte4Wx63.js.map

package/dist/assets/spell-check-82b14d35-DZ5QRl6C.js

@@ -1,4 +0,0 @@
-import{q as l}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const t=(e,a)=>{l(e,"_spellCheck",a,{defaultValue:void 0})};export{t as v};
-//# sourceMappingURL=spell-check-82b14d35-DZ5QRl6C.js.map

package/dist/assets/suggestions-506c439a-CQXDoQKd.js

@@ -1,4 +0,0 @@
-import{X as o,D as n}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const i=(e,t)=>{o(e,"_suggestions",s=>typeof s=="string"||typeof s=="number",t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&n("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{i as v};
-//# sourceMappingURL=suggestions-506c439a-CQXDoQKd.js.map

package/dist/assets/table-selection-0290d830-D2faY19K.js

@@ -1,4 +0,0 @@
-import{aa as i,w as y,s as o,i as r,p as c,o as d}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const l=(e,t)=>{y(e,"_on",a=>r(a),new Set(["TableCallbacksPropType {Events.onSort, Events.onSelectionChange}"]),t)},p=(e,t)=>{y(e,"_on",a=>r(a),new Set(["TableStatefulCallbacksPropType {Events.onSelectionChange}"]),t)},S=(e,t,a)=>{i(t,()=>{d(t,()=>{typeof t>"u"&&(t=[]);try{t=c(t)}catch{}Array.isArray(t)&&t.every(s=>r(s))&&o(e,"_data",t,a)})})},T=(e,t,a)=>{i(t,()=>{d(t,()=>{typeof t>"u"&&(t=[]);try{t=c(t)}catch{}Array.isArray(t)&&t.every(s=>r(s))&&o(e,"_dataFoot",t,a)})})},A=(e,t)=>{const a=()=>{try{return c(t)}catch{return}},s=n=>n&&r(n)&&typeof n.label=="function"&&(!n.selectedKeys||Array.isArray(n.selectedKeys)),b=typeof t=="string"?a():t;s(b)&&o(e,"_selection",t)};export{T as a,A as b,p as c,l as d,S as v};
-//# sourceMappingURL=table-selection-0290d830-D2faY19K.js.map

package/dist/assets/test-component.entry-CcjZhfWm.js

@@ -1,4 +0,0 @@
-import{r as s}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const e=class{constructor(t){s(this,t)}};export{e as test_component};
-//# sourceMappingURL=test-component.entry-CcjZhfWm.js.map

package/dist/assets/tooltip-align-6964dd71-32NcQL5L.js

@@ -1,4 +0,0 @@
-import{a as o}from"./align-f3101425-B4vHQ56A.js";import"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const n=(t,i)=>{o(t,"_tooltipAlign",i)};export{n as v};
-//# sourceMappingURL=tooltip-align-6964dd71-32NcQL5L.js.map

package/dist/assets/tooltip-open-tracking-23a84b19-CZrYVTp5.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */let t=0;const o=()=>{t++},a=()=>{t=Math.max(0,t-1)},l=e=>{t>0&&e.preventDefault()};export{a,l as h,o as t};
-//# sourceMappingURL=tooltip-open-tracking-23a84b19-CZrYVTp5.js.map

package/dist/assets/tslib.es6-1173d062-BAJoBDh7.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - The accessible HTML-Standard
- */function p(e,n){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,r=Object.getOwnPropertySymbols(e);t<r.length;t++)n.indexOf(r[t])<0&&Object.prototype.propertyIsEnumerable.call(e,r[t])&&(o[r[t]]=e[r[t]]);return o}export{p as _};
-//# sourceMappingURL=tslib.es6-1173d062-BAJoBDh7.js.map

package/dist/assets/unique-nav-labels-4be6182a-BV8_F1jE.js

@@ -1,4 +0,0 @@
-import{L as t}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const a=new Set;function o(e){a.has(e)?t.warn(`There already is a nav element with the label "${e}"`):a.add(e)}function s(e){a.delete(e)}export{o as a,s as r};
-//# sourceMappingURL=unique-nav-labels-4be6182a-BV8_F1jE.js.map

package/dist/assets/validation-7170ea32-DlT9y4Cy.js

@@ -1,4 +0,0 @@
-import{X as r,Y as i}from"./index-7WRSZKTT.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const h=(a,s,e)=>{r(s,"_links",t=>typeof t=="object"&&(typeof t._href=="string"||typeof t._label=="string"),e),i(a,s.state._links.length)};export{h as w};
-//# sourceMappingURL=validation-7170ea32-DlT9y4Cy.js.map

package/dist/assets/validation-b34ff01a-Kth4YFP5.js

@@ -1,4 +0,0 @@
-import{w as o}from"./index-7WRSZKTT.js";import{h as r}from"./label-7d1ce375-BFrJRMqI.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const l=(t,a)=>{o(t,"_level",e=>typeof e=="number"&&r.includes(e),new Set([`Number {${r.join(", ")}`]),a,{defaultValue:1,required:!0})};export{l as w};
-//# sourceMappingURL=validation-b34ff01a-Kth4YFP5.js.map

package/src/scenarios/custom-tooltip-width.tsx

@@ -1,33 +0,0 @@
-import type { FC } from 'react';
-import React from 'react';
-
-import { KolButton } from '@public-ui/react-v19';
-import { SampleDescription } from '../components/SampleDescription';
-import { useToasterService } from '../hooks/useToasterService';
-
-export const CustomTooltipWidth: FC = () => {
-	const { dummyClickEventHandler } = useToasterService();
-
-	const dummyEventHandler = {
-		onClick: dummyClickEventHandler,
-	};
-
-	return (
-		<>
-			<SampleDescription>
-				<p>
-					This sample demonstrates how a tooltip&apos;s width can be adjusted by defining the CSS custom property <code>--kol-tooltip-width</code> on one of the
-					parent elements.
-				</p>
-			</SampleDescription>
-
-			<KolButton
-				_label="Tooltip with fixed width"
-				_hideLabel
-				style={{ '--kol-tooltip-width': '400px' }}
-				_icons="codicon codicon-reactions"
-				_on={dummyEventHandler}
-			></KolButton>
-		</>
-	);
-};