@pictogrammers/components 0.3.2 → 0.4.0

package/pgPreview.js

@@ -0,0 +1 @@
+(()=>{"use strict";var t={314:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,n,i,o){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(n)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(a[l]=!0)}for(var c=0;c<t.length;c++){var p=[].concat(t[c]);n&&a[p[0]]||(void 0!==o&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=o),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),i&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=i):p[4]="".concat(i)),e.push(p))}},e}},601:t=>{t.exports=function(t){return t[1]}},781:(t,e,r)=>{r.d(e,{A:()=>l});var n=r(601),i=r.n(n),o=r(314),a=r.n(o)()(i());a.push([t.id,':host {\n  display: inline-flex;\n  color: var(--pg-icon-color, #222);\n}\n\n[part=svg] {\n  position: relative;\n  width: 1.5rem;\n  height: 1.5rem;\n  z-index: 1;\n}\n\n[part="grid"] {\n  position: relative;\n  background-image:\n    repeating-linear-gradient(rgba(83, 137, 164, 0.5) 0 2px, transparent 2px 100%),\n    repeating-linear-gradient(90deg, rgba(83, 137, 164, 0.5) 0 2px, transparent 2px 100%);\n  background-size: var(--pg-preview-size, 4px) var(--pg-preview-size, 4px);\n  background-position: calc(var(--pg-preview-size, 4px) - 1px) calc(var(--pg-preview-size, 4px) - 1px);\n}\n\n[part="grid"]::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  content: \' \';\n  background-image:\n    repeating-linear-gradient(#5389a4 0 2px, transparent 2px 100%),\n    repeating-linear-gradient(90deg, #5389a4 0 2px, transparent 2px 100%);\n  background-size: calc(var(--pg-preview-size, 4px) * 4) calc(var(--pg-preview-size, 4px) * 4);\n  background-position: calc(var(--pg-preview-size, 4px) * 4 - 1px) calc(var(--pg-preview-size, 4px) * 4 - 1px);\n}\n',""]);var s=new CSSStyleSheet;s.replaceSync(a.toString());const l=s}},e={};function r(n){var i=e[n];if(void 0!==i)return i.exports;var o=e[n]={id:n,exports:{}};return t[n](o,o.exports,r),o.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const n=Symbol("addObserver"),i=Symbol("removeObserver"),o=Symbol("getObservers"),a=Symbol("isProxy"),s=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function p(t){return new Proxy(t,{get(e,r){if("symbol"==typeof r){switch(r){case a:return!0;case s:return e;case o:return c.has(t);case n:return(e,r)=>{c.has(t)?c.get(t).has(e)?c.get(t).get(e).push(r):c.get(t).set(e,[r]):c.set(t,new Map([[e,[r]]]))};case i:return e=>{c.has(t)&&(c.get(t).delete(e),0===c.get(t).size&&c.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,r)}throw new Error("Unsupported symbol")}if(r in e){if(!Number.isNaN(Number(r)))return"object"==typeof e[r]?p(e[r]):e[r];if("copyWithin"===r)throw new Error("Unsupported array method copyWithin");if(l.includes(r))return c.has(e)?function(){const t=Array.prototype[r].apply(e,arguments);return c.get(e).forEach(((t,n)=>{t.forEach((t=>{t(e,r,arguments)}))})),t}:Reflect.get(e,r);if(e[r]instanceof Array)return p(e[r])}return Reflect.get(e,r)},set(t,e,r){if("symbol"==typeof e)throw new Error("Setting symbols not allowed.");if(Array.isArray(t))return Reflect.set(t,e,r);if(c.has(t)){c.get(t).forEach(((t,n)=>{t.forEach((t=>{t(e,r)}))}))}return Reflect.set(t,e,r)}})}window.observers=c;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const h=Symbol("init"),d=Symbol("template"),u=Symbol("style"),f=Symbol("parent");function g(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function y(t){return t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()))}function m(t={}){return function(e,r){if("class"!==r.kind)throw new Error("@Component() can only decorate a class");var n,i;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[f]||e.prototype[f][e.prototype[f].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[f]=[e.prototype],e.prototype[u]=t.style?[t.style]:[],e.prototype[d]=t.template||""):(e.prototype[f].push(e.prototype),e.prototype[u].push(t.style),e.prototype[d]=(n=e.prototype[d],(i=t.template||null)&&i.match(/<parent\/>/)?i.replace(/<parent\/>/,n):`${n}${i||""}`));const o=e.prototype.connectedCallback||(()=>{}),a=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[h]||void 0!==t.template||void 0!==t.style)if(this[h]){if(this[h]&&t.style);else if(this[h]&&t.selector&&!t.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===t.useShadow)throw new Error("unsupported");{const t=document.createElement("template");t.innerHTML=e.prototype[d]||"";const r=document.importNode(t.content,!0),n=this.attachShadow({mode:"open"});n.adoptedStyleSheets=e.prototype[u].map((t=>{if(t instanceof CSSStyleSheet)return t;var e=new CSSStyleSheet;return e.replaceSync(t.toString()),e})),n.appendChild(r)}}else!1===t.useShadow||this.attachShadow({mode:"open"});const r=new Set;for(const t of this.shadowRoot.querySelectorAll("*"))-1!==t.localName.indexOf("-")&&r.add(t.localName);const n=Array.from(r.values()).map((t=>customElements.get(t)?Promise.resolve():customElements.whenDefined(t))),i=()=>{this[f].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[y(e)]=!0,t)),{}):{})}))};0===n.length?(this[h]=!0,o.call(this),i()):Promise.all(n).then((()=>{this[h]=!0,o.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));i()}))},e.prototype.disconnectedCallback=function(){a.call(this)},e.prototype.attributeChangedCallback=function(t,e,r){this[y(t)]=r},r.addInitializer((function(){if(t.selector){if(window.customElements.get(t.selector))throw new Error(`@Component() ${r.name} duplicate selector '${t.selector}'`);window.customElements.define(t.selector,e)}}))}}Symbol("transmute");function v(t){return!!t&&t.constructor===Array}function w(t,e){t[h]&&t[f].map((r=>{r.render&&r.render.call(t,{[e]:!0})}))}function b(t){return null===t?"null":v(t)?"array":typeof t}function S(t){return function(e,r){const n=r.name,i=Symbol(n),l=Symbol(`${n}:type`),c=Symbol(`${n}:meta`);return r.addInitializer((function(){Reflect.defineProperty(this,n,{get:()=>"object"===this[l]||"array"===this[l]?this[i][a]?this[i]:p(this[i]):this[i],set:e=>{const r=b(t?t(e):e);if("index"!==n&&this[l]!==r&&"null"!==this[l]&&"null"!==r)throw new Error(`@Prop() ${n} with type '${this[l]}' cannot be set to ${r}.`);if("array"===this[l]){if(!v(e))throw new PropError(`Array "${n}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,n)?.set);if(this[i]===e)throw new Error("Setting an array to itself is not allowed.");const t=p(this[i]);if(t[o]){const r=e[a]?(c=e)[a]&&c[s]:e;t.splice(0,this[i].length,...r)}else this[i]=e}else this[i]=t?t(e):e,w(this,n);var c}})})),function(e){if(void 0===e&&"index"!==n)throw new Error(`@Prop() ${n} must have an initial value defined.`);if(void 0!==e&&"index"===n)throw new Error("@Prop() index must not have an initial value defined.");if(!0===e)throw new Error(`@Prop() ${n} boolean must initialize to false.`);if(!r.private){const{constructor:t}=this;t.observedAttributes??=[],t.symbols||(t.symbols={});const{symbols:e}=t,r=g(n);e[n]||(t.observedAttributes.push(r),e[n]=i)}return this[l]=b(e),"array"===this[l]?(this[i]=e,new Proxy(e,{get:(t,e)=>e===$?this[c]:(console.log("errr???"),Reflect.get(this[i],e)),set:(t,e,r)=>{if(e===$)return this[c]=r,!0;const o=Reflect.set(t,e,r);return"length"===e&&this[i].length===r||w(this,n),this[i]=r,o}})):(this[i]=t?t(this.getAttribute(n)??e):this.getAttribute(n)??e,this[i])}}}function x(){return function(t,e){const r=e.name,n=r.replace(/^\$/,"");e.addInitializer((function(){let t=null;Reflect.defineProperty(this,r,{get(){return t??(t=this.shadowRoot?.querySelector(`[part~=${n}]`))}})}))}}Symbol("hasProxy");const $=Symbol("meta");var E=r(781),z=function(t,e,r,n,i,o){function a(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var s,l=n.kind,c="getter"===l?"get":"setter"===l?"set":"value",p=!e&&t?n.static?t:t.prototype:null,h=e||(p?Object.getOwnPropertyDescriptor(p,n.name):{}),d=!1,u=r.length-1;u>=0;u--){var f={};for(var g in n)f[g]="access"===g?{}:n[g];for(var g in n.access)f.access[g]=n.access[g];f.addInitializer=function(t){if(d)throw new TypeError("Cannot add initializers after decoration has completed");o.push(a(t||null))};var y=(0,r[u])("accessor"===l?{get:h.get,set:h.set}:h[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(s=a(y.get))&&(h.get=s),(s=a(y.set))&&(h.set=s),(s=a(y.init))&&i.unshift(s)}else(s=a(y))&&("field"===l?i.unshift(s):h[c]=s)}p&&Object.defineProperty(p,n.name,h),d=!0},P=function(t,e,r){for(var n=arguments.length>2,i=0;i<e.length;i++)r=n?e[i].call(t,r):e[i].call(t);return n?r:void 0};(()=>{let t,e,r,n,i,o,a,s,l,c=[m({selector:"pg-preview",style:E.A,template:'<div part="grid"> <svg part="svg" viewBox="0 0 24 24"> <path part="path" fill="currentColor" d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"/> </svg> </div>'})],p=[],h=HTMLElement,d=[],u=[],f=[],g=[],y=[],v=[],w=[],b=[],$=[],k=[],A=[],C=[],O=[],R=[];(class extends h{static{e=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;r=[S()],n=[S()],i=[S()],o=[S()],a=[x()],s=[x()],l=[x()],z(null,null,r,{kind:"field",name:"path",static:!1,private:!1,access:{has:t=>"path"in t,get:t=>t.path,set:(t,e)=>{t.path=e}},metadata:m},d,u),z(null,null,n,{kind:"field",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:m},f,g),z(null,null,i,{kind:"field",name:"height",static:!1,private:!1,access:{has:t=>"height"in t,get:t=>t.height,set:(t,e)=>{t.height=e}},metadata:m},y,v),z(null,null,o,{kind:"field",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:m},w,b),z(null,null,a,{kind:"field",name:"$svg",static:!1,private:!1,access:{has:t=>"$svg"in t,get:t=>t.$svg,set:(t,e)=>{t.$svg=e}},metadata:m},$,k),z(null,null,s,{kind:"field",name:"$path",static:!1,private:!1,access:{has:t=>"$path"in t,get:t=>t.$path,set:(t,e)=>{t.$path=e}},metadata:m},A,C),z(null,null,l,{kind:"field",name:"$grid",static:!1,private:!1,access:{has:t=>"$grid"in t,get:t=>t.$grid,set:(t,e)=>{t.$grid=e}},metadata:m},O,R),z(null,t={value:e},c,{kind:"class",name:e.name,metadata:m},null,p),e=t.value,m&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),P(e,p)}path=P(this,d,"M0 0h24v24H0V0zm2 2v20h20V2H2z");width=(P(this,u),P(this,f,24));height=(P(this,g),P(this,y,24));size=(P(this,v),P(this,w,8));$svg=(P(this,b),P(this,$,void 0));$path=(P(this,k),P(this,A,void 0));$grid=(P(this,C),P(this,O,void 0));render(t){if(t.path&&this.$path.setAttribute("d",this.path),t.size){const t=parseInt(`${this.width}`,10),e=parseInt(`${this.height}`,10),r=parseInt(`${this.size}`,10);this.$svg.style.width=t*r+"px",this.$svg.style.height=e*r+"px",this.$grid.style.width=t*r+"px",this.$grid.style.height=e*r+"px",this.$grid.style.setProperty("--pg-preview-size",`${r}px`)}}constructor(){super(...arguments),P(this,R)}})})()})();

package/pgScroll.js

@@ -0,0 +1 @@
+(()=>{"use strict";var t={314:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,n,o,i){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(n)for(var a=0;a<this.length;a++){var l=this[a][0];null!=l&&(s[l]=!0)}for(var c=0;c<t.length;c++){var h=[].concat(t[c]);n&&s[h[0]]||(void 0!==i&&(void 0===h[5]||(h[1]="@layer".concat(h[5].length>0?" ".concat(h[5]):""," {").concat(h[1],"}")),h[5]=i),r&&(h[2]?(h[1]="@media ".concat(h[2]," {").concat(h[1],"}"),h[2]=r):h[2]=r),o&&(h[4]?(h[1]="@supports (".concat(h[4],") {").concat(h[1],"}"),h[4]=o):h[4]="".concat(o)),e.push(h))}},e}},601:t=>{t.exports=function(t){return t[1]}},713:(t,e,r)=>{r.d(e,{A:()=>l});var n=r(601),o=r.n(n),i=r(314),s=r.n(i)()(o());s.push([t.id,":host {\n  display: block;\n}\n\ndiv {\n  transform: translateY(0);\n}",""]);var a=new CSSStyleSheet;a.replaceSync(s.toString());const l=a}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={id:n,exports:{}};return t[n](i,i.exports,r),i.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const n=Symbol("addObserver"),o=Symbol("removeObserver"),i=Symbol("getObservers"),s=Symbol("isProxy"),a=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function h(t){return new Proxy(t,{get(e,r){if("symbol"==typeof r){switch(r){case s:return!0;case a:return e;case i:return c.has(t);case n:return(e,r)=>{c.has(t)?c.get(t).has(e)?c.get(t).get(e).push(r):c.get(t).set(e,[r]):c.set(t,new Map([[e,[r]]]))};case o:return e=>{c.has(t)&&(c.get(t).delete(e),0===c.get(t).size&&c.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,r)}throw new Error("Unsupported symbol")}if(r in e){if(!Number.isNaN(Number(r)))return"object"==typeof e[r]?h(e[r]):e[r];if("copyWithin"===r)throw new Error("Unsupported array method copyWithin");if(l.includes(r))return c.has(e)?function(){const t=Array.prototype[r].apply(e,arguments);return c.get(e).forEach(((t,n)=>{t.forEach((t=>{t(e,r,arguments)}))})),t}:Reflect.get(e,r);if(e[r]instanceof Array)return h(e[r])}return Reflect.get(e,r)},set(t,e,r){if("symbol"==typeof e)throw new Error("Setting symbols not allowed.");if(Array.isArray(t))return Reflect.set(t,e,r);if(c.has(t)){c.get(t).forEach(((t,n)=>{t.forEach((t=>{t(e,r)}))}))}return Reflect.set(t,e,r)}})}window.observers=c;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const u=Symbol("init"),p=Symbol("template"),f=Symbol("style"),d=Symbol("parent");function y(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function m(t){return t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()))}function g(t={}){return function(e,r){if("class"!==r.kind)throw new Error("@Component() can only decorate a class");var n,o;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[d]||e.prototype[d][e.prototype[d].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[d]=[e.prototype],e.prototype[f]=t.style?[t.style]:[],e.prototype[p]=t.template||""):(e.prototype[d].push(e.prototype),e.prototype[f].push(t.style),e.prototype[p]=(n=e.prototype[p],(o=t.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,n):`${n}${o||""}`));const i=e.prototype.connectedCallback||(()=>{}),s=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[u]||void 0!==t.template||void 0!==t.style)if(this[u]){if(this[u]&&t.style);else if(this[u]&&t.selector&&!t.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===t.useShadow)throw new Error("unsupported");{const t=document.createElement("template");t.innerHTML=e.prototype[p]||"";const r=document.importNode(t.content,!0),n=this.attachShadow({mode:"open"});n.adoptedStyleSheets=e.prototype[f].map((t=>{if(t instanceof CSSStyleSheet)return t;var e=new CSSStyleSheet;return e.replaceSync(t.toString()),e})),n.appendChild(r)}}else!1===t.useShadow||this.attachShadow({mode:"open"});const r=new Set;for(const t of this.shadowRoot.querySelectorAll("*"))-1!==t.localName.indexOf("-")&&r.add(t.localName);const n=Array.from(r.values()).map((t=>customElements.get(t)?Promise.resolve():customElements.whenDefined(t))),o=()=>{this[d].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[m(e)]=!0,t)),{}):{})}))};0===n.length?(this[u]=!0,i.call(this),o()):Promise.all(n).then((()=>{this[u]=!0,i.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));o()}))},e.prototype.disconnectedCallback=function(){s.call(this)},e.prototype.attributeChangedCallback=function(t,e,r){this[m(t)]=r},r.addInitializer((function(){if(t.selector){if(window.customElements.get(t.selector))throw new Error(`@Component() ${r.name} duplicate selector '${t.selector}'`);window.customElements.define(t.selector,e)}}))}}Symbol("transmute");function v(t){return!!t&&t.constructor===Array}function b(t,e){t[u]&&t[d].map((r=>{r.render&&r.render.call(t,{[e]:!0})}))}function w(t){return null===t?"null":v(t)?"array":typeof t}function S(t){return function(e,r){const n=r.name,o=Symbol(n),l=Symbol(`${n}:type`),c=Symbol(`${n}:meta`);return r.addInitializer((function(){Reflect.defineProperty(this,n,{get:()=>"object"===this[l]||"array"===this[l]?this[o][s]?this[o]:h(this[o]):this[o],set:e=>{const r=w(t?t(e):e);if("index"!==n&&this[l]!==r&&"null"!==this[l]&&"null"!==r)throw new Error(`@Prop() ${n} with type '${this[l]}' cannot be set to ${r}.`);if("array"===this[l]){if(!v(e))throw new PropError(`Array "${n}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,n)?.set);if(this[o]===e)throw new Error("Setting an array to itself is not allowed.");const t=h(this[o]);if(t[i]){const r=e[s]?(c=e)[s]&&c[a]:e;t.splice(0,this[o].length,...r)}else this[o]=e}else this[o]=t?t(e):e,b(this,n);var c}})})),function(e){if(void 0===e&&"index"!==n)throw new Error(`@Prop() ${n} must have an initial value defined.`);if(void 0!==e&&"index"===n)throw new Error("@Prop() index must not have an initial value defined.");if(!0===e)throw new Error(`@Prop() ${n} boolean must initialize to false.`);if(!r.private){const{constructor:t}=this;t.observedAttributes??=[],t.symbols||(t.symbols={});const{symbols:e}=t,r=y(n);e[n]||(t.observedAttributes.push(r),e[n]=o)}return this[l]=w(e),"array"===this[l]?(this[o]=e,new Proxy(e,{get:(t,e)=>e===E?this[c]:(console.log("errr???"),Reflect.get(this[o],e)),set:(t,e,r)=>{if(e===E)return this[c]=r,!0;const i=Reflect.set(t,e,r);return"length"===e&&this[o].length===r||b(this,n),this[o]=r,i}})):(this[o]=t?t(this.getAttribute(n)??e):this.getAttribute(n)??e,this[o])}}}Symbol("hasProxy");const E=Symbol("meta");const x=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)};const O="object"==typeof global&&global&&global.Object===Object&&global;var $="object"==typeof self&&self&&self.Object===Object&&self;const P=O||$||Function("return this")();const j=function(){return P.Date.now()};var C=/\s/;const A=function(t){for(var e=t.length;e--&&C.test(t.charAt(e)););return e};var T=/^\s+/;const R=function(t){return t?t.slice(0,A(t)+1).replace(T,""):t};const z=P.Symbol;var k=Object.prototype,H=k.hasOwnProperty,N=k.toString,M=z?z.toStringTag:void 0;const W=function(t){var e=H.call(t,M),r=t[M];try{t[M]=void 0;var n=!0}catch(t){}var o=N.call(t);return n&&(e?t[M]=r:delete t[M]),o};var I=Object.prototype.toString;const V=function(t){return I.call(t)};var L=z?z.toStringTag:void 0;const D=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":L&&L in Object(t)?W(t):V(t)};const U=function(t){return null!=t&&"object"==typeof t};const Y=function(t){return"symbol"==typeof t||U(t)&&"[object Symbol]"==D(t)};var q=/^[-+]0x[0-9a-f]+$/i,B=/^0b[01]+$/i,F=/^0o[0-7]+$/i,Z=parseInt;const _=function(t){if("number"==typeof t)return t;if(Y(t))return NaN;if(x(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=x(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=R(t);var r=B.test(t);return r||F.test(t)?Z(t.slice(2),r?2:8):q.test(t)?NaN:+t};var G=Math.max,J=Math.min;const K=function(t,e,r){var n,o,i,s,a,l,c=0,h=!1,u=!1,p=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function f(e){var r=n,i=o;return n=o=void 0,c=e,s=t.apply(i,r)}function d(t){var r=t-l;return void 0===l||r>=e||r<0||u&&t-c>=i}function y(){var t=j();if(d(t))return m(t);a=setTimeout(y,function(t){var r=e-(t-l);return u?J(r,i-(t-c)):r}(t))}function m(t){return a=void 0,p&&n?f(t):(n=o=void 0,s)}function g(){var t=j(),r=d(t);if(n=arguments,o=this,l=t,r){if(void 0===a)return function(t){return c=t,a=setTimeout(y,e),h?f(t):s}(l);if(u)return clearTimeout(a),a=setTimeout(y,e),f(l)}return void 0===a&&(a=setTimeout(y,e)),s}return e=_(e)||0,x(r)&&(h=!!r.leading,i=(u="maxWait"in r)?G(_(r.maxWait)||0,e):i,p="trailing"in r?!!r.trailing:p),g.cancel=function(){void 0!==a&&clearTimeout(a),c=0,n=l=o=a=void 0},g.flush=function(){return void 0===a?s:m(j())},g};const Q=function(t,e,r){var n=!0,o=!0;if("function"!=typeof t)throw new TypeError("Expected a function");return x(r)&&(n="leading"in r?!!r.leading:n,o="trailing"in r?!!r.trailing:o),K(t,e,{leading:n,maxWait:e,trailing:o})};var X=r(713),tt=function(t,e,r,n,o,i){function s(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var a,l=n.kind,c="getter"===l?"get":"setter"===l?"set":"value",h=!e&&t?n.static?t:t.prototype:null,u=e||(h?Object.getOwnPropertyDescriptor(h,n.name):{}),p=!1,f=r.length-1;f>=0;f--){var d={};for(var y in n)d[y]="access"===y?{}:n[y];for(var y in n.access)d.access[y]=n.access[y];d.addInitializer=function(t){if(p)throw new TypeError("Cannot add initializers after decoration has completed");i.push(s(t||null))};var m=(0,r[f])("accessor"===l?{get:u.get,set:u.set}:u[c],d);if("accessor"===l){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(a=s(m.get))&&(u.get=a),(a=s(m.set))&&(u.set=a),(a=s(m.init))&&o.unshift(a)}else(a=s(m))&&("field"===l?o.unshift(a):u[c]=a)}h&&Object.defineProperty(h,n.name,u),p=!0},et=function(t,e,r){for(var n=arguments.length>2,o=0;o<e.length;o++)r=n?e[o].call(t,r):e[o].call(t);return n?r:void 0};(()=>{let t,e,r,n,o=[g({selector:"pg-scroll",style:X.A,template:'<div part="scroll"> <slot></slot> </div>'})],i=[],s=HTMLElement,a=[],l=[],c=[],h=[];(class extends s{static{e=this}static{const u="function"==typeof Symbol&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;r=[S()],n=[function(t,e){const r=e.name,n=r.replace(/^\$/,"");e.addInitializer((function(){let t=null;Reflect.defineProperty(this,r,{get(){return t??(t=this.shadowRoot?.querySelector(`[part~=${n}]`))}})}))}],tt(null,null,r,{kind:"field",name:"height",static:!1,private:!1,access:{has:t=>"height"in t,get:t=>t.height,set:(t,e)=>{t.height=e}},metadata:u},a,l),tt(null,null,n,{kind:"field",name:"$scroll",static:!1,private:!1,access:{has:t=>"$scroll"in t,get:t=>t.$scroll,set:(t,e)=>{t.$scroll=e}},metadata:u},c,h),tt(null,t={value:e},o,{kind:"class",name:e.name,metadata:u},null,i),e=t.value,u&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:u}),et(e,i)}height=et(this,a,0);$scroll=(et(this,l),et(this,c,void 0));scrollElement=et(this,h);currentHeight=-1;columns=10;size=44;visible=!1;y=-1;width=0;resizeObserver=new ResizeObserver(Q((t=>{const{width:e}=t[0].contentRect;this.columns=Math.floor(e/(this.size+20)),this.y=-1,this.width=e,this.calculateScroll()}),100));connectedCallback(){this.resizeObserver.observe(this.$scroll)}getInnerHeight(){let t=this.parentElement;for(;t;){if("auto"===t.style.overflow)return t.getBoundingClientRect().height;t=t.parentElement}return window.innerHeight}get isWindow(){return this.scrollElement===window}getView(){const t=this.getInnerHeight(),e=this.getBoundingClientRect(),{y:r,height:n}=this.isWindow?{y:e.top,height:e.height}:{y:e.top-this.scrollElement.getBoundingClientRect().top,height:e.height},o=r<0?-1*r:0,i=n-o-t<0?n-t<0?0:n-t:o,s=n<t?n:r+n-t>0?t:r+n-t;return{visible:r<t&&n+r>0||!this.isWindow,y:i,height:s<0?t:s,atEnd:s<0}}calculateScroll(){const{visible:t,y:e,height:r}=this.getView();t&&(this.$scroll.style.transform=`translateY(${e}px)`,this.$scroll.style.height=`${r}px`),this.visible!==t&&(this.visible=t,this.visible?this.enterView():this.leaveView()),this.visible&&this.y!==e&&(this.dispatchEvent(new CustomEvent("calculate",{detail:{offsetY:e,viewWidth:this.width,viewHeight:r,height:this.height}})),this.y=e)}enterView(){this.dispatchEvent(new CustomEvent("enter"))}leaveView(){this.dispatchEvent(new CustomEvent("leave"))}getParentElement(){let t=this.parentElement;for(;t;){if("auto"===t.style.overflow)return t;t=t.parentElement}return window}updateHeight(){this.scrollElement=this.getParentElement(),this.scrollElement.addEventListener("scroll",Q((()=>{this.calculateScroll()}),100)),this.style.height=`${this.currentHeight}px`,this.y=-1,this.calculateScroll()}render(t){console.log("changes",t);const e=parseInt(`${this.height}`,10);console.log("set",this.height),this.currentHeight!==e&&(this.currentHeight=e,this.updateHeight())}})})()})();

package/pgSearch.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var u="",n=void 0!==t[5];return t[4]&&(u+="@supports (".concat(t[4],") {")),t[2]&&(u+="@media ".concat(t[2]," {")),n&&(u+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),u+=e(t),n&&(u+="}"),t[2]&&(u+="}"),t[4]&&(u+="}"),u})).join("")},t.i=function(e,u,n,r,s){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(n)for(var a=0;a<this.length;a++){var o=this[a][0];null!=o&&(i[o]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);n&&i[c[0]]||(void 0!==s&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=s),u&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=u):c[2]=u),r&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=r):c[4]="".concat(r)),t.push(c))}},t}},567:(e,t,u)=>{u.d(t,{A:()=>o});var n=u(601),r=u.n(n),s=u(314),i=u.n(s)()(r());i.push([e.id,":host {\n  display: block;\n  align-self: center;\n  font-family: var(--pg-font-family);\n}\n\ndiv {\n  display: grid;\n  grid-template-columns: 1fr 0;\n  grid-template-rows: 1fr 0;\n}\ninput {\n  grid-row: 1;\n  grid-column: 1;\n  border-radius: 0.25rem;\n  border: 0;\n  padding: 0.25rem 0.5rem;\n  font-size: 1rem;\n  outline: none;\n  width: calc(100% - 1rem);\n  border: .0625rem solid var(--pg-search-border-color);\n}\ninput:active {\n  box-shadow: 0 0 0 3px var(--pg-search-active-glow, rgba(79, 143, 249, 0.6));\n}\ninput:focus {\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgba(79, 143, 249, 0.5));\n}\n.active input + svg path {\n  fill: #453C4F;\n}\nsvg {\n  grid-row: 1;\n  grid-column: 2;\n  width: 1.5rem;\n  height: 1.5rem;\n  justify-self: right;\n  margin-right: 0.25rem;\n  pointer-events: none;\n  align-self: center;\n}\nsvg > path {\n  transition: fill 0.3s ease-in-out;\n}\n[part=menu] {\n  display: none;\n  background: #FFF;\n  grid-row: 2;\n  grid-column: 1 / span 2;\n  z-index: 1;\n}\nul {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  border-radius: 0.25rem;\n  box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.4);\n}\nul > li {\n  color: #222;\n}\nul > li > a {\n  display: flex;\n  padding: 0.25rem 0.5rem;\n  background: #FFF;\n  border-left: 1px solid #DDD;\n  border-right: 1px solid #DDD;\n}\nul > li > a:hover,\nul > li > a:active,\nul > li > a:focus {\n  background: #DAF4FB;\n}\nul > li.item:first-child > a {\n  border-top: 1px solid #DDD;\n  border-bottom: 1px solid #DDD;\n  border-radius: 0.25rem 0.25rem 0 0;\n}\nul > li.item:not(:first-child) > a {\n  border-bottom: 1px solid #DDD;\n}\nul > li.item:last-child > a {\n  border-radius: 0 0 0.25rem 0.25rem;\n}\nul > li > a {\n  text-decoration: none;\n  color: #222;\n}\nul > li > a strong {\n  color: #453C4F;\n}\n.section {\n  color: #FFF;\n  padding: 0.25rem 0.5rem;\n  font-weight: bold;\n  background: #453C4F;\n  border-radius: 0.25rem 0.25rem 0 0;\n  cursor: default;\n}\n.section + li a {\n  border-radius: 0;\n}\n\nli + .section {\n  border-radius: 0;\n}\n\n.type {\n  background-color: #453C4F;\n  border-radius: 0.25rem;\n  font-size: 0.75rem;\n  color: #fff;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  margin: 0.125rem 0 0.125rem 0.25rem;\n  align-self: end;\n}\n\n.icon {\n  background-color: #453C4F;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.icon.first > a {\n  border-top-left-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n}\n.icon.last {\n  padding-bottom: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem;\n}\n.icon.last > a {\n  border-radius: 0 0 0.25rem 0.25rem;\n}\n.icon svg {\n  color: #453C4F;\n  margin-right: 0.345rem;\n  margin-left: -0.25rem;\n}\n\n.all {\n  background-color: #453C4F;\n  padding: 0 0.25rem 0.25rem 0.25rem;\n  border-radius: 0 0 0.25rem 0.25rem;\n}\n\n.all a {\n  border-radius: 0.25rem;\n}\n\n[part~=empty] {\n  background: #453C4F;\n  border-radius: 0.25rem;\n  padding: 0.25rem;\n  box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.4);\n}\n[part~=empty] strong {\n  color: #fff;\n  padding: 0 0.25rem;\n}\n[part~=empty] a {\n  display: block;\n  background: #fff;\n  color: #453C4F;\n  text-decoration: none;\n  padding: 0.25rem 0.5rem;\n  border-radius: 0.25rem;\n  margin-top: 0.25rem;\n}\n[part~=empty] a:hover,\n[part~=empty] a:active,\n[part~=empty] a:focus {\n  background: #DAF4FB;\n}\n[part~=empty] a svg {\n  vertical-align: middle;\n  width: 1.5rem;\n  height: 1.5rem;\n  float: right;\n  margin: -0.125rem -0.25rem 0 0;\n}\n\n.hide {\n  display: none;\n}",""]);var a=new CSSStyleSheet;a.replaceSync(i.toString());const o=a},601:e=>{e.exports=function(e){return e[1]}}},t={};function u(n){var r=t[n];if(void 0!==r)return r.exports;var s=t[n]={id:n,exports:{}};return e[n](s,s.exports,u),s.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var n in t)u.o(t,n)&&!u.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const n=Symbol("addObserver"),r=Symbol("removeObserver"),s=Symbol("getObservers"),i=Symbol("isProxy"),a=Symbol("getTarget"),o=["fill","pop","push","reverse","shift","sort","splice","unshift"],l=new Map;function c(e){return new Proxy(e,{get(t,u){if("symbol"==typeof u){switch(u){case i:return!0;case a:return t;case s:return l.has(e);case n:return(t,u)=>{l.has(e)?l.get(e).has(t)?l.get(e).get(t).push(u):l.get(e).set(t,[u]):l.set(e,new Map([[t,[u]]]))};case r:return t=>{l.has(e)&&(l.get(e).delete(t),0===l.get(e).size&&l.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,u)}throw new Error("Unsupported symbol")}if(u in t){if(!Number.isNaN(Number(u)))return"object"==typeof t[u]?c(t[u]):t[u];if("copyWithin"===u)throw new Error("Unsupported array method copyWithin");if(o.includes(u))return l.has(t)?function(){const e=Array.prototype[u].apply(t,arguments);return l.get(t).forEach(((e,n)=>{e.forEach((e=>{e(t,u,arguments)}))})),e}:Reflect.get(t,u);if(t[u]instanceof Array)return c(t[u])}return Reflect.get(t,u)},set(e,t,u){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,u);if(l.has(e)){l.get(e).forEach(((e,n)=>{e.forEach((e=>{e(t,u)}))}))}return Reflect.set(e,t,u)}})}window.observers=l;class PropError extends Error{constructor(e,t){super(e),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,t)}}Symbol("index");const d=Symbol("init"),E=Symbol("template"),h=Symbol("style"),p=Symbol("parent");function m(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function g(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function f(e={}){return function(t,u){if("class"!==u.kind)throw new Error("@Component() can only decorate a class");var n,r;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[p]||t.prototype[p][t.prototype[p].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[p]=[t.prototype],t.prototype[h]=e.style?[e.style]:[],t.prototype[E]=e.template||""):(t.prototype[p].push(t.prototype),t.prototype[h].push(e.style),t.prototype[E]=(n=t.prototype[E],(r=e.template||null)&&r.match(/<parent\/>/)?r.replace(/<parent\/>/,n):`${n}${r||""}`));const s=t.prototype.connectedCallback||(()=>{}),i=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[d]||void 0!==e.template||void 0!==e.style)if(this[d]){if(this[d]&&e.style);else if(this[d]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[E]||"";const u=document.importNode(e.content,!0),n=this.attachShadow({mode:"open"});n.adoptedStyleSheets=t.prototype[h].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),n.appendChild(u)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const u=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&u.add(e.localName);const n=Array.from(u.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),r=()=>{this[p].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[g(t)]=!0,e)),{}):{})}))};0===n.length?(this[d]=!0,s.call(this),r()):Promise.all(n).then((()=>{this[d]=!0,s.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));r()}))},t.prototype.disconnectedCallback=function(){i.call(this)},t.prototype.attributeChangedCallback=function(e,t,u){this[g(e)]=u},u.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${u.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function b(e){return!!e&&e.constructor===Array}function C(e,t){e[d]&&e[p].map((u=>{u.render&&u.render.call(e,{[t]:!0})}))}function F(e){return null===e?"null":b(e)?"array":typeof e}function A(e){return function(t,u){const n=u.name,r=Symbol(n),o=Symbol(`${n}:type`),l=Symbol(`${n}:meta`);return u.addInitializer((function(){Reflect.defineProperty(this,n,{get:()=>"object"===this[o]||"array"===this[o]?this[r][i]?this[r]:c(this[r]):this[r],set:t=>{const u=F(e?e(t):t);if("index"!==n&&this[o]!==u&&"null"!==this[o]&&"null"!==u)throw new Error(`@Prop() ${n} with type '${this[o]}' cannot be set to ${u}.`);if("array"===this[o]){if(!b(t))throw new PropError(`Array "${n}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,n)?.set);if(this[r]===t)throw new Error("Setting an array to itself is not allowed.");const e=c(this[r]);if(e[s]){const u=t[i]?(l=t)[i]&&l[a]:t;e.splice(0,this[r].length,...u)}else this[r]=t}else this[r]=e?e(t):t,C(this,n);var l}})})),function(t){if(void 0===t&&"index"!==n)throw new Error(`@Prop() ${n} must have an initial value defined.`);if(void 0!==t&&"index"===n)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${n} boolean must initialize to false.`);if(!u.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,u=m(n);t[n]||(e.observedAttributes.push(u),t[n]=r)}return this[o]=F(t),"array"===this[o]?(this[r]=t,new Proxy(t,{get:(e,t)=>t===v?this[l]:(console.log("errr???"),Reflect.get(this[r],t)),set:(e,t,u)=>{if(t===v)return this[l]=u,!0;const s=Reflect.set(e,t,u);return"length"===t&&this[r].length===u||C(this,n),this[r]=u,s}})):(this[r]=e?e(this.getAttribute(n)??t):this.getAttribute(n)??t,this[r])}}}function y(){return function(e,t){const u=t.name,n=u.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,u,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${n}]`))}})}))}}Symbol("hasProxy");const v=Symbol("meta");function*D(e,t,u){(!u||u>e.length)&&(u=e.length);let n=0,r=0;for(;n<u&&r<e.length;)t(e[r])&&(yield e[r],n++),r++}function w(e){return function(e){for(var t=[{base:"A",letters:/[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F]/g},{base:"AA",letters:/[\uA732]/g},{base:"AE",letters:/[\u00C6\u01FC\u01E2]/g},{base:"AO",letters:/[\uA734]/g},{base:"AU",letters:/[\uA736]/g},{base:"AV",letters:/[\uA738\uA73A]/g},{base:"AY",letters:/[\uA73C]/g},{base:"B",letters:/[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181]/g},{base:"C",letters:/[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E]/g},{base:"D",letters:/[\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779]/g},{base:"DZ",letters:/[\u01F1\u01C4]/g},{base:"Dz",letters:/[\u01F2\u01C5]/g},{base:"E",letters:/[\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E]/g},{base:"F",letters:/[\u0046\u24BB\uFF26\u1E1E\u0191\uA77B]/g},{base:"G",letters:/[\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E]/g},{base:"H",letters:/[\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D]/g},{base:"I",letters:/[\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197]/g},{base:"J",letters:/[\u004A\u24BF\uFF2A\u0134\u0248]/g},{base:"K",letters:/[\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2]/g},{base:"L",letters:/[\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780]/g},{base:"LJ",letters:/[\u01C7]/g},{base:"Lj",letters:/[\u01C8]/g},{base:"M",letters:/[\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C]/g},{base:"N",letters:/[\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4]/g},{base:"NJ",letters:/[\u01CA]/g},{base:"Nj",letters:/[\u01CB]/g},{base:"O",letters:/[\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C]/g},{base:"OI",letters:/[\u01A2]/g},{base:"OO",letters:/[\uA74E]/g},{base:"OU",letters:/[\u0222]/g},{base:"P",letters:/[\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754]/g},{base:"Q",letters:/[\u0051\u24C6\uFF31\uA756\uA758\u024A]/g},{base:"R",letters:/[\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782]/g},{base:"S",letters:/[\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784]/g},{base:"T",letters:/[\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786]/g},{base:"TZ",letters:/[\uA728]/g},{base:"U",letters:/[\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244]/g},{base:"V",letters:/[\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245]/g},{base:"VY",letters:/[\uA760]/g},{base:"W",letters:/[\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72]/g},{base:"X",letters:/[\u0058\u24CD\uFF38\u1E8A\u1E8C]/g},{base:"Y",letters:/[\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE]/g},{base:"Z",letters:/[\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762]/g},{base:"a",letters:/[\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250]/g},{base:"aa",letters:/[\uA733]/g},{base:"ae",letters:/[\u00E6\u01FD\u01E3]/g},{base:"ao",letters:/[\uA735]/g},{base:"au",letters:/[\uA737]/g},{base:"av",letters:/[\uA739\uA73B]/g},{base:"ay",letters:/[\uA73D]/g},{base:"b",letters:/[\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253]/g},{base:"c",letters:/[\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184]/g},{base:"d",letters:/[\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A]/g},{base:"dz",letters:/[\u01F3\u01C6]/g},{base:"e",letters:/[\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD]/g},{base:"f",letters:/[\u0066\u24D5\uFF46\u1E1F\u0192\uA77C]/g},{base:"g",letters:/[\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F]/g},{base:"h",letters:/[\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265]/g},{base:"hv",letters:/[\u0195]/g},{base:"i",letters:/[\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131]/g},{base:"j",letters:/[\u006A\u24D9\uFF4A\u0135\u01F0\u0249]/g},{base:"k",letters:/[\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3]/g},{base:"l",letters:/[\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747]/g},{base:"lj",letters:/[\u01C9]/g},{base:"m",letters:/[\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F]/g},{base:"n",letters:/[\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5]/g},{base:"nj",letters:/[\u01CC]/g},{base:"o",letters:/[\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275]/g},{base:"oi",letters:/[\u01A3]/g},{base:"ou",letters:/[\u0223]/g},{base:"oo",letters:/[\uA74F]/g},{base:"p",letters:/[\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755]/g},{base:"q",letters:/[\u0071\u24E0\uFF51\u024B\uA757\uA759]/g},{base:"r",letters:/[\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783]/g},{base:"s",letters:/[\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B]/g},{base:"t",letters:/[\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787]/g},{base:"tz",letters:/[\uA729]/g},{base:"u",letters:/[\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289]/g},{base:"v",letters:/[\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C]/g},{base:"vy",letters:/[\uA761]/g},{base:"w",letters:/[\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73]/g},{base:"x",letters:/[\u0078\u24E7\uFF58\u1E8B\u1E8D]/g},{base:"y",letters:/[\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF]/g},{base:"z",letters:/[\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763]/g}],u=0;u<t.length;u++)e=e.replace(t[u].letters,t[u].base);return e}(e.trim().toLowerCase()).replace(/(\w) (\w)/g,"$1-$2")}var B=u(567),$=function(e,t,u,n,r,s){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,o=n.kind,l="getter"===o?"get":"setter"===o?"set":"value",c=!t&&e?n.static?e:e.prototype:null,d=t||(c?Object.getOwnPropertyDescriptor(c,n.name):{}),E=!1,h=u.length-1;h>=0;h--){var p={};for(var m in n)p[m]="access"===m?{}:n[m];for(var m in n.access)p.access[m]=n.access[m];p.addInitializer=function(e){if(E)throw new TypeError("Cannot add initializers after decoration has completed");s.push(i(e||null))};var g=(0,u[h])("accessor"===o?{get:d.get,set:d.set}:d[l],p);if("accessor"===o){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(a=i(g.get))&&(d.get=a),(a=i(g.set))&&(d.set=a),(a=i(g.init))&&r.unshift(a)}else(a=i(g))&&("field"===o?r.unshift(a):d[l]=a)}c&&Object.defineProperty(c,n.name,d),E=!0},x=function(e,t,u){for(var n=arguments.length>2,r=0;r<t.length;r++)u=n?t[r].call(e,u):t[r].call(e);return n?u:void 0};const L="ArrowUp",S="ArrowDown";(()=>{let e,t,u,n,r,s,i,a,o,l,c,d=[f({selector:"pg-search",style:B.A,template:'<div part="grid"> <input part="input" type="text"/> <svg viewBox="0 0 24 24"><path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"/></svg> <div part="menu"> <ul part="list"></ul> <section part="empty"> <strong>No Results</strong> <a part="reqIcon" href="https://github.com/Templarian/MaterialDesign/issues/new?labels=Icon+Request&template=1_icon_request.md&title=" target="_blank"> Request an Icon <svg viewBox="0 0 24 24"><path fill="currentColor" d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z"/></svg> </a> <a part="reqDoc" href="https://github.com/Templarian/MaterialDesign/issues/new?labels=Documentation&template=6_doc_guide_request.md&title=" target="_blank"> Request Documentation <svg viewBox="0 0 24 24"><path fill="currentColor" d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z"/></svg> </a> </section> </div> </div>'})],E=[],h=HTMLElement,p=[],m=[],g=[],b=[],C=[],F=[],v=[],k=[],O=[],I=[],P=[],q=[],T=[],j=[],R=[],z=[],M=[],N=[];(class extends h{static{t=this}static{const f="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;u=[A()],n=[A()],r=[y()],s=[y()],i=[y()],a=[y()],o=[y()],l=[y()],c=[y()],$(null,null,u,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:f},p,m),$(null,null,n,{kind:"field",name:"icons",static:!1,private:!1,access:{has:e=>"icons"in e,get:e=>e.icons,set:(e,t)=>{e.icons=t}},metadata:f},g,b),$(null,null,r,{kind:"field",name:"$grid",static:!1,private:!1,access:{has:e=>"$grid"in e,get:e=>e.$grid,set:(e,t)=>{e.$grid=t}},metadata:f},C,F),$(null,null,s,{kind:"field",name:"$menu",static:!1,private:!1,access:{has:e=>"$menu"in e,get:e=>e.$menu,set:(e,t)=>{e.$menu=t}},metadata:f},v,k),$(null,null,i,{kind:"field",name:"$input",static:!1,private:!1,access:{has:e=>"$input"in e,get:e=>e.$input,set:(e,t)=>{e.$input=t}},metadata:f},O,I),$(null,null,a,{kind:"field",name:"$list",static:!1,private:!1,access:{has:e=>"$list"in e,get:e=>e.$list,set:(e,t)=>{e.$list=t}},metadata:f},P,q),$(null,null,o,{kind:"field",name:"$empty",static:!1,private:!1,access:{has:e=>"$empty"in e,get:e=>e.$empty,set:(e,t)=>{e.$empty=t}},metadata:f},T,j),$(null,null,l,{kind:"field",name:"$reqIcon",static:!1,private:!1,access:{has:e=>"$reqIcon"in e,get:e=>e.$reqIcon,set:(e,t)=>{e.$reqIcon=t}},metadata:f},R,z),$(null,null,c,{kind:"field",name:"$reqDoc",static:!1,private:!1,access:{has:e=>"$reqDoc"in e,get:e=>e.$reqDoc,set:(e,t)=>{e.$reqDoc=t}},metadata:f},M,N),$(null,e={value:t},d,{kind:"class",name:t.name,metadata:f},null,E),t=e.value,f&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:f}),x(t,E)}items=x(this,p,[]);icons=(x(this,m),x(this,g,[]));$grid=(x(this,b),x(this,C,void 0));$menu=(x(this,F),x(this,v,void 0));$input=(x(this,k),x(this,O,void 0));$list=(x(this,I),x(this,P,void 0));$empty=(x(this,q),x(this,T,void 0));$reqIcon=(x(this,j),x(this,R,void 0));$reqDoc=(x(this,z),x(this,M,void 0));isOpen=(x(this,N),!1);isOver=!1;term="";keyIndex=-1;anchors=[];connectedCallback(){this.$input.addEventListener("input",this.handleInput.bind(this)),this.$input.addEventListener("focus",this.handleFocus.bind(this)),this.$input.addEventListener("blur",this.handleBlur.bind(this)),this.addEventListener("keydown",this.keydown.bind(this)),this.$list.addEventListener("mouseenter",this.handleListEnter.bind(this)),this.$list.addEventListener("mouseleave",this.handleListLeave.bind(this))}handleInput(e){const t=e.target,{value:u}=t;this.term=u,this.updateList()}handleFocus(){this.keyIndex=-1,this.updateList(),this.isOpen=!0,this.$menu.style.display="block",this.$grid.classList.add("active")}handleBlur(){this.isOver||(this.isOpen=!1,this.$menu.style.display="none",this.$grid.classList.remove("active"),this.keyIndex-=1)}keydown(e){switch(e.key){case S:this.keyIndex+=1,this.setActive(),e.preventDefault(),e.stopPropagation();break;case L:this.keyIndex-=1,this.setActive(),e.preventDefault(),e.stopPropagation()}}setActive(){-2===this.keyIndex&&(this.keyIndex=this.anchors.length-1),this.keyIndex===this.anchors.length&&(this.keyIndex=-1),-1===this.keyIndex?(this.$input.focus(),this.isOver=!1):(this.isOver=!0,this.anchors[this.keyIndex].focus())}handleListEnter(){this.isOver=!0}handleListLeave(){this.isOver=!1}highlight(e){var t=e;const u=document.createElement("span"),n=w(this.term);if(""===this.term)return u.innerText=e,u;for(;t;){var r=t.toLowerCase().indexOf(n);if(-1===r){const e=document.createElement("span");e.innerText=t.substr(0,t.length),u.appendChild(e),t=""}else{if(r>0){const e=document.createElement("span");e.innerText=t.substr(0,r),u.appendChild(e)}const e=document.createElement("strong");e.innerText=t.substr(r,n.length),u.appendChild(e),t=t.substr(r+n.length,t.length)}}return u}clearList(){for(;this.$list.firstChild;)this.$list.removeChild(this.$list.firstChild);this.anchors=[]}updateList(){this.clearList();let e=!1;const t=new RegExp(this.term,"i"),u=Array.from(D(this.items,(e=>e.name.match(t)),5));if(u.forEach(((t,n)=>{var r=document.createElement("li");r.classList.add("item"),r.classList.toggle("first",0===n),r.classList.toggle("last",n===u.length-1);var s=document.createElement("a");s.href=t.url;var i=this.highlight(t.name);s.appendChild(i);var a=document.createElement("span");a.innerText=t.type,a.classList.add("type"),s.appendChild(a),r.appendChild(s),this.$list.appendChild(r),this.anchors.push(s),e=!0})),""!==this.term){const t=function(e,t,u=5){t=w(t);const n=D(e,(e=>0===e.name?.toLowerCase().indexOf(t)),u),r=Array.from(n);let s=r.map((e=>e.id));if(r.length<u){var i=D(e,(e=>!s.includes(e.id)&&-1!==e.name?.toLowerCase().indexOf(t)),u-r.length);Array.from(i).forEach((e=>r.push(e)))}if(s=r.map((e=>e.id)),r.length<u){var a=D(e,(e=>{if(s.includes(e.id))return!1;for(var u=0,n=e.aliases.length;u<n;u++){if(null==e.aliases[u].name)return console.error(`Invalid alias in ${e.name}`),!1;if(-1!==e.aliases[u].name.indexOf(t))return e.aliases[u].match=!0,!0}return!1}),u-r.length);Array.from(a).forEach((e=>r.push(e)))}return function(e,t){for(var u=0,n=e.length;u<n;u++)if(e[u].name?.toLowerCase()===t)return e.unshift(e.splice(u,1)[0]),e;return e}(r,t)}(this.icons,this.term,5);if(t.length)(n=document.createElement("li")).innerText="Icons",n.classList.add("section"),this.$list.appendChild(n);if(t.forEach(((e,u)=>{var n=document.createElement("li");n.classList.add("icon"),n.classList.toggle("first",0===u),n.classList.toggle("last",u===t.length-1);var r=document.createElement("a");r.href=`/icon/${e.name}`;var s=e.aliases.reduce(((e,t)=>(t.match&&e.push(t.name||""),e)),[]),i="";s.length&&(i=` (${s.join(", ")})`);const a=this.highlight(`${e.name}${i}`),o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 24 24"),o.setAttribute("fill","currentColor");const l=document.createElementNS("http://www.w3.org/2000/svg","path");l.setAttribute("d",e.data),o.appendChild(l),r.appendChild(o),r.appendChild(a),n.appendChild(r),this.anchors.push(r),this.$list.appendChild(n)})),5===t.length){var n;(n=document.createElement("li")).classList.add("all");var r=document.createElement("a");r.href=`/icons?search=${this.term}`,r.appendChild(document.createTextNode('All results for "'));var s=document.createElement("strong");s.innerText=this.term,r.appendChild(s),r.appendChild(document.createTextNode('"')),n.appendChild(r),this.anchors.push(r),this.$list.appendChild(n)}t.length>0&&(e=!0)}e||(this.anchors.push(this.$reqIcon),this.anchors.push(this.$reqDoc)),this.$empty.classList.toggle("hide",e)}})})()})();

package/pgTab.js

@@ -0,0 +1 @@
+(()=>{"use strict";var t={314:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",o=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),o&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),o&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,o,n,a){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(o)for(var i=0;i<this.length;i++){var l=this[i][0];null!=l&&(s[l]=!0)}for(var c=0;c<t.length;c++){var p=[].concat(t[c]);o&&s[p[0]]||(void 0!==a&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=a),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),e.push(p))}},e}},601:t=>{t.exports=function(t){return t[1]}},937:(t,e,r)=>{r.d(e,{A:()=>l});var o=r(601),n=r.n(o),a=r(314),s=r.n(a)()(n());s.push([t.id,':host {\n  display: block;\n}\n\n[part="tab"] {\n  display: none;\n}\n\n[part="tab"].active {\n  display: block;\n  border-top: 1px solid var(--pg-tab-border, #453C4F);\n  margin-top: -1px;\n}',""]);var i=new CSSStyleSheet;i.replaceSync(s.toString());const l=i}},e={};function r(o){var n=e[o];if(void 0!==n)return n.exports;var a=e[o]={id:o,exports:{}};return t[o](a,a.exports,r),a.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const o=Symbol("addObserver"),n=Symbol("removeObserver"),a=Symbol("getObservers"),s=Symbol("isProxy"),i=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function p(t){return new Proxy(t,{get(e,r){if("symbol"==typeof r){switch(r){case s:return!0;case i:return e;case a:return c.has(t);case o:return(e,r)=>{c.has(t)?c.get(t).has(e)?c.get(t).get(e).push(r):c.get(t).set(e,[r]):c.set(t,new Map([[e,[r]]]))};case n:return e=>{c.has(t)&&(c.get(t).delete(e),0===c.get(t).size&&c.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,r)}throw new Error("Unsupported symbol")}if(r in e){if(!Number.isNaN(Number(r)))return"object"==typeof e[r]?p(e[r]):e[r];if("copyWithin"===r)throw new Error("Unsupported array method copyWithin");if(l.includes(r))return c.has(e)?function(){const t=Array.prototype[r].apply(e,arguments);return c.get(e).forEach(((t,o)=>{t.forEach((t=>{t(e,r,arguments)}))})),t}:Reflect.get(e,r);if(e[r]instanceof Array)return p(e[r])}return Reflect.get(e,r)},set(t,e,r){if("symbol"==typeof e)throw new Error("Setting symbols not allowed.");if(Array.isArray(t))return Reflect.set(t,e,r);if(c.has(t)){c.get(t).forEach(((t,o)=>{t.forEach((t=>{t(e,r)}))}))}return Reflect.set(t,e,r)}})}window.observers=c;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const u=Symbol("init"),h=Symbol("template"),d=Symbol("style"),f=Symbol("parent");function y(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function m(t){return t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()))}function b(t={}){return function(e,r){if("class"!==r.kind)throw new Error("@Component() can only decorate a class");var o,n;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[f]||e.prototype[f][e.prototype[f].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[f]=[e.prototype],e.prototype[d]=t.style?[t.style]:[],e.prototype[h]=t.template||""):(e.prototype[f].push(e.prototype),e.prototype[d].push(t.style),e.prototype[h]=(o=e.prototype[h],(n=t.template||null)&&n.match(/<parent\/>/)?n.replace(/<parent\/>/,o):`${o}${n||""}`));const a=e.prototype.connectedCallback||(()=>{}),s=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[u]||void 0!==t.template||void 0!==t.style)if(this[u]){if(this[u]&&t.style);else if(this[u]&&t.selector&&!t.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===t.useShadow)throw new Error("unsupported");{const t=document.createElement("template");t.innerHTML=e.prototype[h]||"";const r=document.importNode(t.content,!0),o=this.attachShadow({mode:"open"});o.adoptedStyleSheets=e.prototype[d].map((t=>{if(t instanceof CSSStyleSheet)return t;var e=new CSSStyleSheet;return e.replaceSync(t.toString()),e})),o.appendChild(r)}}else!1===t.useShadow||this.attachShadow({mode:"open"});const r=new Set;for(const t of this.shadowRoot.querySelectorAll("*"))-1!==t.localName.indexOf("-")&&r.add(t.localName);const o=Array.from(r.values()).map((t=>customElements.get(t)?Promise.resolve():customElements.whenDefined(t))),n=()=>{this[f].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[m(e)]=!0,t)),{}):{})}))};0===o.length?(this[u]=!0,a.call(this),n()):Promise.all(o).then((()=>{this[u]=!0,a.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));n()}))},e.prototype.disconnectedCallback=function(){s.call(this)},e.prototype.attributeChangedCallback=function(t,e,r){this[m(t)]=r},r.addInitializer((function(){if(t.selector){if(window.customElements.get(t.selector))throw new Error(`@Component() ${r.name} duplicate selector '${t.selector}'`);window.customElements.define(t.selector,e)}}))}}Symbol("transmute");function v(t){return!!t&&t.constructor===Array}function g(t,e){t[u]&&t[f].map((r=>{r.render&&r.render.call(t,{[e]:!0})}))}function w(t){return null===t?"null":v(t)?"array":typeof t}function S(t){return function(e,r){const o=r.name,n=Symbol(o),l=Symbol(`${o}:type`),c=Symbol(`${o}:meta`);return r.addInitializer((function(){Reflect.defineProperty(this,o,{get:()=>"object"===this[l]||"array"===this[l]?this[n][s]?this[n]:p(this[n]):this[n],set:e=>{const r=w(t?t(e):e);if("index"!==o&&this[l]!==r&&"null"!==this[l]&&"null"!==r)throw new Error(`@Prop() ${o} with type '${this[l]}' cannot be set to ${r}.`);if("array"===this[l]){if(!v(e))throw new PropError(`Array "${o}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,o)?.set);if(this[n]===e)throw new Error("Setting an array to itself is not allowed.");const t=p(this[n]);if(t[a]){const r=e[s]?(c=e)[s]&&c[i]:e;t.splice(0,this[n].length,...r)}else this[n]=e}else this[n]=t?t(e):e,g(this,o);var c}})})),function(e){if(void 0===e&&"index"!==o)throw new Error(`@Prop() ${o} must have an initial value defined.`);if(void 0!==e&&"index"===o)throw new Error("@Prop() index must not have an initial value defined.");if(!0===e)throw new Error(`@Prop() ${o} boolean must initialize to false.`);if(!r.private){const{constructor:t}=this;t.observedAttributes??=[],t.symbols||(t.symbols={});const{symbols:e}=t,r=y(o);e[o]||(t.observedAttributes.push(r),e[o]=n)}return this[l]=w(e),"array"===this[l]?(this[n]=e,new Proxy(e,{get:(t,e)=>e===E?this[c]:(console.log("errr???"),Reflect.get(this[n],e)),set:(t,e,r)=>{if(e===E)return this[c]=r,!0;const a=Reflect.set(t,e,r);return"length"===e&&this[n].length===r||g(this,o),this[n]=r,a}})):(this[n]=t?t(this.getAttribute(o)??e):this.getAttribute(o)??e,this[n])}}}Symbol("hasProxy");const E=Symbol("meta");var P=r(937),x=function(t,e,r,o,n,a){function s(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var i,l=o.kind,c="getter"===l?"get":"setter"===l?"set":"value",p=!e&&t?o.static?t:t.prototype:null,u=e||(p?Object.getOwnPropertyDescriptor(p,o.name):{}),h=!1,d=r.length-1;d>=0;d--){var f={};for(var y in o)f[y]="access"===y?{}:o[y];for(var y in o.access)f.access[y]=o.access[y];f.addInitializer=function(t){if(h)throw new TypeError("Cannot add initializers after decoration has completed");a.push(s(t||null))};var m=(0,r[d])("accessor"===l?{get:u.get,set:u.set}:u[c],f);if("accessor"===l){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(i=s(m.get))&&(u.get=i),(i=s(m.set))&&(u.set=i),(i=s(m.init))&&n.unshift(i)}else(i=s(m))&&("field"===l?n.unshift(i):u[c]=i)}p&&Object.defineProperty(p,o.name,u),h=!0},$=function(t,e,r){for(var o=arguments.length>2,n=0;n<e.length;n++)r=o?e[n].call(t,r):e[n].call(t);return o?r:void 0};(()=>{let t,e,r,o,n=[b({selector:"pg-tab",style:P.A,template:'<div part="tab"> <slot></slot> </div>'})],a=[],s=HTMLElement,i=[],l=[],c=[],p=[];(class extends s{static{e=this}static{const u="function"==typeof Symbol&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;r=[S()],o=[function(t,e){const r=e.name,o=r.replace(/^\$/,"");e.addInitializer((function(){let t=null;Reflect.defineProperty(this,r,{get(){return t??(t=this.shadowRoot?.querySelector(`[part~=${o}]`))}})}))}],x(null,null,r,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:u},i,l),x(null,null,o,{kind:"field",name:"$tab",static:!1,private:!1,access:{has:t=>"$tab"in t,get:t=>t.$tab,set:(t,e)=>{t.$tab=e}},metadata:u},c,p),x(null,t={value:e},n,{kind:"class",name:e.name,metadata:u},null,a),e=t.value,u&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:u}),$(e,a)}label=$(this,i,"");$tab=($(this,l),$(this,c,void 0));connectedCallback(){}show(){this.$tab.classList.add("active")}hide(){this.$tab.classList.remove("active")}render(t){t.label&&this.dispatchEvent(new CustomEvent("tab",{detail:{label:this.label},bubbles:!0}))}constructor(){super(...arguments),$(this,p)}})})()})();

package/pgTabs.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={223:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),o=n.n(r),s=n(314),a=n.n(s)()(o());a.push([e.id,':host {\n  display: block;\n  font-family: var(--pg-font-family);\n}\n\n[part="tabset"] {\n  display: flex;\n  flex-direction: row;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n[part="tab"] {\n  margin-right: 0.25rem;\n}\n',""]);var i=new CSSStyleSheet;i.replaceSync(a.toString());const l=i},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,s){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var i=0;i<this.length;i++){var l=this[i][0];null!=l&&(a[l]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);r&&a[d[0]]||(void 0!==s&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=s),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),t.push(d))}},t}},457:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),o=n.n(r),s=n(314),a=n.n(s)()(o());a.push([e.id,'\n[part="button"] {\n  position: relative;\n  display: flex;\n  line-height: calc(2.5rem - 0.5px);\n  border-top: 1px solid transparent;\n  border-right: 1px solid transparent;\n  border-bottom: 0;\n  border-left: 1px solid transparent;\n  border-radius: 0.25rem 0.25rem 0 0;\n  padding: 0 0.75rem;\n  text-decoration: none;\n  color: var(--pg-tab-border, #453C4F);\n  align-items: center;\n  align-content: center;\n  box-sizing: border-box;\n  outline: none;\n  background: transparent;\n}\n\n[part="button"].selected {\n  border-color: var(--pg-tab-border, #453C4F);\n  font-weight: bold;\n  background: #fff;\n  cursor: default;\n  height: calc(2.5rem + 0.5px);\n}\n\n[part="button"]:not(.selected):hover {\n  border-color: var(--pg-tab-border, #453C4F);\n}\n\n[part="button"].selected:focus-visible {\n  color: #197BE0;\n  border-color: rgb(79, 143, 249);\n}\n\n[part="button"]:not(.selected):focus-visible {\n  background: var(--pg-focus-color, rgb(79, 143, 249, 0.15));\n  border-color: rgb(79, 143, 249);\n  color: #197BE0;\n}',""]);var i=new CSSStyleSheet;i.replaceSync(a.toString());const l=i},601:e=>{e.exports=function(e){return e[1]}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var s=t[r]={id:r,exports:{}};return e[r](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const r=Symbol("addObserver"),o=Symbol("removeObserver"),s=Symbol("getObservers"),a=Symbol("isProxy"),i=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function d(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case a:return!0;case i:return t;case s:return c.has(e);case r:return(t,n)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(n):c.get(e).set(t,[n]):c.set(e,new Map([[t,[n]]]))};case o:return t=>{c.has(e)&&(c.get(e).delete(t),0===c.get(e).size&&c.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?d(t[n]):t[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(l.includes(n))return c.has(t)?function(){const e=Array.prototype[n].apply(t,arguments);return c.get(t).forEach(((e,r)=>{e.forEach((e=>{e(t,n,arguments)}))})),e}:Reflect.get(t,n);if(t[n]instanceof Array)return d(t[n])}return Reflect.get(t,n)},set(e,t,n){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,n);if(c.has(e)){c.get(e).forEach(((e,r)=>{e.forEach((e=>{e(t,n)}))}))}return Reflect.set(e,t,n)}})}window.observers=c;const h="fill",u="pop",p="push",f="reverse",b="shift",m="sort",y="splice",g="unshift";class PropError extends Error{constructor(e,t){super(e),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,t)}}Symbol("index");const v=Symbol("init"),w=Symbol("template"),S=Symbol("style"),E=Symbol("parent");function x(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function $(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function k(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,o;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[E]||t.prototype[E][t.prototype[E].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[E]=[t.prototype],t.prototype[S]=e.style?[e.style]:[],t.prototype[w]=e.template||""):(t.prototype[E].push(t.prototype),t.prototype[S].push(e.style),t.prototype[w]=(r=t.prototype[w],(o=e.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,r):`${r}${o||""}`));const s=t.prototype.connectedCallback||(()=>{}),a=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[v]||void 0!==e.template||void 0!==e.style)if(this[v]){if(this[v]&&e.style);else if(this[v]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[w]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[S].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const r=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),o=()=>{this[E].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[$(t)]=!0,e)),{}):{})}))};0===r.length?(this[v]=!0,s.call(this),o()):Promise.all(r).then((()=>{this[v]=!0,s.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));o()}))},t.prototype.disconnectedCallback=function(){a.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[$(e)]=n},n.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${n.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function C(e){return!!e&&e.constructor===Array}function P(e,t){e[v]&&e[E].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function A(e){return null===e?"null":C(e)?"array":typeof e}function O(e){return function(t,n){const r=n.name,o=Symbol(r),l=Symbol(`${r}:type`),c=Symbol(`${r}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[l]||"array"===this[l]?this[o][a]?this[o]:d(this[o]):this[o],set:t=>{const n=A(e?e(t):t);if("index"!==r&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${r} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!C(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[o]===t)throw new Error("Setting an array to itself is not allowed.");const e=d(this[o]);if(e[s]){const n=t[a]?(c=t)[a]&&c[i]:t;e.splice(0,this[o].length,...n)}else this[o]=t}else this[o]=e?e(t):t,P(this,r);var c}})})),function(t){if(void 0===t&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==t&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=x(r);t[r]||(e.observedAttributes.push(n),t[r]=o)}return this[l]=A(t),"array"===this[l]?(this[o]=t,new Proxy(t,{get:(e,t)=>t===j?this[c]:(console.log("errr???"),Reflect.get(this[o],t)),set:(e,t,n)=>{if(t===j)return this[c]=n,!0;const s=Reflect.set(e,t,n);return"length"===t&&this[o].length===n||P(this,r),this[o]=n,s}})):(this[o]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[o])}}}function T(){return function(e,t){const n=t.name,r=n.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,n,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${r}]`))}})}))}}Symbol("hasProxy");const j=Symbol("meta");function R({container:e,items:t,type:n,create:o,connect:s,disconnect:a,update:i}){function l(e,s){const a=n(e),i=document.createElement(x(a.name),a),l=a.observedAttributes??[],c=function(e,t){const n=new Set(e);return t.filter((e=>n.has(e)))}(Object.keys(e),l);return l.includes("index")&&(i.index=s),-1!==c.indexOf("index")&&c.splice(c.indexOf("index"),1),c.forEach((t=>{i[t]=e[t]})),o&&o(i,d(e)),t[s][r](i,((e,t)=>{i[e]=t})),i}t.forEach(((t,n)=>{const r=l(t,n);e.appendChild(r),s&&s(r,d(t))})),t[r](e,((n,r,o)=>{switch(r){case h:const[n,r,i]=o;for(let o=r||0;o<(i||t.length);o++)Object.keys(n).forEach((t=>{e.children[o][t]=n[t]}));break;case u:const c=e.children.length;c>0&&e.children[c-1].remove();break;case p:const v=e.children.length;[...o].forEach(((t,n)=>{const r=l(t,v+n);e.appendChild(r),s&&s(r,d(t))}));break;case f:for(var a=1;a<e.children.length;a++)e.insertBefore(e.children[a],e.children[0]);break;case b:e.children.length&&e.children[0].remove();for(let t=0;t<e.children.length;t++)e.children[t].index=t;break;case m:throw new Error("ToDo... write sort.");case y:const[w,S,...E]=o;if(S>0)for(let t=w;t<S+w;t++)e.children[t].remove();let x=E.length||0;if(x>0){const t=E.map(((e,t)=>l(e,w+t)));0===w?e.prepend(...t):e.children[w-1].after(...t);for(let t=w-S+x;t<e.children.length;t++)e.children[t].index=t;t.forEach((e=>{s&&s(e,E[a])}))}else for(let t=w;t<e.children.length;t++)e.children[t].index=t;break;case g:const $=e.children.length&&e.children[0],k=[...o].length;[...o].forEach(((t,n)=>{$?$.before(l(t,n)):e.appendChild(l(t,n))}));for(let t=k;t<e.children.length;t++)e.children[t].index=t}}))}var L=n(223);var z=n(457),D=function(e,t,n,r,o,s){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),u=!1,p=n.length-1;p>=0;p--){var f={};for(var b in r)f[b]="access"===b?{}:r[b];for(var b in r.access)f.access[b]=r.access[b];f.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");s.push(a(e||null))};var m=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],f);if("accessor"===l){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(i=a(m.get))&&(h.get=i),(i=a(m.set))&&(h.set=i),(i=a(m.init))&&o.unshift(i)}else(i=a(m))&&("field"===l?o.unshift(i):h[c]=i)}d&&Object.defineProperty(d,r.name,h),u=!0},M=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};const N=(()=>{let e,t,n,r,o,s,a,i=[k({selector:"pg-partial-tab",template:'<li part="tab"> <button part="button"></button> </li>',style:z.A})],l=[],c=HTMLElement,d=[],h=[],u=[],p=[],f=[],b=[],m=[],y=[],g=[],v=[];(class extends c{static{t=this}static{const w="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;n=[O()],r=[O()],o=[O()],s=[T()],a=[T()],D(null,null,n,{kind:"field",name:"index",static:!1,private:!1,access:{has:e=>"index"in e,get:e=>e.index,set:(e,t)=>{e.index=t}},metadata:w},d,h),D(null,null,r,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:w},u,p),D(null,null,o,{kind:"field",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:w},f,b),D(null,null,s,{kind:"field",name:"$tab",static:!1,private:!1,access:{has:e=>"$tab"in e,get:e=>e.$tab,set:(e,t)=>{e.$tab=t}},metadata:w},m,y),D(null,null,a,{kind:"field",name:"$button",static:!1,private:!1,access:{has:e=>"$button"in e,get:e=>e.$button,set:(e,t)=>{e.$button=t}},metadata:w},g,v),D(null,e={value:t},i,{kind:"class",name:t.name,metadata:w},null,l),t=e.value,w&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:w}),M(t,l)}index=M(this,d,void 0);label=(M(this,h),M(this,u,""));selected=(M(this,p),M(this,f,!1));$tab=(M(this,b),M(this,m,void 0));$button=(M(this,y),M(this,g,void 0));connectedCallback(){this.$button.addEventListener("click",this.#e.bind(this)),this.$button.addEventListener("keydown",this.#t.bind(this))}render(e){e.label&&(this.$button.textContent=this.label),e.selected&&this.$button.classList.toggle("selected",this.selected)}#e(){const e=new CustomEvent("select",{detail:{index:this.index}});this.dispatchEvent(e)}#t(e){switch(e.key){case"ArrowLeft":const t=new CustomEvent("arrowleft",{detail:{index:this.index}});this.dispatchEvent(t),e.preventDefault();break;case"ArrowRight":const n=new CustomEvent("arrowright",{detail:{index:this.index}});this.dispatchEvent(n),e.preventDefault()}}focus(){this.$button.focus()}constructor(){super(...arguments),M(this,v)}});return t})();var F=function(e,t,n,r,o,s){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),u=!1,p=n.length-1;p>=0;p--){var f={};for(var b in r)f[b]="access"===b?{}:r[b];for(var b in r.access)f.access[b]=r.access[b];f.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");s.push(a(e||null))};var m=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],f);if("accessor"===l){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(i=a(m.get))&&(h.get=i),(i=a(m.set))&&(h.set=i),(i=a(m.init))&&o.unshift(i)}else(i=a(m))&&("field"===l?o.unshift(i):h[c]=i)}d&&Object.defineProperty(d,r.name,h),u=!0},I=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};(()=>{let e,t,n,r,o,s=[k({selector:"pg-tabs",style:L.A,template:'<ul part="tabset"></ul> <div part="tabs"> <slot part="slot"></slot> </div>'})],a=[],i=HTMLElement,l=[],c=[],d=[],h=[],u=[],p=[];(class extends i{static{t=this}static{const f="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;n=[T()],r=[T()],o=[O()],F(null,null,n,{kind:"field",name:"$tabset",static:!1,private:!1,access:{has:e=>"$tabset"in e,get:e=>e.$tabset,set:(e,t)=>{e.$tabset=t}},metadata:f},l,c),F(null,null,r,{kind:"field",name:"$slot",static:!1,private:!1,access:{has:e=>"$slot"in e,get:e=>e.$slot,set:(e,t)=>{e.$slot=t}},metadata:f},d,h),F(null,null,o,{kind:"field",name:"tabs",static:!1,private:!1,access:{has:e=>"tabs"in e,get:e=>e.tabs,set:(e,t)=>{e.tabs=t}},metadata:f},u,p),F(null,e={value:t},s,{kind:"class",name:t.name,metadata:f},null,a),t=e.value,f&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:f}),I(t,a)}$tabset=I(this,l,void 0);$slot=(I(this,c),I(this,d,void 0));tabs=(I(this,h),I(this,u,[]));#n=(I(this,p),0);#r=0;connectedCallback(){this.addEventListener("tab",this.#o.bind(this)),this.$slot.addEventListener("slotchange",this.handleSlotChange.bind(this)),R({container:this.$tabset,items:this.tabs,type:e=>N,connect:(e,t)=>{e.addEventListener("select",(t=>{const n=Array.from(this.$tabset.children),{index:r}=t.detail,o=this.$slot.assignedElements();o[this.#n].hide(),n[this.#n].selected=!1,o[r].show(),e.selected=!0,this.#n=r})),e.addEventListener("arrowleft",(e=>{const t=Array.from(this.$tabset.children),{index:n}=e.detail;this.tabs.length>1&&(this.#r=0===n?this.tabs.length-1:n-1,t[this.#r].focus())})),e.addEventListener("arrowright",(e=>{const t=Array.from(this.$tabset.children),{index:n}=e.detail;this.tabs.length>1&&(n===this.tabs.length-1?this.#r=0:this.#r++,t[this.#r].focus())}))}})}#o(e){const{detail:t}=e;this.tabs.push(t),e.stopPropagation()}handleSlotChange(e){const t=Array.from(this.$tabset.children),n=this.$slot.assignedElements();0!==n.length&&(n[0].show(),t[0].selected=!0)}})})()})();

package/pgToast.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(r)for(var i=0;i<this.length;i++){var l=this[i][0];null!=l&&(s[l]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);r&&s[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),t.push(d))}},t}},537:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),o=n.n(r),a=n(314),s=n.n(a)()(o());s.push([e.id,"[part~=button] {\n  position: fixed;\n  top: 1rem;\n  right: 1rem;\n  display: flex;\n  background: #737E9E;\n  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.4);\n  border-radius: 0.25rem;\n  border: 1px solid #737E9E;\n  padding: 0.5rem 0.5rem 0.5rem 0.75rem;\n  color: #FFF;\n  align-items: center;\n  outline: 0;\n  transition: border-color 0.1s ease-in;\n  margin-bottom: 0.5rem;\n  max-width: 18rem;\n  font-size: 1rem;\n  align-items: center;\n}\n\n[part~=loading] {\n  height: 1.5rem;\n  margin: -0.25rem 0.5rem -0.25rem -0.25rem;\n}\n\n[part~=button]:hover {\n  border: 1px solid rgba(255, 255, 255, 0.75);\n}\n\n[part~=close] {\n  height: 1rem;\n}\n\n[part~=closeIcon] {\n  width: 1rem;\n  height: 1rem;\n}\n\n[part~=loadingIcon] {\n  animation: spin 2s infinite linear;\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n@keyframes progress {\n  from {\n    width: 0;\n  }\n  to {\n    width: 20rem;\n  }\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n}\n\n[part~=closeIcon] {\n  margin-left: 0.5rem;\n  color: rgba(255, 255, 255, 0.5);\n  transition: color 0.1s ease-in;\n}\n\n[part~=button]:hover [part~=closeIcon] {\n  color: #fff;\n}\n\n.hide {\n  display: none;\n}\n\n/* Error */\n\n[part~=button].error {\n  color: #721c24;\n  background-color: #f8d7da;\n  border-color: #f5c6cb;\n}\n\n[part~=button].error [part~=closeIcon] {\n  color: rgba(114, 28, 36, 0.6);\n}\n\n[part~=button].error:hover {\n  border-color: #721c24;\n}\n\n[part~=button].error:hover [part~=closeIcon] {\n  color: #721c24;\n}\n\n/* Warning */\n\n[part~=button].warning {\n  color: #856404;\n  background-color: #fff3cd;\n  border-color: #ffeeba;\n}\n\n[part~=button].warning [part~=closeIcon] {\n  color: rgba(133, 101, 4, 0.6);\n}\n\n[part~=button].warning:hover {\n  border-color: #856404;\n}\n\n[part~=button].warning:hover [part~=closeIcon] {\n  color: #856404;\n}",""]);var i=new CSSStyleSheet;i.replaceSync(s.toString());const l=i},601:e=>{e.exports=function(e){return e[1]}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={id:r,exports:{}};return e[r](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const r=Symbol("addObserver"),o=Symbol("removeObserver"),a=Symbol("getObservers"),s=Symbol("isProxy"),i=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function d(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case s:return!0;case i:return t;case a:return c.has(e);case r:return(t,n)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(n):c.get(e).set(t,[n]):c.set(e,new Map([[t,[n]]]))};case o:return t=>{c.has(e)&&(c.get(e).delete(t),0===c.get(e).size&&c.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?d(t[n]):t[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(l.includes(n))return c.has(t)?function(){const e=Array.prototype[n].apply(t,arguments);return c.get(t).forEach(((e,r)=>{e.forEach((e=>{e(t,n,arguments)}))})),e}:Reflect.get(t,n);if(t[n]instanceof Array)return d(t[n])}return Reflect.get(t,n)},set(e,t,n){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,n);if(c.has(e)){c.get(e).forEach(((e,r)=>{e.forEach((e=>{e(t,n)}))}))}return Reflect.set(e,t,n)}})}window.observers=c;class PropError extends Error{constructor(e,t){super(e),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,t)}}Symbol("index");const p=Symbol("init"),u=Symbol("template"),h=Symbol("style"),f=Symbol("parent");function m(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function g(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function y(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,o;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[f]||t.prototype[f][t.prototype[f].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[f]=[t.prototype],t.prototype[h]=e.style?[e.style]:[],t.prototype[u]=e.template||""):(t.prototype[f].push(t.prototype),t.prototype[h].push(e.style),t.prototype[u]=(r=t.prototype[u],(o=e.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,r):`${r}${o||""}`));const a=t.prototype.connectedCallback||(()=>{}),s=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[p]||void 0!==e.template||void 0!==e.style)if(this[p]){if(this[p]&&e.style);else if(this[p]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[u]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[h].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const r=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),o=()=>{this[f].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[g(t)]=!0,e)),{}):{})}))};0===r.length?(this[p]=!0,a.call(this),o()):Promise.all(r).then((()=>{this[p]=!0,a.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));o()}))},t.prototype.disconnectedCallback=function(){s.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[g(e)]=n},n.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${n.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function b(e){return!!e&&e.constructor===Array}function v(e,t){e[p]&&e[f].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":b(e)?"array":typeof e}function x(e){return function(t,n){const r=n.name,o=Symbol(r),l=Symbol(`${r}:type`),c=Symbol(`${r}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[l]||"array"===this[l]?this[o][s]?this[o]:d(this[o]):this[o],set:t=>{const n=w(e?e(t):t);if("index"!==r&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${r} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!b(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[o]===t)throw new Error("Setting an array to itself is not allowed.");const e=d(this[o]);if(e[a]){const n=t[s]?(c=t)[s]&&c[i]:t;e.splice(0,this[o].length,...n)}else this[o]=t}else this[o]=e?e(t):t,v(this,r);var c}})})),function(t){if(void 0===t&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==t&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=m(r);t[r]||(e.observedAttributes.push(n),t[r]=o)}return this[l]=w(t),"array"===this[l]?(this[o]=t,new Proxy(t,{get:(e,t)=>t===$?this[c]:(console.log("errr???"),Reflect.get(this[o],t)),set:(e,t,n)=>{if(t===$)return this[c]=n,!0;const a=Reflect.set(e,t,n);return"length"===t&&this[o].length===n||v(this,r),this[o]=n,a}})):(this[o]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[o])}}}function S(){return function(e,t){const n=t.name,r=n.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,n,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${r}]`))}})}))}}Symbol("hasProxy");const $=Symbol("meta");function E(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))}var k=n(537),P=function(e,t,n,r,o,a){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,p=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),u=!1,h=n.length-1;h>=0;h--){var f={};for(var m in r)f[m]="access"===m?{}:r[m];for(var m in r.access)f.access[m]=r.access[m];f.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");a.push(s(e||null))};var g=(0,n[h])("accessor"===l?{get:p.get,set:p.set}:p[c],f);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(i=s(g.get))&&(p.get=i),(i=s(g.set))&&(p.set=i),(i=s(g.init))&&o.unshift(i)}else(i=s(g))&&("field"===l?o.unshift(i):p[c]=i)}d&&Object.defineProperty(d,r.name,p),u=!0},I=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};const O=new Set,C=new Map;const A=(()=>{let e,t,n=[y()],r=[],o=HTMLElement;(class extends o{static{t=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;P(null,e={value:t},n,{kind:"class",name:t.name,metadata:a},null,r),t=e.value,a&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),I(t,r)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),O.add(t),new Promise((e=>{C.set(t,e)}))}close(e){this.remove(),O.delete(this);const t=C.get(this);t&&t(e),C.delete(this)}});return t})();var j=function(e,t,n,r,o,a){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,p=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),u=!1,h=n.length-1;h>=0;h--){var f={};for(var m in r)f[m]="access"===m?{}:r[m];for(var m in r.access)f.access[m]=r.access[m];f.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");a.push(s(e||null))};var g=(0,n[h])("accessor"===l?{get:p.get,set:p.set}:p[c],f);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(i=s(g.get))&&(p.get=i),(i=s(g.set))&&(p.set=i),(i=s(g.init))&&o.unshift(i)}else(i=s(g))&&("field"===l?o.unshift(i):p[c]=i)}d&&Object.defineProperty(d,r.name,p),u=!0},L=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};(()=>{let e,t,n,r,o,a,s,i,l,c,d,p=[y({selector:"pg-toast",style:k.A,template:'<button part="button"> <span part="loading"> <svg part="loadingIcon" viewBox="0 0 24 24"> <path fill="currentColor" d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"/> </svg> </span> <span part="message"></span> <span part="close"> <svg part="closeIcon" viewBox="0 0 24 24"> <path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/> </svg> </span> </button>'})],u=[],h=A,f=[],m=[],g=[],b=[],v=[],w=[],$=[],P=[],I=[],O=[],C=[],R=[],z=[],T=[],M=[],N=[],F=[],D=[];(class extends h{static{t=this}static{const y="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;n=[x()],r=[x()],o=[x()],a=[x()],s=[S()],i=[S()],l=[S()],c=[S()],d=[S()],j(null,null,n,{kind:"field",name:"loading",static:!1,private:!1,access:{has:e=>"loading"in e,get:e=>e.loading,set:(e,t)=>{e.loading=t}},metadata:y},f,m),j(null,null,r,{kind:"field",name:"message",static:!1,private:!1,access:{has:e=>"message"in e,get:e=>e.message,set:(e,t)=>{e.message=t}},metadata:y},g,b),j(null,null,o,{kind:"field",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:y},v,w),j(null,null,a,{kind:"field",name:"key",static:!1,private:!1,access:{has:e=>"key"in e,get:e=>e.key,set:(e,t)=>{e.key=t}},metadata:y},$,P),j(null,null,s,{kind:"field",name:"$button",static:!1,private:!1,access:{has:e=>"$button"in e,get:e=>e.$button,set:(e,t)=>{e.$button=t}},metadata:y},I,O),j(null,null,i,{kind:"field",name:"$loadingIcon",static:!1,private:!1,access:{has:e=>"$loadingIcon"in e,get:e=>e.$loadingIcon,set:(e,t)=>{e.$loadingIcon=t}},metadata:y},C,R),j(null,null,l,{kind:"field",name:"$closeIcon",static:!1,private:!1,access:{has:e=>"$closeIcon"in e,get:e=>e.$closeIcon,set:(e,t)=>{e.$closeIcon=t}},metadata:y},z,T),j(null,null,c,{kind:"field",name:"$message",static:!1,private:!1,access:{has:e=>"$message"in e,get:e=>e.$message,set:(e,t)=>{e.$message=t}},metadata:y},M,N),j(null,null,d,{kind:"field",name:"$loading",static:!1,private:!1,access:{has:e=>"$loading"in e,get:e=>e.$loading,set:(e,t)=>{e.$loading=t}},metadata:y},F,D),j(null,e={value:t},p,{kind:"class",name:t.name,metadata:y},null,u),t=e.value,y&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:y}),L(t,u)}loading=L(this,f,!1);message=(L(this,m),L(this,g,""));type=(L(this,b),L(this,v,"default"));key=(L(this,w),L(this,$,E()));$button=(L(this,P),L(this,I,void 0));$loadingIcon=(L(this,O),L(this,C,void 0));$closeIcon=(L(this,R),L(this,z,void 0));$message=(L(this,T),L(this,M,void 0));$loading=(L(this,N),L(this,F,void 0));static open(e={}){super.open(e);const t=E();return Promise.resolve((function(e){const n=t;void 0===e&&this.toasts.find((e=>e.key===n)).remove()}))}toasts=(L(this,D),[]);connectedCallback(){this.$button.addEventListener("click",(()=>{this.remove()}))}render(){this.$message.textContent=this.message,this.$loading.classList.toggle("hide",!this.loading),this.$button.classList.toggle("error","error"===this.type),this.$button.classList.toggle("warning","warning"===this.type)}})})()})();

package/pgToasts.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var o="",n=void 0!==t[5];return t[4]&&(o+="@supports (".concat(t[4],") {")),t[2]&&(o+="@media ".concat(t[2]," {")),n&&(o+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),o+=e(t),n&&(o+="}"),t[2]&&(o+="}"),t[4]&&(o+="}"),o})).join("")},t.i=function(e,o,n,r,a){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(n)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(s[c]=!0)}for(var l=0;l<e.length;l++){var p=[].concat(e[l]);n&&s[p[0]]||(void 0!==a&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=a),o&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=o):p[2]=o),r&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=r):p[4]="".concat(r)),t.push(p))}},t}},601:e=>{e.exports=function(e){return e[1]}},791:(e,t,o)=>{o.d(t,{A:()=>c});var n=o(601),r=o.n(n),a=o(314),s=o.n(a)()(r());s.push([e.id,"[part~=container] {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  position: fixed;\n  top: 1rem;\n  right: 1rem;\n}",""]);var i=new CSSStyleSheet;i.replaceSync(s.toString());const c=i}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var a=t[n]={id:n,exports:{}};return e[n](a,a.exports,o),a.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);Symbol("addObserver"),Symbol("removeObserver"),Symbol("getObservers"),Symbol("isProxy"),Symbol("getTarget");const n=new Map;window.observers=n;Error;Symbol("index");const r=Symbol("init"),a=Symbol("template"),s=Symbol("style"),i=Symbol("parent");function c(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function l(e={}){return function(t,o){if("class"!==o.kind)throw new Error("@Component() can only decorate a class");var n,l;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[i]||t.prototype[i][t.prototype[i].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[i]=[t.prototype],t.prototype[s]=e.style?[e.style]:[],t.prototype[a]=e.template||""):(t.prototype[i].push(t.prototype),t.prototype[s].push(e.style),t.prototype[a]=(n=t.prototype[a],(l=e.template||null)&&l.match(/<parent\/>/)?l.replace(/<parent\/>/,n):`${n}${l||""}`));const p=t.prototype.connectedCallback||(()=>{}),d=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[r]||void 0!==e.template||void 0!==e.style)if(this[r]){if(this[r]&&e.style);else if(this[r]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[a]||"";const o=document.importNode(e.content,!0),n=this.attachShadow({mode:"open"});n.adoptedStyleSheets=t.prototype[s].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),n.appendChild(o)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const o=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&o.add(e.localName);const n=Array.from(o.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),l=()=>{this[i].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[c(t)]=!0,e)),{}):{})}))};0===n.length?(this[r]=!0,p.call(this),l()):Promise.all(n).then((()=>{this[r]=!0,p.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));l()}))},t.prototype.disconnectedCallback=function(){d.call(this)},t.prototype.attributeChangedCallback=function(e,t,o){this[c(e)]=o},o.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${o.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");Symbol("hasProxy");Symbol("meta");const p="pgtoastadd",d="pgtoastremove";var u=o(791),y=function(e,t,o,n,r,a){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,c=n.kind,l="getter"===c?"get":"setter"===c?"set":"value",p=!t&&e?n.static?e:e.prototype:null,d=t||(p?Object.getOwnPropertyDescriptor(p,n.name):{}),u=!1,y=o.length-1;y>=0;y--){var m={};for(var f in n)m[f]="access"===f?{}:n[f];for(var f in n.access)m.access[f]=n.access[f];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");a.push(s(e||null))};var h=(0,o[y])("accessor"===c?{get:d.get,set:d.set}:d[l],m);if("accessor"===c){if(void 0===h)continue;if(null===h||"object"!=typeof h)throw new TypeError("Object expected");(i=s(h.get))&&(d.get=i),(i=s(h.set))&&(d.set=i),(i=s(h.init))&&r.unshift(i)}else(i=s(h))&&("field"===c?r.unshift(i):d[l]=i)}p&&Object.defineProperty(p,n.name,d),u=!0},m=function(e,t,o){for(var n=arguments.length>2,r=0;r<t.length;r++)o=n?t[r].call(e,o):t[r].call(e);return n?o:void 0};(()=>{let e,t,o,n=[l({selector:"pg-toasts",style:u.A,template:'<div part="container"></div>'})],r=[],a=HTMLElement,s=[],i=[];(class extends a{static{t=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(a[Symbol.metadata]??null):void 0;o=[function(e,t){const o=t.name,n=o.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,o,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${n}]`))}})}))}],y(null,null,o,{kind:"field",name:"$container",static:!1,private:!1,access:{has:e=>"$container"in e,get:e=>e.$container,set:(e,t)=>{e.$container=t}},metadata:c},s,i),y(null,e={value:t},n,{kind:"class",name:t.name,metadata:c},null,r),t=e.value,c&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),m(t,r)}toasts=[];$container=m(this,s,void 0);connectedCallback(){!function({add:e,remove:t}){document.body.addEventListener(p,(t=>{e(t.detail)})),document.body.addEventListener(d,(e=>{t(e.detail.key)}))}({add:e=>{this.toasts.push(e),this.render()},remove:e=>{const t=this.toasts.findIndex((t=>t.key===e));if(-1!==t){var[o]=this.toasts.splice(t,1);this.$container.querySelector(`[key="${o.key}"]`)?.remove()}}})}render(){this.toasts.forEach((e=>{const t=this.$container.querySelector(`[key="${e.key}"]`);if(t)t.message=e.message,t.loading=e.loading,t.type=e.type;else{const t=document.createElement("pg-toast");t.setAttribute("key",e.key),t.message=e.message,t.loading=e.loading,t.type=e.type,this.$container.appendChild(t)}}))}constructor(){super(...arguments),m(this,i)}})})()})();

package/pgTooltip.js

@@ -0,0 +1 @@
+(()=>{"use strict";var t={314:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var o="",r=void 0!==e[5];return e[4]&&(o+="@supports (".concat(e[4],") {")),e[2]&&(o+="@media ".concat(e[2]," {")),r&&(o+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),o+=t(e),r&&(o+="}"),e[2]&&(o+="}"),e[4]&&(o+="}"),o})).join("")},e.i=function(t,o,r,n,i){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(r)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(a[l]=!0)}for(var p=0;p<t.length;p++){var c=[].concat(t[p]);r&&a[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),o&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=o):c[2]=o),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),e.push(c))}},e}},601:t=>{t.exports=function(t){return t[1]}},857:(t,e,o)=>{o.d(e,{A:()=>l});var r=o(601),n=o.n(r),i=o(314),a=o.n(i)()(n());a.push([t.id,":host {\n  pointer-events: none;\n}\n\n[part~=tooltip] {\n  position: relative;\n}\n\n[part~=tooltipText] {\n  position: absolute;\n  background: #737E9E;\n  border-radius: 0.25rem;\n  color: #FFF;\n  padding: 0.15rem 0.5rem 0.3rem 0.5rem;\n  white-space: nowrap;\n  left: 0;\n  top: 0;\n}\n\n[part~=tooltipArrow] {\n  left: 16px;\n  top: -7px;\n}\n\n[part~=tooltipArrow],\n[part~=tooltipArrow]::before {\n  position: absolute;\n  width: 10px;\n  height: 10px;\n}\n\n[part~=tooltipArrow]::before {\n  content: '';\n  transform: rotate(45deg);\n  background: #737E9E;\n}",""]);var s=new CSSStyleSheet;s.replaceSync(a.toString());const l=s}},e={};function o(r){var n=e[r];if(void 0!==n)return n.exports;var i=e[r]={id:r,exports:{}};return t[r](i,i.exports,o),i.exports}o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var r in e)o.o(e,r)&&!o.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const r=Symbol("addObserver"),n=Symbol("removeObserver"),i=Symbol("getObservers"),a=Symbol("isProxy"),s=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],p=new Map;function c(t){return new Proxy(t,{get(e,o){if("symbol"==typeof o){switch(o){case a:return!0;case s:return e;case i:return p.has(t);case r:return(e,o)=>{p.has(t)?p.get(t).has(e)?p.get(t).get(e).push(o):p.get(t).set(e,[o]):p.set(t,new Map([[e,[o]]]))};case n:return e=>{p.has(t)&&(p.get(t).delete(e),0===p.get(t).size&&p.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,o)}throw new Error("Unsupported symbol")}if(o in e){if(!Number.isNaN(Number(o)))return"object"==typeof e[o]?c(e[o]):e[o];if("copyWithin"===o)throw new Error("Unsupported array method copyWithin");if(l.includes(o))return p.has(e)?function(){const t=Array.prototype[o].apply(e,arguments);return p.get(e).forEach(((t,r)=>{t.forEach((t=>{t(e,o,arguments)}))})),t}:Reflect.get(e,o);if(e[o]instanceof Array)return c(e[o])}return Reflect.get(e,o)},set(t,e,o){if("symbol"==typeof e)throw new Error("Setting symbols not allowed.");if(Array.isArray(t))return Reflect.set(t,e,o);if(p.has(t)){p.get(t).forEach(((t,r)=>{t.forEach((t=>{t(e,o)}))}))}return Reflect.set(t,e,o)}})}window.observers=p;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const h=Symbol("init"),f=Symbol("template"),d=Symbol("style"),u=Symbol("parent");function w(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function y(t){return t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()))}function m(t={}){return function(e,o){if("class"!==o.kind)throw new Error("@Component() can only decorate a class");var r,n;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[u]||e.prototype[u][e.prototype[u].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[u]=[e.prototype],e.prototype[d]=t.style?[t.style]:[],e.prototype[f]=t.template||""):(e.prototype[u].push(e.prototype),e.prototype[d].push(t.style),e.prototype[f]=(r=e.prototype[f],(n=t.template||null)&&n.match(/<parent\/>/)?n.replace(/<parent\/>/,r):`${r}${n||""}`));const i=e.prototype.connectedCallback||(()=>{}),a=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[h]||void 0!==t.template||void 0!==t.style)if(this[h]){if(this[h]&&t.style);else if(this[h]&&t.selector&&!t.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===t.useShadow)throw new Error("unsupported");{const t=document.createElement("template");t.innerHTML=e.prototype[f]||"";const o=document.importNode(t.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=e.prototype[d].map((t=>{if(t instanceof CSSStyleSheet)return t;var e=new CSSStyleSheet;return e.replaceSync(t.toString()),e})),r.appendChild(o)}}else!1===t.useShadow||this.attachShadow({mode:"open"});const o=new Set;for(const t of this.shadowRoot.querySelectorAll("*"))-1!==t.localName.indexOf("-")&&o.add(t.localName);const r=Array.from(o.values()).map((t=>customElements.get(t)?Promise.resolve():customElements.whenDefined(t))),n=()=>{this[u].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[y(e)]=!0,t)),{}):{})}))};0===r.length?(this[h]=!0,i.call(this),n()):Promise.all(r).then((()=>{this[h]=!0,i.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));n()}))},e.prototype.disconnectedCallback=function(){a.call(this)},e.prototype.attributeChangedCallback=function(t,e,o){this[y(t)]=o},o.addInitializer((function(){if(t.selector){if(window.customElements.get(t.selector))throw new Error(`@Component() ${o.name} duplicate selector '${t.selector}'`);window.customElements.define(t.selector,e)}}))}}Symbol("transmute");function b(t){return!!t&&t.constructor===Array}function g(t,e){t[h]&&t[u].map((o=>{o.render&&o.render.call(t,{[e]:!0})}))}function v(t){return null===t?"null":b(t)?"array":typeof t}function S(t){return function(e,o){const r=o.name,n=Symbol(r),l=Symbol(`${r}:type`),p=Symbol(`${r}:meta`);return o.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[l]||"array"===this[l]?this[n][a]?this[n]:c(this[n]):this[n],set:e=>{const o=v(t?t(e):e);if("index"!==r&&this[l]!==o&&"null"!==this[l]&&"null"!==o)throw new Error(`@Prop() ${r} with type '${this[l]}' cannot be set to ${o}.`);if("array"===this[l]){if(!b(e))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[n]===e)throw new Error("Setting an array to itself is not allowed.");const t=c(this[n]);if(t[i]){const o=e[a]?(p=e)[a]&&p[s]:e;t.splice(0,this[n].length,...o)}else this[n]=e}else this[n]=t?t(e):e,g(this,r);var p}})})),function(e){if(void 0===e&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==e&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===e)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!o.private){const{constructor:t}=this;t.observedAttributes??=[],t.symbols||(t.symbols={});const{symbols:e}=t,o=w(r);e[r]||(t.observedAttributes.push(o),e[r]=n)}return this[l]=v(e),"array"===this[l]?(this[n]=e,new Proxy(e,{get:(t,e)=>e===E?this[p]:(console.log("errr???"),Reflect.get(this[n],e)),set:(t,e,o)=>{if(e===E)return this[p]=o,!0;const i=Reflect.set(t,e,o);return"length"===e&&this[n].length===o||g(this,r),this[n]=o,i}})):(this[n]=t?t(this.getAttribute(r)??e):this.getAttribute(r)??e,this[n])}}}function x(){return function(t,e){const o=e.name,r=o.replace(/^\$/,"");e.addInitializer((function(){let t=null;Reflect.defineProperty(this,o,{get(){return t??(t=this.shadowRoot?.querySelector(`[part~=${r}]`))}})}))}}Symbol("hasProxy");const E=Symbol("meta");var $=o(857);const T="top",A="top-start",M="top-end",P="right",k="right-start",C="right-end",L="bottom",O="bottom-start",R="bottom-end",j="left",z="left-start",N="left-end";var F=function(t,e,o,r,n,i){function a(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var s,l=r.kind,p="getter"===l?"get":"setter"===l?"set":"value",c=!e&&t?r.static?t:t.prototype:null,h=e||(c?Object.getOwnPropertyDescriptor(c,r.name):{}),f=!1,d=o.length-1;d>=0;d--){var u={};for(var w in r)u[w]="access"===w?{}:r[w];for(var w in r.access)u.access[w]=r.access[w];u.addInitializer=function(t){if(f)throw new TypeError("Cannot add initializers after decoration has completed");i.push(a(t||null))};var y=(0,o[d])("accessor"===l?{get:h.get,set:h.set}:h[p],u);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(s=a(y.get))&&(h.get=s),(s=a(y.set))&&(h.set=s),(s=a(y.init))&&n.unshift(s)}else(s=a(y))&&("field"===l?n.unshift(s):h[p]=s)}c&&Object.defineProperty(c,r.name,h),f=!0},I=function(t,e,o){for(var r=arguments.length>2,n=0;n<e.length;n++)o=r?e[n].call(t,o):e[n].call(t);return r?o:void 0};const q={[A]:(t,e,o)=>({arrowTop:e-5,arrowLeft:o.width>t?Math.floor(t/2)-5:Math.floor(o.width/2)-5,left:o.left,top:o.top-e-10}),[T]:(t,e,o)=>({arrowTop:e-5,arrowLeft:Math.floor(t/2)-5,left:o.left-Math.floor((t-o.width)/2),top:o.top-e-10}),[M]:(t,e,o)=>({arrowTop:e-5,arrowLeft:o.width>t?t-Math.floor(t/2)-5:t-Math.floor(o.width/2)-5,left:o.left-t+o.width,top:o.top-e-10}),[k]:(t,e,o)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:-5,left:o.left+o.width+10,top:o.top}),[P]:(t,e,o)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:-5,left:o.left+o.width+10,top:o.top+Math.floor(o.height/2)-Math.floor(e/2)}),[C]:(t,e,o)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:-5,left:o.left+o.width+10,top:o.top+o.height-e}),[O]:(t,e,o)=>({arrowTop:-5,arrowLeft:o.width>t?Math.floor(t/2)-5:Math.floor(o.width/2)-5,left:o.left,top:o.top+o.height+e-20}),[L]:(t,e,o)=>({arrowTop:-5,arrowLeft:Math.floor(t/2)-5,left:o.left-Math.floor((t-o.width)/2),top:o.top+o.height+e-20}),[R]:(t,e,o)=>({arrowTop:-5,arrowLeft:o.width>t?t-Math.floor(t/2)-5:t-Math.floor(o.width/2)-5,left:o.left-t+o.width,top:o.top+o.height+e-20}),[z]:(t,e,o)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:t-5,left:o.left-t-10,top:o.top}),[j]:(t,e,o)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:t-5,left:o.left-t-10,top:o.top+Math.floor(o.height/2)-Math.floor(e/2)}),[N]:(t,e,o)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:t-5,left:o.left-t-10,top:o.top+o.height-e})};(()=>{let t,e,o,r,n,i,a,s,l,p=[m({selector:"pg-tooltip",style:$.A,template:'<div part="tooltip"> <span part="tooltipText"></span> <div part="tooltipArrow"></div> </div>'})],c=[],h=HTMLElement,f=[],d=[],u=[],w=[],y=[],b=[],g=[],v=[],E=[],T=[],A=[],M=[],P=[],k=[];(class extends h{static{e=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;o=[S()],r=[S()],n=[S()],i=[S()],a=[x()],s=[x()],l=[x()],F(null,null,o,{kind:"field",name:"visible",static:!1,private:!1,access:{has:t=>"visible"in t,get:t=>t.visible,set:(t,e)=>{t.visible=e}},metadata:m},f,d),F(null,null,r,{kind:"field",name:"rect",static:!1,private:!1,access:{has:t=>"rect"in t,get:t=>t.rect,set:(t,e)=>{t.rect=e}},metadata:m},u,w),F(null,null,n,{kind:"field",name:"text",static:!1,private:!1,access:{has:t=>"text"in t,get:t=>t.text,set:(t,e)=>{t.text=e}},metadata:m},y,b),F(null,null,i,{kind:"field",name:"position",static:!1,private:!1,access:{has:t=>"position"in t,get:t=>t.position,set:(t,e)=>{t.position=e}},metadata:m},g,v),F(null,null,a,{kind:"field",name:"$tooltip",static:!1,private:!1,access:{has:t=>"$tooltip"in t,get:t=>t.$tooltip,set:(t,e)=>{t.$tooltip=e}},metadata:m},E,T),F(null,null,s,{kind:"field",name:"$tooltipText",static:!1,private:!1,access:{has:t=>"$tooltipText"in t,get:t=>t.$tooltipText,set:(t,e)=>{t.$tooltipText=e}},metadata:m},A,M),F(null,null,l,{kind:"field",name:"$tooltipArrow",static:!1,private:!1,access:{has:t=>"$tooltipArrow"in t,get:t=>t.$tooltipArrow,set:(t,e)=>{t.$tooltipArrow=e}},metadata:m},P,k),F(null,t={value:e},p,{kind:"class",name:e.name,metadata:m},null,c),e=t.value,m&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),I(e,c)}visible=I(this,f,!1);rect=(I(this,d),I(this,u,null));text=(I(this,w),I(this,y,""));position=(I(this,b),I(this,g,L));$tooltip=(I(this,v),I(this,E,void 0));$tooltipText=(I(this,T),I(this,A,void 0));$tooltipArrow=(I(this,M),I(this,P,void 0));render(t){this.$tooltipText.textContent=this.text,this.style.position="absolute",t.visible&&(this.style.display=this.visible?"block":"none");const{width:e,height:o}=this.$tooltipText.getBoundingClientRect();let r=this.position;if(r in q||(r=L),this.rect){const{arrowLeft:t,arrowTop:n,left:i,top:a}=q[r](e,o,this.rect);this.style.left=`${i+window.scrollX}px`,this.style.top=`${a+window.scrollY}px`,this.$tooltipArrow.style.left=`${t}px`,this.$tooltipArrow.style.top=`${n}px`}}constructor(){super(...arguments),I(this,k)}})})()})();

package/pgTree.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={84:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 11,17L 13,17L 19,11L 17,9L 12,14L 7,9L 5,11%27 fill=%27rgb%2869 60 79%29%27 /></svg>"},122:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 11,17L 13,17L 19,11L 17,9L 12,14L 7,9L 5,11%27 fill=%27white%27 /></svg>"},273:(e,t,n)=>{n.d(t,{A:()=>y});var i=n(601),s=n.n(i),a=n(314),r=n.n(a),o=n(417),d=n.n(o),l=new URL(n(630),n.b),c=new URL(n(122),n.b),h=new URL(n(432),n.b),p=new URL(n(84),n.b),m=r()(s()),g=d()(l),u=d()(c),b=d()(h),v=d()(p);m.push([e.id,`:host {\n  display: contents;\n  --y: calc(var(--x) + 1);\n}\n\n.hide {\n  display: none !important;\n}\n\n[part=iconButton] {\n  display: flex;\n  background: transparent;\n  border: 0;\n  color: var(--pg-tree-item-color, #453C4F);\n  padding: 0;\n  --pg-icon-color: var(--pg-tree-item-color, #453C4F);\n  align-items: center;\n  font-family: var(--pg-font-family);\n  font-size: var(--pg-tree-item-font-size, 1rem);\n}\n[part=labelButton] {\n  display: flex;\n  background: transparent;\n  border: 0;\n  color: var(--pg-tree-item-color, #453C4F);\n  --pg-icon-color: var(--pg-tree-item-color, #453C4F);\n  flex: 1;\n  align-items: center;\n  font-family: var(--pg-font-family);\n  font-size: var(--pg-tree-item-font-size, 1rem);\n  margin: -0.25rem -0.25rem -0.25rem -0.25rem;\n  padding: 0 0.75rem 0 0.25rem;\n}\n\n[part=input] {\n  display: flex;\n  font-family: var(--pg-font-family);\n  font-size: var(--pg-tree-item-font-size, 1rem);\n  border-radius: 0.125rem;\n  flex: 1;\n  outline: 0;\n  padding: 0 0.25rem;\n  margin: -0.125rem -0.625rem -0.125rem -0.25rem;\n  border-width: var(--pg-tree-item-border-width, 0);\n  border-style: solid;\n  border-color: var(--pg-tree-item-border-color, #453C4F);\n}\n\n[part=item] {\n  display: grid;\n  background: var(--pg-tree-item-background, transparent);\n  border-radius: 0.25rem;\n  padding: 0.25rem;\n  gap: 0 0.5rem;\n  user-select: none;\n  padding-left: calc((var(--x) * 0.5rem) + 0.25rem);\n  transition: background-color 0.1s ease-out;\n}\n\n[part=item] {\n  grid-template-columns: min-content min-content auto min-content;\n  grid-template-rows: auto;\n}\n[part=item] [part=selected] {\n  grid-row: 1;\n  grid-column: 1;\n}\n[part=item] [part=toggle] {\n  grid-row: 1;\n  grid-column: 1;\n}\n[part=item] [part=iconButton] {\n  grid-row: 1;\n  grid-column: 2;\n}\n[part=item] [part=labelButton] {\n  grid-row: 1;\n  grid-column: 3;\n}\n[part=item] [part=actions] {\n  grid-row: 1;\n  grid-column: 4;\n}\n[part=item] [part=dropabove] {\n  grid-row: 1;\n  grid-column: 1 / 5;\n  align-self: flex-start;\n  transform: translateY(-0.875rem);\n  height: 1rem;\n  margin: 0 -0.25rem 0 -0.25rem;\n  z-index: 1;\n}\n[part=item] [part=dropon] {\n  grid-row: 1;\n  grid-column: 1 / 5;\n  margin: 0.125rem -0.25rem;\n  z-index: 1;\n}\n[part=item]:not(.items) [part=dropon] {\n  display: none;\n}\n[part=item].items.expanded [part=dropbelow] {\n  display: none;\n}\n[part=item] [part=dropbelow] {\n  grid-row: 1;\n  grid-column: 1 / 5;\n  align-self: flex-end;\n  transform: translateY(0.875rem);\n  height: 1rem;\n  margin: 0 -0.25rem 0 -0.25rem;\n  z-index: 1;\n}\n\n[part=item]:not(.selected):not(.dragging):hover {\n  background: var(--pg-tree-selected-secondary, rgb(69, 60, 79, 0.1));\n}\n[part=item].selected:not(.dragging):hover {\n  background: var(--pg-tree-selected-secondary-hover, rgb(69, 60, 79, 0.1));\n}\n[part=item].selected,\n[part=item].items.selected {\n  background-color: var(--pg-tree-selected-secondary);\n}\n[part=item].items.selected:not(.expanded):not(.dragging) [part=toggle] {\n  border-radius: 0.125rem;\n  background-color: var(--pg-tree-selected-primary);\n  background-image: url(${g}) !important;\n}\n\n[part=item].items.selected.expanded:not(.dragging) [part=toggle] {\n  border-radius: 0.125rem;\n  background-color: var(--pg-tree-selected-primary);\n  background-image: url(${u}) !important;\n}\n\n[part=item].items [part=selected] {\n  display: none;\n}\n\n[part=item]:not(.items) [part=selected] {\n  visibility: hidden;\n  display: flex;\n  width: 1rem;\n  margin-left: -0.125rem;\n  margin-right: -0.375rem;\n  margin-top: -0.125rem;\n  margin-bottom: -0.125rem;\n  border-radius: 0.125rem;\n  background: var(--pg-tree-selected-primary);\n}\n\n[part=item]:not(.dragging):not(.items).selected [part=selected] {\n  visibility: visible;\n}\n\n[part=actions] {\n  display: flex;\n  gap: 0.25rem;\n  --pg-icon-color: var(--pg-tree-item-color, #453C4F);\n}\n\n[part=items] {\n  display: none;\n  flex-direction: column;\n  --x: calc(var(--y) + 1);\n  gap: 0.25rem;\n}\n[part=items].expanded {\n  display: flex;\n}\n\n[part=toggle] {\n  display: none;\n  margin-left: -0.125rem;\n  margin-right: -0.375rem;\n  margin-top: -0.125rem;\n  margin-bottom: -0.125rem;\n  padding: 0 0 0 1rem;\n  width: 1rem;\n  border: 0;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n}\n\n[part=toggle]:hover {\n  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.25);\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 0.125rem;\n}\n\n[part=item].items:not(.expanded) [part=toggle] {\n  display: flex;\n  background-image: url(${b});\n}\n\n[part=item].items.expanded [part=toggle] {\n  display: flex;\n  background-image: url(${v});\n}\n\n[part=dropabove].drop::before,\n[part=dropbelow].drop::before {\n  content: ' ';\n  height: 0.25rem;\n  background-color: rgb(79, 143, 249);\n  border-radius: 0.125rem;\n  display: flex;\n  margin-top: 0.375rem;\n}\n\n[part=dropon].drop {\n  margin: -0.25rem !important;\n  border: 4px solid rgb(79, 143, 249);\n  border-radius: 0.25rem;\n}\n\n[part=item].dragging::after {\n  content: ' ';\n  display: flex;\n  grid-column: 1 / 5;\n  grid-row: 1;\n  border-radius: 0.25rem;\n  background: rgba(255, 255, 255, 0.5);\n  user-select: none;\n  margin: -0.25rem;\n  border: 2px dashed rgb(79, 143, 249);\n}\n[part=items].dragging {\n  --pg-_is-index-dragging: true;\n}\n[part=item].dragging [part=dropabove],\n[part=item].dragging [part=dropon],\n[part=item].dragging [part=dropbelow] {\n  display: none;\n}\n\n@container style(--pg-_is-dragging: false) {\n  [part=dropabove],\n  [part=dropon],\n  [part=dropbelow] {\n    display: none;\n  }\n}\n\n@container style(--pg-_is-index-dragging: true) {\n  [part=item]::after {\n    content: ' ';\n    display: flex;\n    grid-column: 1 / 5;\n    grid-row: 1;\n    border-radius: 0.25rem;\n    background: rgba(255, 255, 255, 0.5);\n    user-select: none;\n    margin: -0.25rem;\n  }\n  [part=dropabove],\n  [part=dropon],\n  [part=dropbelow] {\n    display: none;\n  }\n}\n`,""]);var f=new CSSStyleSheet;f.replaceSync(m.toString());const y=f},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",i=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),i&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),i&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,i,s,a){"string"==typeof e&&(e=[[null,e,void 0]]);var r={};if(i)for(var o=0;o<this.length;o++){var d=this[o][0];null!=d&&(r[d]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);i&&r[c[0]]||(void 0!==a&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=a),n&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=n):c[2]=n),s&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=s):c[4]="".concat(s)),t.push(c))}},t}},417:e=>{e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},432:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17,13L 17,11L 11,5L 9,7L 14,12L 9,17L 11,19%27 fill=%27rgb%2869 60 79%29%27 /></svg>"},513:(e,t,n)=>{n.d(t,{A:()=>d});var i=n(601),s=n.n(i),a=n(314),r=n.n(a)()(s());r.push([e.id,':host {\n  display: contents;\n}\n\n[part="button"] {\n  display: flex;\n  background: transparent;\n  border: 0;\n  padding: 0.125rem;\n  margin: -0.125rem;\n  border-radius: 0.125rem;\n}\n\n[part="button"]:hover {\n  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.25);\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 0.125rem;\n}',""]);var o=new CSSStyleSheet;o.replaceSync(r.toString());const d=o},543:(e,t,n)=>{n.d(t,{A:()=>d});var i=n(601),s=n.n(i),a=n(314),r=n.n(a)()(s());r.push([e.id,":host {\n  display: contents;\n  --pg-tree-selected-primary: #453C4F;\n  --pg-tree-selected-secondary: var(--pg-tree-item-background-selected, rgb(69, 60, 79, 0.1));\n  --pg-tree-selected-secondary-hover: var(--pg-tree-item-background-selected, rgb(69, 60, 79, 0.2));\n}\n/*\n--pg-tree-item-background-selected\n*/\n:host(:focus-within) {\n  --pg-tree-selected-primary: rgb(79, 143, 249);\n  --pg-tree-selected-secondary: rgba(79, 143, 249, 0.15);\n  --pg-tree-selected-secondary-hover: rgba(79, 143, 249, 0.25);\n}\n\n[part=items] {\n  display: flex;\n  flex-direction: column;\n  background: var(--pg-tree-background, transparent);\n  padding: 0.25rem;\n  gap: 0.25rem;\n  --x: 0;\n  --pg-_is-dragging: false;\n}\n\n[part=items].dragging {\n  --pg-_is-dragging: true;\n}",""]);var o=new CSSStyleSheet;o.replaceSync(r.toString());const d=o},601:e=>{e.exports=function(e){return e[1]}},630:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17,13L 17,11L 11,5L 9,7L 14,12L 9,17L 11,19%27 fill=%27white%27 /></svg>"}},t={};function n(i){var s=t[i];if(void 0!==s)return s.exports;var a=t[i]={id:i,exports:{}};return e[i](a,a.exports,n),a.exports}n.m=e,n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.b="undefined"!=typeof document&&document.baseURI||self.location.href;const i=Symbol("addObserver"),s=Symbol("removeObserver"),a=Symbol("getObservers"),r=Symbol("isProxy"),o=Symbol("getTarget"),d=["fill","pop","push","reverse","shift","sort","splice","unshift"],l=new Map;function c(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case r:return!0;case o:return t;case a:return l.has(e);case i:return(t,n)=>{l.has(e)?l.get(e).has(t)?l.get(e).get(t).push(n):l.get(e).set(t,[n]):l.set(e,new Map([[t,[n]]]))};case s:return t=>{l.has(e)&&(l.get(e).delete(t),0===l.get(e).size&&l.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?c(t[n]):t[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(d.includes(n))return l.has(t)?function(){const e=Array.prototype[n].apply(t,arguments);return l.get(t).forEach(((e,i)=>{e.forEach((e=>{e(t,n,arguments)}))})),e}:Reflect.get(t,n);if(t[n]instanceof Array)return c(t[n])}return Reflect.get(t,n)},set(e,t,n){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,n);if(l.has(e)){l.get(e).forEach(((e,i)=>{e.forEach((e=>{e(t,n)}))}))}return Reflect.set(e,t,n)}})}window.observers=l;const h="fill",p="pop",m="push",g="reverse",u="shift",b="sort",v="splice",f="unshift";class PropError extends Error{constructor(e,t){super(e),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,t)}}Symbol("index");const y=Symbol("init"),x=Symbol("template"),w=Symbol("style"),$=Symbol("parent");function E(e){return e[r]&&e[o]}function L(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function k(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function S(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var i,s;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[$]||t.prototype[$][t.prototype[$].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[$]=[t.prototype],t.prototype[w]=e.style?[e.style]:[],t.prototype[x]=e.template||""):(t.prototype[$].push(t.prototype),t.prototype[w].push(e.style),t.prototype[x]=(i=t.prototype[x],(s=e.template||null)&&s.match(/<parent\/>/)?s.replace(/<parent\/>/,i):`${i}${s||""}`));const a=t.prototype.connectedCallback||(()=>{}),r=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[y]||void 0!==e.template||void 0!==e.style)if(this[y]){if(this[y]&&e.style);else if(this[y]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[x]||"";const n=document.importNode(e.content,!0),i=this.attachShadow({mode:"open"});i.adoptedStyleSheets=t.prototype[w].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),i.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const i=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),s=()=>{this[$].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[k(t)]=!0,e)),{}):{})}))};0===i.length?(this[y]=!0,a.call(this),s()):Promise.all(i).then((()=>{this[y]=!0,a.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));s()}))},t.prototype.disconnectedCallback=function(){r.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[k(e)]=n},n.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${n.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function C(e){return!!e&&e.constructor===Array}function D(e,t){e[y]&&e[$].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function I(e){return null===e?"null":C(e)?"array":typeof e}function O(e){return function(t,n){const i=n.name,s=Symbol(i),o=Symbol(`${i}:type`),d=Symbol(`${i}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,i,{get:()=>"object"===this[o]||"array"===this[o]?this[s][r]?this[s]:c(this[s]):this[s],set:t=>{const n=I(e?e(t):t);if("index"!==i&&this[o]!==n&&"null"!==this[o]&&"null"!==n)throw new Error(`@Prop() ${i} with type '${this[o]}' cannot be set to ${n}.`);if("array"===this[o]){if(!C(t))throw new PropError(`Array "${i}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,i)?.set);if(this[s]===t)throw new Error("Setting an array to itself is not allowed.");const e=c(this[s]);if(e[a]){const n=t[r]?E(t):t;e.splice(0,this[s].length,...n)}else this[s]=t}else this[s]=e?e(t):t,D(this,i)}})})),function(t){if(void 0===t&&"index"!==i)throw new Error(`@Prop() ${i} must have an initial value defined.`);if(void 0!==t&&"index"===i)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${i} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=L(i);t[i]||(e.observedAttributes.push(n),t[i]=s)}return this[o]=I(t),"array"===this[o]?(this[s]=t,new Proxy(t,{get:(e,t)=>t===P?this[d]:(console.log("errr???"),Reflect.get(this[s],t)),set:(e,t,n)=>{if(t===P)return this[d]=n,!0;const a=Reflect.set(e,t,n);return"length"===t&&this[s].length===n||D(this,i),this[s]=n,a}})):(this[s]=e?e(this.getAttribute(i)??t):this.getAttribute(i)??t,this[s])}}}function B(){return function(e,t){const n=t.name,i=n.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,n,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${i}]`))}})}))}}Symbol("hasProxy");const P=Symbol("meta");function A({container:e,items:t,type:n,create:s,connect:a,disconnect:r,update:o}){function d(e,a){const r=n(e),o=document.createElement(L(r.name),r),d=r.observedAttributes??[],l=function(e,t){const n=new Set(e);return t.filter((e=>n.has(e)))}(Object.keys(e),d);return d.includes("index")&&(o.index=a),-1!==l.indexOf("index")&&l.splice(l.indexOf("index"),1),l.forEach((t=>{o[t]=e[t]})),s&&s(o,c(e)),t[a][i](o,((e,t)=>{o[e]=t})),o}t.forEach(((t,n)=>{const i=d(t,n);e.appendChild(i),a&&a(i,c(t))})),t[i](e,((n,i,s)=>{switch(i){case h:const[n,i,o]=s;for(let s=i||0;s<(o||t.length);s++)Object.keys(n).forEach((t=>{e.children[s][t]=n[t]}));break;case p:const l=e.children.length;l>0&&e.children[l-1].remove();break;case m:const y=e.children.length;[...s].forEach(((t,n)=>{const i=d(t,y+n);e.appendChild(i),a&&a(i,c(t))}));break;case g:for(var r=1;r<e.children.length;r++)e.insertBefore(e.children[r],e.children[0]);break;case u:e.children.length&&e.children[0].remove();for(let t=0;t<e.children.length;t++)e.children[t].index=t;break;case b:throw new Error("ToDo... write sort.");case v:const[x,w,...$]=s;if(w>0)for(let t=x;t<w+x;t++)e.children[t].remove();let E=$.length||0;if(E>0){const t=$.map(((e,t)=>d(e,x+t)));0===x?e.prepend(...t):e.children[x-1].after(...t);for(let t=x-w+E;t<e.children.length;t++)e.children[t].index=t;t.forEach((e=>{a&&a(e,$[r])}))}else for(let t=x;t<e.children.length;t++)e.children[t].index=t;break;case f:const L=e.children.length&&e.children[0],k=[...s].length;[...s].forEach(((t,n)=>{L?L.before(d(t,n)):e.appendChild(d(t,n))}));for(let t=k;t<e.children.length;t++)e.children[t].index=t}}))}var T=n(513),j=function(e,t,n,i,s,a){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,d=i.kind,l="getter"===d?"get":"setter"===d?"set":"value",c=!t&&e?i.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,i.name):{}),p=!1,m=n.length-1;m>=0;m--){var g={};for(var u in i)g[u]="access"===u?{}:i[u];for(var u in i.access)g.access[u]=i.access[u];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(r(e||null))};var b=(0,n[m])("accessor"===d?{get:h.get,set:h.set}:h[l],g);if("accessor"===d){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(o=r(b.get))&&(h.get=o),(o=r(b.set))&&(h.set=o),(o=r(b.init))&&s.unshift(o)}else(o=r(b))&&("field"===d?s.unshift(o):h[l]=o)}c&&Object.defineProperty(c,i.name,h),p=!0},z=function(e,t,n){for(var i=arguments.length>2,s=0;s<t.length;s++)n=i?t[s].call(e,n):t[s].call(e);return i?n:void 0};const R=(()=>{let e,t,n,i,s,a,r=[S({selector:"pg-tree-button-icon",style:T.A,template:'<button part="button"> <pg-icon part="icon"></pg-icon> </button>'})],o=[],d=HTMLElement,l=[],c=[],h=[],p=[],m=[],g=[],u=[],b=[];(class extends d{static{t=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[O()],i=[O()],s=[B()],a=[B()],j(null,null,n,{kind:"field",name:"index",static:!1,private:!1,access:{has:e=>"index"in e,get:e=>e.index,set:(e,t)=>{e.index=t}},metadata:v},l,c),j(null,null,i,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:v},h,p),j(null,null,s,{kind:"field",name:"$button",static:!1,private:!1,access:{has:e=>"$button"in e,get:e=>e.$button,set:(e,t)=>{e.$button=t}},metadata:v},m,g),j(null,null,a,{kind:"field",name:"$icon",static:!1,private:!1,access:{has:e=>"$icon"in e,get:e=>e.$icon,set:(e,t)=>{e.$icon=t}},metadata:v},u,b),j(null,e={value:t},r,{kind:"class",name:t.name,metadata:v},null,o),t=e.value,v&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),z(t,o)}index=z(this,l,void 0);icon=(z(this,c),z(this,h,"M0 0h24v24H0V0zm2 2v20h20V2H2z"));$button=(z(this,p),z(this,m,void 0));$icon=(z(this,g),z(this,u,void 0));connectedCallback(){this.$button.addEventListener("click",this.#e.bind(this))}#e(e){this.dispatchEvent(new CustomEvent("action",{bubbles:!0,composed:!0,detail:{index:this.index}}))}render(e){e.icon&&(this.$icon.path=this.icon)}constructor(){super(...arguments),z(this,b)}});return t})();var K=n(273),M=function(e,t,n,i,s,a){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,d=i.kind,l="getter"===d?"get":"setter"===d?"set":"value",c=!t&&e?i.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,i.name):{}),p=!1,m=n.length-1;m>=0;m--){var g={};for(var u in i)g[u]="access"===u?{}:i[u];for(var u in i.access)g.access[u]=i.access[u];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(r(e||null))};var b=(0,n[m])("accessor"===d?{get:h.get,set:h.set}:h[l],g);if("accessor"===d){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(o=r(b.get))&&(h.get=o),(o=r(b.set))&&(h.set=o),(o=r(b.init))&&s.unshift(o)}else(o=r(b))&&("field"===d?s.unshift(o):h[l]=o)}c&&Object.defineProperty(c,i.name,h),p=!0},F=function(e,t,n){for(var i=arguments.length>2,s=0;s<t.length;s++)n=i?t[s].call(e,n):t[s].call(e);return i?n:void 0};const U=(()=>{let e,t,n,i,s,a,r,o,d,l,c,h,p,m,g,u,b,v,f,y,x,w=[S({selector:"pg-tree-item",style:K.A,template:'<div part="item" draggable="true"> <div part="selected"></div> <button part="toggle"></button> <button part="iconButton"> <pg-icon part="icon"></pg-icon> </button> <input part="input" type="text" class="hide"/> <button part="labelButton"> <span part="label"></span> </button> <div part="actions"></div> <div part="dropabove"></div> <div part="dropon"></div> <div part="dropbelow"></div> </div> <div part="items"></div>'})],$=[],E=HTMLElement,L=[],k=[],C=[],D=[],I=[],P=[],T=[],j=[],z=[],U=[],N=[],H=[],_=[],V=[],q=[],W=[],Y=[],Z=[],Q=[],G=[],J=[],X=[],ee=[],te=[],ne=[],ie=[],se=[],ae=[],re=[],oe=[],de=[],le=[],ce=[],he=[],pe=[],me=[],ge=[],ue=[];var be=class extends E{static{t=this}static{const S="function"==typeof Symbol&&Symbol.metadata?Object.create(E[Symbol.metadata]??null):void 0;n=[O()],i=[O()],s=[O()],a=[O()],r=[O()],o=[O()],d=[O()],l=[B()],c=[B()],h=[B()],p=[B()],m=[B()],g=[B()],u=[B()],b=[B()],v=[B()],f=[B()],y=[B()],x=[B()],M(null,null,n,{kind:"field",name:"index",static:!1,private:!1,access:{has:e=>"index"in e,get:e=>e.index,set:(e,t)=>{e.index=t}},metadata:S},L,k),M(null,null,i,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:S},C,D),M(null,null,s,{kind:"field",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:S},I,P),M(null,null,a,{kind:"field",name:"expanded",static:!1,private:!1,access:{has:e=>"expanded"in e,get:e=>e.expanded,set:(e,t)=>{e.expanded=t}},metadata:S},T,j),M(null,null,r,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:S},z,U),M(null,null,o,{kind:"field",name:"actions",static:!1,private:!1,access:{has:e=>"actions"in e,get:e=>e.actions,set:(e,t)=>{e.actions=t}},metadata:S},N,H),M(null,null,d,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:S},_,V),M(null,null,l,{kind:"field",name:"$toggle",static:!1,private:!1,access:{has:e=>"$toggle"in e,get:e=>e.$toggle,set:(e,t)=>{e.$toggle=t}},metadata:S},q,W),M(null,null,c,{kind:"field",name:"$item",static:!1,private:!1,access:{has:e=>"$item"in e,get:e=>e.$item,set:(e,t)=>{e.$item=t}},metadata:S},Y,Z),M(null,null,h,{kind:"field",name:"$input",static:!1,private:!1,access:{has:e=>"$input"in e,get:e=>e.$input,set:(e,t)=>{e.$input=t}},metadata:S},Q,G),M(null,null,p,{kind:"field",name:"$iconButton",static:!1,private:!1,access:{has:e=>"$iconButton"in e,get:e=>e.$iconButton,set:(e,t)=>{e.$iconButton=t}},metadata:S},J,X),M(null,null,m,{kind:"field",name:"$icon",static:!1,private:!1,access:{has:e=>"$icon"in e,get:e=>e.$icon,set:(e,t)=>{e.$icon=t}},metadata:S},ee,te),M(null,null,g,{kind:"field",name:"$label",static:!1,private:!1,access:{has:e=>"$label"in e,get:e=>e.$label,set:(e,t)=>{e.$label=t}},metadata:S},ne,ie),M(null,null,u,{kind:"field",name:"$labelButton",static:!1,private:!1,access:{has:e=>"$labelButton"in e,get:e=>e.$labelButton,set:(e,t)=>{e.$labelButton=t}},metadata:S},se,ae),M(null,null,b,{kind:"field",name:"$actions",static:!1,private:!1,access:{has:e=>"$actions"in e,get:e=>e.$actions,set:(e,t)=>{e.$actions=t}},metadata:S},re,oe),M(null,null,v,{kind:"field",name:"$items",static:!1,private:!1,access:{has:e=>"$items"in e,get:e=>e.$items,set:(e,t)=>{e.$items=t}},metadata:S},de,le),M(null,null,f,{kind:"field",name:"$dropabove",static:!1,private:!1,access:{has:e=>"$dropabove"in e,get:e=>e.$dropabove,set:(e,t)=>{e.$dropabove=t}},metadata:S},ce,he),M(null,null,y,{kind:"field",name:"$dropon",static:!1,private:!1,access:{has:e=>"$dropon"in e,get:e=>e.$dropon,set:(e,t)=>{e.$dropon=t}},metadata:S},pe,me),M(null,null,x,{kind:"field",name:"$dropbelow",static:!1,private:!1,access:{has:e=>"$dropbelow"in e,get:e=>e.$dropbelow,set:(e,t)=>{e.$dropbelow=t}},metadata:S},ge,ue),M(null,e={value:t},w,{kind:"class",name:t.name,metadata:S},null,$),be=t=e.value,S&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:S}),F(t,$)}index=F(this,L,void 0);label=(F(this,k),F(this,C,""));selected=(F(this,D),F(this,I,!1));expanded=(F(this,P),F(this,T,!1));icon=(F(this,j),F(this,z,{path:"M0 0h24v24H0V0zm2 2v20h20V2H2z"}));actions=(F(this,U),F(this,N,[]));items=(F(this,H),F(this,_,[]));$toggle=(F(this,V),F(this,q,void 0));$item=(F(this,W),F(this,Y,void 0));$input=(F(this,Z),F(this,Q,void 0));$iconButton=(F(this,G),F(this,J,void 0));$icon=(F(this,X),F(this,ee,void 0));$label=(F(this,te),F(this,ne,void 0));$labelButton=(F(this,ie),F(this,se,void 0));$actions=(F(this,ae),F(this,re,void 0));$items=(F(this,oe),F(this,de,void 0));$dropabove=(F(this,le),F(this,ce,void 0));$dropon=(F(this,he),F(this,pe,void 0));$dropbelow=(F(this,me),F(this,ge,void 0));connectedCallback(){this.$toggle.addEventListener("click",this.#t.bind(this)),this.$item.addEventListener("action",this.#n.bind(this)),this.$item.addEventListener("pointerenter",this.#i.bind(this)),this.$item.addEventListener("pointerleave",this.#s.bind(this)),this.$item.addEventListener("dragstart",this.#a.bind(this)),this.$item.addEventListener("dragend",this.#r.bind(this)),this.$labelButton.addEventListener("dblclick",this.#o.bind(this)),this.$labelButton.addEventListener("click",this.#e.bind(this)),this.$labelButton.addEventListener("keydown",this.#d.bind(this)),this.$iconButton.addEventListener("dblclick",this.#l.bind(this)),this.$iconButton.addEventListener("click",this.#c.bind(this)),this.$iconButton.addEventListener("keydown",this.#h.bind(this)),this.$item.addEventListener("contextmenu",this.#p.bind(this)),this.$input.addEventListener("blur",this.#m.bind(this)),this.$input.addEventListener("keydown",this.#g.bind(this)),this.$items.addEventListener("action",this.#u.bind(this)),this.$items.addEventListener("move",this.#b.bind(this)),this.$items.addEventListener("toggle",this.#v.bind(this)),this.$items.addEventListener("select",this.#f.bind(this)),this.$items.addEventListener("rename",this.#y.bind(this)),this.$items.addEventListener("up",this.#x.bind(this)),this.$items.addEventListener("down",this.#w.bind(this)),this.$items.addEventListener("itemdragstart",this.#$.bind(this)),this.$items.addEventListener("itemdragend",this.#E.bind(this)),this.$items.addEventListener("itemdropenter",this.#L.bind(this)),this.$dropabove.addEventListener("dragenter",this.#k.bind(this)),this.$dropabove.addEventListener("dragleave",this.#S.bind(this)),this.$dropabove.addEventListener("dragover",this.#C.bind(this)),this.$dropabove.addEventListener("drop",this.#D.bind(this)),this.$dropon.addEventListener("dragenter",this.#I.bind(this)),this.$dropon.addEventListener("dragleave",this.#O.bind(this)),this.$dropon.addEventListener("dragover",this.#C.bind(this)),this.$dropon.addEventListener("drop",this.#B.bind(this)),this.$dropbelow.addEventListener("dragenter",this.#P.bind(this)),this.$dropbelow.addEventListener("dragleave",this.#A.bind(this)),this.$dropbelow.addEventListener("dragover",this.#C.bind(this)),this.$dropbelow.addEventListener("drop",this.#T.bind(this)),A({container:this.$actions,items:this.actions,type:e=>R}),this.expanded&&this.#j()}disconnectedCallback(){console.log("disconnect",this.index)}#z=(F(this,ue),!0);#j(){this.#z&&(A({container:this.$items,items:this.items,type:e=>be}),this.#z=!1)}render(e){e.label&&(this.$label.textContent=this.label),e.icon&&this.icon&&(this.$icon.path=this.icon.path),e.selected&&this.$item.classList.toggle("selected",this.selected),e.items&&this.$item.classList.toggle("items",0!==this.items.length),e.expanded&&(this.expanded&&this.#j(),this.$item.classList.toggle("expanded",this.expanded),this.$items.classList.toggle("expanded",this.expanded))}#t(){this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}}))}#l(e){const{ctrlKey:t,shiftKey:n}=e;t||n||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{type:"icondoubleclick",indexes:[this.index]}}))}#c(){this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{type:"icon",indexes:[this.index]}}))}#e(e){if(this.#R)return void(this.#R=!1);const{ctrlKey:t,shiftKey:n}=e;this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{type:"label",indexes:[this.index],ctrlKey:t,shiftKey:n}}))}#d(e){"Enter"===e.key&&(this.#K(),e.preventDefault())}#i(){this.dispatchEvent(new CustomEvent("enter",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}}))}#s(){this.dispatchEvent(new CustomEvent("leave",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}}))}#n(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("action",{bubbles:!0,composed:!0,detail:{indexes:[this.index],actionIndex:e.detail.index}}))}#u(e){e.detail.indexes.unshift(this.index)}#b(e){e.detail.indexes.unshift(this.index)}#v(e){e.detail.indexes.unshift(this.index)}#y(e){e.detail.indexes.unshift(this.index)}#x(e){e.detail.indexes.unshift(this.index)}#w(e){e.detail.indexes.unshift(this.index)}#f(e){e.detail.indexes.unshift(this.index)}#L(e){e.detail.indexes.unshift(this.index)}#p(e){e.preventDefault()}#K(){this.$labelButton.classList.add("hide"),this.$actions.classList.add("hide"),this.$input.classList.remove("hide"),this.$input.value=this.label,this.$input.select(),this.#R=!0,this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{type:"rename",indexes:[this.index]}}))}#R=!1;#o(e){const{ctrlKey:t,shiftKey:n}=e;t||n||(this.#K(),e.preventDefault())}#m(){this.$labelButton.classList.remove("hide"),this.$actions.classList.remove("hide"),this.$input.classList.add("hide"),this.$labelButton.click(),this.dispatchEvent(new CustomEvent("rename",{bubbles:!0,composed:!0,detail:{indexes:[this.index],label:this.$input.value}}))}#h(e){switch(e.key){case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),e.preventDefault();break;case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),e.preventDefault()}}#g(e){switch(e.key){case"Enter":this.#m();break;case"Escape":this.$labelButton.classList.remove("hide"),this.$actions.classList.remove("hide"),this.$input.classList.add("hide"),this.$input.value=this.label,this.$labelButton.click();break;case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),this.$labelButton.classList.remove("hide"),this.$actions.classList.remove("hide"),this.$input.classList.add("hide"),e.preventDefault();break;case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),this.$labelButton.classList.remove("hide"),this.$actions.classList.remove("hide"),this.$input.classList.add("hide"),e.preventDefault()}}#M;#a(e){let t=0;this.dispatchEvent(new CustomEvent("itemdragstart",{bubbles:!0,composed:!0,detail:{ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,indexes:[this.index],callback:e=>{t=e}}})),this.$item.classList.toggle("dragging",!0),this.$items.classList.toggle("dragging",!0);const n=window.devicePixelRatio,i=document.createElement("canvas");document.body.append(i),i.width=100*n,i.height=40*n,i.style.width=i.width/n+"px";var s=i.getContext("2d");if(s){const e=`${t}`;s.font=`bold ${16*n}px Segoe UI`;const i=s.measureText(e);s.fillStyle="#453C4F",s.beginPath(),s.roundRect(20*n,0,(i.width+12)*n,28*n,8+2*n),s.fill(),s.fillStyle="#FFF",s.beginPath(),s.roundRect(22*n,2*n,(i.width+12-4)*n,24*n,8),s.fill(),s.fillStyle="#453C4F",s.fillText(e,30*n,20*n)}e.dataTransfer.setDragImage(i,0,0),this.#M=i}#r(e){this.dispatchEvent(new CustomEvent("itemdragend",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),this.$item.classList.toggle("dragging",!1),this.$items.classList.toggle("dragging",!1),this.#M.remove()}#$(e){e.detail.indexes.unshift(this.index)}#E(e){e.detail.indexes.unshift(this.index)}#k(e){this.dispatchEvent(new CustomEvent("itemdropenter",{bubbles:!0,composed:!0,detail:{indexes:[this.index],callback:t=>{t&&(e.dataTransfer.dropEffect="move")}}})),e.target.classList.toggle("drop",!0),e.dataTransfer.setData("text","test"),e.dataTransfer.effectAllowed="move"}#S(e){console.log("darg leave"),e.target.classList.toggle("drop",!1)}#F;#I(e){this.dispatchEvent(new CustomEvent("itemdropenter",{bubbles:!0,composed:!0,detail:{indexes:[this.index],callback:t=>{t&&(e.dataTransfer.dropEffect="move")}}})),e.target.classList.toggle("drop",!0),this.#F=setTimeout((()=>{this.#t()}),1500)}#O(e){clearTimeout(this.#F),console.log("darg leave"),e.target.classList.toggle("drop",!1)}#P(e){this.dispatchEvent(new CustomEvent("itemdropenter",{bubbles:!0,composed:!0,detail:{indexes:[this.index],callback:t=>{t&&(e.dataTransfer.dropEffect="move")}}})),e.target.classList.toggle("drop",!0)}#A(e){console.log("darg leave"),e.target.classList.toggle("drop",!1)}#C(e){e.preventDefault(),e.dataTransfer.dropEffect="move"}#D(e){e.target.classList.toggle("drop",!1),this.dispatchEvent(new CustomEvent("move",{bubbles:!0,composed:!0,detail:{indexes:[this.index],position:"before"}}))}#B(e){e.target.classList.toggle("drop",!1),this.dispatchEvent(new CustomEvent("move",{bubbles:!0,composed:!0,detail:{indexes:[this.index],position:"on"}}))}#T(e){e.target.classList.toggle("drop",!1),this.dispatchEvent(new CustomEvent("move",{bubbles:!0,composed:!0,detail:{indexes:[this.index],position:"after"}}))}};return be=t})();var N=n(543),H=function(e,t,n,i,s,a){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,d=i.kind,l="getter"===d?"get":"setter"===d?"set":"value",c=!t&&e?i.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,i.name):{}),p=!1,m=n.length-1;m>=0;m--){var g={};for(var u in i)g[u]="access"===u?{}:i[u];for(var u in i.access)g.access[u]=i.access[u];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");a.push(r(e||null))};var b=(0,n[m])("accessor"===d?{get:h.get,set:h.set}:h[l],g);if("accessor"===d){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(o=r(b.get))&&(h.get=o),(o=r(b.set))&&(h.set=o),(o=r(b.init))&&s.unshift(o)}else(o=r(b))&&("field"===d?s.unshift(o):h[l]=o)}c&&Object.defineProperty(c,i.name,h),p=!0},_=function(e,t,n){for(var i=arguments.length>2,s=0;s<t.length;s++)n=i?t[s].call(e,n):t[s].call(e);return i?n:void 0};(()=>{let e,t,n,i,s=[S({selector:"pg-tree",style:N.A,template:'<div part="items"></div>'})],a=[],r=HTMLElement,o=[],d=[],l=[],c=[];(class extends r{static{t=this}static{const h="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;n=[O()],i=[B()],H(null,null,n,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:h},o,d),H(null,null,i,{kind:"field",name:"$items",static:!1,private:!1,access:{has:e=>"$items"in e,get:e=>e.$items,set:(e,t)=>{e.$items=t}},metadata:h},l,c),H(null,e={value:t},s,{kind:"class",name:t.name,metadata:h},null,a),t=e.value,h&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:h}),_(t,a)}items=_(this,o,[]);$items=(_(this,d),_(this,l,void 0));#U=(_(this,c),new Map);connectedCallback(){A({container:this.$items,items:this.items,type:e=>U}),this.$items.addEventListener("action",(e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent("action",{detail:{actionIndex:e.detail.actionIndex,item:this.#N(e.detail.indexes)}}))})),this.$items.addEventListener("move",(e=>{const{indexes:t,position:n}=e.detail;e.stopPropagation(),this.dispatchEvent(new CustomEvent("move",{detail:{item:this.#N(e.detail.indexes),position:n}}))})),this.$items.addEventListener("toggle",(e=>{const{indexes:t}=e.detail;let n=this.#H(t);n.expanded=!n.expanded})),this.$items.addEventListener("select",(e=>{e.stopPropagation();const{indexes:t,type:n,ctrlKey:i,shiftKey:s}=e.detail,a=this.#H(t),r=this.#U.size,o=E(a);i||!r||this.#U.has(o)||(this.#U.forEach((e=>this.#H(e).selected=!1)),this.#U.clear()),a.selected="rename"===n||!a.selected,a.selected?this.#U.set(o,t):this.#U.delete(o),this.dispatchEvent(new CustomEvent("select",{detail:{items:[...this.#U.values()].map((e=>this.#N(e)))}}))})),this.$items.addEventListener("keydown",(e=>{"Delete"===e.key&&(this.#U.forEach((e=>{this.#_(e)})),this.#U.clear())})),this.$items.addEventListener("itemdragstart",(e=>{const{indexes:t,callback:n,ctrlKey:i,shiftKey:s}=e.detail;console.log("drag valid",t);const a=this.#H(t),r=E(a);!i&&this.#U.size&&(this.#U.forEach((e=>this.#H(e).selected=!1)),this.#U.clear()),a.selected=!0,this.#U.set(r,t);let o=0;this.#U.forEach((e=>{const t=this.#H(e);o=this.#V(t,o)})),n(o),this.$items.classList.toggle("dragging",!0)})),this.$items.addEventListener("itemdragend",(e=>{this.$items.classList.toggle("dragging",!1)})),this.$items.addEventListener("itemdropenter",this.#q.bind(this))}#V(e,t){return t+=1,e.items&&e.items.length>0&&e.items.forEach((e=>{t=this.#V(e,t)})),t}#q(e){const{indexes:t,callback:n}=e.detail,i=this.#W();console.log("valid???",t,i);const s=t.join(",");n(!i.some((e=>s.startsWith(e))),(t=>{e.dataTransfer.effectAllowed=t}))}#_(e){const t=e[e.length-1],n=e.slice(0,e.length-1).reduce(((e,t)=>e.items[t]),this);n.items.splice(t,1)}#H(e){return e.reduce(((e,t)=>e.items[t]),this)}#N(e){return{indexes:e,remove:()=>{this.#_(e),this.#U.clear()},getData:()=>this.#H(e),getParentData:()=>{const t=e.slice(0,e.length-1);return 0===t.length?this:this.#H(t)},move:(t,n)=>{console.log(t,n);const i=t.indexes[t.indexes.length-1],s=t.indexes.slice(0,t.indexes.length-1),a=this.#H(e);this.#_(e),"on"===n?(this.#H(t.indexes).items.push(a),this.#H(t.indexes).expanded=!0):0===s.length?this.items.splice("after"===n?i+1:i,0,a):this.#H(s).items.splice("after"===n?i+1:i,0,a),this.#U.clear(),this.$items.classList.toggle("dragging",!1)}}}render(e){e.items&&console.log("yay",this.items.map((e=>e)))}unselect(e){}#W(){const e=[];return this.#U.forEach((t=>{e.push(t.join(","))})),e}})})()})();

package/pgTreeButtonIcon.js

@@ -0,0 +1 @@
+(()=>{"use strict";var t={314:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",n=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),n&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),n&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,n,o,i){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(n)for(var a=0;a<this.length;a++){var c=this[a][0];null!=c&&(s[c]=!0)}for(var l=0;l<t.length;l++){var u=[].concat(t[l]);n&&s[u[0]]||(void 0!==i&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),r&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=r):u[2]=r),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),e.push(u))}},e}},513:(t,e,r)=>{r.d(e,{A:()=>c});var n=r(601),o=r.n(n),i=r(314),s=r.n(i)()(o());s.push([t.id,':host {\n  display: contents;\n}\n\n[part="button"] {\n  display: flex;\n  background: transparent;\n  border: 0;\n  padding: 0.125rem;\n  margin: -0.125rem;\n  border-radius: 0.125rem;\n}\n\n[part="button"]:hover {\n  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.25);\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 0.125rem;\n}',""]);var a=new CSSStyleSheet;a.replaceSync(s.toString());const c=a},601:t=>{t.exports=function(t){return t[1]}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={id:n,exports:{}};return t[n](i,i.exports,r),i.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const n=Symbol("addObserver"),o=Symbol("removeObserver"),i=Symbol("getObservers"),s=Symbol("isProxy"),a=Symbol("getTarget"),c=["fill","pop","push","reverse","shift","sort","splice","unshift"],l=new Map;function u(t){return new Proxy(t,{get(e,r){if("symbol"==typeof r){switch(r){case s:return!0;case a:return e;case i:return l.has(t);case n:return(e,r)=>{l.has(t)?l.get(t).has(e)?l.get(t).get(e).push(r):l.get(t).set(e,[r]):l.set(t,new Map([[e,[r]]]))};case o:return e=>{l.has(t)&&(l.get(t).delete(e),0===l.get(t).size&&l.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,r)}throw new Error("Unsupported symbol")}if(r in e){if(!Number.isNaN(Number(r)))return"object"==typeof e[r]?u(e[r]):e[r];if("copyWithin"===r)throw new Error("Unsupported array method copyWithin");if(c.includes(r))return l.has(e)?function(){const t=Array.prototype[r].apply(e,arguments);return l.get(e).forEach(((t,n)=>{t.forEach((t=>{t(e,r,arguments)}))})),t}:Reflect.get(e,r);if(e[r]instanceof Array)return u(e[r])}return Reflect.get(e,r)},set(t,e,r){if("symbol"==typeof e)throw new Error("Setting symbols not allowed.");if(Array.isArray(t))return Reflect.set(t,e,r);if(l.has(t)){l.get(t).forEach(((t,n)=>{t.forEach((t=>{t(e,r)}))}))}return Reflect.set(t,e,r)}})}window.observers=l;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const p=Symbol("init"),d=Symbol("template"),h=Symbol("style"),f=Symbol("parent");function y(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function m(t){return t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()))}function b(t={}){return function(e,r){if("class"!==r.kind)throw new Error("@Component() can only decorate a class");var n,o;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[f]||e.prototype[f][e.prototype[f].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[f]=[e.prototype],e.prototype[h]=t.style?[t.style]:[],e.prototype[d]=t.template||""):(e.prototype[f].push(e.prototype),e.prototype[h].push(t.style),e.prototype[d]=(n=e.prototype[d],(o=t.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,n):`${n}${o||""}`));const i=e.prototype.connectedCallback||(()=>{}),s=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[p]||void 0!==t.template||void 0!==t.style)if(this[p]){if(this[p]&&t.style);else if(this[p]&&t.selector&&!t.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===t.useShadow)throw new Error("unsupported");{const t=document.createElement("template");t.innerHTML=e.prototype[d]||"";const r=document.importNode(t.content,!0),n=this.attachShadow({mode:"open"});n.adoptedStyleSheets=e.prototype[h].map((t=>{if(t instanceof CSSStyleSheet)return t;var e=new CSSStyleSheet;return e.replaceSync(t.toString()),e})),n.appendChild(r)}}else!1===t.useShadow||this.attachShadow({mode:"open"});const r=new Set;for(const t of this.shadowRoot.querySelectorAll("*"))-1!==t.localName.indexOf("-")&&r.add(t.localName);const n=Array.from(r.values()).map((t=>customElements.get(t)?Promise.resolve():customElements.whenDefined(t))),o=()=>{this[f].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[m(e)]=!0,t)),{}):{})}))};0===n.length?(this[p]=!0,i.call(this),o()):Promise.all(n).then((()=>{this[p]=!0,i.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));o()}))},e.prototype.disconnectedCallback=function(){s.call(this)},e.prototype.attributeChangedCallback=function(t,e,r){this[m(t)]=r},r.addInitializer((function(){if(t.selector){if(window.customElements.get(t.selector))throw new Error(`@Component() ${r.name} duplicate selector '${t.selector}'`);window.customElements.define(t.selector,e)}}))}}Symbol("transmute");function v(t){return!!t&&t.constructor===Array}function g(t,e){t[p]&&t[f].map((r=>{r.render&&r.render.call(t,{[e]:!0})}))}function w(t){return null===t?"null":v(t)?"array":typeof t}function S(t){return function(e,r){const n=r.name,o=Symbol(n),c=Symbol(`${n}:type`),l=Symbol(`${n}:meta`);return r.addInitializer((function(){Reflect.defineProperty(this,n,{get:()=>"object"===this[c]||"array"===this[c]?this[o][s]?this[o]:u(this[o]):this[o],set:e=>{const r=w(t?t(e):e);if("index"!==n&&this[c]!==r&&"null"!==this[c]&&"null"!==r)throw new Error(`@Prop() ${n} with type '${this[c]}' cannot be set to ${r}.`);if("array"===this[c]){if(!v(e))throw new PropError(`Array "${n}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,n)?.set);if(this[o]===e)throw new Error("Setting an array to itself is not allowed.");const t=u(this[o]);if(t[i]){const r=e[s]?(l=e)[s]&&l[a]:e;t.splice(0,this[o].length,...r)}else this[o]=e}else this[o]=t?t(e):e,g(this,n);var l}})})),function(e){if(void 0===e&&"index"!==n)throw new Error(`@Prop() ${n} must have an initial value defined.`);if(void 0!==e&&"index"===n)throw new Error("@Prop() index must not have an initial value defined.");if(!0===e)throw new Error(`@Prop() ${n} boolean must initialize to false.`);if(!r.private){const{constructor:t}=this;t.observedAttributes??=[],t.symbols||(t.symbols={});const{symbols:e}=t,r=y(n);e[n]||(t.observedAttributes.push(r),e[n]=o)}return this[c]=w(e),"array"===this[c]?(this[o]=e,new Proxy(e,{get:(t,e)=>e===x?this[l]:(console.log("errr???"),Reflect.get(this[o],e)),set:(t,e,r)=>{if(e===x)return this[l]=r,!0;const i=Reflect.set(t,e,r);return"length"===e&&this[o].length===r||g(this,n),this[o]=r,i}})):(this[o]=t?t(this.getAttribute(n)??e):this.getAttribute(n)??e,this[o])}}}function E(){return function(t,e){const r=e.name,n=r.replace(/^\$/,"");e.addInitializer((function(){let t=null;Reflect.defineProperty(this,r,{get(){return t??(t=this.shadowRoot?.querySelector(`[part~=${n}]`))}})}))}}Symbol("hasProxy");const x=Symbol("meta");var $=r(513),P=function(t,e,r,n,o,i){function s(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var a,c=n.kind,l="getter"===c?"get":"setter"===c?"set":"value",u=!e&&t?n.static?t:t.prototype:null,p=e||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),d=!1,h=r.length-1;h>=0;h--){var f={};for(var y in n)f[y]="access"===y?{}:n[y];for(var y in n.access)f.access[y]=n.access[y];f.addInitializer=function(t){if(d)throw new TypeError("Cannot add initializers after decoration has completed");i.push(s(t||null))};var m=(0,r[h])("accessor"===c?{get:p.get,set:p.set}:p[l],f);if("accessor"===c){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(a=s(m.get))&&(p.get=a),(a=s(m.set))&&(p.set=a),(a=s(m.init))&&o.unshift(a)}else(a=s(m))&&("field"===c?o.unshift(a):p[l]=a)}u&&Object.defineProperty(u,n.name,p),d=!0},k=function(t,e,r){for(var n=arguments.length>2,o=0;o<e.length;o++)r=n?e[o].call(t,r):e[o].call(t);return n?r:void 0};(()=>{let t,e,r,n,o,i,s=[b({selector:"pg-tree-button-icon",style:$.A,template:'<button part="button"> <pg-icon part="icon"></pg-icon> </button>'})],a=[],c=HTMLElement,l=[],u=[],p=[],d=[],h=[],f=[],y=[],m=[];(class extends c{static{e=this}static{const b="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;r=[S()],n=[S()],o=[E()],i=[E()],P(null,null,r,{kind:"field",name:"index",static:!1,private:!1,access:{has:t=>"index"in t,get:t=>t.index,set:(t,e)=>{t.index=e}},metadata:b},l,u),P(null,null,n,{kind:"field",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:b},p,d),P(null,null,o,{kind:"field",name:"$button",static:!1,private:!1,access:{has:t=>"$button"in t,get:t=>t.$button,set:(t,e)=>{t.$button=e}},metadata:b},h,f),P(null,null,i,{kind:"field",name:"$icon",static:!1,private:!1,access:{has:t=>"$icon"in t,get:t=>t.$icon,set:(t,e)=>{t.$icon=e}},metadata:b},y,m),P(null,t={value:e},s,{kind:"class",name:e.name,metadata:b},null,a),e=t.value,b&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:b}),k(e,a)}index=k(this,l,void 0);icon=(k(this,u),k(this,p,"M0 0h24v24H0V0zm2 2v20h20V2H2z"));$button=(k(this,d),k(this,h,void 0));$icon=(k(this,f),k(this,y,void 0));connectedCallback(){this.$button.addEventListener("click",this.#t.bind(this))}#t(t){this.dispatchEvent(new CustomEvent("action",{bubbles:!0,composed:!0,detail:{index:this.index}}))}render(t){t.icon&&(this.$icon.path=this.icon)}constructor(){super(...arguments),k(this,m)}})})()})();

package/pgTreeItem.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={84:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 11,17L 13,17L 19,11L 17,9L 12,14L 7,9L 5,11%27 fill=%27rgb%2869 60 79%29%27 /></svg>"},122:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 11,17L 13,17L 19,11L 17,9L 12,14L 7,9L 5,11%27 fill=%27white%27 /></svg>"},273:(e,t,n)=>{n.d(t,{A:()=>y});var i=n(601),a=n.n(i),r=n(314),s=n.n(r),o=n(417),d=n.n(o),l=new URL(n(630),n.b),c=new URL(n(122),n.b),h=new URL(n(432),n.b),p=new URL(n(84),n.b),m=s()(a()),g=d()(l),u=d()(c),b=d()(h),v=d()(p);m.push([e.id,`:host {\n  display: contents;\n  --y: calc(var(--x) + 1);\n}\n\n.hide {\n  display: none !important;\n}\n\n[part=iconButton] {\n  display: flex;\n  background: transparent;\n  border: 0;\n  color: var(--pg-tree-item-color, #453C4F);\n  padding: 0;\n  --pg-icon-color: var(--pg-tree-item-color, #453C4F);\n  align-items: center;\n  font-family: var(--pg-font-family);\n  font-size: var(--pg-tree-item-font-size, 1rem);\n}\n[part=labelButton] {\n  display: flex;\n  background: transparent;\n  border: 0;\n  color: var(--pg-tree-item-color, #453C4F);\n  --pg-icon-color: var(--pg-tree-item-color, #453C4F);\n  flex: 1;\n  align-items: center;\n  font-family: var(--pg-font-family);\n  font-size: var(--pg-tree-item-font-size, 1rem);\n  margin: -0.25rem -0.25rem -0.25rem -0.25rem;\n  padding: 0 0.75rem 0 0.25rem;\n}\n\n[part=input] {\n  display: flex;\n  font-family: var(--pg-font-family);\n  font-size: var(--pg-tree-item-font-size, 1rem);\n  border-radius: 0.125rem;\n  flex: 1;\n  outline: 0;\n  padding: 0 0.25rem;\n  margin: -0.125rem -0.625rem -0.125rem -0.25rem;\n  border-width: var(--pg-tree-item-border-width, 0);\n  border-style: solid;\n  border-color: var(--pg-tree-item-border-color, #453C4F);\n}\n\n[part=item] {\n  display: grid;\n  background: var(--pg-tree-item-background, transparent);\n  border-radius: 0.25rem;\n  padding: 0.25rem;\n  gap: 0 0.5rem;\n  user-select: none;\n  padding-left: calc((var(--x) * 0.5rem) + 0.25rem);\n  transition: background-color 0.1s ease-out;\n}\n\n[part=item] {\n  grid-template-columns: min-content min-content auto min-content;\n  grid-template-rows: auto;\n}\n[part=item] [part=selected] {\n  grid-row: 1;\n  grid-column: 1;\n}\n[part=item] [part=toggle] {\n  grid-row: 1;\n  grid-column: 1;\n}\n[part=item] [part=iconButton] {\n  grid-row: 1;\n  grid-column: 2;\n}\n[part=item] [part=labelButton] {\n  grid-row: 1;\n  grid-column: 3;\n}\n[part=item] [part=actions] {\n  grid-row: 1;\n  grid-column: 4;\n}\n[part=item] [part=dropabove] {\n  grid-row: 1;\n  grid-column: 1 / 5;\n  align-self: flex-start;\n  transform: translateY(-0.875rem);\n  height: 1rem;\n  margin: 0 -0.25rem 0 -0.25rem;\n  z-index: 1;\n}\n[part=item] [part=dropon] {\n  grid-row: 1;\n  grid-column: 1 / 5;\n  margin: 0.125rem -0.25rem;\n  z-index: 1;\n}\n[part=item]:not(.items) [part=dropon] {\n  display: none;\n}\n[part=item].items.expanded [part=dropbelow] {\n  display: none;\n}\n[part=item] [part=dropbelow] {\n  grid-row: 1;\n  grid-column: 1 / 5;\n  align-self: flex-end;\n  transform: translateY(0.875rem);\n  height: 1rem;\n  margin: 0 -0.25rem 0 -0.25rem;\n  z-index: 1;\n}\n\n[part=item]:not(.selected):not(.dragging):hover {\n  background: var(--pg-tree-selected-secondary, rgb(69, 60, 79, 0.1));\n}\n[part=item].selected:not(.dragging):hover {\n  background: var(--pg-tree-selected-secondary-hover, rgb(69, 60, 79, 0.1));\n}\n[part=item].selected,\n[part=item].items.selected {\n  background-color: var(--pg-tree-selected-secondary);\n}\n[part=item].items.selected:not(.expanded):not(.dragging) [part=toggle] {\n  border-radius: 0.125rem;\n  background-color: var(--pg-tree-selected-primary);\n  background-image: url(${g}) !important;\n}\n\n[part=item].items.selected.expanded:not(.dragging) [part=toggle] {\n  border-radius: 0.125rem;\n  background-color: var(--pg-tree-selected-primary);\n  background-image: url(${u}) !important;\n}\n\n[part=item].items [part=selected] {\n  display: none;\n}\n\n[part=item]:not(.items) [part=selected] {\n  visibility: hidden;\n  display: flex;\n  width: 1rem;\n  margin-left: -0.125rem;\n  margin-right: -0.375rem;\n  margin-top: -0.125rem;\n  margin-bottom: -0.125rem;\n  border-radius: 0.125rem;\n  background: var(--pg-tree-selected-primary);\n}\n\n[part=item]:not(.dragging):not(.items).selected [part=selected] {\n  visibility: visible;\n}\n\n[part=actions] {\n  display: flex;\n  gap: 0.25rem;\n  --pg-icon-color: var(--pg-tree-item-color, #453C4F);\n}\n\n[part=items] {\n  display: none;\n  flex-direction: column;\n  --x: calc(var(--y) + 1);\n  gap: 0.25rem;\n}\n[part=items].expanded {\n  display: flex;\n}\n\n[part=toggle] {\n  display: none;\n  margin-left: -0.125rem;\n  margin-right: -0.375rem;\n  margin-top: -0.125rem;\n  margin-bottom: -0.125rem;\n  padding: 0 0 0 1rem;\n  width: 1rem;\n  border: 0;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: transparent;\n}\n\n[part=toggle]:hover {\n  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.25);\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 0.125rem;\n}\n\n[part=item].items:not(.expanded) [part=toggle] {\n  display: flex;\n  background-image: url(${b});\n}\n\n[part=item].items.expanded [part=toggle] {\n  display: flex;\n  background-image: url(${v});\n}\n\n[part=dropabove].drop::before,\n[part=dropbelow].drop::before {\n  content: ' ';\n  height: 0.25rem;\n  background-color: rgb(79, 143, 249);\n  border-radius: 0.125rem;\n  display: flex;\n  margin-top: 0.375rem;\n}\n\n[part=dropon].drop {\n  margin: -0.25rem !important;\n  border: 4px solid rgb(79, 143, 249);\n  border-radius: 0.25rem;\n}\n\n[part=item].dragging::after {\n  content: ' ';\n  display: flex;\n  grid-column: 1 / 5;\n  grid-row: 1;\n  border-radius: 0.25rem;\n  background: rgba(255, 255, 255, 0.5);\n  user-select: none;\n  margin: -0.25rem;\n  border: 2px dashed rgb(79, 143, 249);\n}\n[part=items].dragging {\n  --pg-_is-index-dragging: true;\n}\n[part=item].dragging [part=dropabove],\n[part=item].dragging [part=dropon],\n[part=item].dragging [part=dropbelow] {\n  display: none;\n}\n\n@container style(--pg-_is-dragging: false) {\n  [part=dropabove],\n  [part=dropon],\n  [part=dropbelow] {\n    display: none;\n  }\n}\n\n@container style(--pg-_is-index-dragging: true) {\n  [part=item]::after {\n    content: ' ';\n    display: flex;\n    grid-column: 1 / 5;\n    grid-row: 1;\n    border-radius: 0.25rem;\n    background: rgba(255, 255, 255, 0.5);\n    user-select: none;\n    margin: -0.25rem;\n  }\n  [part=dropabove],\n  [part=dropon],\n  [part=dropbelow] {\n    display: none;\n  }\n}\n`,""]);var f=new CSSStyleSheet;f.replaceSync(m.toString());const y=f},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",i=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),i&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),i&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,i,a,r){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(i)for(var o=0;o<this.length;o++){var d=this[o][0];null!=d&&(s[d]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);i&&s[c[0]]||(void 0!==r&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),n&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=n):c[2]=n),a&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=a):c[4]="".concat(a)),t.push(c))}},t}},417:e=>{e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},432:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17,13L 17,11L 11,5L 9,7L 14,12L 9,17L 11,19%27 fill=%27rgb%2869 60 79%29%27 /></svg>"},513:(e,t,n)=>{n.d(t,{A:()=>d});var i=n(601),a=n.n(i),r=n(314),s=n.n(r)()(a());s.push([e.id,':host {\n  display: contents;\n}\n\n[part="button"] {\n  display: flex;\n  background: transparent;\n  border: 0;\n  padding: 0.125rem;\n  margin: -0.125rem;\n  border-radius: 0.125rem;\n}\n\n[part="button"]:hover {\n  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.25);\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 0.125rem;\n}',""]);var o=new CSSStyleSheet;o.replaceSync(s.toString());const d=o},601:e=>{e.exports=function(e){return e[1]}},630:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17,13L 17,11L 11,5L 9,7L 14,12L 9,17L 11,19%27 fill=%27white%27 /></svg>"}},t={};function n(i){var a=t[i];if(void 0!==a)return a.exports;var r=t[i]={id:i,exports:{}};return e[i](r,r.exports,n),r.exports}n.m=e,n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.b="undefined"!=typeof document&&document.baseURI||self.location.href;const i=Symbol("addObserver"),a=Symbol("removeObserver"),r=Symbol("getObservers"),s=Symbol("isProxy"),o=Symbol("getTarget"),d=["fill","pop","push","reverse","shift","sort","splice","unshift"],l=new Map;function c(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case s:return!0;case o:return t;case r:return l.has(e);case i:return(t,n)=>{l.has(e)?l.get(e).has(t)?l.get(e).get(t).push(n):l.get(e).set(t,[n]):l.set(e,new Map([[t,[n]]]))};case a:return t=>{l.has(e)&&(l.get(e).delete(t),0===l.get(e).size&&l.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?c(t[n]):t[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(d.includes(n))return l.has(t)?function(){const e=Array.prototype[n].apply(t,arguments);return l.get(t).forEach(((e,i)=>{e.forEach((e=>{e(t,n,arguments)}))})),e}:Reflect.get(t,n);if(t[n]instanceof Array)return c(t[n])}return Reflect.get(t,n)},set(e,t,n){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,n);if(l.has(e)){l.get(e).forEach(((e,i)=>{e.forEach((e=>{e(t,n)}))}))}return Reflect.set(e,t,n)}})}window.observers=l;const h="fill",p="pop",m="push",g="reverse",u="shift",b="sort",v="splice",f="unshift";class PropError extends Error{constructor(e,t){super(e),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,t)}}Symbol("index");const y=Symbol("init"),w=Symbol("template"),x=Symbol("style"),$=Symbol("parent");function E(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function L(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function k(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var i,a;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[$]||t.prototype[$][t.prototype[$].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[$]=[t.prototype],t.prototype[x]=e.style?[e.style]:[],t.prototype[w]=e.template||""):(t.prototype[$].push(t.prototype),t.prototype[x].push(e.style),t.prototype[w]=(i=t.prototype[w],(a=e.template||null)&&a.match(/<parent\/>/)?a.replace(/<parent\/>/,i):`${i}${a||""}`));const r=t.prototype.connectedCallback||(()=>{}),s=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[y]||void 0!==e.template||void 0!==e.style)if(this[y]){if(this[y]&&e.style);else if(this[y]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[w]||"";const n=document.importNode(e.content,!0),i=this.attachShadow({mode:"open"});i.adoptedStyleSheets=t.prototype[x].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),i.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const i=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),a=()=>{this[$].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[L(t)]=!0,e)),{}):{})}))};0===i.length?(this[y]=!0,r.call(this),a()):Promise.all(i).then((()=>{this[y]=!0,r.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));a()}))},t.prototype.disconnectedCallback=function(){s.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[L(e)]=n},n.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${n.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function S(e){return!!e&&e.constructor===Array}function C(e,t){e[y]&&e[$].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function D(e){return null===e?"null":S(e)?"array":typeof e}function B(e){return function(t,n){const i=n.name,a=Symbol(i),d=Symbol(`${i}:type`),l=Symbol(`${i}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,i,{get:()=>"object"===this[d]||"array"===this[d]?this[a][s]?this[a]:c(this[a]):this[a],set:t=>{const n=D(e?e(t):t);if("index"!==i&&this[d]!==n&&"null"!==this[d]&&"null"!==n)throw new Error(`@Prop() ${i} with type '${this[d]}' cannot be set to ${n}.`);if("array"===this[d]){if(!S(t))throw new PropError(`Array "${i}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,i)?.set);if(this[a]===t)throw new Error("Setting an array to itself is not allowed.");const e=c(this[a]);if(e[r]){const n=t[s]?(l=t)[s]&&l[o]:t;e.splice(0,this[a].length,...n)}else this[a]=t}else this[a]=e?e(t):t,C(this,i);var l}})})),function(t){if(void 0===t&&"index"!==i)throw new Error(`@Prop() ${i} must have an initial value defined.`);if(void 0!==t&&"index"===i)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${i} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=E(i);t[i]||(e.observedAttributes.push(n),t[i]=a)}return this[d]=D(t),"array"===this[d]?(this[a]=t,new Proxy(t,{get:(e,t)=>t===A?this[l]:(console.log("errr???"),Reflect.get(this[a],t)),set:(e,t,n)=>{if(t===A)return this[l]=n,!0;const r=Reflect.set(e,t,n);return"length"===t&&this[a].length===n||C(this,i),this[a]=n,r}})):(this[a]=e?e(this.getAttribute(i)??t):this.getAttribute(i)??t,this[a])}}}function O(){return function(e,t){const n=t.name,i=n.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,n,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${i}]`))}})}))}}Symbol("hasProxy");const A=Symbol("meta");function P({container:e,items:t,type:n,create:a,connect:r,disconnect:s,update:o}){function d(e,r){const s=n(e),o=document.createElement(E(s.name),s),d=s.observedAttributes??[],l=function(e,t){const n=new Set(e);return t.filter((e=>n.has(e)))}(Object.keys(e),d);return d.includes("index")&&(o.index=r),-1!==l.indexOf("index")&&l.splice(l.indexOf("index"),1),l.forEach((t=>{o[t]=e[t]})),a&&a(o,c(e)),t[r][i](o,((e,t)=>{o[e]=t})),o}t.forEach(((t,n)=>{const i=d(t,n);e.appendChild(i),r&&r(i,c(t))})),t[i](e,((n,i,a)=>{switch(i){case h:const[n,i,o]=a;for(let a=i||0;a<(o||t.length);a++)Object.keys(n).forEach((t=>{e.children[a][t]=n[t]}));break;case p:const l=e.children.length;l>0&&e.children[l-1].remove();break;case m:const y=e.children.length;[...a].forEach(((t,n)=>{const i=d(t,y+n);e.appendChild(i),r&&r(i,c(t))}));break;case g:for(var s=1;s<e.children.length;s++)e.insertBefore(e.children[s],e.children[0]);break;case u:e.children.length&&e.children[0].remove();for(let t=0;t<e.children.length;t++)e.children[t].index=t;break;case b:throw new Error("ToDo... write sort.");case v:const[w,x,...$]=a;if(x>0)for(let t=w;t<x+w;t++)e.children[t].remove();let E=$.length||0;if(E>0){const t=$.map(((e,t)=>d(e,w+t)));0===w?e.prepend(...t):e.children[w-1].after(...t);for(let t=w-x+E;t<e.children.length;t++)e.children[t].index=t;t.forEach((e=>{r&&r(e,$[s])}))}else for(let t=w;t<e.children.length;t++)e.children[t].index=t;break;case f:const L=e.children.length&&e.children[0],k=[...a].length;[...a].forEach(((t,n)=>{L?L.before(d(t,n)):e.appendChild(d(t,n))}));for(let t=k;t<e.children.length;t++)e.children[t].index=t}}))}var T=n(513),I=function(e,t,n,i,a,r){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,d=i.kind,l="getter"===d?"get":"setter"===d?"set":"value",c=!t&&e?i.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,i.name):{}),p=!1,m=n.length-1;m>=0;m--){var g={};for(var u in i)g[u]="access"===u?{}:i[u];for(var u in i.access)g.access[u]=i.access[u];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");r.push(s(e||null))};var b=(0,n[m])("accessor"===d?{get:h.get,set:h.set}:h[l],g);if("accessor"===d){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(o=s(b.get))&&(h.get=o),(o=s(b.set))&&(h.set=o),(o=s(b.init))&&a.unshift(o)}else(o=s(b))&&("field"===d?a.unshift(o):h[l]=o)}c&&Object.defineProperty(c,i.name,h),p=!0},R=function(e,t,n){for(var i=arguments.length>2,a=0;a<t.length;a++)n=i?t[a].call(e,n):t[a].call(e);return i?n:void 0};const z=(()=>{let e,t,n,i,a,r,s=[k({selector:"pg-tree-button-icon",style:T.A,template:'<button part="button"> <pg-icon part="icon"></pg-icon> </button>'})],o=[],d=HTMLElement,l=[],c=[],h=[],p=[],m=[],g=[],u=[],b=[];(class extends d{static{t=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[B()],i=[B()],a=[O()],r=[O()],I(null,null,n,{kind:"field",name:"index",static:!1,private:!1,access:{has:e=>"index"in e,get:e=>e.index,set:(e,t)=>{e.index=t}},metadata:v},l,c),I(null,null,i,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:v},h,p),I(null,null,a,{kind:"field",name:"$button",static:!1,private:!1,access:{has:e=>"$button"in e,get:e=>e.$button,set:(e,t)=>{e.$button=t}},metadata:v},m,g),I(null,null,r,{kind:"field",name:"$icon",static:!1,private:!1,access:{has:e=>"$icon"in e,get:e=>e.$icon,set:(e,t)=>{e.$icon=t}},metadata:v},u,b),I(null,e={value:t},s,{kind:"class",name:t.name,metadata:v},null,o),t=e.value,v&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),R(t,o)}index=R(this,l,void 0);icon=(R(this,c),R(this,h,"M0 0h24v24H0V0zm2 2v20h20V2H2z"));$button=(R(this,p),R(this,m,void 0));$icon=(R(this,g),R(this,u,void 0));connectedCallback(){this.$button.addEventListener("click",this.#e.bind(this))}#e(e){this.dispatchEvent(new CustomEvent("action",{bubbles:!0,composed:!0,detail:{index:this.index}}))}render(e){e.icon&&(this.$icon.path=this.icon)}constructor(){super(...arguments),R(this,b)}});return t})();var j=n(273),K=function(e,t,n,i,a,r){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,d=i.kind,l="getter"===d?"get":"setter"===d?"set":"value",c=!t&&e?i.static?e:e.prototype:null,h=t||(c?Object.getOwnPropertyDescriptor(c,i.name):{}),p=!1,m=n.length-1;m>=0;m--){var g={};for(var u in i)g[u]="access"===u?{}:i[u];for(var u in i.access)g.access[u]=i.access[u];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");r.push(s(e||null))};var b=(0,n[m])("accessor"===d?{get:h.get,set:h.set}:h[l],g);if("accessor"===d){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(o=s(b.get))&&(h.get=o),(o=s(b.set))&&(h.set=o),(o=s(b.init))&&a.unshift(o)}else(o=s(b))&&("field"===d?a.unshift(o):h[l]=o)}c&&Object.defineProperty(c,i.name,h),p=!0},M=function(e,t,n){for(var i=arguments.length>2,a=0;a<t.length;a++)n=i?t[a].call(e,n):t[a].call(e);return i?n:void 0};(()=>{let e,t,n,i,a,r,s,o,d,l,c,h,p,m,g,u,b,v,f,y,w,x=[k({selector:"pg-tree-item",style:j.A,template:'<div part="item" draggable="true"> <div part="selected"></div> <button part="toggle"></button> <button part="iconButton"> <pg-icon part="icon"></pg-icon> </button> <input part="input" type="text" class="hide"/> <button part="labelButton"> <span part="label"></span> </button> <div part="actions"></div> <div part="dropabove"></div> <div part="dropon"></div> <div part="dropbelow"></div> </div> <div part="items"></div>'})],$=[],E=HTMLElement,L=[],S=[],C=[],D=[],A=[],T=[],I=[],R=[],F=[],U=[],N=[],H=[],_=[],V=[],q=[],Y=[],W=[],Z=[],Q=[],G=[],J=[],X=[],ee=[],te=[],ne=[],ie=[],ae=[],re=[],se=[],oe=[],de=[],le=[],ce=[],he=[],pe=[],me=[],ge=[],ue=[];var be=class extends E{static{t=this}static{const k="function"==typeof Symbol&&Symbol.metadata?Object.create(E[Symbol.metadata]??null):void 0;n=[B()],i=[B()],a=[B()],r=[B()],s=[B()],o=[B()],d=[B()],l=[O()],c=[O()],h=[O()],p=[O()],m=[O()],g=[O()],u=[O()],b=[O()],v=[O()],f=[O()],y=[O()],w=[O()],K(null,null,n,{kind:"field",name:"index",static:!1,private:!1,access:{has:e=>"index"in e,get:e=>e.index,set:(e,t)=>{e.index=t}},metadata:k},L,S),K(null,null,i,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:k},C,D),K(null,null,a,{kind:"field",name:"selected",static:!1,private:!1,access:{has:e=>"selected"in e,get:e=>e.selected,set:(e,t)=>{e.selected=t}},metadata:k},A,T),K(null,null,r,{kind:"field",name:"expanded",static:!1,private:!1,access:{has:e=>"expanded"in e,get:e=>e.expanded,set:(e,t)=>{e.expanded=t}},metadata:k},I,R),K(null,null,s,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:k},F,U),K(null,null,o,{kind:"field",name:"actions",static:!1,private:!1,access:{has:e=>"actions"in e,get:e=>e.actions,set:(e,t)=>{e.actions=t}},metadata:k},N,H),K(null,null,d,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:k},_,V),K(null,null,l,{kind:"field",name:"$toggle",static:!1,private:!1,access:{has:e=>"$toggle"in e,get:e=>e.$toggle,set:(e,t)=>{e.$toggle=t}},metadata:k},q,Y),K(null,null,c,{kind:"field",name:"$item",static:!1,private:!1,access:{has:e=>"$item"in e,get:e=>e.$item,set:(e,t)=>{e.$item=t}},metadata:k},W,Z),K(null,null,h,{kind:"field",name:"$input",static:!1,private:!1,access:{has:e=>"$input"in e,get:e=>e.$input,set:(e,t)=>{e.$input=t}},metadata:k},Q,G),K(null,null,p,{kind:"field",name:"$iconButton",static:!1,private:!1,access:{has:e=>"$iconButton"in e,get:e=>e.$iconButton,set:(e,t)=>{e.$iconButton=t}},metadata:k},J,X),K(null,null,m,{kind:"field",name:"$icon",static:!1,private:!1,access:{has:e=>"$icon"in e,get:e=>e.$icon,set:(e,t)=>{e.$icon=t}},metadata:k},ee,te),K(null,null,g,{kind:"field",name:"$label",static:!1,private:!1,access:{has:e=>"$label"in e,get:e=>e.$label,set:(e,t)=>{e.$label=t}},metadata:k},ne,ie),K(null,null,u,{kind:"field",name:"$labelButton",static:!1,private:!1,access:{has:e=>"$labelButton"in e,get:e=>e.$labelButton,set:(e,t)=>{e.$labelButton=t}},metadata:k},ae,re),K(null,null,b,{kind:"field",name:"$actions",static:!1,private:!1,access:{has:e=>"$actions"in e,get:e=>e.$actions,set:(e,t)=>{e.$actions=t}},metadata:k},se,oe),K(null,null,v,{kind:"field",name:"$items",static:!1,private:!1,access:{has:e=>"$items"in e,get:e=>e.$items,set:(e,t)=>{e.$items=t}},metadata:k},de,le),K(null,null,f,{kind:"field",name:"$dropabove",static:!1,private:!1,access:{has:e=>"$dropabove"in e,get:e=>e.$dropabove,set:(e,t)=>{e.$dropabove=t}},metadata:k},ce,he),K(null,null,y,{kind:"field",name:"$dropon",static:!1,private:!1,access:{has:e=>"$dropon"in e,get:e=>e.$dropon,set:(e,t)=>{e.$dropon=t}},metadata:k},pe,me),K(null,null,w,{kind:"field",name:"$dropbelow",static:!1,private:!1,access:{has:e=>"$dropbelow"in e,get:e=>e.$dropbelow,set:(e,t)=>{e.$dropbelow=t}},metadata:k},ge,ue),K(null,e={value:t},x,{kind:"class",name:t.name,metadata:k},null,$),be=t=e.value,k&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:k}),M(t,$)}index=M(this,L,void 0);label=(M(this,S),M(this,C,""));selected=(M(this,D),M(this,A,!1));expanded=(M(this,T),M(this,I,!1));icon=(M(this,R),M(this,F,{path:"M0 0h24v24H0V0zm2 2v20h20V2H2z"}));actions=(M(this,U),M(this,N,[]));items=(M(this,H),M(this,_,[]));$toggle=(M(this,V),M(this,q,void 0));$item=(M(this,Y),M(this,W,void 0));$input=(M(this,Z),M(this,Q,void 0));$iconButton=(M(this,G),M(this,J,void 0));$icon=(M(this,X),M(this,ee,void 0));$label=(M(this,te),M(this,ne,void 0));$labelButton=(M(this,ie),M(this,ae,void 0));$actions=(M(this,re),M(this,se,void 0));$items=(M(this,oe),M(this,de,void 0));$dropabove=(M(this,le),M(this,ce,void 0));$dropon=(M(this,he),M(this,pe,void 0));$dropbelow=(M(this,me),M(this,ge,void 0));connectedCallback(){this.$toggle.addEventListener("click",this.#t.bind(this)),this.$item.addEventListener("action",this.#n.bind(this)),this.$item.addEventListener("pointerenter",this.#i.bind(this)),this.$item.addEventListener("pointerleave",this.#a.bind(this)),this.$item.addEventListener("dragstart",this.#r.bind(this)),this.$item.addEventListener("dragend",this.#s.bind(this)),this.$labelButton.addEventListener("dblclick",this.#o.bind(this)),this.$labelButton.addEventListener("click",this.#e.bind(this)),this.$labelButton.addEventListener("keydown",this.#d.bind(this)),this.$iconButton.addEventListener("dblclick",this.#l.bind(this)),this.$iconButton.addEventListener("click",this.#c.bind(this)),this.$iconButton.addEventListener("keydown",this.#h.bind(this)),this.$item.addEventListener("contextmenu",this.#p.bind(this)),this.$input.addEventListener("blur",this.#m.bind(this)),this.$input.addEventListener("keydown",this.#g.bind(this)),this.$items.addEventListener("action",this.#u.bind(this)),this.$items.addEventListener("move",this.#b.bind(this)),this.$items.addEventListener("toggle",this.#v.bind(this)),this.$items.addEventListener("select",this.#f.bind(this)),this.$items.addEventListener("rename",this.#y.bind(this)),this.$items.addEventListener("up",this.#w.bind(this)),this.$items.addEventListener("down",this.#x.bind(this)),this.$items.addEventListener("itemdragstart",this.#$.bind(this)),this.$items.addEventListener("itemdragend",this.#E.bind(this)),this.$items.addEventListener("itemdropenter",this.#L.bind(this)),this.$dropabove.addEventListener("dragenter",this.#k.bind(this)),this.$dropabove.addEventListener("dragleave",this.#S.bind(this)),this.$dropabove.addEventListener("dragover",this.#C.bind(this)),this.$dropabove.addEventListener("drop",this.#D.bind(this)),this.$dropon.addEventListener("dragenter",this.#B.bind(this)),this.$dropon.addEventListener("dragleave",this.#O.bind(this)),this.$dropon.addEventListener("dragover",this.#C.bind(this)),this.$dropon.addEventListener("drop",this.#A.bind(this)),this.$dropbelow.addEventListener("dragenter",this.#P.bind(this)),this.$dropbelow.addEventListener("dragleave",this.#T.bind(this)),this.$dropbelow.addEventListener("dragover",this.#C.bind(this)),this.$dropbelow.addEventListener("drop",this.#I.bind(this)),P({container:this.$actions,items:this.actions,type:e=>z}),this.expanded&&this.#R()}disconnectedCallback(){console.log("disconnect",this.index)}#z=(M(this,ue),!0);#R(){this.#z&&(P({container:this.$items,items:this.items,type:e=>be}),this.#z=!1)}render(e){e.label&&(this.$label.textContent=this.label),e.icon&&this.icon&&(this.$icon.path=this.icon.path),e.selected&&this.$item.classList.toggle("selected",this.selected),e.items&&this.$item.classList.toggle("items",0!==this.items.length),e.expanded&&(this.expanded&&this.#R(),this.$item.classList.toggle("expanded",this.expanded),this.$items.classList.toggle("expanded",this.expanded))}#t(){this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}}))}#l(e){const{ctrlKey:t,shiftKey:n}=e;t||n||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{type:"icondoubleclick",indexes:[this.index]}}))}#c(){this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{type:"icon",indexes:[this.index]}}))}#e(e){if(this.#j)return void(this.#j=!1);const{ctrlKey:t,shiftKey:n}=e;this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{type:"label",indexes:[this.index],ctrlKey:t,shiftKey:n}}))}#d(e){"Enter"===e.key&&(this.#K(),e.preventDefault())}#i(){this.dispatchEvent(new CustomEvent("enter",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}}))}#a(){this.dispatchEvent(new CustomEvent("leave",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}}))}#n(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent("action",{bubbles:!0,composed:!0,detail:{indexes:[this.index],actionIndex:e.detail.index}}))}#u(e){e.detail.indexes.unshift(this.index)}#b(e){e.detail.indexes.unshift(this.index)}#v(e){e.detail.indexes.unshift(this.index)}#y(e){e.detail.indexes.unshift(this.index)}#w(e){e.detail.indexes.unshift(this.index)}#x(e){e.detail.indexes.unshift(this.index)}#f(e){e.detail.indexes.unshift(this.index)}#L(e){e.detail.indexes.unshift(this.index)}#p(e){e.preventDefault()}#K(){this.$labelButton.classList.add("hide"),this.$actions.classList.add("hide"),this.$input.classList.remove("hide"),this.$input.value=this.label,this.$input.select(),this.#j=!0,this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0,detail:{type:"rename",indexes:[this.index]}}))}#j=!1;#o(e){const{ctrlKey:t,shiftKey:n}=e;t||n||(this.#K(),e.preventDefault())}#m(){this.$labelButton.classList.remove("hide"),this.$actions.classList.remove("hide"),this.$input.classList.add("hide"),this.$labelButton.click(),this.dispatchEvent(new CustomEvent("rename",{bubbles:!0,composed:!0,detail:{indexes:[this.index],label:this.$input.value}}))}#h(e){switch(e.key){case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),e.preventDefault();break;case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),e.preventDefault()}}#g(e){switch(e.key){case"Enter":this.#m();break;case"Escape":this.$labelButton.classList.remove("hide"),this.$actions.classList.remove("hide"),this.$input.classList.add("hide"),this.$input.value=this.label,this.$labelButton.click();break;case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),this.$labelButton.classList.remove("hide"),this.$actions.classList.remove("hide"),this.$input.classList.add("hide"),e.preventDefault();break;case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),this.$labelButton.classList.remove("hide"),this.$actions.classList.remove("hide"),this.$input.classList.add("hide"),e.preventDefault()}}#M;#r(e){let t=0;this.dispatchEvent(new CustomEvent("itemdragstart",{bubbles:!0,composed:!0,detail:{ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,indexes:[this.index],callback:e=>{t=e}}})),this.$item.classList.toggle("dragging",!0),this.$items.classList.toggle("dragging",!0);const n=window.devicePixelRatio,i=document.createElement("canvas");document.body.append(i),i.width=100*n,i.height=40*n,i.style.width=i.width/n+"px";var a=i.getContext("2d");if(a){const e=`${t}`;a.font=`bold ${16*n}px Segoe UI`;const i=a.measureText(e);a.fillStyle="#453C4F",a.beginPath(),a.roundRect(20*n,0,(i.width+12)*n,28*n,8+2*n),a.fill(),a.fillStyle="#FFF",a.beginPath(),a.roundRect(22*n,2*n,(i.width+12-4)*n,24*n,8),a.fill(),a.fillStyle="#453C4F",a.fillText(e,30*n,20*n)}e.dataTransfer.setDragImage(i,0,0),this.#M=i}#s(e){this.dispatchEvent(new CustomEvent("itemdragend",{bubbles:!0,composed:!0,detail:{indexes:[this.index]}})),this.$item.classList.toggle("dragging",!1),this.$items.classList.toggle("dragging",!1),this.#M.remove()}#$(e){e.detail.indexes.unshift(this.index)}#E(e){e.detail.indexes.unshift(this.index)}#k(e){this.dispatchEvent(new CustomEvent("itemdropenter",{bubbles:!0,composed:!0,detail:{indexes:[this.index],callback:t=>{t&&(e.dataTransfer.dropEffect="move")}}})),e.target.classList.toggle("drop",!0),e.dataTransfer.setData("text","test"),e.dataTransfer.effectAllowed="move"}#S(e){console.log("darg leave"),e.target.classList.toggle("drop",!1)}#F;#B(e){this.dispatchEvent(new CustomEvent("itemdropenter",{bubbles:!0,composed:!0,detail:{indexes:[this.index],callback:t=>{t&&(e.dataTransfer.dropEffect="move")}}})),e.target.classList.toggle("drop",!0),this.#F=setTimeout((()=>{this.#t()}),1500)}#O(e){clearTimeout(this.#F),console.log("darg leave"),e.target.classList.toggle("drop",!1)}#P(e){this.dispatchEvent(new CustomEvent("itemdropenter",{bubbles:!0,composed:!0,detail:{indexes:[this.index],callback:t=>{t&&(e.dataTransfer.dropEffect="move")}}})),e.target.classList.toggle("drop",!0)}#T(e){console.log("darg leave"),e.target.classList.toggle("drop",!1)}#C(e){e.preventDefault(),e.dataTransfer.dropEffect="move"}#D(e){e.target.classList.toggle("drop",!1),this.dispatchEvent(new CustomEvent("move",{bubbles:!0,composed:!0,detail:{indexes:[this.index],position:"before"}}))}#A(e){e.target.classList.toggle("drop",!1),this.dispatchEvent(new CustomEvent("move",{bubbles:!0,composed:!0,detail:{indexes:[this.index],position:"on"}}))}#I(e){e.target.classList.toggle("drop",!1),this.dispatchEvent(new CustomEvent("move",{bubbles:!0,composed:!0,detail:{indexes:[this.index],position:"after"}}))}};be=t})()})();