@public-ui/sample-react 3.0.0-rc.11 → 3.0.0-rc.12

package/dist/9938.js

@@ -1,2 +1,2 @@
 /*! For license information please see 9938.js.LICENSE.txt */
-"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9938],{252:(e,t,i)=>{i.d(t,{v:()=>l});var n=i(3892);const l=(e,t,i={})=>{(0,n.i)(e,"_href",t,i)}},914:(e,t,i)=>{i.d(t,{i:()=>s,n:()=>c,r:()=>r});var n=i(6776),l=i(3648),a=i(3051);const o=()=>{let e=(0,a.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,a.d)(),"KoliBri",{value:e,writable:!1})),e},s=()=>{(()=>{const e=(0,a.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,a.s)(t.includes("dev-mode=true")),(0,a.b)(t.includes("experimental-mode=true")),(0,a.c)(t.includes("color-contrast-analysis=true")))}})(),a.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${n.E.kolibriVersion}\n\t`,{forceLog:!0})},r=()=>{!0!==o().adviceShown&&(Object.defineProperty(o(),"adviceShown",{get:function(){return!0}}),a.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 c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===l.p&&(c=()=>"nonce")},3638:(e,t,i)=>{i.d(t,{a:()=>d,b:()=>s,c:()=>r,h:()=>l,v:()=>h});var n=i(3892);const l=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,o=/^\d+$/;function s(e,t=1){return function(e){var t;return"string"==typeof e&&(null===(t=e.match(a))||void 0===t?void 0:t.length)||0}(e)>=t}function r(e){return o.test(e)}const c=new Set(["string"]),h=(e,t,i={})=>{(0,n.w)(e,"_label",(e=>"string"==typeof e),c,t,function(e){var t;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(t,i,l,a)=>{var o,c;"function"==typeof(null===(o=e.hooks)||void 0===o?void 0:o.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(t,i,l,a)),"string"==typeof t&&!1===s(t,3)&&!1===r(t)&&(0,n.a)(`The heading or label ("${t}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof t&&t.length>80&&(0,n.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(t=e.hooks)||void 0===t?void 0:t.beforePatch}})}(i))},d=h},3648:(e,t,i)=>{i.d(t,{b:()=>a,p:()=>n,s:()=>l});let n="development";try{n="production"}catch(e){n="production"}const l=e=>""===e,a=(e,t)=>e||t||""},6045:(e,t,i)=>{i.d(t,{v:()=>l});var n=i(3892);const l=(e,t,i)=>{(0,n.b)(e,"_open",t,i)}},8045:(e,t,i)=>{function n(e){var t,i,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(i=n(e[t]))&&(l&&(l+=" "),l+=i)}else for(i in e)e[i]&&(l&&(l+=" "),l+=i);return l}function l(){for(var e,t,i=0,l="",a=arguments.length;i<a;i++)(e=arguments[i])&&(t=n(e))&&(l&&(l+=" "),l+=t);return l}i.d(t,{c:()=>l})},9938:(e,t,i)=>{i.r(t),i.d(t,{kol_tree_item_wc:()=>u});var n=i(6776),l=i(7763),a=i(914),o=i(8045),s=i(3892),r=i(3638),c=i(6045),h=i(252),d=(e,t,i)=>new Promise(((n,l)=>{var a=e=>{try{s(i.next(e))}catch(e){l(e)}},o=e=>{try{s(i.throw(e))}catch(e){l(e)}},s=e=>e.done?n(e.value):Promise.resolve(e.value).then(a,o);s((i=i.apply(e,t)).next())}));const u=class{constructor(e){(0,n.r)(this,e),this.groupId=`tree-group-${(0,a.n)()}`,this.level=void 0,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1},this._active=void 0,this._label=void 0,this._open=void 0,this._href=void 0}render(){const{_href:e,_active:t,_hasChildren:i,_open:a,_label:s}=this.state;return(0,n.h)(n.H,{key:"1358f3b8f8c7ae14535f30e3c2ff1ef8ab6904b1",onSlotchange:this.handleSlotchange.bind(this)},(0,n.h)("li",{key:"d6271238a133cac44eb78bf8ed0b94a951135432",class:"kol-tree-item",style:{"--level":`${this.level}`}},(0,n.h)(l.f,{key:"329b9adc28bacf6742544123bc02fe82f2ceb9b5",class:(0,o.c)("kol-tree-item__link",{"kol-tree-item__link--first-level":0===this.level,"kol-tree-item__link--active":t}),_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:i?a:void 0,_ariaOwns:i?this.groupId:void 0,ref:e=>this.linkElement=e},(0,n.h)("span",{key:"0292f071a8abfe0f9332ef4a8561149d38f804e2",class:"kol-tree-item__link-inner",slot:"expert"},i?(0,n.h)("span",{class:"kol-tree-item__toggle-button",onClick:e=>a?void this.handleCollapseClick(e):void this.handleExpandClick(e)},(0,n.h)(l.d,{class:"kol-tree-item__toggle-button-icon",_icons:"codicon codicon-"+(a?"chevron-down":"chevron-right"),_label:""})):(0,n.h)("span",{class:"kol-tree-item__toggle-button-placeholder"}),(0,n.h)("span",{key:"ed810a798a4e2ba38f848ce0c6fdfc3893c3c86d",class:"kol-tree-item__text"},s))),(0,n.h)("ul",{key:"0e8ea268f1c26f79e55d45bfeda91d230bc4789d",class:"kol-tree-item__children",hidden:!i||!a,role:"group",id:this.groupId},(0,n.h)("slot",{key:"a6509011c3fa851be4c6cace3aadf2b6d6bbfc7b"}))))}validateActive(e){((e,t)=>{(0,s.b)(e,"_active",t,void 0)})(this,e||!1)}validateLabel(e){(0,r.v)(this,e)}validateOpen(e){(0,c.v)(this,e)}validateHref(e){(0,h.v)(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;null!==t&&t.tagName.toLowerCase()!==l.w&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedElements)||void 0===t?void 0:t.call(e).length)})}focusLink(){return d(this,null,(function*(){yield this.linkElement.kolFocus()}))}handleExpandClick(e){return d(this,null,(function*(){e.preventDefault(),yield this.linkElement.kolFocus(),yield this.expand()}))}expand(){return d(this,null,(function*(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}))}handleCollapseClick(e){return d(this,null,(function*(){e.preventDefault(),this.linkElement.focus(),yield this.collapse()}))}collapse(){return d(this,null,(function*(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}))}isOpen(){return d(this,null,(function*(){var e;return null!==(e=this.state._open)&&void 0!==e&&e}))}get host(){return(0,n.g)(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}}}}]);
+"use strict";(self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[]).push([[9938],{252:(e,t,i)=>{i.d(t,{v:()=>l});var n=i(3892);const l=(e,t,i={})=>{(0,n.i)(e,"_href",t,i)}},3638:(e,t,i)=>{i.d(t,{a:()=>d,b:()=>s,c:()=>r,h:()=>l,v:()=>h});var n=i(3892);const l=[0,1,2,3,4,5,6],a=/[a-zA-Z0-9äöüÄÖÜß]/g,o=/^\d+$/;function s(e,t=1){return function(e){var t;return"string"==typeof e&&(null===(t=e.match(a))||void 0===t?void 0:t.length)||0}(e)>=t}function r(e){return o.test(e)}const c=new Set(["string"]),h=(e,t,i={})=>{(0,n.w)(e,"_label",(e=>"string"==typeof e),c,t,function(e){var t;return Object.assign(Object.assign({},e),{hooks:{afterPatch:(t,i,l,a)=>{var o,c;"function"==typeof(null===(o=e.hooks)||void 0===o?void 0:o.afterPatch)&&(null===(c=e.hooks)||void 0===c||c.afterPatch(t,i,l,a)),"string"==typeof t&&!1===s(t,3)&&!1===r(t)&&(0,n.a)(`The heading or label ("${t}") is not accessible. A label should consist of at least three readable characters.`),"string"==typeof t&&t.length>80&&(0,n.u)("A heading or label should not be longer than 80 characters.")},beforePatch:null===(t=e.hooks)||void 0===t?void 0:t.beforePatch}})}(i))},d=h},3648:(e,t,i)=>{i.d(t,{b:()=>a,p:()=>n,s:()=>l});let n="development";try{n="production"}catch(e){n="production"}const l=e=>""===e,a=(e,t)=>e||t||""},6045:(e,t,i)=>{i.d(t,{v:()=>l});var n=i(3892);const l=(e,t,i)=>{(0,n.b)(e,"_open",t,i)}},8045:(e,t,i)=>{function n(e){var t,i,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(i=n(e[t]))&&(l&&(l+=" "),l+=i)}else for(i in e)e[i]&&(l&&(l+=" "),l+=i);return l}function l(){for(var e,t,i=0,l="",a=arguments.length;i<a;i++)(e=arguments[i])&&(t=n(e))&&(l&&(l+=" "),l+=t);return l}i.d(t,{c:()=>l})},8776:(e,t,i)=>{i.d(t,{i:()=>s,n:()=>c,r:()=>r});var n=i(465),l=i(3648),a=i(3051);const o=()=>{let e=(0,a.d)().KoliBri;return void 0===e&&(e={},Object.defineProperty((0,a.d)(),"KoliBri",{value:e,writable:!1})),e},s=()=>{(()=>{const e=(0,a.g)().querySelector('meta[name="kolibri"]');if(e&&e.hasAttribute("content")){const t=e.getAttribute("content");"string"==typeof t&&((0,a.s)(t.includes("dev-mode=true")),(0,a.b)(t.includes("experimental-mode=true")),(0,a.c)(t.includes("color-contrast-analysis=true")))}})(),a.L.debug(`\n,--. ,--.         ,--. ,--. ,-----.           ,--.\n|  .'   /  ,---.  |  | \`--' |  |) /_  ,--.--. \`--'\n|  .   '  | .-. | |  | ,--. |  .-.  \\ |  .--' ,--.\n|  |\\   \\ | '-' | |  | |  | |  '--' / |  |    |  |\n\`--' \`--´  \`---´  \`--' \`--' \`------´  \`--'    \`--'\n🚹 The accessible HTML-Standard | 👉 https://public-ui.github.io | ${n.E.kolibriVersion}\n\t`,{forceLog:!0})},r=()=>{!0!==o().adviceShown&&(Object.defineProperty(o(),"adviceShown",{get:function(){return!0}}),a.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 c=()=>Math.floor(16777215*Math.random()).toString(16);"test"===l.p&&(c=()=>"nonce")},9938:(e,t,i)=>{i.r(t),i.d(t,{kol_tree_item_wc:()=>u});var n=i(465),l=i(9793),a=i(8776),o=i(8045),s=i(3892),r=i(3638),c=i(6045),h=i(252),d=(e,t,i)=>new Promise(((n,l)=>{var a=e=>{try{s(i.next(e))}catch(e){l(e)}},o=e=>{try{s(i.throw(e))}catch(e){l(e)}},s=e=>e.done?n(e.value):Promise.resolve(e.value).then(a,o);s((i=i.apply(e,t)).next())}));const u=class{constructor(e){(0,n.r)(this,e),this.groupId=`tree-group-${(0,a.n)()}`,this.level=void 0,this.state={_active:!1,_hasChildren:!1,_href:"",_label:"",_open:!1},this._active=void 0,this._label=void 0,this._open=void 0,this._href=void 0}render(){const{_href:e,_active:t,_hasChildren:i,_open:a,_label:s}=this.state;return(0,n.h)(n.H,{key:"1358f3b8f8c7ae14535f30e3c2ff1ef8ab6904b1",onSlotchange:this.handleSlotchange.bind(this)},(0,n.h)("li",{key:"d6271238a133cac44eb78bf8ed0b94a951135432",class:"kol-tree-item",style:{"--level":`${this.level}`}},(0,n.h)(l.e,{key:"329b9adc28bacf6742544123bc02fe82f2ceb9b5",class:(0,o.c)("kol-tree-item__link",{"kol-tree-item__link--first-level":0===this.level,"kol-tree-item__link--active":t}),_href:e,_label:"",_role:"treeitem",_tabIndex:t?0:-1,_ariaExpanded:i?a:void 0,_ariaOwns:i?this.groupId:void 0,ref:e=>this.linkElement=e},(0,n.h)("span",{key:"0292f071a8abfe0f9332ef4a8561149d38f804e2",class:"kol-tree-item__link-inner",slot:"expert"},i?(0,n.h)("span",{class:"kol-tree-item__toggle-button",onClick:e=>a?void this.handleCollapseClick(e):void this.handleExpandClick(e)},(0,n.h)(l.d,{class:"kol-tree-item__toggle-button-icon",_icons:"codicon codicon-"+(a?"chevron-down":"chevron-right"),_label:""})):(0,n.h)("span",{class:"kol-tree-item__toggle-button-placeholder"}),(0,n.h)("span",{key:"ed810a798a4e2ba38f848ce0c6fdfc3893c3c86d",class:"kol-tree-item__text"},s))),(0,n.h)("ul",{key:"0e8ea268f1c26f79e55d45bfeda91d230bc4789d",class:"kol-tree-item__children",hidden:!i||!a,role:"group",id:this.groupId},(0,n.h)("slot",{key:"a6509011c3fa851be4c6cace3aadf2b6d6bbfc7b"}))))}validateActive(e){((e,t)=>{(0,s.b)(e,"_active",t,void 0)})(this,e||!1)}validateLabel(e){(0,r.v)(this,e)}validateOpen(e){(0,c.v)(this,e)}validateHref(e){(0,h.v)(this,e)}componentWillLoad(){this.validateActive(this._active),this.validateLabel(this._label),this.validateOpen(this._open),this.validateHref(this._href),this.checkForChildren(),this.determineTreeItemDepth()}determineTreeItemDepth(){let e=0,t=this.host.parentNode.host.parentNode;for(;null!==t&&t.tagName.toLowerCase()!==l.w&&t!==document.body;)t=t.parentElement,e+=1;this.level=e}handleSlotchange(){this.checkForChildren()}checkForChildren(){var e,t;this.state=Object.assign(Object.assign({},this.state),{_hasChildren:Boolean(null===(t=null===(e=this.host.querySelector("slot"))||void 0===e?void 0:e.assignedElements)||void 0===t?void 0:t.call(e).length)})}focusLink(){return d(this,null,(function*(){yield this.linkElement.kolFocus()}))}handleExpandClick(e){return d(this,null,(function*(){e.preventDefault(),yield this.linkElement.kolFocus(),yield this.expand()}))}expand(){return d(this,null,(function*(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!0}))}))}handleCollapseClick(e){return d(this,null,(function*(){e.preventDefault(),this.linkElement.focus(),yield this.collapse()}))}collapse(){return d(this,null,(function*(){this.state._hasChildren&&(this.state=Object.assign(Object.assign({},this.state),{_open:!1}))}))}isOpen(){return d(this,null,(function*(){var e;return null!==(e=this.state._open)&&void 0!==e&&e}))}get host(){return(0,n.g)(this)}static get watchers(){return{_active:["validateActive"],_label:["validateLabel"],_open:["validateOpen"],_href:["validateHref"]}}}}}]);