@pictogrammers/components 0.4.4 → 0.4.5

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@pictogrammers/components",
     "type": "module",
-    "version": "0.4.4",
+    "version": "0.4.5",
     "license": "MIT",
     "author": "Austin Andrews",
     "scripts": {

package/pg/app/app.css

@@ -4,8 +4,8 @@
 
 [part=grid] {
   display: grid;
-  grid-template-columns: auto 0.5rem 1fr;
-  grid-template-rows: auto 1fr;
+  grid-template-columns: auto 0.5rem minmax(0, 1fr);
+  grid-template-rows: auto minmax(0, 1fr);
   height: 100%;
 }
 

package/pg/inputPixelEditor/__examples__/basic/basic.ts

@@ -142,7 +142,7 @@ export default class XPgInputPixelEditorBasic extends HTMLElement {
           const size = content.match(/viewBox="\d+ \d+ (\d+) (\d+)"/) as string[];
           const width = parseInt(size[1], 10);
           const height = parseInt(size[2], 10);
-          const path = (content.match(/d="([^"]+)"/) as string[])[1];
+          const path = (content.match(/\sd="([^"]+)"/) as string[])[1];
           // Render path
           console.log(path, size[1], size[2]);
           this.$input.applyTemplate(maskToBitmap(path, width, height));

package/pg/menu/__examples__/basic/basic.ts

@@ -27,7 +27,11 @@ export default class XPgMenuBasic extends HTMLElement {
     },
     {
       label: 'Item 3',
-      value: 'item3'
+      value: 'item3',
+      items: [{
+        label: 'Item 4',
+        value: 'item4'
+      }]
     }];
     this.$menu.addEventListener('select', this.#handleSelect.bind(this));
   }

package/pg/menuItem/menuItem.css

@@ -80,7 +80,7 @@
 
 [part=label].more::after {
   position: absolute;
-  translate: -0.5rem 0;
+  translate: -2.5rem 0;
   right: 0;
   content: var(--pg-menu-item-check, url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='rgb(69, 60, 79)' /></svg>"));
   width: 1.5rem;

package/pg/menuItem/menuItem.ts

@@ -1,5 +1,7 @@
 import { Component, Prop, Part, forEach } from '@pictogrammers/element';
 
+import PgOverlaySubMenu from '../overlaySubMenu/overlaySubMenu';
+
 import template from './menuItem.html';
 import style from './menuItem.css';
 
@@ -36,13 +38,41 @@ export default class PgMenuItem extends HTMLElement {
         this.dispatchEvent(new CustomEvent('hasCheck', { bubbles: true }));
       }
     }
+    if (changes.items) {
+      this.$label.classList.toggle('more', this.items.length > 0);
+    }
   }
 
   connectedCallback() {
-    this.$label.addEventListener('click', () => {
-      this.dispatchEvent(new CustomEvent('select', {
-        detail: { index: this.index }
-      }));
+    this.$label.addEventListener('click', async () => {
+      if (this.items.length > 0) {
+        const result = await PgOverlaySubMenu.open({
+          source: this.$label,
+          x: 0,
+          y: 0,
+          value: this.items[0],
+          items: this.items
+        });
+        if (result === null) {
+          this.focus();
+        } else if (result) {
+          this.dispatchEvent(new CustomEvent('select', {
+            detail: {
+              item: result
+            }
+          }));
+        } else {
+          this.dispatchEvent(new CustomEvent('close', {
+            detail: {
+              depth: -1
+            }
+          }));
+        }
+      } else {
+        this.dispatchEvent(new CustomEvent('select', {
+          detail: { index: this.index }
+        }));
+      }
     });
     this.$label.addEventListener('keydown', (e: KeyboardEvent) => {
       switch (e.key) {

package/pg/menuItemIcon/menuItemIcon.ts

@@ -1,6 +1,6 @@
 import { Component, Prop, Part } from '@pictogrammers/element';
 
-import PgOverlaySubMenu from '../overlaySubMenu/overlaySubMenu'
+import PgOverlaySubMenu from '../overlaySubMenu/overlaySubMenu';
 import PgIcon from '../icon/icon';
 
 import template from './menuItemIcon.html';

package/pgApp.js

@@ -1 +1 @@
-(()=>{"use strict";var e={314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",o=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),o&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),o&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,o,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(a[l]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);o&&a[d[0]]||(void 0!==i&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=i),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),t.push(d))}},t}},601:e=>{e.exports=function(e){return e[1]}},801:(e,t,n)=>{n.d(t,{A:()=>l});var o=n(601),r=n.n(o),i=n(314),a=n.n(i)()(r());a.push([e.id,":host {\n  display: contents;\n}\n\n[part=grid] {\n  display: grid;\n  grid-template-columns: auto 0.5rem 1fr;\n  grid-template-rows: auto 1fr;\n  height: 100%;\n}\n\n[part=header] {\n  display: flex;\n  grid-column: 1 / 4;\n  grid-row: 1;\n  border-bottom: 2px solid #453C4F;\n}\n\n[part=header] > button {\n  display: flex;\n  border: 0;\n  padding: 0.5rem;\n  background-color: transparent;\n  border-right: 1px solid rgba(69, 60, 79, 0.5);\n  outline: none;\n}\n\n[part=header] > button:hover {\n  background-color: rgba(69, 60, 79, 0.10);\n}\n\n[part=header] > button:focus-visible {\n  position: relative;\n}\n\n[part=header] > button:focus-visible::before {\n  pointer-events: none;\n  content: '';\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  bottom: 3px;\n  left: 3px;\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgba(79, 143, 249, 0.5));\n}\n\n[part=header] > button.selected {\n  --pg-icon-color: rgb(79, 143, 249);\n}\n\n[part=header] > button.selected:hover {\n  background-color: #fff;\n}\n\n[part=side] {\n  display: flex;\n  flex-direction: column;\n  grid-column: 1;\n  grid-row: 2;\n  min-width: 10rem;\n  max-width: 20rem;\n}\n\n[part=main] {\n  display: flex;\n  flex-direction: column;\n  grid-column: 3;\n  grid-row: 2;\n}\n\n[part=resize] {\n  display: flex;\n  grid-column: 2;\n  grid-row: 2;\n  border: 0;\n  padding: 0;\n  cursor: ew-resize;\n  border-left: 1px solid #453C4F;\n  border-right: 1px solid #453C4F;\n  background-color: transparent;\n}\n\n[part=resize].dragging {\n  background-color: var(--pg-focus-color, rgb(79, 143, 249, 0.5))\n}\n\n[part=home] {\n  display: flex;\n  flex-direction: column;\n  grid-column: 1 / 4;\n  grid-row: 2;\n  background-color: #fff;\n  position: relative;\n}\n\n[part=home]::before {\n  content: ' ';\n  position: absolute;\n  top: -2px;\n  width: 2.5rem;\n  height: 2px;\n  background-color: #fff;\n}\n\n[part=home].selected {\n  background-color: #fff;\n}\n\n.hide {\n  display: none;\n}",""]);var s=new CSSStyleSheet;s.replaceSync(a.toString());const l=s}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var i=t[o]={id:o,exports:{}};return e[o](i,i.exports,n),i.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 o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);Symbol("addObserver"),Symbol("removeObserver"),Symbol("getObservers"),Symbol("isProxy"),Symbol("getTarget");const o=new Map;window.observers=o;Error;Symbol("index");const r=Symbol("init"),i=Symbol("template"),a=Symbol("style"),s=Symbol("parent");function l(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function c(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var o,c;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[s]||t.prototype[s][t.prototype[s].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[s]=[t.prototype],t.prototype[a]=e.style?[e.style]:[],t.prototype[i]=e.template||""):(t.prototype[s].push(t.prototype),t.prototype[a].push(e.style),t.prototype[i]=(o=t.prototype[i],(c=e.template||null)&&c.match(/<parent\/>/)?c.replace(/<parent\/>/,o):`${o}${c||""}`));const d=t.prototype.connectedCallback||(()=>{}),p=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[i]||"";const n=document.importNode(e.content,!0),o=this.attachShadow({mode:"open"});o.adoptedStyleSheets=t.prototype[a].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),o.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 o=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),c=()=>{this[s].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[l(t)]=!0,e)),{}):{})}))};0===o.length?(this[r]=!0,d.call(this),c()):Promise.all(o).then((()=>{this[r]=!0,d.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));c()}))},t.prototype.disconnectedCallback=function(){p.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 d(){return function(e,t){const n=t.name,o=n.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,n,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${o}]`))}})}))}}Symbol("hasProxy");Symbol("meta");var p=n(801),u=function(e,t,n,o,r,i){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=o.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?o.static?e:e.prototype:null,p=t||(d?Object.getOwnPropertyDescriptor(d,o.name):{}),u=!1,h=n.length-1;h>=0;h--){var m={};for(var f in o)m[f]="access"===f?{}:o[f];for(var f in o.access)m.access[f]=o.access[f];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");i.push(a(e||null))};var g=(0,n[h])("accessor"===l?{get:p.get,set:p.set}:p[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=a(g.get))&&(p.get=s),(s=a(g.set))&&(p.set=s),(s=a(g.init))&&r.unshift(s)}else(s=a(g))&&("field"===l?r.unshift(s):p[c]=s)}d&&Object.defineProperty(d,o.name,p),u=!0},h=function(e,t,n){for(var o=arguments.length>2,r=0;r<t.length;r++)n=o?t[r].call(e,n):t[r].call(e);return o?n:void 0};(()=>{let e,t,n,o,r,i,a=[c({selector:"pg-app",style:p.A,template:'<div part="grid"> <header part="header"> <button part="logo"> <slot name="icon"></slot> </button> <slot name="top"></slot> </header> <div part="side"> <slot name="side"></slot> </div> <button part="resize"></button> <div part="main"> <slot name="main"></slot> </div> <div part="home" class="hide"> <slot name="home"></slot> </div> </div>'})],s=[],l=HTMLElement,m=[],f=[],g=[],b=[],v=[],y=[],w=[],S=[];(class extends l{static{t=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;n=[d()],o=[d()],r=[d()],i=[d()],u(null,null,n,{kind:"field",name:"$logo",static:!1,private:!1,access:{has:e=>"$logo"in e,get:e=>e.$logo,set:(e,t)=>{e.$logo=t}},metadata:c},m,f),u(null,null,o,{kind:"field",name:"$home",static:!1,private:!1,access:{has:e=>"$home"in e,get:e=>e.$home,set:(e,t)=>{e.$home=t}},metadata:c},g,b),u(null,null,r,{kind:"field",name:"$side",static:!1,private:!1,access:{has:e=>"$side"in e,get:e=>e.$side,set:(e,t)=>{e.$side=t}},metadata:c},v,y),u(null,null,i,{kind:"field",name:"$resize",static:!1,private:!1,access:{has:e=>"$resize"in e,get:e=>e.$resize,set:(e,t)=>{e.$resize=t}},metadata:c},w,S),u(null,e={value:t},a,{kind:"class",name:t.name,metadata:c},null,s),t=e.value,c&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),h(t,s)}$logo=h(this,m,void 0);$home=(h(this,f),h(this,g,void 0));$side=(h(this,b),h(this,v,void 0));$resize=(h(this,y),h(this,w,void 0));connectedCallback(){this.$logo.addEventListener("click",this.#e.bind(this)),this.$resize.addEventListener("pointerdown",this.#t.bind(this))}#e(){this.$logo.classList.toggle("selected"),this.$home.classList.toggle("hide")}#t(e){const{clientX:t}=e;this.$resize.classList.add("dragging");const n=this.$side.getBoundingClientRect().width;let o=t;const r=e=>{const t=o-e.clientX,r=n-t;this.$side.style.width=`${r}px`},i=()=>{this.$resize.classList.remove("dragging"),document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",i)};document.addEventListener("pointermove",r),document.addEventListener("pointerup",i)}constructor(){super(...arguments),h(this,S)}})})()})();
+(()=>{"use strict";var e={314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",o=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),o&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),o&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,o,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(a[l]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);o&&a[d[0]]||(void 0!==i&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=i),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),r&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=r):d[4]="".concat(r)),t.push(d))}},t}},601:e=>{e.exports=function(e){return e[1]}},801:(e,t,n)=>{n.d(t,{A:()=>l});var o=n(601),r=n.n(o),i=n(314),a=n.n(i)()(r());a.push([e.id,":host {\n  display: contents;\n}\n\n[part=grid] {\n  display: grid;\n  grid-template-columns: auto 0.5rem minmax(0, 1fr);\n  grid-template-rows: auto minmax(0, 1fr);\n  height: 100%;\n}\n\n[part=header] {\n  display: flex;\n  grid-column: 1 / 4;\n  grid-row: 1;\n  border-bottom: 2px solid #453C4F;\n}\n\n[part=header] > button {\n  display: flex;\n  border: 0;\n  padding: 0.5rem;\n  background-color: transparent;\n  border-right: 1px solid rgba(69, 60, 79, 0.5);\n  outline: none;\n}\n\n[part=header] > button:hover {\n  background-color: rgba(69, 60, 79, 0.10);\n}\n\n[part=header] > button:focus-visible {\n  position: relative;\n}\n\n[part=header] > button:focus-visible::before {\n  pointer-events: none;\n  content: '';\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  bottom: 3px;\n  left: 3px;\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgba(79, 143, 249, 0.5));\n}\n\n[part=header] > button.selected {\n  --pg-icon-color: rgb(79, 143, 249);\n}\n\n[part=header] > button.selected:hover {\n  background-color: #fff;\n}\n\n[part=side] {\n  display: flex;\n  flex-direction: column;\n  grid-column: 1;\n  grid-row: 2;\n  min-width: 10rem;\n  max-width: 20rem;\n}\n\n[part=main] {\n  display: flex;\n  flex-direction: column;\n  grid-column: 3;\n  grid-row: 2;\n}\n\n[part=resize] {\n  display: flex;\n  grid-column: 2;\n  grid-row: 2;\n  border: 0;\n  padding: 0;\n  cursor: ew-resize;\n  border-left: 1px solid #453C4F;\n  border-right: 1px solid #453C4F;\n  background-color: transparent;\n}\n\n[part=resize].dragging {\n  background-color: var(--pg-focus-color, rgb(79, 143, 249, 0.5))\n}\n\n[part=home] {\n  display: flex;\n  flex-direction: column;\n  grid-column: 1 / 4;\n  grid-row: 2;\n  background-color: #fff;\n  position: relative;\n}\n\n[part=home]::before {\n  content: ' ';\n  position: absolute;\n  top: -2px;\n  width: 2.5rem;\n  height: 2px;\n  background-color: #fff;\n}\n\n[part=home].selected {\n  background-color: #fff;\n}\n\n.hide {\n  display: none;\n}",""]);var s=new CSSStyleSheet;s.replaceSync(a.toString());const l=s}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var i=t[o]={id:o,exports:{}};return e[o](i,i.exports,n),i.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 o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);Symbol("addObserver"),Symbol("removeObserver"),Symbol("getObservers"),Symbol("isProxy"),Symbol("getTarget");const o=new Map;window.observers=o;Error;Symbol("index");const r=Symbol("init"),i=Symbol("template"),a=Symbol("style"),s=Symbol("parent");function l(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function c(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var o,c;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[s]||t.prototype[s][t.prototype[s].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[s]=[t.prototype],t.prototype[a]=e.style?[e.style]:[],t.prototype[i]=e.template||""):(t.prototype[s].push(t.prototype),t.prototype[a].push(e.style),t.prototype[i]=(o=t.prototype[i],(c=e.template||null)&&c.match(/<parent\/>/)?c.replace(/<parent\/>/,o):`${o}${c||""}`));const d=t.prototype.connectedCallback||(()=>{}),p=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[i]||"";const n=document.importNode(e.content,!0),o=this.attachShadow({mode:"open"});o.adoptedStyleSheets=t.prototype[a].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),o.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 o=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),c=()=>{this[s].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[l(t)]=!0,e)),{}):{})}))};0===o.length?(this[r]=!0,d.call(this),c()):Promise.all(o).then((()=>{this[r]=!0,d.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));c()}))},t.prototype.disconnectedCallback=function(){p.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 d(){return function(e,t){const n=t.name,o=n.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,n,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${o}]`))}})}))}}Symbol("hasProxy");Symbol("meta");var p=n(801),u=function(e,t,n,o,r,i){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=o.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?o.static?e:e.prototype:null,p=t||(d?Object.getOwnPropertyDescriptor(d,o.name):{}),u=!1,h=n.length-1;h>=0;h--){var m={};for(var f in o)m[f]="access"===f?{}:o[f];for(var f in o.access)m.access[f]=o.access[f];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");i.push(a(e||null))};var g=(0,n[h])("accessor"===l?{get:p.get,set:p.set}:p[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(s=a(g.get))&&(p.get=s),(s=a(g.set))&&(p.set=s),(s=a(g.init))&&r.unshift(s)}else(s=a(g))&&("field"===l?r.unshift(s):p[c]=s)}d&&Object.defineProperty(d,o.name,p),u=!0},h=function(e,t,n){for(var o=arguments.length>2,r=0;r<t.length;r++)n=o?t[r].call(e,n):t[r].call(e);return o?n:void 0};(()=>{let e,t,n,o,r,i,a=[c({selector:"pg-app",style:p.A,template:'<div part="grid"> <header part="header"> <button part="logo"> <slot name="icon"></slot> </button> <slot name="top"></slot> </header> <div part="side"> <slot name="side"></slot> </div> <button part="resize"></button> <div part="main"> <slot name="main"></slot> </div> <div part="home" class="hide"> <slot name="home"></slot> </div> </div>'})],s=[],l=HTMLElement,m=[],f=[],g=[],b=[],v=[],y=[],w=[],S=[];(class extends l{static{t=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;n=[d()],o=[d()],r=[d()],i=[d()],u(null,null,n,{kind:"field",name:"$logo",static:!1,private:!1,access:{has:e=>"$logo"in e,get:e=>e.$logo,set:(e,t)=>{e.$logo=t}},metadata:c},m,f),u(null,null,o,{kind:"field",name:"$home",static:!1,private:!1,access:{has:e=>"$home"in e,get:e=>e.$home,set:(e,t)=>{e.$home=t}},metadata:c},g,b),u(null,null,r,{kind:"field",name:"$side",static:!1,private:!1,access:{has:e=>"$side"in e,get:e=>e.$side,set:(e,t)=>{e.$side=t}},metadata:c},v,y),u(null,null,i,{kind:"field",name:"$resize",static:!1,private:!1,access:{has:e=>"$resize"in e,get:e=>e.$resize,set:(e,t)=>{e.$resize=t}},metadata:c},w,S),u(null,e={value:t},a,{kind:"class",name:t.name,metadata:c},null,s),t=e.value,c&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),h(t,s)}$logo=h(this,m,void 0);$home=(h(this,f),h(this,g,void 0));$side=(h(this,b),h(this,v,void 0));$resize=(h(this,y),h(this,w,void 0));connectedCallback(){this.$logo.addEventListener("click",this.#e.bind(this)),this.$resize.addEventListener("pointerdown",this.#t.bind(this))}#e(){this.$logo.classList.toggle("selected"),this.$home.classList.toggle("hide")}#t(e){const{clientX:t}=e;this.$resize.classList.add("dragging");const n=this.$side.getBoundingClientRect().width;let o=t;const r=e=>{const t=o-e.clientX,r=n-t;this.$side.style.width=`${r}px`},i=()=>{this.$resize.classList.remove("dragging"),document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",i)};document.addEventListener("pointermove",r),document.addEventListener("pointerup",i)}constructor(){super(...arguments),h(this,S)}})})()})();

package/pgMenu.js

@@ -1 +1 @@
-(()=>{"use strict";var e={209: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},219:(e,t,n)=>{n.d(t,{A:()=>E});var r=n(601),i=n.n(r),o=n(314),s=n.n(o),a=n(417),l=n.n(a),c=new URL(n(662),n.b),d=new URL(n(708),n.b),h=new URL(n(383),n.b),u=new URL(n(544),n.b),p=new URL(n(570),n.b),m=new URL(n(209),n.b),f=s()(i()),b=l()(c),g=l()(d),v=l()(h),y=l()(u),w=l()(p),x=l()(m);f.push([e.id,`:host {\n  display: contents;\n}\n\n[part=label] {\n  outline: none;\n  display: flex;\n  align-items: center;\n  font-family: var(--pg-font-family);\n  text-align: var(--pg-menu-item-text-align, left);\n  background: var(--pg-menu-item-background, transparent);\n  padding: var(--pg-menu-item-padding, 0.25rem 0.5rem 0.25rem 0.5rem);\n  border-color: transparent;\n  border-width: 0;\n  border-style: solid;\n  border-top-left-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n  border-top-right-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n  border-bottom-left-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n  border-bottom-right-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n  color: var(--pg-menu-item-color, #453C4F);\n}\n\n[part=label]:not(:disabled):active,\n[part=label]:not(:disabled):hover {\n  background: var(--pg-menu-item-selected-background, #453C4F);\n  color: #FFFFFF;\n}\n\n[part=label]:not(:disabled):active {\n  background: var(--pg-menu-item-active-background, #5f516e);\n}\n\n[part=label]:disabled {\n  color: var(--pg-menu-item-disabled-color, rgb(69, 60, 79, 0.75));\n}\n\n@container style(--pg-menu-_has-check: true) {\n  [part=label] {\n    padding-inline-start: 1.5rem;\n  }\n\n  [part=label].checked::before {\n    position: absolute;\n    translate: -1.5rem 0;\n    content: var(--pg-menu-item-check, url(${b}));\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  [part=label].checked:active::before,\n  [part=label].checked:hover::before {\n    content: var(--pg-menu-item-hover-check, url(${g}));\n  }\n\n  [part=label].checked:disabled::before {\n    content: var(--pg-menu-item-disabled-check, url(${v}));\n  }\n}\n\n[part=label]:focus-visible {\n  position: relative;\n}\n\n[part=label]:focus-visible::after {\n  pointer-events: none;\n  content: '';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: 0.25rem;\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.5));\n}\n\n[part=label]:focus-visible:not(:hover)::after {\n  background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));\n}\n\n\n[part=label].more::after {\n  position: absolute;\n  translate: -0.5rem 0;\n  right: 0;\n  content: var(--pg-menu-item-check, url(${y}));\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n[part=label].more:active::after,\n[part=label].more:hover::after {\n  content: var(--pg-menu-item-hover-check, url(${w}));\n}\n\n[part=label].more:disabled::after {\n  content: var(--pg-menu-item-disabled-check, url(${x}));\n}\n`,""]);var k=new CSSStyleSheet;k.replaceSync(f.toString());const E=k},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,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(r)for(var a=0;a<this.length;a++){var l=this[a][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!==o&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=o),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),i&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=i):d[4]="".concat(i)),t.push(d))}},t}},383: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},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}},544: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},553:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),i=n.n(r),o=n(314),s=n.n(o)()(i());s.push([e.id,":host {\n  display: contents;\n}\n\n[part=items] {\n  display: flex;\n  flex-direction: column;\n  padding: var(--pg-menu-padding, 0.25rem);\n  border-width: var(--pg-menu-border-width, 1px);\n  border-color: var(--pg-menu-border-color, #453C4F);\n  border-style: solid;\n  border-radius: 0.5rem;\n  background-color: var(--pg-menu-background-color, #FFFFFF);\n  box-shadow: var(--pg-menu-box-shadow, none);\n}\n\n[part=items].check {\n  --pg-menu-_has-check: true;\n}",""]);var a=new CSSStyleSheet;a.replaceSync(s.toString());const l=a},570: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27white%27 /></svg>"},601:e=>{e.exports=function(e){return e[1]}},662: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},708: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27white%27 /></svg>"}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var o=t[r]={id:r,exports:{}};return e[r](o,o.exports,n),o.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 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),n.b="undefined"!=typeof document&&document.baseURI||self.location.href;const r=Symbol("addObserver"),i=Symbol("removeObserver"),o=Symbol("getObservers"),s=Symbol("isProxy"),a=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 a:return t;case o: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 i: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",m="reverse",f="shift",b="sort",g="splice",v="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"),k=Symbol("parent");function E(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function S(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function L(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,i;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[k]||t.prototype[k][t.prototype[k].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[k]=[t.prototype],t.prototype[x]=e.style?[e.style]:[],t.prototype[w]=e.template||""):(t.prototype[k].push(t.prototype),t.prototype[x].push(e.style),t.prototype[w]=(r=t.prototype[w],(i=e.template||null)&&i.match(/<parent\/>/)?i.replace(/<parent\/>/,r):`${r}${i||""}`));const o=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),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[x].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))),i=()=>{this[k].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[S(t)]=!0,e)),{}):{})}))};0===r.length?(this[y]=!0,o.call(this),i()):Promise.all(r).then((()=>{this[y]=!0,o.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));i()}))},t.prototype.disconnectedCallback=function(){s.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[S(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 $(e){return!!e&&e.constructor===Array}function C(e,t){e[y]&&e[k].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function P(e){return null===e?"null":$(e)?"array":typeof e}function O(e){return function(t,n){const r=n.name,i=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[i][s]?this[i]:d(this[i]):this[i],set:t=>{const n=P(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(!$(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[i]===t)throw new Error("Setting an array to itself is not allowed.");const e=d(this[i]);if(e[o]){const n=t[s]?(c=t)[s]&&c[a]:t;e.splice(0,this[i].length,...n)}else this[i]=t}else this[i]=e?e(t):t,C(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=E(r);t[r]||(e.observedAttributes.push(n),t[r]=i)}return this[l]=P(t),"array"===this[l]?(this[i]=t,new Proxy(t,{get:(e,t)=>t===R?this[c]:(console.log("errr???"),Reflect.get(this[i],t)),set:(e,t,n)=>{if(t===R)return this[c]=n,!0;const o=Reflect.set(e,t,n);return"length"===t&&this[i].length===n||C(this,r),this[i]=n,o}})):(this[i]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[i])}}}function A(){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 R=Symbol("meta");function j({container:e,items:t,type:n,create:i,connect:o,disconnect:s,update:a}){function l(e,o){const s=n(e),a=document.createElement(E(s.name),s),l=s.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")&&(a.index=o),-1!==c.indexOf("index")&&c.splice(c.indexOf("index"),1),c.forEach((t=>{a[t]=e[t]})),i&&i(a,d(e)),t[o][r](a,((e,t)=>{a[e]=t})),a}t.forEach(((t,n)=>{const r=l(t,n);e.appendChild(r),o&&o(r,d(t))})),t[r](e,((n,r,i)=>{switch(r){case h:const[n,r,a]=i;for(let i=r||0;i<(a||t.length);i++)Object.keys(n).forEach((t=>{e.children[i][t]=n[t]}));break;case u:const c=e.children.length;c>0&&e.children[c-1].remove();break;case p:const y=e.children.length;[...i].forEach(((t,n)=>{const r=l(t,y+n);e.appendChild(r),o&&o(r,d(t))}));break;case m:for(var s=1;s<e.children.length;s++)e.insertBefore(e.children[s],e.children[0]);break;case f: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 g:const[w,x,...k]=i;if(x>0)for(let t=w;t<x+w;t++)e.children[t].remove();let E=k.length||0;if(E>0){const t=k.map(((e,t)=>l(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=>{o&&o(e,k[s])}))}else for(let t=w;t<e.children.length;t++)e.children[t].index=t;break;case v:const S=e.children.length&&e.children[0],L=[...i].length;[...i].forEach(((t,n)=>{S?S.before(l(t,n)):e.appendChild(l(t,n))}));for(let t=L;t<e.children.length;t++)e.children[t].index=t}}))}var F=n(219),T=function(e,t,n,r,i,o){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,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 m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");o.push(s(e||null))};var b=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],m);if("accessor"===l){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(a=s(b.get))&&(h.get=a),(a=s(b.set))&&(h.set=a),(a=s(b.init))&&i.unshift(a)}else(a=s(b))&&("field"===l?i.unshift(a):h[c]=a)}d&&Object.defineProperty(d,r.name,h),u=!0},M=function(e,t,n){for(var r=arguments.length>2,i=0;i<t.length;i++)n=r?t[i].call(e,n):t[i].call(e);return r?n:void 0};const z=(()=>{let e,t,n,r,i,o,s,a,l=[L({selector:"pg-menu-item",style:F.A,template:'<button part="label"></button>'})],c=[],d=HTMLElement,h=[],u=[],p=[],m=[],f=[],b=[],g=[],v=[],y=[],w=[],x=[],k=[];(class extends d{static{t=this}static{const E="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[O()],r=[O()],i=[O()],o=[O()],s=[O()],a=[A()],T(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:E},h,u),T(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:E},p,m),T(null,null,i,{kind:"field",name:"checked",static:!1,private:!1,access:{has:e=>"checked"in e,get:e=>e.checked,set:(e,t)=>{e.checked=t}},metadata:E},f,b),T(null,null,o,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:E},g,v),T(null,null,s,{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:E},y,w),T(null,null,a,{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:E},x,k),T(null,e={value:t},l,{kind:"class",name:t.name,metadata:E},null,c),t=e.value,E&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:E})}static delegatesFocus=!0;index=M(this,h,void 0);label=(M(this,u),M(this,p,""));checked=(M(this,m),M(this,f,!1));disabled=(M(this,b),M(this,g,!1));items=(M(this,v),M(this,y,[]));$label=(M(this,w),M(this,x,void 0));render(e){e.label&&(this.$label.textContent=this.label),e.disabled&&(this.$label.disabled=this.disabled),e.checked&&this.$label.classList.toggle("checked",this.checked),e.checked&&!0===this.checked&&this.dispatchEvent(new CustomEvent("hasCheck",{bubbles:!0}))}connectedCallback(){this.$label.addEventListener("click",(()=>{this.dispatchEvent(new CustomEvent("select",{detail:{index:this.index}}))})),this.$label.addEventListener("keydown",(e=>{switch(e.key){case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{detail:{index:this.index}})),e.preventDefault();break;case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{detail:{index:this.index}})),e.preventDefault();break;case"Escape":this.dispatchEvent(new CustomEvent("close")),e.preventDefault()}}))}focus(){this.$label.focus()}getHeight(){return this.$label.getBoundingClientRect().height}constructor(){super(...arguments),M(this,k)}static{M(t,c)}});return t})();var I=n(553),U=function(e,t,n,r,i,o){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,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 m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");o.push(s(e||null))};var b=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],m);if("accessor"===l){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(a=s(b.get))&&(h.get=a),(a=s(b.set))&&(h.set=a),(a=s(b.init))&&i.unshift(a)}else(a=s(b))&&("field"===l?i.unshift(a):h[c]=a)}d&&Object.defineProperty(d,r.name,h),u=!0},D=function(e,t,n){for(var r=arguments.length>2,i=0;i<t.length;i++)n=r?t[i].call(e,n):t[i].call(e);return r?n:void 0};(()=>{let e,t,n,r,i=[L({selector:"pg-menu",style:I.A,template:'<div part="items"></div>'})],o=[],s=HTMLElement,a=[],l=[],c=[],d=[];(class extends s{static{t=this}static{const h="function"==typeof Symbol&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;n=[O()],r=[A()],U(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},a,l),U(null,null,r,{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},c,d),U(null,e={value:t},i,{kind:"class",name:t.name,metadata:h},null,o),t=e.value,h&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:h}),D(t,o)}items=D(this,a,[]);$items=(D(this,l),D(this,c,void 0));connectedCallback(){j({container:this.$items,items:this.items,type:e=>e.type??z,create:(e,t)=>{e.addEventListener("close",(e=>{const{depth:t}=e.detail;this.dispatchEvent(new CustomEvent("close",{detail:{depth:t}}))})),e.addEventListener("select",(e=>{const{index:n}=e.detail;this.dispatchEvent(new CustomEvent("select",{detail:{indexes:[n],item:t}}))})),e.addEventListener("up",(e=>{const{index:t}=e.detail;this.#e(t-1,-1,t)})),e.addEventListener("down",(e=>{const{index:t}=e.detail;this.#e(t+1,1,t)}))}}),this.$items.addEventListener("hasCheck",(e=>{e.stopPropagation(),this.$items.classList.toggle("check",!0)}))}#e(e,t,n){if(e===n)return;if(-1===e)return this.#e(this.items.length-1,t,n);if(e>=this.items.length)return this.#e(0,t,n);const r=this.$items.children[e];if(!1===r.focusable||this.items[e].disabled)return this.#e(e+t,t,n);r?.focus()}focus(e){if(-1===e)this.#e(0,1,this.items.length-1);else{const t=this.$items.children[e];t?.focus()}}getItemOffset(e,t){const n=getComputedStyle(this.$items);let r=parseInt(n.getPropertyValue("padding-top"),10);const i=this.items.length;if(e>i||t>i)throw new Error("startIndex or endIndex not within range of items");for(let n=e;n<t;n++){r+=this.$items.children[n].getHeight()}return r}getItemHeight(e){if(e>this.items.length)throw new Error("index outside range of items");return this.$items.children[e].getHeight()}constructor(){super(...arguments),D(this,d)}})})()})();
+(()=>{"use strict";var e={209: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},217:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),i=n.n(r),s=n(314),a=n.n(s)()(i());a.push([e.id,':host {\n  display: contents;\n}\n\n[part="overlay"] {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  overflow: visible;\n  --pg-menu-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.25);\n  top: calc(anchor(top) - 0.25rem);\n  left: calc(anchor(right) - 0.25rem);\n  min-width: 10rem;\n  translate: var(--pg-overlay-menu-_x, 0) var(--pg-overlay-menu-_y, 0);\n  position-try-fallbacks: --custom-right, --custom-left;\n}\n\n@position-try --custom-right {\n  top: calc(anchor(top) - 0.25rem);\n  left: calc(anchor(right) - 0.25rem);\n}\n\n@position-try --custom-left {\n  top: calc(anchor(top) - 0.25rem);\n  left: calc(anchor(left) - anchor-size(width) + 0.25rem);\n}\n',""]);var o=new CSSStyleSheet;o.replaceSync(a.toString());const l=o},219:(e,t,n)=>{n.d(t,{A:()=>E});var r=n(601),i=n.n(r),s=n(314),a=n.n(s),o=n(417),l=n.n(o),c=new URL(n(662),n.b),d=new URL(n(708),n.b),h=new URL(n(383),n.b),u=new URL(n(544),n.b),p=new URL(n(570),n.b),m=new URL(n(209),n.b),f=a()(i()),g=l()(c),v=l()(d),b=l()(h),y=l()(u),w=l()(p),x=l()(m);f.push([e.id,`:host {\n  display: contents;\n}\n\n[part=label] {\n  outline: none;\n  display: flex;\n  align-items: center;\n  font-family: var(--pg-font-family);\n  text-align: var(--pg-menu-item-text-align, left);\n  background: var(--pg-menu-item-background, transparent);\n  padding: var(--pg-menu-item-padding, 0.25rem 0.5rem 0.25rem 0.5rem);\n  border-color: transparent;\n  border-width: 0;\n  border-style: solid;\n  border-top-left-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n  border-top-right-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n  border-bottom-left-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n  border-bottom-right-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n  color: var(--pg-menu-item-color, #453C4F);\n}\n\n[part=label]:not(:disabled):active,\n[part=label]:not(:disabled):hover {\n  background: var(--pg-menu-item-selected-background, #453C4F);\n  color: #FFFFFF;\n}\n\n[part=label]:not(:disabled):active {\n  background: var(--pg-menu-item-active-background, #5f516e);\n}\n\n[part=label]:disabled {\n  color: var(--pg-menu-item-disabled-color, rgb(69, 60, 79, 0.75));\n}\n\n@container style(--pg-menu-_has-check: true) {\n  [part=label] {\n    padding-inline-start: 1.5rem;\n  }\n\n  [part=label].checked::before {\n    position: absolute;\n    translate: -1.5rem 0;\n    content: var(--pg-menu-item-check, url(${g}));\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  [part=label].checked:active::before,\n  [part=label].checked:hover::before {\n    content: var(--pg-menu-item-hover-check, url(${v}));\n  }\n\n  [part=label].checked:disabled::before {\n    content: var(--pg-menu-item-disabled-check, url(${b}));\n  }\n}\n\n[part=label]:focus-visible {\n  position: relative;\n}\n\n[part=label]:focus-visible::after {\n  pointer-events: none;\n  content: '';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: 0.25rem;\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.5));\n}\n\n[part=label]:focus-visible:not(:hover)::after {\n  background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));\n}\n\n\n[part=label].more::after {\n  position: absolute;\n  translate: -2.5rem 0;\n  right: 0;\n  content: var(--pg-menu-item-check, url(${y}));\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n[part=label].more:active::after,\n[part=label].more:hover::after {\n  content: var(--pg-menu-item-hover-check, url(${w}));\n}\n\n[part=label].more:disabled::after {\n  content: var(--pg-menu-item-disabled-check, url(${x}));\n}\n`,""]);var k=new CSSStyleSheet;k.replaceSync(f.toString());const E=k},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,i,s){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var o=0;o<this.length;o++){var l=this[o][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),i&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=i):d[4]="".concat(i)),t.push(d))}},t}},383: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},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}},544: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},553:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),i=n.n(r),s=n(314),a=n.n(s)()(i());a.push([e.id,":host {\n  display: contents;\n}\n\n[part=items] {\n  display: flex;\n  flex-direction: column;\n  padding: var(--pg-menu-padding, 0.25rem);\n  border-width: var(--pg-menu-border-width, 1px);\n  border-color: var(--pg-menu-border-color, #453C4F);\n  border-style: solid;\n  border-radius: 0.5rem;\n  background-color: var(--pg-menu-background-color, #FFFFFF);\n  box-shadow: var(--pg-menu-box-shadow, none);\n}\n\n[part=items].check {\n  --pg-menu-_has-check: true;\n}",""]);var o=new CSSStyleSheet;o.replaceSync(a.toString());const l=o},570: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27white%27 /></svg>"},601:e=>{e.exports=function(e){return e[1]}},662: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},708: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27white%27 /></svg>"}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var s=t[r]={id:r,exports:{}};return e[r](s,s.exports,n),s.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 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),n.b="undefined"!=typeof document&&document.baseURI||self.location.href;const r=Symbol("addObserver"),i=Symbol("removeObserver"),s=Symbol("getObservers"),a=Symbol("isProxy"),o=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 o: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 i: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",m="reverse",f="shift",g="sort",v="splice",b="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"),k=Symbol("parent");function E(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function S(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function $(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,i;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[k]||t.prototype[k][t.prototype[k].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[k]=[t.prototype],t.prototype[x]=e.style?[e.style]:[],t.prototype[w]=e.template||""):(t.prototype[k].push(t.prototype),t.prototype[x].push(e.style),t.prototype[w]=(r=t.prototype[w],(i=e.template||null)&&i.match(/<parent\/>/)?i.replace(/<parent\/>/,r):`${r}${i||""}`));const s=t.prototype.connectedCallback||(()=>{}),a=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),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[x].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))),i=()=>{this[k].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[S(t)]=!0,e)),{}):{})}))};0===r.length?(this[y]=!0,s.call(this),i()):Promise.all(r).then((()=>{this[y]=!0,s.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));i()}))},t.prototype.disconnectedCallback=function(){a.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[S(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 L(e){return!!e&&e.constructor===Array}function C(e,t){e[y]&&e[k].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function O(e){return null===e?"null":L(e)?"array":typeof e}function P(e){return function(t,n){const r=n.name,i=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[i][a]?this[i]:d(this[i]):this[i],set:t=>{const n=O(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(!L(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[i]===t)throw new Error("Setting an array to itself is not allowed.");const e=d(this[i]);if(e[s]){const n=t[a]?(c=t)[a]&&c[o]:t;e.splice(0,this[i].length,...n)}else this[i]=t}else this[i]=e?e(t):t,C(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=E(r);t[r]||(e.observedAttributes.push(n),t[r]=i)}return this[l]=O(t),"array"===this[l]?(this[i]=t,new Proxy(t,{get:(e,t)=>t===A?this[c]:(console.log("errr???"),Reflect.get(this[i],t)),set:(e,t,n)=>{if(t===A)return this[c]=n,!0;const s=Reflect.set(e,t,n);return"length"===t&&this[i].length===n||C(this,r),this[i]=n,s}})):(this[i]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[i])}}}function j(){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 A=Symbol("meta");function R({container:e,items:t,type:n,create:i,connect:s,disconnect:a,update:o}){function l(e,s){const a=n(e),o=document.createElement(E(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")&&(o.index=s),-1!==c.indexOf("index")&&c.splice(c.indexOf("index"),1),c.forEach((t=>{o[t]=e[t]})),i&&i(o,d(e)),t[s][r](o,((e,t)=>{o[e]=t})),o}t.forEach(((t,n)=>{const r=l(t,n);e.appendChild(r),s&&s(r,d(t))})),t[r](e,((n,r,i)=>{switch(r){case h:const[n,r,o]=i;for(let i=r||0;i<(o||t.length);i++)Object.keys(n).forEach((t=>{e.children[i][t]=n[t]}));break;case u:const c=e.children.length;c>0&&e.children[c-1].remove();break;case p:const y=e.children.length;[...i].forEach(((t,n)=>{const r=l(t,y+n);e.appendChild(r),s&&s(r,d(t))}));break;case m:for(var a=1;a<e.children.length;a++)e.insertBefore(e.children[a],e.children[0]);break;case f:e.children.length&&e.children[0].remove();for(let t=0;t<e.children.length;t++)e.children[t].index=t;break;case g:throw new Error("ToDo... write sort.");case v:const[w,x,...k]=i;if(x>0)for(let t=w;t<x+w;t++)e.children[t].remove();let E=k.length||0;if(E>0){const t=k.map(((e,t)=>l(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=>{s&&s(e,k[a])}))}else for(let t=w;t<e.children.length;t++)e.children[t].index=t;break;case b:const S=e.children.length&&e.children[0],$=[...i].length;[...i].forEach(((t,n)=>{S?S.before(l(t,n)):e.appendChild(l(t,n))}));for(let t=$;t<e.children.length;t++)e.children[t].index=t}}))}var T=function(e,t,n,r,i,s){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,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 m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");s.push(a(e||null))};var g=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(o=a(g.get))&&(h.get=o),(o=a(g.set))&&(h.set=o),(o=a(g.init))&&i.unshift(o)}else(o=a(g))&&("field"===l?i.unshift(o):h[c]=o)}d&&Object.defineProperty(d,r.name,h),u=!0},F=function(e,t,n){for(var r=arguments.length>2,i=0;i<t.length;i++)n=r?t[i].call(e,n):t[i].call(e);return r?n:void 0};const z=new Set,M=new Map;const D=(()=>{let e,t,n=[$()],r=[],i=HTMLElement;(class extends i{static{t=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;T(null,e={value:t},n,{kind:"class",name:t.name,metadata:s},null,r),t=e.value,s&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),F(t,r)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),z.add(t),new Promise((e=>{M.set(t,e)}))}close(e){this.remove(),z.delete(this);const t=M.get(this);t&&t(e),M.delete(this)}});return t})();var I=n(217),U=function(e,t,n,r,i,s){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,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 m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");s.push(a(e||null))};var g=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(o=a(g.get))&&(h.get=o),(o=a(g.set))&&(h.set=o),(o=a(g.init))&&i.unshift(o)}else(o=a(g))&&("field"===l?i.unshift(o):h[c]=o)}d&&Object.defineProperty(d,r.name,h),u=!0},_=function(e,t,n){for(var r=arguments.length>2,i=0;i<t.length;i++)n=r?t[i].call(e,n):t[i].call(e);return r?n:void 0};const B=[],H=[];const Z=(()=>{let e,t,n,r,i,s,a,o,l,c,d=[$({selector:"pg-overlay-sub-menu",template:'<div part="overlay"> <pg-menu part="menu"></pg-menu> </div>',style:I.A})],h=[],u=D,p=[],m=[],f=[],g=[],v=[],b=[],y=[],w=[],x=[],k=[],E=[],S=[],L=[],C=[],O=[],A=[];(class extends u{static{t=this}static{const $="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;n=[j()],r=[j()],i=[P()],s=[P()],a=[P()],o=[P()],l=[P()],c=[P()],U(null,null,n,{kind:"field",name:"$overlay",static:!1,private:!1,access:{has:e=>"$overlay"in e,get:e=>e.$overlay,set:(e,t)=>{e.$overlay=t}},metadata:$},p,m),U(null,null,r,{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,g),U(null,null,i,{kind:"field",name:"source",static:!1,private:!1,access:{has:e=>"source"in e,get:e=>e.source,set:(e,t)=>{e.source=t}},metadata:$},v,b),U(null,null,s,{kind:"field",name:"x",static:!1,private:!1,access:{has:e=>"x"in e,get:e=>e.x,set:(e,t)=>{e.x=t}},metadata:$},y,w),U(null,null,a,{kind:"field",name:"y",static:!1,private:!1,access:{has:e=>"y"in e,get:e=>e.y,set:(e,t)=>{e.y=t}},metadata:$},x,k),U(null,null,o,{kind:"field",name:"default",static:!1,private:!1,access:{has:e=>"default"in e,get:e=>e.default,set:(e,t)=>{e.default=t}},metadata:$},E,S),U(null,null,l,{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:$},L,C),U(null,null,c,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:$},O,A),U(null,e={value:t},d,{kind:"class",name:t.name,metadata:$},null,h),t=e.value,$&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:$}),_(t,h)}$overlay=_(this,p,void 0);$menu=(_(this,m),_(this,f,void 0));source=(_(this,g),_(this,v,null));x=(_(this,b),_(this,y,0));y=(_(this,w),_(this,x,0));default=(_(this,k),_(this,E,null));items=(_(this,S),_(this,L,[]));value=(_(this,C),_(this,O,null));render(e){e.items&&(this.$menu.items=this.items)}connectedCallback(){B.pop()?.close(),B.push(this),H.push(this),this.$menu.addEventListener("select",this.#e.bind(this)),this.$menu.addEventListener("close",this.#t.bind(this)),this.$overlay.popover="auto",null!==this.source&&this.$overlay.showPopover({source:this.source}),this.$overlay.addEventListener("toggle",this.#n.bind(this));this.source?.getBoundingClientRect();this.$overlay.style.setProperty("--pg-overlay-menu-_x","0px"),this.$overlay.style.setProperty("--pg-overlay-menu-_y","0px"),this.$menu.focus(0),this.#r=this.#i.bind(this),document.addEventListener("pointerdown",this.#r)}#s=(_(this,A),!1);#r;#i(e){this.#s=e.composedPath().includes(this.source)}#n(e){"closed"===e.newState&&0===H.length&&this.#s&&(console.log(e),this.source?.focus())}disconnectedCallback(){H.pop(),document.removeEventListener("pointerdown",this.#r)}#t(e){const{depth:t}=e.detail;console.log("close",t),1===t?this.close(null):this.close()}#e(e){e.detail.item.index=e.detail.index,this.close(e.detail.item),this.source?.focus()}});return t})();var N=n(219),q=function(e,t,n,r,i,s){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,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 m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");s.push(a(e||null))};var g=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(o=a(g.get))&&(h.get=o),(o=a(g.set))&&(h.set=o),(o=a(g.init))&&i.unshift(o)}else(o=a(g))&&("field"===l?i.unshift(o):h[c]=o)}d&&Object.defineProperty(d,r.name,h),u=!0},W=function(e,t,n){for(var r=arguments.length>2,i=0;i<t.length;i++)n=r?t[i].call(e,n):t[i].call(e);return r?n:void 0};const Q=(()=>{let e,t,n,r,i,s,a,o,l=[$({selector:"pg-menu-item",style:N.A,template:'<button part="label"></button>'})],c=[],d=HTMLElement,h=[],u=[],p=[],m=[],f=[],g=[],v=[],b=[],y=[],w=[],x=[],k=[];(class extends d{static{t=this}static{const E="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[P()],r=[P()],i=[P()],s=[P()],a=[P()],o=[j()],q(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:E},h,u),q(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:E},p,m),q(null,null,i,{kind:"field",name:"checked",static:!1,private:!1,access:{has:e=>"checked"in e,get:e=>e.checked,set:(e,t)=>{e.checked=t}},metadata:E},f,g),q(null,null,s,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:E},v,b),q(null,null,a,{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:E},y,w),q(null,null,o,{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:E},x,k),q(null,e={value:t},l,{kind:"class",name:t.name,metadata:E},null,c),t=e.value,E&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:E})}static delegatesFocus=!0;index=W(this,h,void 0);label=(W(this,u),W(this,p,""));checked=(W(this,m),W(this,f,!1));disabled=(W(this,g),W(this,v,!1));items=(W(this,b),W(this,y,[]));$label=(W(this,w),W(this,x,void 0));render(e){e.label&&(this.$label.textContent=this.label),e.disabled&&(this.$label.disabled=this.disabled),e.checked&&this.$label.classList.toggle("checked",this.checked),e.checked&&!0===this.checked&&this.dispatchEvent(new CustomEvent("hasCheck",{bubbles:!0})),e.items&&this.$label.classList.toggle("more",this.items.length>0)}connectedCallback(){this.$label.addEventListener("click",(async()=>{if(this.items.length>0){const e=await Z.open({source:this.$label,x:0,y:0,value:this.items[0],items:this.items});null===e?this.focus():e?this.dispatchEvent(new CustomEvent("select",{detail:{item:e}})):this.dispatchEvent(new CustomEvent("close",{detail:{depth:-1}}))}else this.dispatchEvent(new CustomEvent("select",{detail:{index:this.index}}))})),this.$label.addEventListener("keydown",(e=>{switch(e.key){case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{detail:{index:this.index}})),e.preventDefault();break;case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{detail:{index:this.index}})),e.preventDefault();break;case"Escape":this.dispatchEvent(new CustomEvent("close")),e.preventDefault()}}))}focus(){this.$label.focus()}getHeight(){return this.$label.getBoundingClientRect().height}constructor(){super(...arguments),W(this,k)}static{W(t,c)}});return t})();var V=n(553),Y=function(e,t,n,r,i,s){function a(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,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 m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");s.push(a(e||null))};var g=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],m);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(o=a(g.get))&&(h.get=o),(o=a(g.set))&&(h.set=o),(o=a(g.init))&&i.unshift(o)}else(o=a(g))&&("field"===l?i.unshift(o):h[c]=o)}d&&Object.defineProperty(d,r.name,h),u=!0},G=function(e,t,n){for(var r=arguments.length>2,i=0;i<t.length;i++)n=r?t[i].call(e,n):t[i].call(e);return r?n:void 0};(()=>{let e,t,n,r,i=[$({selector:"pg-menu",style:V.A,template:'<div part="items"></div>'})],s=[],a=HTMLElement,o=[],l=[],c=[],d=[];(class extends a{static{t=this}static{const h="function"==typeof Symbol&&Symbol.metadata?Object.create(a[Symbol.metadata]??null):void 0;n=[P()],r=[j()],Y(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,l),Y(null,null,r,{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},c,d),Y(null,e={value:t},i,{kind:"class",name:t.name,metadata:h},null,s),t=e.value,h&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:h}),G(t,s)}items=G(this,o,[]);$items=(G(this,l),G(this,c,void 0));connectedCallback(){R({container:this.$items,items:this.items,type:e=>e.type??Q,create:(e,t)=>{e.addEventListener("close",(e=>{const{depth:t}=e.detail;this.dispatchEvent(new CustomEvent("close",{detail:{depth:t}}))})),e.addEventListener("select",(e=>{const{index:n}=e.detail;this.dispatchEvent(new CustomEvent("select",{detail:{indexes:[n],item:t}}))})),e.addEventListener("up",(e=>{const{index:t}=e.detail;this.#a(t-1,-1,t)})),e.addEventListener("down",(e=>{const{index:t}=e.detail;this.#a(t+1,1,t)}))}}),this.$items.addEventListener("hasCheck",(e=>{e.stopPropagation(),this.$items.classList.toggle("check",!0)}))}#a(e,t,n){if(e===n)return;if(-1===e)return this.#a(this.items.length-1,t,n);if(e>=this.items.length)return this.#a(0,t,n);const r=this.$items.children[e];if(!1===r.focusable||this.items[e].disabled)return this.#a(e+t,t,n);r?.focus()}focus(e){if(-1===e)this.#a(0,1,this.items.length-1);else{const t=this.$items.children[e];t?.focus()}}getItemOffset(e,t){const n=getComputedStyle(this.$items);let r=parseInt(n.getPropertyValue("padding-top"),10);const i=this.items.length;if(e>i||t>i)throw new Error("startIndex or endIndex not within range of items");for(let n=e;n<t;n++){r+=this.$items.children[n].getHeight()}return r}getItemHeight(e){if(e>this.items.length)throw new Error("index outside range of items");return this.$items.children[e].getHeight()}constructor(){super(...arguments),G(this,d)}})})()})();

package/pgMenuItem.js

@@ -1 +1 @@
-(()=>{"use strict";var e={209: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},219:(e,t,n)=>{n.d(t,{A:()=>k});var r=n(601),o=n.n(r),a=n(314),i=n.n(a),s=n(417),l=n.n(s),c=new URL(n(662),n.b),d=new URL(n(708),n.b),p=new URL(n(383),n.b),u=new URL(n(544),n.b),h=new URL(n(570),n.b),m=new URL(n(209),n.b),b=i()(o()),f=l()(c),g=l()(d),v=l()(p),y=l()(u),w=l()(h),x=l()(m);b.push([e.id,`:host {\n  display: contents;\n}\n\n[part=label] {\n  outline: none;\n  display: flex;\n  align-items: center;\n  font-family: var(--pg-font-family);\n  text-align: var(--pg-menu-item-text-align, left);\n  background: var(--pg-menu-item-background, transparent);\n  padding: var(--pg-menu-item-padding, 0.25rem 0.5rem 0.25rem 0.5rem);\n  border-color: transparent;\n  border-width: 0;\n  border-style: solid;\n  border-top-left-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n  border-top-right-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n  border-bottom-left-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n  border-bottom-right-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n  color: var(--pg-menu-item-color, #453C4F);\n}\n\n[part=label]:not(:disabled):active,\n[part=label]:not(:disabled):hover {\n  background: var(--pg-menu-item-selected-background, #453C4F);\n  color: #FFFFFF;\n}\n\n[part=label]:not(:disabled):active {\n  background: var(--pg-menu-item-active-background, #5f516e);\n}\n\n[part=label]:disabled {\n  color: var(--pg-menu-item-disabled-color, rgb(69, 60, 79, 0.75));\n}\n\n@container style(--pg-menu-_has-check: true) {\n  [part=label] {\n    padding-inline-start: 1.5rem;\n  }\n\n  [part=label].checked::before {\n    position: absolute;\n    translate: -1.5rem 0;\n    content: var(--pg-menu-item-check, url(${f}));\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  [part=label].checked:active::before,\n  [part=label].checked:hover::before {\n    content: var(--pg-menu-item-hover-check, url(${g}));\n  }\n\n  [part=label].checked:disabled::before {\n    content: var(--pg-menu-item-disabled-check, url(${v}));\n  }\n}\n\n[part=label]:focus-visible {\n  position: relative;\n}\n\n[part=label]:focus-visible::after {\n  pointer-events: none;\n  content: '';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: 0.25rem;\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.5));\n}\n\n[part=label]:focus-visible:not(:hover)::after {\n  background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));\n}\n\n\n[part=label].more::after {\n  position: absolute;\n  translate: -0.5rem 0;\n  right: 0;\n  content: var(--pg-menu-item-check, url(${y}));\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n[part=label].more:active::after,\n[part=label].more:hover::after {\n  content: var(--pg-menu-item-hover-check, url(${w}));\n}\n\n[part=label].more:disabled::after {\n  content: var(--pg-menu-item-disabled-check, url(${x}));\n}\n`,""]);var S=new CSSStyleSheet;S.replaceSync(b.toString());const k=S},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 i={};if(r)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(i[l]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);r&&i[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}},383: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},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}},544: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},570: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27white%27 /></svg>"},601:e=>{e.exports=function(e){return e[1]}},662: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},708: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27white%27 /></svg>"}},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.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 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),n.b="undefined"!=typeof document&&document.baseURI||self.location.href;const r=Symbol("addObserver"),o=Symbol("removeObserver"),a=Symbol("getObservers"),i=Symbol("isProxy"),s=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 i:return!0;case s: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"),m=Symbol("parent");function b(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function f(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function g(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[m]||t.prototype[m][t.prototype[m].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[m]=[t.prototype],t.prototype[h]=e.style?[e.style]:[],t.prototype[u]=e.template||""):(t.prototype[m].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||(()=>{}),i=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[m].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[f(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(){i.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[f(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 v(e){return!!e&&e.constructor===Array}function y(e,t){e[p]&&e[m].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":v(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][i]?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(!v(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[i]?(c=t)[i]&&c[s]:t;e.splice(0,this[o].length,...n)}else this[o]=t}else this[o]=e?e(t):t,y(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=b(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===S?this[c]:(console.log("errr???"),Reflect.get(this[o],t)),set:(e,t,n)=>{if(t===S)return this[c]=n,!0;const a=Reflect.set(e,t,n);return"length"===t&&this[o].length===n||y(this,r),this[o]=n,a}})):(this[o]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[o])}}}Symbol("hasProxy");const S=Symbol("meta");var k=n(219),L=function(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,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 m={};for(var b in r)m[b]="access"===b?{}:r[b];for(var b in r.access)m.access[b]=r.access[b];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var f=(0,n[h])("accessor"===l?{get:p.get,set:p.set}:p[c],m);if("accessor"===l){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(s=i(f.get))&&(p.get=s),(s=i(f.set))&&(p.set=s),(s=i(f.init))&&o.unshift(s)}else(s=i(f))&&("field"===l?o.unshift(s):p[c]=s)}d&&Object.defineProperty(d,r.name,p),u=!0},E=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,i,s,l=[g({selector:"pg-menu-item",style:k.A,template:'<button part="label"></button>'})],c=[],d=HTMLElement,p=[],u=[],h=[],m=[],b=[],f=[],v=[],y=[],w=[],S=[],$=[],C=[];(class extends d{static{t=this}static{const g="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[x()],r=[x()],o=[x()],a=[x()],i=[x()],s=[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}]`))}})}))}],L(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:g},p,u),L(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:g},h,m),L(null,null,o,{kind:"field",name:"checked",static:!1,private:!1,access:{has:e=>"checked"in e,get:e=>e.checked,set:(e,t)=>{e.checked=t}},metadata:g},b,f),L(null,null,a,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:g},v,y),L(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:g},w,S),L(null,null,s,{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:g},$,C),L(null,e={value:t},l,{kind:"class",name:t.name,metadata:g},null,c),t=e.value,g&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:g})}static delegatesFocus=!0;index=E(this,p,void 0);label=(E(this,u),E(this,h,""));checked=(E(this,m),E(this,b,!1));disabled=(E(this,f),E(this,v,!1));items=(E(this,y),E(this,w,[]));$label=(E(this,S),E(this,$,void 0));render(e){e.label&&(this.$label.textContent=this.label),e.disabled&&(this.$label.disabled=this.disabled),e.checked&&this.$label.classList.toggle("checked",this.checked),e.checked&&!0===this.checked&&this.dispatchEvent(new CustomEvent("hasCheck",{bubbles:!0}))}connectedCallback(){this.$label.addEventListener("click",(()=>{this.dispatchEvent(new CustomEvent("select",{detail:{index:this.index}}))})),this.$label.addEventListener("keydown",(e=>{switch(e.key){case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{detail:{index:this.index}})),e.preventDefault();break;case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{detail:{index:this.index}})),e.preventDefault();break;case"Escape":this.dispatchEvent(new CustomEvent("close")),e.preventDefault()}}))}focus(){this.$label.focus()}getHeight(){return this.$label.getBoundingClientRect().height}constructor(){super(...arguments),E(this,C)}static{E(t,c)}})})()})();
+(()=>{"use strict";var e={209: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},217:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),a=n.n(r),o=n(314),s=n.n(o)()(a());s.push([e.id,':host {\n  display: contents;\n}\n\n[part="overlay"] {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  overflow: visible;\n  --pg-menu-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.25);\n  top: calc(anchor(top) - 0.25rem);\n  left: calc(anchor(right) - 0.25rem);\n  min-width: 10rem;\n  translate: var(--pg-overlay-menu-_x, 0) var(--pg-overlay-menu-_y, 0);\n  position-try-fallbacks: --custom-right, --custom-left;\n}\n\n@position-try --custom-right {\n  top: calc(anchor(top) - 0.25rem);\n  left: calc(anchor(right) - 0.25rem);\n}\n\n@position-try --custom-left {\n  top: calc(anchor(top) - 0.25rem);\n  left: calc(anchor(left) - anchor-size(width) + 0.25rem);\n}\n',""]);var i=new CSSStyleSheet;i.replaceSync(s.toString());const l=i},219:(e,t,n)=>{n.d(t,{A:()=>k});var r=n(601),a=n.n(r),o=n(314),s=n.n(o),i=n(417),l=n.n(i),c=new URL(n(662),n.b),d=new URL(n(708),n.b),u=new URL(n(383),n.b),h=new URL(n(544),n.b),p=new URL(n(570),n.b),m=new URL(n(209),n.b),f=s()(a()),v=l()(c),g=l()(d),b=l()(u),y=l()(h),w=l()(p),x=l()(m);f.push([e.id,`:host {\n  display: contents;\n}\n\n[part=label] {\n  outline: none;\n  display: flex;\n  align-items: center;\n  font-family: var(--pg-font-family);\n  text-align: var(--pg-menu-item-text-align, left);\n  background: var(--pg-menu-item-background, transparent);\n  padding: var(--pg-menu-item-padding, 0.25rem 0.5rem 0.25rem 0.5rem);\n  border-color: transparent;\n  border-width: 0;\n  border-style: solid;\n  border-top-left-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n  border-top-right-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n  border-bottom-left-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n  border-bottom-right-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n  color: var(--pg-menu-item-color, #453C4F);\n}\n\n[part=label]:not(:disabled):active,\n[part=label]:not(:disabled):hover {\n  background: var(--pg-menu-item-selected-background, #453C4F);\n  color: #FFFFFF;\n}\n\n[part=label]:not(:disabled):active {\n  background: var(--pg-menu-item-active-background, #5f516e);\n}\n\n[part=label]:disabled {\n  color: var(--pg-menu-item-disabled-color, rgb(69, 60, 79, 0.75));\n}\n\n@container style(--pg-menu-_has-check: true) {\n  [part=label] {\n    padding-inline-start: 1.5rem;\n  }\n\n  [part=label].checked::before {\n    position: absolute;\n    translate: -1.5rem 0;\n    content: var(--pg-menu-item-check, url(${v}));\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  [part=label].checked:active::before,\n  [part=label].checked:hover::before {\n    content: var(--pg-menu-item-hover-check, url(${g}));\n  }\n\n  [part=label].checked:disabled::before {\n    content: var(--pg-menu-item-disabled-check, url(${b}));\n  }\n}\n\n[part=label]:focus-visible {\n  position: relative;\n}\n\n[part=label]:focus-visible::after {\n  pointer-events: none;\n  content: '';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: 0.25rem;\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.5));\n}\n\n[part=label]:focus-visible:not(:hover)::after {\n  background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));\n}\n\n\n[part=label].more::after {\n  position: absolute;\n  translate: -2.5rem 0;\n  right: 0;\n  content: var(--pg-menu-item-check, url(${y}));\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n[part=label].more:active::after,\n[part=label].more:hover::after {\n  content: var(--pg-menu-item-hover-check, url(${w}));\n}\n\n[part=label].more:disabled::after {\n  content: var(--pg-menu-item-disabled-check, url(${x}));\n}\n`,""]);var S=new CSSStyleSheet;S.replaceSync(f.toString());const k=S},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,a,o){"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!==o&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=o),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),a&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=a):d[4]="".concat(a)),t.push(d))}},t}},383: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},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}},544: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},570: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=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27white%27 /></svg>"},601:e=>{e.exports=function(e){return e[1]}},662: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},708: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.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27white%27 /></svg>"}},t={};function n(r){var a=t[r];if(void 0!==a)return a.exports;var o=t[r]={id:r,exports:{}};return e[r](o,o.exports,n),o.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 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),n.b="undefined"!=typeof document&&document.baseURI||self.location.href;const r=Symbol("addObserver"),a=Symbol("removeObserver"),o=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 o: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 a: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 u=Symbol("init"),h=Symbol("template"),p=Symbol("style"),m=Symbol("parent");function f(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function v(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function g(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,a;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[m]||t.prototype[m][t.prototype[m].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[m]=[t.prototype],t.prototype[p]=e.style?[e.style]:[],t.prototype[h]=e.template||""):(t.prototype[m].push(t.prototype),t.prototype[p].push(e.style),t.prototype[h]=(r=t.prototype[h],(a=e.template||null)&&a.match(/<parent\/>/)?a.replace(/<parent\/>/,r):`${r}${a||""}`));const o=t.prototype.connectedCallback||(()=>{}),s=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[u]||void 0!==e.template||void 0!==e.style)if(this[u]){if(this[u]&&e.style);else if(this[u]&&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[h]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[p].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))),a=()=>{this[m].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[v(t)]=!0,e)),{}):{})}))};0===r.length?(this[u]=!0,o.call(this),a()):Promise.all(r).then((()=>{this[u]=!0,o.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[v(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 y(e,t){e[u]&&e[m].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,a=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[a][s]?this[a]:d(this[a]):this[a],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[a]===t)throw new Error("Setting an array to itself is not allowed.");const e=d(this[a]);if(e[o]){const n=t[s]?(c=t)[s]&&c[i]:t;e.splice(0,this[a].length,...n)}else this[a]=t}else this[a]=e?e(t):t,y(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=f(r);t[r]||(e.observedAttributes.push(n),t[r]=a)}return this[l]=w(t),"array"===this[l]?(this[a]=t,new Proxy(t,{get:(e,t)=>t===k?this[c]:(console.log("errr???"),Reflect.get(this[a],t)),set:(e,t,n)=>{if(t===k)return this[c]=n,!0;const o=Reflect.set(e,t,n);return"length"===t&&this[a].length===n||y(this,r),this[a]=n,o}})):(this[a]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[a])}}}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 k=Symbol("meta");var E=function(e,t,n,r,a,o){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,u=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),h=!1,p=n.length-1;p>=0;p--){var m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");o.push(s(e||null))};var v=(0,n[p])("accessor"===l?{get:u.get,set:u.set}:u[c],m);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(i=s(v.get))&&(u.get=i),(i=s(v.set))&&(u.set=i),(i=s(v.init))&&a.unshift(i)}else(i=s(v))&&("field"===l?a.unshift(i):u[c]=i)}d&&Object.defineProperty(d,r.name,u),h=!0},L=function(e,t,n){for(var r=arguments.length>2,a=0;a<t.length;a++)n=r?t[a].call(e,n):t[a].call(e);return r?n:void 0};const $=new Set,C=new Map;const P=(()=>{let e,t,n=[g()],r=[],a=HTMLElement;(class extends a{static{t=this}static{const o="function"==typeof Symbol&&Symbol.metadata?Object.create(a[Symbol.metadata]??null):void 0;E(null,e={value:t},n,{kind:"class",name:t.name,metadata:o},null,r),t=e.value,o&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o}),L(t,r)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),$.add(t),new Promise((e=>{C.set(t,e)}))}close(e){this.remove(),$.delete(this);const t=C.get(this);t&&t(e),C.delete(this)}});return t})();var O=n(217),j=function(e,t,n,r,a,o){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,u=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),h=!1,p=n.length-1;p>=0;p--){var m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");o.push(s(e||null))};var v=(0,n[p])("accessor"===l?{get:u.get,set:u.set}:u[c],m);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(i=s(v.get))&&(u.get=i),(i=s(v.set))&&(u.set=i),(i=s(v.init))&&a.unshift(i)}else(i=s(v))&&("field"===l?a.unshift(i):u[c]=i)}d&&Object.defineProperty(d,r.name,u),h=!0},A=function(e,t,n){for(var r=arguments.length>2,a=0;a<t.length;a++)n=r?t[a].call(e,n):t[a].call(e);return r?n:void 0};const R=[],T=[];const z=(()=>{let e,t,n,r,a,o,s,i,l,c,d=[g({selector:"pg-overlay-sub-menu",template:'<div part="overlay"> <pg-menu part="menu"></pg-menu> </div>',style:O.A})],u=[],h=P,p=[],m=[],f=[],v=[],b=[],y=[],w=[],k=[],E=[],L=[],$=[],C=[],z=[],M=[],D=[],F=[];(class extends h{static{t=this}static{const g="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;n=[S()],r=[S()],a=[x()],o=[x()],s=[x()],i=[x()],l=[x()],c=[x()],j(null,null,n,{kind:"field",name:"$overlay",static:!1,private:!1,access:{has:e=>"$overlay"in e,get:e=>e.$overlay,set:(e,t)=>{e.$overlay=t}},metadata:g},p,m),j(null,null,r,{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:g},f,v),j(null,null,a,{kind:"field",name:"source",static:!1,private:!1,access:{has:e=>"source"in e,get:e=>e.source,set:(e,t)=>{e.source=t}},metadata:g},b,y),j(null,null,o,{kind:"field",name:"x",static:!1,private:!1,access:{has:e=>"x"in e,get:e=>e.x,set:(e,t)=>{e.x=t}},metadata:g},w,k),j(null,null,s,{kind:"field",name:"y",static:!1,private:!1,access:{has:e=>"y"in e,get:e=>e.y,set:(e,t)=>{e.y=t}},metadata:g},E,L),j(null,null,i,{kind:"field",name:"default",static:!1,private:!1,access:{has:e=>"default"in e,get:e=>e.default,set:(e,t)=>{e.default=t}},metadata:g},$,C),j(null,null,l,{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:g},z,M),j(null,null,c,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:g},D,F),j(null,e={value:t},d,{kind:"class",name:t.name,metadata:g},null,u),t=e.value,g&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:g}),A(t,u)}$overlay=A(this,p,void 0);$menu=(A(this,m),A(this,f,void 0));source=(A(this,v),A(this,b,null));x=(A(this,y),A(this,w,0));y=(A(this,k),A(this,E,0));default=(A(this,L),A(this,$,null));items=(A(this,C),A(this,z,[]));value=(A(this,M),A(this,D,null));render(e){e.items&&(this.$menu.items=this.items)}connectedCallback(){R.pop()?.close(),R.push(this),T.push(this),this.$menu.addEventListener("select",this.#e.bind(this)),this.$menu.addEventListener("close",this.#t.bind(this)),this.$overlay.popover="auto",null!==this.source&&this.$overlay.showPopover({source:this.source}),this.$overlay.addEventListener("toggle",this.#n.bind(this));this.source?.getBoundingClientRect();this.$overlay.style.setProperty("--pg-overlay-menu-_x","0px"),this.$overlay.style.setProperty("--pg-overlay-menu-_y","0px"),this.$menu.focus(0),this.#r=this.#a.bind(this),document.addEventListener("pointerdown",this.#r)}#o=(A(this,F),!1);#r;#a(e){this.#o=e.composedPath().includes(this.source)}#n(e){"closed"===e.newState&&0===T.length&&this.#o&&(console.log(e),this.source?.focus())}disconnectedCallback(){T.pop(),document.removeEventListener("pointerdown",this.#r)}#t(e){const{depth:t}=e.detail;console.log("close",t),1===t?this.close(null):this.close()}#e(e){e.detail.item.index=e.detail.index,this.close(e.detail.item),this.source?.focus()}});return t})();var M=n(219),D=function(e,t,n,r,a,o){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,u=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),h=!1,p=n.length-1;p>=0;p--){var m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");o.push(s(e||null))};var v=(0,n[p])("accessor"===l?{get:u.get,set:u.set}:u[c],m);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(i=s(v.get))&&(u.get=i),(i=s(v.set))&&(u.set=i),(i=s(v.init))&&a.unshift(i)}else(i=s(v))&&("field"===l?a.unshift(i):u[c]=i)}d&&Object.defineProperty(d,r.name,u),h=!0},F=function(e,t,n){for(var r=arguments.length>2,a=0;a<t.length;a++)n=r?t[a].call(e,n):t[a].call(e);return r?n:void 0};(()=>{let e,t,n,r,a,o,s,i,l=[g({selector:"pg-menu-item",style:M.A,template:'<button part="label"></button>'})],c=[],d=HTMLElement,u=[],h=[],p=[],m=[],f=[],v=[],b=[],y=[],w=[],k=[],E=[],L=[];(class extends d{static{t=this}static{const g="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[x()],r=[x()],a=[x()],o=[x()],s=[x()],i=[S()],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:g},u,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:g},p,m),D(null,null,a,{kind:"field",name:"checked",static:!1,private:!1,access:{has:e=>"checked"in e,get:e=>e.checked,set:(e,t)=>{e.checked=t}},metadata:g},f,v),D(null,null,o,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:g},b,y),D(null,null,s,{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:g},w,k),D(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:g},E,L),D(null,e={value:t},l,{kind:"class",name:t.name,metadata:g},null,c),t=e.value,g&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:g})}static delegatesFocus=!0;index=F(this,u,void 0);label=(F(this,h),F(this,p,""));checked=(F(this,m),F(this,f,!1));disabled=(F(this,v),F(this,b,!1));items=(F(this,y),F(this,w,[]));$label=(F(this,k),F(this,E,void 0));render(e){e.label&&(this.$label.textContent=this.label),e.disabled&&(this.$label.disabled=this.disabled),e.checked&&this.$label.classList.toggle("checked",this.checked),e.checked&&!0===this.checked&&this.dispatchEvent(new CustomEvent("hasCheck",{bubbles:!0})),e.items&&this.$label.classList.toggle("more",this.items.length>0)}connectedCallback(){this.$label.addEventListener("click",(async()=>{if(this.items.length>0){const e=await z.open({source:this.$label,x:0,y:0,value:this.items[0],items:this.items});null===e?this.focus():e?this.dispatchEvent(new CustomEvent("select",{detail:{item:e}})):this.dispatchEvent(new CustomEvent("close",{detail:{depth:-1}}))}else this.dispatchEvent(new CustomEvent("select",{detail:{index:this.index}}))})),this.$label.addEventListener("keydown",(e=>{switch(e.key){case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{detail:{index:this.index}})),e.preventDefault();break;case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{detail:{index:this.index}})),e.preventDefault();break;case"Escape":this.dispatchEvent(new CustomEvent("close")),e.preventDefault()}}))}focus(){this.$label.focus()}getHeight(){return this.$label.getBoundingClientRect().height}constructor(){super(...arguments),F(this,L)}static{F(t,c)}})})()})();