@pictogrammers/components 0.3.2 → 0.4.0

package/pgButton.js

@@ -0,0 +1 @@
+(()=>{"use strict";var t={119:(t,e,n)=>{n.d(e,{A:()=>c});var r=n(601),o=n.n(r),a=n(314),i=n.n(a)()(o());i.push([t.id,':host {\n  display: contents;\n}\n\n[part="button"] {\n  display: flex;\n  align-items: center;\n  align-content: center;\n  font-family: var(--pg-font-family);\n  font-size: var(--pg-button-font-size, 1rem);\n  line-height: var(--pg-button-line-height, 1.5rem);\n  border: 1px solid var(--pg-button-border-color, #453C4F);\n  background-color: var(--pg-button-background-color, #FFFFFF);\n  color: var(--pg-button-color, #453C4F);\n  padding: var(--pg-button-padding, 0.25rem 0.5rem);\n  border-radius: var(--pg-button-border-radius, 0.25rem);\n  outline: none;\n  --pg-icon-color: var(--pg-button-color, #453C4F);\n}\n\n[part="button"]:hover {\n  border: 1px solid var(--pg-button-hover-border-color, #453C4F);\n  background-color: var(--pg-button-hover-background-color, #453C4F);\n  color: var(--pg-button-hover-color, #FFFFFF);\n  --pg-icon-color: var(--pg-button-hover-color, #FFFFFF);\n}\n\n[part="button"]:active {\n  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.5) inset;\n  position: relative;\n}\n\n[part="button"]:focus {\n  position: relative;\n}\n\n[part="button"]:active::before {\n  content: \'\';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: var(--pg-button-border-radius, 0.25rem);\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.6));\n}\n[part="button"]:focus::before {\n  pointer-events: none;\n  content: \'\';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: var(--pg-button-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="button"].start {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  margin-right: -1px;\n}\n\n[part="button"].center {\n  border-radius: 0;\n  margin-right: -1px;\n}\n\n[part="button"].end {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n[part="button"].active {\n  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.5) inset;\n  background-color: rgba(69, 60, 79, 0.1);\n  color: var(--pg-button-color, #453C4F);\n}\n[part="button"].active:hover {\n  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.5) inset;\n  background-color: var(--pg-button-color, #453C4F);\n  color: var(--pg-button-hover-color, #fff);\n}\n\n[part="button"].block {\n  flex: 1;\n}\n\n::slotted {\n  align-self: center;\n}',""]);var s=new CSSStyleSheet;s.replaceSync(i.toString());const c=s},314:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,r,o,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(r)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(i[c]=!0)}for(var l=0;l<t.length;l++){var u=[].concat(t[l]);r&&i[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),e.push(u))}},e}},601:t=>{t.exports=function(t){return t[1]}}},e={};function n(r){var o=e[r];if(void 0!==o)return o.exports;var a=e[r]={id:r,exports:{}};return t[r](a,a.exports,n),a.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const r=Symbol("addObserver"),o=Symbol("removeObserver"),a=Symbol("getObservers"),i=Symbol("isProxy"),s=Symbol("getTarget"),c=["fill","pop","push","reverse","shift","sort","splice","unshift"],l=new Map;function u(t){return new Proxy(t,{get(e,n){if("symbol"==typeof n){switch(n){case i:return!0;case s:return e;case a:return l.has(t);case r:return(e,n)=>{l.has(t)?l.get(t).has(e)?l.get(t).get(e).push(n):l.get(t).set(e,[n]):l.set(t,new Map([[e,[n]]]))};case o:return e=>{l.has(t)&&(l.get(t).delete(e),0===l.get(t).size&&l.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,n)}throw new Error("Unsupported symbol")}if(n in e){if(!Number.isNaN(Number(n)))return"object"==typeof e[n]?u(e[n]):e[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(c.includes(n))return l.has(e)?function(){const t=Array.prototype[n].apply(e,arguments);return l.get(e).forEach(((t,r)=>{t.forEach((t=>{t(e,n,arguments)}))})),t}:Reflect.get(e,n);if(e[n]instanceof Array)return u(e[n])}return Reflect.get(e,n)},set(t,e,n){if("symbol"==typeof e)throw new Error("Setting symbols not allowed.");if(Array.isArray(t))return Reflect.set(t,e,n);if(l.has(t)){l.get(t).forEach(((t,r)=>{t.forEach((t=>{t(e,n)}))}))}return Reflect.set(t,e,n)}})}window.observers=l;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const p=Symbol("init"),d=Symbol("template"),h=Symbol("style"),b=Symbol("parent");function f(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function m(t){return t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()))}function g(t={}){return function(e,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,o;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[b]||e.prototype[b][e.prototype[b].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[b]=[e.prototype],e.prototype[h]=t.style?[t.style]:[],e.prototype[d]=t.template||""):(e.prototype[b].push(e.prototype),e.prototype[h].push(t.style),e.prototype[d]=(r=e.prototype[d],(o=t.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,r):`${r}${o||""}`));const a=e.prototype.connectedCallback||(()=>{}),i=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[p]||void 0!==t.template||void 0!==t.style)if(this[p]){if(this[p]&&t.style);else if(this[p]&&t.selector&&!t.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===t.useShadow)throw new Error("unsupported");{const t=document.createElement("template");t.innerHTML=e.prototype[d]||"";const n=document.importNode(t.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=e.prototype[h].map((t=>{if(t instanceof CSSStyleSheet)return t;var e=new CSSStyleSheet;return e.replaceSync(t.toString()),e})),r.appendChild(n)}}else!1===t.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const t of this.shadowRoot.querySelectorAll("*"))-1!==t.localName.indexOf("-")&&n.add(t.localName);const r=Array.from(n.values()).map((t=>customElements.get(t)?Promise.resolve():customElements.whenDefined(t))),o=()=>{this[b].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[m(e)]=!0,t)),{}):{})}))};0===r.length?(this[p]=!0,a.call(this),o()):Promise.all(r).then((()=>{this[p]=!0,a.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));o()}))},e.prototype.disconnectedCallback=function(){i.call(this)},e.prototype.attributeChangedCallback=function(t,e,n){this[m(t)]=n},n.addInitializer((function(){if(t.selector){if(window.customElements.get(t.selector))throw new Error(`@Component() ${n.name} duplicate selector '${t.selector}'`);window.customElements.define(t.selector,e)}}))}}Symbol("transmute");function y(t){return!!t&&t.constructor===Array}function v(t,e){t[p]&&t[b].map((n=>{n.render&&n.render.call(t,{[e]:!0})}))}function w(t){return null===t?"null":y(t)?"array":typeof t}function S(t){return function(e,n){const r=n.name,o=Symbol(r),c=Symbol(`${r}:type`),l=Symbol(`${r}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[c]||"array"===this[c]?this[o][i]?this[o]:u(this[o]):this[o],set:e=>{const n=w(t?t(e):e);if("index"!==r&&this[c]!==n&&"null"!==this[c]&&"null"!==n)throw new Error(`@Prop() ${r} with type '${this[c]}' cannot be set to ${n}.`);if("array"===this[c]){if(!y(e))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[o]===e)throw new Error("Setting an array to itself is not allowed.");const t=u(this[o]);if(t[a]){const n=e[i]?(l=e)[i]&&l[s]:e;t.splice(0,this[o].length,...n)}else this[o]=e}else this[o]=t?t(e):e,v(this,r);var l}})})),function(e){if(void 0===e&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==e&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===e)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!n.private){const{constructor:t}=this;t.observedAttributes??=[],t.symbols||(t.symbols={});const{symbols:e}=t,n=f(r);e[r]||(t.observedAttributes.push(n),e[r]=o)}return this[c]=w(e),"array"===this[c]?(this[o]=e,new Proxy(e,{get:(t,e)=>e===$?this[l]:(console.log("errr???"),Reflect.get(this[o],e)),set:(t,e,n)=>{if(e===$)return this[l]=n,!0;const a=Reflect.set(t,e,n);return"length"===e&&this[o].length===n||v(this,r),this[o]=n,a}})):(this[o]=t?t(this.getAttribute(r)??e):this.getAttribute(r)??e,this[o])}}}function x(){return function(t,e){const n=e.name,r=n.replace(/^\$/,"");e.addInitializer((function(){let t=null;Reflect.defineProperty(this,n,{get(){return t??(t=this.shadowRoot?.querySelector(`[part~=${r}]`))}})}))}}function E(t){return""===t||!0===t||null!==t&&!1!==t&&(t||!0)}Symbol("hasProxy");const $=Symbol("meta");var k=n(119),C=function(t,e,n,r,o,a){function i(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var s,c=r.kind,l="getter"===c?"get":"setter"===c?"set":"value",u=!e&&t?r.static?t:t.prototype:null,p=e||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),d=!1,h=n.length-1;h>=0;h--){var b={};for(var f in r)b[f]="access"===f?{}:r[f];for(var f in r.access)b.access[f]=r.access[f];b.addInitializer=function(t){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(t||null))};var m=(0,n[h])("accessor"===c?{get:p.get,set:p.set}:p[l],b);if("accessor"===c){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(s=i(m.get))&&(p.get=s),(s=i(m.set))&&(p.set=s),(s=i(m.init))&&o.unshift(s)}else(s=i(m))&&("field"===c?o.unshift(s):p[l]=s)}u&&Object.defineProperty(u,r.name,p),d=!0},F=function(t,e,n){for(var r=arguments.length>2,o=0;o<e.length;o++)n=r?e[o].call(t,n):e[o].call(t);return r?n:void 0};(()=>{let t,e,n,r,o,a,i,s,c,l,u=[g({selector:"pg-button",style:k.A,template:'<button part="button"> <slot></slot> </button>'})],p=[],d=HTMLElement,h=[],b=[],f=[],m=[],y=[],v=[],w=[],$=[],P=[],A=[],O=[],R=[],j=[],z=[],L=[],T=[];(class extends d{static{e=this}static{const g="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[S(E)],r=[S(E)],o=[S(E)],a=[S(E)],i=[S(E)],s=[x()],c=[x()],l=[x()],C(null,null,n,{kind:"field",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:g},h,b),C(null,null,r,{kind:"field",name:"block",static:!1,private:!1,access:{has:t=>"block"in t,get:t=>t.block,set:(t,e)=>{t.block=e}},metadata:g},f,m),C(null,null,o,{kind:"field",name:"start",static:!1,private:!1,access:{has:t=>"start"in t,get:t=>t.start,set:(t,e)=>{t.start=e}},metadata:g},y,v),C(null,null,a,{kind:"field",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:g},w,$),C(null,null,i,{kind:"field",name:"end",static:!1,private:!1,access:{has:t=>"end"in t,get:t=>t.end,set:(t,e)=>{t.end=e}},metadata:g},P,A),C(null,null,s,{kind:"field",name:"$button",static:!1,private:!1,access:{has:t=>"$button"in t,get:t=>t.$button,set:(t,e)=>{t.$button=e}},metadata:g},O,R),C(null,null,c,{kind:"field",name:"$number",static:!1,private:!1,access:{has:t=>"$number"in t,get:t=>t.$number,set:(t,e)=>{t.$number=e}},metadata:g},j,z),C(null,null,l,{kind:"field",name:"$bar",static:!1,private:!1,access:{has:t=>"$bar"in t,get:t=>t.$bar,set:(t,e)=>{t.$bar=e}},metadata:g},L,T),C(null,t={value:e},u,{kind:"class",name:e.name,metadata:g},null,p),e=t.value,g&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:g}),F(e,p)}active=F(this,h,!1);block=(F(this,b),F(this,f,!1));start=(F(this,m),F(this,y,!1));center=(F(this,v),F(this,w,!1));end=(F(this,$),F(this,P,!1));$button=(F(this,A),F(this,O,void 0));$number=(F(this,R),F(this,j,void 0));$bar=(F(this,z),F(this,L,void 0));connectedCallback(){this.$button.addEventListener("click",(t=>{t.stopPropagation(),this.dispatchEvent(new CustomEvent("click"))}))}render(t){t.active&&this.$button.classList.toggle("active",this.active),t.start&&this.$button.classList.toggle("start",this.start),t.end&&this.$button.classList.toggle("end",this.end),t.center&&this.$button.classList.toggle("center",this.center),t.block&&this.$button.classList.toggle("block",this.block)}getBoundingClientRect(){return this.$button.getBoundingClientRect()}constructor(){super(...arguments),F(this,T)}})})()})();

package/pgButtonGroup.js

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

package/pgButtonLink.js

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

package/pgButtonMenu.js

@@ -0,0 +1 @@
+(()=>{"use strict";var t={119:(t,e,n)=>{n.d(e,{A:()=>l});var a=n(601),r=n.n(a),o=n(314),i=n.n(o)()(r());i.push([t.id,':host {\n  display: contents;\n}\n\n[part="button"] {\n  display: flex;\n  align-items: center;\n  align-content: center;\n  font-family: var(--pg-font-family);\n  font-size: var(--pg-button-font-size, 1rem);\n  line-height: var(--pg-button-line-height, 1.5rem);\n  border: 1px solid var(--pg-button-border-color, #453C4F);\n  background-color: var(--pg-button-background-color, #FFFFFF);\n  color: var(--pg-button-color, #453C4F);\n  padding: var(--pg-button-padding, 0.25rem 0.5rem);\n  border-radius: var(--pg-button-border-radius, 0.25rem);\n  outline: none;\n  --pg-icon-color: var(--pg-button-color, #453C4F);\n}\n\n[part="button"]:hover {\n  border: 1px solid var(--pg-button-hover-border-color, #453C4F);\n  background-color: var(--pg-button-hover-background-color, #453C4F);\n  color: var(--pg-button-hover-color, #FFFFFF);\n  --pg-icon-color: var(--pg-button-hover-color, #FFFFFF);\n}\n\n[part="button"]:active {\n  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.5) inset;\n  position: relative;\n}\n\n[part="button"]:focus {\n  position: relative;\n}\n\n[part="button"]:active::before {\n  content: \'\';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: var(--pg-button-border-radius, 0.25rem);\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.6));\n}\n[part="button"]:focus::before {\n  pointer-events: none;\n  content: \'\';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: var(--pg-button-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="button"].start {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  margin-right: -1px;\n}\n\n[part="button"].center {\n  border-radius: 0;\n  margin-right: -1px;\n}\n\n[part="button"].end {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n[part="button"].active {\n  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.5) inset;\n  background-color: rgba(69, 60, 79, 0.1);\n  color: var(--pg-button-color, #453C4F);\n}\n[part="button"].active:hover {\n  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.5) inset;\n  background-color: var(--pg-button-color, #453C4F);\n  color: var(--pg-button-hover-color, #fff);\n}\n\n[part="button"].block {\n  flex: 1;\n}\n\n::slotted {\n  align-self: center;\n}',""]);var s=new CSSStyleSheet;s.replaceSync(i.toString());const l=s},314:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",a=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),a&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),a&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,a,r,o){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(a)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(i[l]=!0)}for(var c=0;c<t.length;c++){var u=[].concat(t[c]);a&&i[u[0]]||(void 0!==o&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=o),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),e.push(u))}},e}},601:t=>{t.exports=function(t){return t[1]}},685:(t,e,n)=>{n.d(e,{A:()=>l});var a=n(601),r=n.n(a),o=n(314),i=n.n(o)()(r());i.push([t.id,":host {\n  display: inline-flex;\n}\n\nspan {\n  align-self: center;\n  display: flex;\n}\n\n[part=collapse] {\n  display: none;\n}",""]);var s=new CSSStyleSheet;s.replaceSync(i.toString());const l=s},697:(t,e,n)=>{n.d(e,{A:()=>l});var a=n(601),r=n.n(a),o=n(314),i=n.n(o)()(r());i.push([t.id,':host {\n  display: contents;\n}\n\n[part="overlay"] {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  --pg-menu-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.25);\n  top: calc(anchor(bottom) - 0.25rem);\n  left: anchor(left);\n  min-width: calc(anchor-size(width) + calc(2 * var(--pg-menu-padding, 0.25rem)));\n  translate: var(--pg-overlay-menu-_x, 0) var(--pg-overlay-menu-_y, 0);\n  overflow: visible;\n}',""]);var s=new CSSStyleSheet;s.replaceSync(i.toString());const l=s}},e={};function n(a){var r=e[a];if(void 0!==r)return r.exports;var o=e[a]={id:a,exports:{}};return t[a](o,o.exports,n),o.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var a in e)n.o(e,a)&&!n.o(t,a)&&Object.defineProperty(t,a,{enumerable:!0,get:e[a]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const a=Symbol("addObserver"),r=Symbol("removeObserver"),o=Symbol("getObservers"),i=Symbol("isProxy"),s=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function u(t){return new Proxy(t,{get(e,n){if("symbol"==typeof n){switch(n){case i:return!0;case s:return e;case o:return c.has(t);case a:return(e,n)=>{c.has(t)?c.get(t).has(e)?c.get(t).get(e).push(n):c.get(t).set(e,[n]):c.set(t,new Map([[e,[n]]]))};case r:return e=>{c.has(t)&&(c.get(t).delete(e),0===c.get(t).size&&c.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,n)}throw new Error("Unsupported symbol")}if(n in e){if(!Number.isNaN(Number(n)))return"object"==typeof e[n]?u(e[n]):e[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(l.includes(n))return c.has(e)?function(){const t=Array.prototype[n].apply(e,arguments);return c.get(e).forEach(((t,a)=>{t.forEach((t=>{t(e,n,arguments)}))})),t}:Reflect.get(e,n);if(e[n]instanceof Array)return u(e[n])}return Reflect.get(e,n)},set(t,e,n){if("symbol"==typeof e)throw new Error("Setting symbols not allowed.");if(Array.isArray(t))return Reflect.set(t,e,n);if(c.has(t)){c.get(t).forEach(((t,a)=>{t.forEach((t=>{t(e,n)}))}))}return Reflect.set(t,e,n)}})}window.observers=c;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const d=Symbol("init"),p=Symbol("template"),h=Symbol("style"),f=Symbol("parent");function m(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function b(t){return t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()))}function v(t={}){return function(e,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var a,r;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[f]||e.prototype[f][e.prototype[f].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[f]=[e.prototype],e.prototype[h]=t.style?[t.style]:[],e.prototype[p]=t.template||""):(e.prototype[f].push(e.prototype),e.prototype[h].push(t.style),e.prototype[p]=(a=e.prototype[p],(r=t.template||null)&&r.match(/<parent\/>/)?r.replace(/<parent\/>/,a):`${a}${r||""}`));const o=e.prototype.connectedCallback||(()=>{}),i=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[d]||void 0!==t.template||void 0!==t.style)if(this[d]){if(this[d]&&t.style);else if(this[d]&&t.selector&&!t.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===t.useShadow)throw new Error("unsupported");{const t=document.createElement("template");t.innerHTML=e.prototype[p]||"";const n=document.importNode(t.content,!0),a=this.attachShadow({mode:"open"});a.adoptedStyleSheets=e.prototype[h].map((t=>{if(t instanceof CSSStyleSheet)return t;var e=new CSSStyleSheet;return e.replaceSync(t.toString()),e})),a.appendChild(n)}}else!1===t.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const t of this.shadowRoot.querySelectorAll("*"))-1!==t.localName.indexOf("-")&&n.add(t.localName);const a=Array.from(n.values()).map((t=>customElements.get(t)?Promise.resolve():customElements.whenDefined(t))),r=()=>{this[f].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[b(e)]=!0,t)),{}):{})}))};0===a.length?(this[d]=!0,o.call(this),r()):Promise.all(a).then((()=>{this[d]=!0,o.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));r()}))},e.prototype.disconnectedCallback=function(){i.call(this)},e.prototype.attributeChangedCallback=function(t,e,n){this[b(t)]=n},n.addInitializer((function(){if(t.selector){if(window.customElements.get(t.selector))throw new Error(`@Component() ${n.name} duplicate selector '${t.selector}'`);window.customElements.define(t.selector,e)}}))}}Symbol("transmute");function g(t){return!!t&&t.constructor===Array}function y(t,e){t[d]&&t[f].map((n=>{n.render&&n.render.call(t,{[e]:!0})}))}function w(t){return null===t?"null":g(t)?"array":typeof t}function S(t){return function(e,n){const a=n.name,r=Symbol(a),l=Symbol(`${a}:type`),c=Symbol(`${a}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,a,{get:()=>"object"===this[l]||"array"===this[l]?this[r][i]?this[r]:u(this[r]):this[r],set:e=>{const n=w(t?t(e):e);if("index"!==a&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${a} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!g(e))throw new PropError(`Array "${a}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,a)?.set);if(this[r]===e)throw new Error("Setting an array to itself is not allowed.");const t=u(this[r]);if(t[o]){const n=e[i]?(c=e)[i]&&c[s]:e;t.splice(0,this[r].length,...n)}else this[r]=e}else this[r]=t?t(e):e,y(this,a);var c}})})),function(e){if(void 0===e&&"index"!==a)throw new Error(`@Prop() ${a} must have an initial value defined.`);if(void 0!==e&&"index"===a)throw new Error("@Prop() index must not have an initial value defined.");if(!0===e)throw new Error(`@Prop() ${a} boolean must initialize to false.`);if(!n.private){const{constructor:t}=this;t.observedAttributes??=[],t.symbols||(t.symbols={});const{symbols:e}=t,n=m(a);e[a]||(t.observedAttributes.push(n),e[a]=r)}return this[l]=w(e),"array"===this[l]?(this[r]=e,new Proxy(e,{get:(t,e)=>e===x?this[c]:(console.log("errr???"),Reflect.get(this[r],e)),set:(t,e,n)=>{if(e===x)return this[c]=n,!0;const o=Reflect.set(t,e,n);return"length"===e&&this[r].length===n||y(this,a),this[r]=n,o}})):(this[r]=t?t(this.getAttribute(a)??e):this.getAttribute(a)??e,this[r])}}}function $(){return function(t,e){const n=e.name,a=n.replace(/^\$/,"");e.addInitializer((function(){let t=null;Reflect.defineProperty(this,n,{get(){return t??(t=this.shadowRoot?.querySelector(`[part~=${a}]`))}})}))}}function k(t){return""===t||!0===t||null!==t&&!1!==t&&(t||!0)}Symbol("hasProxy");const x=Symbol("meta");var E=function(t,e,n,a,r,o){function i(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var s,l=a.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!e&&t?a.static?t:t.prototype:null,d=e||(u?Object.getOwnPropertyDescriptor(u,a.name):{}),p=!1,h=n.length-1;h>=0;h--){var f={};for(var m in a)f[m]="access"===m?{}:a[m];for(var m in a.access)f.access[m]=a.access[m];f.addInitializer=function(t){if(p)throw new TypeError("Cannot add initializers after decoration has completed");o.push(i(t||null))};var b=(0,n[h])("accessor"===l?{get:d.get,set:d.set}:d[c],f);if("accessor"===l){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(s=i(b.get))&&(d.get=s),(s=i(b.set))&&(d.set=s),(s=i(b.init))&&r.unshift(s)}else(s=i(b))&&("field"===l?r.unshift(s):d[c]=s)}u&&Object.defineProperty(u,a.name,d),p=!0},O=function(t,e,n){for(var a=arguments.length>2,r=0;r<e.length;r++)n=a?e[r].call(t,n):e[r].call(t);return a?n:void 0};const C=new Set,P=new Map;const j=(()=>{let t,e,n=[v()],a=[],r=HTMLElement;(class extends r{static{e=this}static{const o="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;E(null,t={value:e},n,{kind:"class",name:e.name,metadata:o},null,a),e=t.value,o&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:o}),O(e,a)}static open(t={}){var e=document.createElement(this.name);return Object.assign(e,t),document.body.appendChild(e),C.add(e),new Promise((t=>{P.set(e,t)}))}close(t){this.remove(),C.delete(this);const e=P.get(this);e&&e(t),P.delete(this)}});return e})();var L=n(697),F=function(t,e,n,a,r,o){function i(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var s,l=a.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!e&&t?a.static?t:t.prototype:null,d=e||(u?Object.getOwnPropertyDescriptor(u,a.name):{}),p=!1,h=n.length-1;h>=0;h--){var f={};for(var m in a)f[m]="access"===m?{}:a[m];for(var m in a.access)f.access[m]=a.access[m];f.addInitializer=function(t){if(p)throw new TypeError("Cannot add initializers after decoration has completed");o.push(i(t||null))};var b=(0,n[h])("accessor"===l?{get:d.get,set:d.set}:d[c],f);if("accessor"===l){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(s=i(b.get))&&(d.get=s),(s=i(b.set))&&(d.set=s),(s=i(b.init))&&r.unshift(s)}else(s=i(b))&&("field"===l?r.unshift(s):d[c]=s)}u&&Object.defineProperty(u,a.name,d),p=!0},A=function(t,e,n){for(var a=arguments.length>2,r=0;r<e.length;r++)n=a?e[r].call(t,n):e[r].call(t);return a?n:void 0};let T=(()=>{let t,e,n,a,r,o,i,s,l=[v({selector:"pg-overlay-menu",template:'<div part="overlay"> <pg-menu part="menu"></pg-menu> </div>',style:L.A})],c=[],u=j,d=[],p=[],h=[],f=[],m=[],b=[],g=[],y=[],w=[],k=[],x=[],E=[];(class extends u{static{e=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;n=[$()],a=[$()],r=[S()],o=[S()],i=[S()],s=[S()],F(null,null,n,{kind:"field",name:"$overlay",static:!1,private:!1,access:{has:t=>"$overlay"in t,get:t=>t.$overlay,set:(t,e)=>{t.$overlay=e}},metadata:v},d,p),F(null,null,a,{kind:"field",name:"$menu",static:!1,private:!1,access:{has:t=>"$menu"in t,get:t=>t.$menu,set:(t,e)=>{t.$menu=e}},metadata:v},h,f),F(null,null,r,{kind:"field",name:"source",static:!1,private:!1,access:{has:t=>"source"in t,get:t=>t.source,set:(t,e)=>{t.source=e}},metadata:v},m,b),F(null,null,o,{kind:"field",name:"default",static:!1,private:!1,access:{has:t=>"default"in t,get:t=>t.default,set:(t,e)=>{t.default=e}},metadata:v},g,y),F(null,null,i,{kind:"field",name:"items",static:!1,private:!1,access:{has:t=>"items"in t,get:t=>t.items,set:(t,e)=>{t.items=e}},metadata:v},w,k),F(null,null,s,{kind:"field",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:v},x,E),F(null,t={value:e},l,{kind:"class",name:e.name,metadata:v},null,c),e=t.value,v&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),A(e,c)}$overlay=A(this,d,void 0);$menu=(A(this,p),A(this,h,void 0));source=(A(this,f),A(this,m,null));default=(A(this,b),A(this,g,null));items=(A(this,y),A(this,w,[]));value=(A(this,k),A(this,x,null));render(t){}connectedCallback(){this.$menu.items=this.items,this.$menu.addEventListener("select",this.#t.bind(this)),this.$overlay.popover="auto",null!==this.source&&this.$overlay.showPopover({source:this.source}),this.$overlay.addEventListener("toggle",this.#e.bind(this));this.source?.getBoundingClientRect();const t=null===this.value||"object"!=typeof this.value?this.value:this.value.value,e=null===this.value?0:this.items.findIndex((e=>e.value===t));this.$menu.focus(e)}#e(t){"closed"===t.newState&&(this.close(),this.source?.focus())}disconnectedCallback(){}#t(t){t.detail.item.index=t.detail.index,this.close(t.detail.item),this.source?.focus()}constructor(){super(...arguments),A(this,E)}});return e})();const z=T;var R=n(119),M=function(t,e,n,a,r,o){function i(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var s,l=a.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!e&&t?a.static?t:t.prototype:null,d=e||(u?Object.getOwnPropertyDescriptor(u,a.name):{}),p=!1,h=n.length-1;h>=0;h--){var f={};for(var m in a)f[m]="access"===m?{}:a[m];for(var m in a.access)f.access[m]=a.access[m];f.addInitializer=function(t){if(p)throw new TypeError("Cannot add initializers after decoration has completed");o.push(i(t||null))};var b=(0,n[h])("accessor"===l?{get:d.get,set:d.set}:d[c],f);if("accessor"===l){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(s=i(b.get))&&(d.get=s),(s=i(b.set))&&(d.set=s),(s=i(b.init))&&r.unshift(s)}else(s=i(b))&&("field"===l?r.unshift(s):d[c]=s)}u&&Object.defineProperty(u,a.name,d),p=!0},I=function(t,e,n){for(var a=arguments.length>2,r=0;r<e.length;r++)n=a?e[r].call(t,n):e[r].call(t);return a?n:void 0};(()=>{let t,e,n,a,r,o,i,s,l,c,u=[v({selector:"pg-button",style:R.A,template:'<button part="button"> <slot></slot> </button>'})],d=[],p=HTMLElement,h=[],f=[],m=[],b=[],g=[],y=[],w=[],x=[],E=[],O=[],C=[],P=[],j=[],L=[],F=[],A=[];(class extends p{static{e=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[S(k)],a=[S(k)],r=[S(k)],o=[S(k)],i=[S(k)],s=[$()],l=[$()],c=[$()],M(null,null,n,{kind:"field",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:v},h,f),M(null,null,a,{kind:"field",name:"block",static:!1,private:!1,access:{has:t=>"block"in t,get:t=>t.block,set:(t,e)=>{t.block=e}},metadata:v},m,b),M(null,null,r,{kind:"field",name:"start",static:!1,private:!1,access:{has:t=>"start"in t,get:t=>t.start,set:(t,e)=>{t.start=e}},metadata:v},g,y),M(null,null,o,{kind:"field",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:v},w,x),M(null,null,i,{kind:"field",name:"end",static:!1,private:!1,access:{has:t=>"end"in t,get:t=>t.end,set:(t,e)=>{t.end=e}},metadata:v},E,O),M(null,null,s,{kind:"field",name:"$button",static:!1,private:!1,access:{has:t=>"$button"in t,get:t=>t.$button,set:(t,e)=>{t.$button=e}},metadata:v},C,P),M(null,null,l,{kind:"field",name:"$number",static:!1,private:!1,access:{has:t=>"$number"in t,get:t=>t.$number,set:(t,e)=>{t.$number=e}},metadata:v},j,L),M(null,null,c,{kind:"field",name:"$bar",static:!1,private:!1,access:{has:t=>"$bar"in t,get:t=>t.$bar,set:(t,e)=>{t.$bar=e}},metadata:v},F,A),M(null,t={value:e},u,{kind:"class",name:e.name,metadata:v},null,d),e=t.value,v&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),I(e,d)}active=I(this,h,!1);block=(I(this,f),I(this,m,!1));start=(I(this,b),I(this,g,!1));center=(I(this,y),I(this,w,!1));end=(I(this,x),I(this,E,!1));$button=(I(this,O),I(this,C,void 0));$number=(I(this,P),I(this,j,void 0));$bar=(I(this,L),I(this,F,void 0));connectedCallback(){this.$button.addEventListener("click",(t=>{t.stopPropagation(),this.dispatchEvent(new CustomEvent("click"))}))}render(t){t.active&&this.$button.classList.toggle("active",this.active),t.start&&this.$button.classList.toggle("start",this.start),t.end&&this.$button.classList.toggle("end",this.end),t.center&&this.$button.classList.toggle("center",this.center),t.block&&this.$button.classList.toggle("block",this.block)}getBoundingClientRect(){return this.$button.getBoundingClientRect()}constructor(){super(...arguments),I(this,A)}})})();var N=n(685),D=function(t,e,n,a,r,o){function i(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var s,l=a.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!e&&t?a.static?t:t.prototype:null,d=e||(u?Object.getOwnPropertyDescriptor(u,a.name):{}),p=!1,h=n.length-1;h>=0;h--){var f={};for(var m in a)f[m]="access"===m?{}:a[m];for(var m in a.access)f.access[m]=a.access[m];f.addInitializer=function(t){if(p)throw new TypeError("Cannot add initializers after decoration has completed");o.push(i(t||null))};var b=(0,n[h])("accessor"===l?{get:d.get,set:d.set}:d[c],f);if("accessor"===l){if(void 0===b)continue;if(null===b||"object"!=typeof b)throw new TypeError("Object expected");(s=i(b.get))&&(d.get=s),(s=i(b.set))&&(d.set=s),(s=i(b.init))&&r.unshift(s)}else(s=i(b))&&("field"===l?r.unshift(s):d[c]=s)}u&&Object.defineProperty(u,a.name,d),p=!0},H=function(t,e,n){for(var a=arguments.length>2,r=0;r<e.length;r++)n=a?e[r].call(t,n):e[r].call(t);return a?n:void 0};const Z="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z";(()=>{let t,e,n,a,r,o,i,s,l,c=[v({selector:"pg-button-menu",style:N.A,template:'<pg-button part="button"> <span part="label"></span> <pg-icon part="icon" path="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"></pg-icon> </pg-button>'})],u=[],d=HTMLElement,p=[],h=[],f=[],m=[],b=[],g=[],y=[],w=[],k=[],x=[],E=[],O=[],C=[],P=[];(class extends d{static{e=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[S()],a=[S()],r=[S()],o=[S()],i=[$()],s=[$()],l=[$()],D(null,null,n,{kind:"field",name:"items",static:!1,private:!1,access:{has:t=>"items"in t,get:t=>t.items,set:(t,e)=>{t.items=e}},metadata:v},p,h),D(null,null,a,{kind:"field",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:v},f,m),D(null,null,r,{kind:"field",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:v},b,g),D(null,null,o,{kind:"field",name:"default",static:!1,private:!1,access:{has:t=>"default"in t,get:t=>t.default,set:(t,e)=>{t.default=e}},metadata:v},y,w),D(null,null,i,{kind:"field",name:"$button",static:!1,private:!1,access:{has:t=>"$button"in t,get:t=>t.$button,set:(t,e)=>{t.$button=e}},metadata:v},k,x),D(null,null,s,{kind:"field",name:"$icon",static:!1,private:!1,access:{has:t=>"$icon"in t,get:t=>t.$icon,set:(t,e)=>{t.$icon=e}},metadata:v},E,O),D(null,null,l,{kind:"field",name:"$label",static:!1,private:!1,access:{has:t=>"$label"in t,get:t=>t.$label,set:(t,e)=>{t.$label=e}},metadata:v},C,P),D(null,t={value:e},c,{kind:"class",name:e.name,metadata:v},null,u),e=t.value,v&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),H(e,u)}items=H(this,p,[]);value=(H(this,h),H(this,f,null));label=(H(this,m),H(this,b,""));default=(H(this,g),H(this,y,null));$button=(H(this,w),H(this,k,void 0));$icon=(H(this,x),H(this,E,void 0));$label=(H(this,O),H(this,C,void 0));connectedCallback(){this.$button.addEventListener("click",this.#n.bind(this))}render(t){t.label&&(this.$label.textContent=this.label)}#a=(H(this,P),!1);async#n(){if(this.#a=!this.#a,this.$icon.path=this.#a?"M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z":Z,!this.#a)return;const t=await z.open({source:this,default:this.default??this.items[0],value:this.items.find((t=>t.value===this.value))??null,items:this.items});this.$icon.path=Z,void 0!==t&&this.dispatchEvent(new CustomEvent("change",{detail:{value:t.value}})),this.#a=!1}})})()})();

package/pgButtonToggle.js

@@ -0,0 +1 @@
+(()=>{"use strict";var t={111:(t,e,n)=>{n.d(e,{A:()=>l});var o=n(601),r=n.n(o),a=n(314),i=n.n(a)()(r());i.push([t.id,":host {\n  display: inline-flex;\n}\n\n::slotted(*) {\n  align-self: center;\n  display: flex;\n}",""]);var s=new CSSStyleSheet;s.replaceSync(i.toString());const l=s},119:(t,e,n)=>{n.d(e,{A:()=>l});var o=n(601),r=n.n(o),a=n(314),i=n.n(a)()(r());i.push([t.id,':host {\n  display: contents;\n}\n\n[part="button"] {\n  display: flex;\n  align-items: center;\n  align-content: center;\n  font-family: var(--pg-font-family);\n  font-size: var(--pg-button-font-size, 1rem);\n  line-height: var(--pg-button-line-height, 1.5rem);\n  border: 1px solid var(--pg-button-border-color, #453C4F);\n  background-color: var(--pg-button-background-color, #FFFFFF);\n  color: var(--pg-button-color, #453C4F);\n  padding: var(--pg-button-padding, 0.25rem 0.5rem);\n  border-radius: var(--pg-button-border-radius, 0.25rem);\n  outline: none;\n  --pg-icon-color: var(--pg-button-color, #453C4F);\n}\n\n[part="button"]:hover {\n  border: 1px solid var(--pg-button-hover-border-color, #453C4F);\n  background-color: var(--pg-button-hover-background-color, #453C4F);\n  color: var(--pg-button-hover-color, #FFFFFF);\n  --pg-icon-color: var(--pg-button-hover-color, #FFFFFF);\n}\n\n[part="button"]:active {\n  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.5) inset;\n  position: relative;\n}\n\n[part="button"]:focus {\n  position: relative;\n}\n\n[part="button"]:active::before {\n  content: \'\';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: var(--pg-button-border-radius, 0.25rem);\n  box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.6));\n}\n[part="button"]:focus::before {\n  pointer-events: none;\n  content: \'\';\n  position: absolute;\n  top: -1px;\n  right: -1px;\n  bottom: -1px;\n  left: -1px;\n  border-radius: var(--pg-button-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="button"].start {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n  margin-right: -1px;\n}\n\n[part="button"].center {\n  border-radius: 0;\n  margin-right: -1px;\n}\n\n[part="button"].end {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n[part="button"].active {\n  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.5) inset;\n  background-color: rgba(69, 60, 79, 0.1);\n  color: var(--pg-button-color, #453C4F);\n}\n[part="button"].active:hover {\n  box-shadow: 0 1px 0.25rem rgba(0, 0, 0, 0.5) inset;\n  background-color: var(--pg-button-color, #453C4F);\n  color: var(--pg-button-hover-color, #fff);\n}\n\n[part="button"].block {\n  flex: 1;\n}\n\n::slotted {\n  align-self: center;\n}',""]);var s=new CSSStyleSheet;s.replaceSync(i.toString());const l=s},314:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",o=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),o&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),o&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,o,r,a){"string"==typeof t&&(t=[[null,t,void 0]]);var i={};if(o)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(i[l]=!0)}for(var c=0;c<t.length;c++){var u=[].concat(t[c]);o&&i[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),e.push(u))}},e}},601:t=>{t.exports=function(t){return t[1]}}},e={};function n(o){var r=e[o];if(void 0!==r)return r.exports;var a=e[o]={id:o,exports:{}};return t[o](a,a.exports,n),a.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const o=Symbol("addObserver"),r=Symbol("removeObserver"),a=Symbol("getObservers"),i=Symbol("isProxy"),s=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function u(t){return new Proxy(t,{get(e,n){if("symbol"==typeof n){switch(n){case i:return!0;case s:return e;case a:return c.has(t);case o:return(e,n)=>{c.has(t)?c.get(t).has(e)?c.get(t).get(e).push(n):c.get(t).set(e,[n]):c.set(t,new Map([[e,[n]]]))};case r:return e=>{c.has(t)&&(c.get(t).delete(e),0===c.get(t).size&&c.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,n)}throw new Error("Unsupported symbol")}if(n in e){if(!Number.isNaN(Number(n)))return"object"==typeof e[n]?u(e[n]):e[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(l.includes(n))return c.has(e)?function(){const t=Array.prototype[n].apply(e,arguments);return c.get(e).forEach(((t,o)=>{t.forEach((t=>{t(e,n,arguments)}))})),t}:Reflect.get(e,n);if(e[n]instanceof Array)return u(e[n])}return Reflect.get(e,n)},set(t,e,n){if("symbol"==typeof e)throw new Error("Setting symbols not allowed.");if(Array.isArray(t))return Reflect.set(t,e,n);if(c.has(t)){c.get(t).forEach(((t,o)=>{t.forEach((t=>{t(e,n)}))}))}return Reflect.set(t,e,n)}})}window.observers=c;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const p=Symbol("init"),d=Symbol("template"),h=Symbol("style"),b=Symbol("parent");function f(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function m(t){return t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()))}function v(t={}){return function(e,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var o,r;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[b]||e.prototype[b][e.prototype[b].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[b]=[e.prototype],e.prototype[h]=t.style?[t.style]:[],e.prototype[d]=t.template||""):(e.prototype[b].push(e.prototype),e.prototype[h].push(t.style),e.prototype[d]=(o=e.prototype[d],(r=t.template||null)&&r.match(/<parent\/>/)?r.replace(/<parent\/>/,o):`${o}${r||""}`));const a=e.prototype.connectedCallback||(()=>{}),i=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[p]||void 0!==t.template||void 0!==t.style)if(this[p]){if(this[p]&&t.style);else if(this[p]&&t.selector&&!t.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===t.useShadow)throw new Error("unsupported");{const t=document.createElement("template");t.innerHTML=e.prototype[d]||"";const n=document.importNode(t.content,!0),o=this.attachShadow({mode:"open"});o.adoptedStyleSheets=e.prototype[h].map((t=>{if(t instanceof CSSStyleSheet)return t;var e=new CSSStyleSheet;return e.replaceSync(t.toString()),e})),o.appendChild(n)}}else!1===t.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const t of this.shadowRoot.querySelectorAll("*"))-1!==t.localName.indexOf("-")&&n.add(t.localName);const o=Array.from(n.values()).map((t=>customElements.get(t)?Promise.resolve():customElements.whenDefined(t))),r=()=>{this[b].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[m(e)]=!0,t)),{}):{})}))};0===o.length?(this[p]=!0,a.call(this),r()):Promise.all(o).then((()=>{this[p]=!0,a.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));r()}))},e.prototype.disconnectedCallback=function(){i.call(this)},e.prototype.attributeChangedCallback=function(t,e,n){this[m(t)]=n},n.addInitializer((function(){if(t.selector){if(window.customElements.get(t.selector))throw new Error(`@Component() ${n.name} duplicate selector '${t.selector}'`);window.customElements.define(t.selector,e)}}))}}Symbol("transmute");function g(t){return!!t&&t.constructor===Array}function y(t,e){t[p]&&t[b].map((n=>{n.render&&n.render.call(t,{[e]:!0})}))}function w(t){return null===t?"null":g(t)?"array":typeof t}function S(t){return function(e,n){const o=n.name,r=Symbol(o),l=Symbol(`${o}:type`),c=Symbol(`${o}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,o,{get:()=>"object"===this[l]||"array"===this[l]?this[r][i]?this[r]:u(this[r]):this[r],set:e=>{const n=w(t?t(e):e);if("index"!==o&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${o} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!g(e))throw new PropError(`Array "${o}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,o)?.set);if(this[r]===e)throw new Error("Setting an array to itself is not allowed.");const t=u(this[r]);if(t[a]){const n=e[i]?(c=e)[i]&&c[s]:e;t.splice(0,this[r].length,...n)}else this[r]=e}else this[r]=t?t(e):e,y(this,o);var c}})})),function(e){if(void 0===e&&"index"!==o)throw new Error(`@Prop() ${o} must have an initial value defined.`);if(void 0!==e&&"index"===o)throw new Error("@Prop() index must not have an initial value defined.");if(!0===e)throw new Error(`@Prop() ${o} boolean must initialize to false.`);if(!n.private){const{constructor:t}=this;t.observedAttributes??=[],t.symbols||(t.symbols={});const{symbols:e}=t,n=f(o);e[o]||(t.observedAttributes.push(n),e[o]=r)}return this[l]=w(e),"array"===this[l]?(this[r]=e,new Proxy(e,{get:(t,e)=>e===k?this[c]:(console.log("errr???"),Reflect.get(this[r],e)),set:(t,e,n)=>{if(e===k)return this[c]=n,!0;const a=Reflect.set(t,e,n);return"length"===e&&this[r].length===n||y(this,o),this[r]=n,a}})):(this[r]=t?t(this.getAttribute(o)??e):this.getAttribute(o)??e,this[r])}}}function $(){return function(t,e){const n=e.name,o=n.replace(/^\$/,"");e.addInitializer((function(){let t=null;Reflect.defineProperty(this,n,{get(){return t??(t=this.shadowRoot?.querySelector(`[part~=${o}]`))}})}))}}function x(t){return""===t||!0===t||null!==t&&!1!==t&&(t||!0)}Symbol("hasProxy");const k=Symbol("meta");var E=n(119),C=function(t,e,n,o,r,a){function i(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var s,l=o.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!e&&t?o.static?t:t.prototype:null,p=e||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),d=!1,h=n.length-1;h>=0;h--){var b={};for(var f in o)b[f]="access"===f?{}:o[f];for(var f in o.access)b.access[f]=o.access[f];b.addInitializer=function(t){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(t||null))};var m=(0,n[h])("accessor"===l?{get:p.get,set:p.set}:p[c],b);if("accessor"===l){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(s=i(m.get))&&(p.get=s),(s=i(m.set))&&(p.set=s),(s=i(m.init))&&r.unshift(s)}else(s=i(m))&&("field"===l?r.unshift(s):p[c]=s)}u&&Object.defineProperty(u,o.name,p),d=!0},P=function(t,e,n){for(var o=arguments.length>2,r=0;r<e.length;r++)n=o?e[r].call(t,n):e[r].call(t);return o?n:void 0};(()=>{let t,e,n,o,r,a,i,s,l,c,u=[v({selector:"pg-button",style:E.A,template:'<button part="button"> <slot></slot> </button>'})],p=[],d=HTMLElement,h=[],b=[],f=[],m=[],g=[],y=[],w=[],k=[],F=[],O=[],A=[],j=[],R=[],z=[],T=[],L=[];(class extends d{static{e=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[S(x)],o=[S(x)],r=[S(x)],a=[S(x)],i=[S(x)],s=[$()],l=[$()],c=[$()],C(null,null,n,{kind:"field",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:v},h,b),C(null,null,o,{kind:"field",name:"block",static:!1,private:!1,access:{has:t=>"block"in t,get:t=>t.block,set:(t,e)=>{t.block=e}},metadata:v},f,m),C(null,null,r,{kind:"field",name:"start",static:!1,private:!1,access:{has:t=>"start"in t,get:t=>t.start,set:(t,e)=>{t.start=e}},metadata:v},g,y),C(null,null,a,{kind:"field",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:v},w,k),C(null,null,i,{kind:"field",name:"end",static:!1,private:!1,access:{has:t=>"end"in t,get:t=>t.end,set:(t,e)=>{t.end=e}},metadata:v},F,O),C(null,null,s,{kind:"field",name:"$button",static:!1,private:!1,access:{has:t=>"$button"in t,get:t=>t.$button,set:(t,e)=>{t.$button=e}},metadata:v},A,j),C(null,null,l,{kind:"field",name:"$number",static:!1,private:!1,access:{has:t=>"$number"in t,get:t=>t.$number,set:(t,e)=>{t.$number=e}},metadata:v},R,z),C(null,null,c,{kind:"field",name:"$bar",static:!1,private:!1,access:{has:t=>"$bar"in t,get:t=>t.$bar,set:(t,e)=>{t.$bar=e}},metadata:v},T,L),C(null,t={value:e},u,{kind:"class",name:e.name,metadata:v},null,p),e=t.value,v&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),P(e,p)}active=P(this,h,!1);block=(P(this,b),P(this,f,!1));start=(P(this,m),P(this,g,!1));center=(P(this,y),P(this,w,!1));end=(P(this,k),P(this,F,!1));$button=(P(this,O),P(this,A,void 0));$number=(P(this,j),P(this,R,void 0));$bar=(P(this,z),P(this,T,void 0));connectedCallback(){this.$button.addEventListener("click",(t=>{t.stopPropagation(),this.dispatchEvent(new CustomEvent("click"))}))}render(t){t.active&&this.$button.classList.toggle("active",this.active),t.start&&this.$button.classList.toggle("start",this.start),t.end&&this.$button.classList.toggle("end",this.end),t.center&&this.$button.classList.toggle("center",this.center),t.block&&this.$button.classList.toggle("block",this.block)}getBoundingClientRect(){return this.$button.getBoundingClientRect()}constructor(){super(...arguments),P(this,L)}})})();var F=n(111),O=function(t,e,n,o,r,a){function i(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var s,l=o.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!e&&t?o.static?t:t.prototype:null,p=e||(u?Object.getOwnPropertyDescriptor(u,o.name):{}),d=!1,h=n.length-1;h>=0;h--){var b={};for(var f in o)b[f]="access"===f?{}:o[f];for(var f in o.access)b.access[f]=o.access[f];b.addInitializer=function(t){if(d)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(t||null))};var m=(0,n[h])("accessor"===l?{get:p.get,set:p.set}:p[c],b);if("accessor"===l){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(s=i(m.get))&&(p.get=s),(s=i(m.set))&&(p.set=s),(s=i(m.init))&&r.unshift(s)}else(s=i(m))&&("field"===l?r.unshift(s):p[c]=s)}u&&Object.defineProperty(u,o.name,p),d=!0},A=function(t,e,n){for(var o=arguments.length>2,r=0;r<e.length;r++)n=o?e[r].call(t,n):e[r].call(t);return o?n:void 0};const j=[!0,"true",""];(()=>{let t,e,n,o,r,a,i=[v({selector:"pg-button-toggle",style:F.A,template:'<pg-button part="button"> <slot part="expand" name="active"></slot> <slot part="collapse" name="inactive"></slot> </pg-button>'})],s=[],l=HTMLElement,c=[],u=[],p=[],d=[],h=[],b=[],f=[],m=[];(class extends l{static{e=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;n=[S()],o=[$()],r=[$()],a=[$()],O(null,null,n,{kind:"field",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:v},c,u),O(null,null,o,{kind:"field",name:"$button",static:!1,private:!1,access:{has:t=>"$button"in t,get:t=>t.$button,set:(t,e)=>{t.$button=e}},metadata:v},p,d),O(null,null,r,{kind:"field",name:"$expand",static:!1,private:!1,access:{has:t=>"$expand"in t,get:t=>t.$expand,set:(t,e)=>{t.$expand=e}},metadata:v},h,b),O(null,null,a,{kind:"field",name:"$collapse",static:!1,private:!1,access:{has:t=>"$collapse"in t,get:t=>t.$collapse,set:(t,e)=>{t.$collapse=e}},metadata:v},f,m),O(null,t={value:e},i,{kind:"class",name:e.name,metadata:v},null,s),e=t.value,v&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),A(e,s)}active=A(this,c,!1);$button=(A(this,u),A(this,p,void 0));$expand=(A(this,d),A(this,h,void 0));$collapse=(A(this,b),A(this,f,void 0));connectedCallback(){this.$button.addEventListener("click",(t=>{t.stopPropagation(),this.active=!j.includes(this.active),this.dispatchEvent(new CustomEvent("click",{detail:{active:this.active}}))}))}render(t){t.active&&(this.$button.active=j.includes(this.active),this.$expand.style.display=this.$button.active?"initial":"none",this.$collapse.style.display=this.$button.active?"none":"initial")}constructor(){super(...arguments),A(this,m)}})})()})();

package/pgCard.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={147:(e,t,o)=>{o.d(t,{A:()=>s});var r=o(601),n=o.n(r),a=o(314),c=o.n(a)()(n());c.push([e.id,':host {\n  display: flex;\n  flex-direction: column;\n}\n\n[part="body"] {\n  padding: var(--pg-card-padding, 0);\n  border-radius: var(--pg-card-padding, 0.5rem);\n  background: var(--pg-card-background, #fff);\n  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.3);\n}',""]);var l=new CSSStyleSheet;l.replaceSync(c.toString());const s=l},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var o="",r=void 0!==t[5];return t[4]&&(o+="@supports (".concat(t[4],") {")),t[2]&&(o+="@media ".concat(t[2]," {")),r&&(o+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),o+=e(t),r&&(o+="}"),t[2]&&(o+="}"),t[4]&&(o+="}"),o})).join("")},t.i=function(e,o,r,n,a){"string"==typeof e&&(e=[[null,e,void 0]]);var c={};if(r)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(c[s]=!0)}for(var i=0;i<e.length;i++){var p=[].concat(e[i]);r&&c[p[0]]||(void 0!==a&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=a),o&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=o):p[2]=o),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},601:e=>{e.exports=function(e){return e[1]}}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var a=t[r]={id:r,exports:{}};return e[r](a,a.exports,o),a.exports}o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);Symbol("addObserver"),Symbol("removeObserver"),Symbol("getObservers"),Symbol("isProxy"),Symbol("getTarget");const r=new Map;window.observers=r;Error;Symbol("index");const n=Symbol("init"),a=Symbol("template"),c=Symbol("style"),l=Symbol("parent");function s(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function i(e={}){return function(t,o){if("class"!==o.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[l]||t.prototype[l][t.prototype[l].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[l]=[t.prototype],t.prototype[c]=e.style?[e.style]:[],t.prototype[a]=e.template||""):(t.prototype[l].push(t.prototype),t.prototype[c].push(e.style),t.prototype[a]=(r=t.prototype[a],(i=e.template||null)&&i.match(/<parent\/>/)?i.replace(/<parent\/>/,r):`${r}${i||""}`));const p=t.prototype.connectedCallback||(()=>{}),d=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[n]||void 0!==e.template||void 0!==e.style)if(this[n]){if(this[n]&&e.style);else if(this[n]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[a]||"";const o=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[c].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(o)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const o=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&o.add(e.localName);const r=Array.from(o.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),i=()=>{this[l].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[s(t)]=!0,e)),{}):{})}))};0===r.length?(this[n]=!0,p.call(this),i()):Promise.all(r).then((()=>{this[n]=!0,p.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));i()}))},t.prototype.disconnectedCallback=function(){d.call(this)},t.prototype.attributeChangedCallback=function(e,t,o){this[s(e)]=o},o.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${o.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");Symbol("hasProxy");Symbol("meta");var p=o(147),d=function(e,t,o,r,n,a){function c(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var l,s=r.kind,i="getter"===s?"get":"setter"===s?"set":"value",p=!t&&e?r.static?e:e.prototype:null,d=t||(p?Object.getOwnPropertyDescriptor(p,r.name):{}),u=!1,m=o.length-1;m>=0;m--){var y={};for(var f in r)y[f]="access"===f?{}:r[f];for(var f in r.access)y.access[f]=r.access[f];y.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");a.push(c(e||null))};var h=(0,o[m])("accessor"===s?{get:d.get,set:d.set}:d[i],y);if("accessor"===s){if(void 0===h)continue;if(null===h||"object"!=typeof h)throw new TypeError("Object expected");(l=c(h.get))&&(d.get=l),(l=c(h.set))&&(d.set=l),(l=c(h.init))&&n.unshift(l)}else(l=c(h))&&("field"===s?n.unshift(l):d[i]=l)}p&&Object.defineProperty(p,r.name,d),u=!0},u=function(e,t,o){for(var r=arguments.length>2,n=0;n<t.length;n++)o=r?t[n].call(e,o):t[n].call(e);return r?o:void 0};(()=>{let e,t,o=[i({selector:"pg-card",style:p.A,template:'<div part="body"> <slot></slot> </div>'})],r=[],n=HTMLElement;(class extends n{static{t=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(n[Symbol.metadata]??null):void 0;d(null,e={value:t},o,{kind:"class",name:t.name,metadata:a},null,r),t=e.value,a&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),u(t,r)}})})()})();

package/pgCardUser.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={17:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),a=n.n(r),o=n(314),i=n.n(o)()(a());i.push([e.id,':host {\n  display: flex;\n  position: relative;\n  width: var(--pg-avatar-width, 3rem);\n  height: var(--pg-avatar-height, 3rem);\n}\n\n[part="wrap"] {\n  border: 1px solid var(--pg-icon-border-color, #453C4F);\n  border-radius: 50%;\n  overflow: hidden;\n}\n\n[part="img"] {\n  width: calc(var(--pg-avatar-width, 3rem) - 2px);\n  height: calc(var(--pg-avatar-height, 3rem) - 2px);\n}\n\n[part="sponsored"] {\n  display: flex;\n  position: absolute;\n  bottom: -0.25rem;\n  right: -0.5rem;\n  border: 1px solid var(--pg-icon-border-color, #453C4F);\n  background-color: #fff;\n  border-radius: 50%;\n  color: #ea4aaa;\n  width: 1.5rem;\n  height: 1.5rem;\n  align-content: center;\n  align-items: center;\n  justify-items: center;\n  justify-content: center;\n}\n[part="sponsored"]:hover {\n  box-shadow: 0 0 0 0.125rem #fff;\n  color: #fff;\n  background-color: #ea4aaa;\n  border-color: #ea4aaa;\n}\n[part="sponsored"] svg {\n  width: 1rem;\n  height: 1rem;\n  margin-top: 1px; /* meh */\n}',""]);var s=new CSSStyleSheet;s.replaceSync(i.toString());const l=s},147:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),a=n.n(r),o=n(314),i=n.n(o)()(a());i.push([e.id,':host {\n  display: flex;\n  flex-direction: column;\n}\n\n[part="body"] {\n  padding: var(--pg-card-padding, 0);\n  border-radius: var(--pg-card-padding, 0.5rem);\n  background: var(--pg-card-background, #fff);\n  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.3);\n}',""]);var s=new CSSStyleSheet;s.replaceSync(i.toString());const l=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 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 p=[].concat(e[c]);r&&i[p[0]]||(void 0!==o&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=o),n&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=n):p[2]=n),a&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=a):p[4]="".concat(a)),t.push(p))}},t}},489:e=>{e.exports="data:image/png;base64,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"},601:e=>{e.exports=function(e){return e[1]}},841:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),a=n.n(r),o=n(314),i=n.n(o)()(a());i.push([e.id,':host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--pg-font-family);\n}\n\n[part="user"] {\n  display: grid;\n  grid-template-rows: 1fr 1fr;\n  grid-template-columns: 4rem 2rem 1.5rem 1fr auto;\n  padding: 0.5rem;\n}\n\n[part="avatar"] {\n  grid-column: 1;\n  grid-row: 1 / span 2;\n  align-self: center;\n}\n\n[part="name"] {\n  grid-column: 2 / span 3;\n  grid-row: 1;\n  white-space: nowrap;\n}\n\n[part="iconCount"] {\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;\n  border-radius: 0.25rem;\n  background: rgba(0, 0, 0, 0.05);\n  grid-column: 5;\n  grid-row: 1 / span 2;\n  padding: 0 0.5rem;\n  align-items: stretch;\n  justify-content: center;\n  color: #444;\n  margin-left: 0.5rem;\n}\n\n[part="iconCountValue"] {\n  font-weight: bold;\n}\n\n[part="github"] svg {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n[part="github"] {\n  grid-row: 2;\n  grid-column: 2;\n  color: #333;\n}\n\n[part="github"]:hover {\n  color: #4f8ff9;\n}',""]);var s=new CSSStyleSheet;s.replaceSync(i.toString());const l=s}},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"),i=Symbol("isProxy"),s=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function p(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case i:return!0;case s: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]?p(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 p(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 d=Symbol("init"),h=Symbol("template"),u=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,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[u]=e.style?[e.style]:[],t.prototype[h]=e.template||""):(t.prototype[m].push(t.prototype),t.prototype[u].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||(()=>{}),i=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[d]||void 0!==e.template||void 0!==e.style)if(this[d]){if(this[d]&&e.style);else if(this[d]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[h]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[u].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[f(t)]=!0,e)),{}):{})}))};0===r.length?(this[d]=!0,o.call(this),a()):Promise.all(r).then((()=>{this[d]=!0,o.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));a()}))},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 y(e){return!!e&&e.constructor===Array}function E(e,t){e[d]&&e[m].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function v(e){return null===e?"null":y(e)?"array":typeof e}function C(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][i]?this[a]:p(this[a]):this[a],set:t=>{const n=v(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(!y(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=p(this[a]);if(e[o]){const n=t[i]?(c=t)[i]&&c[s]:t;e.splice(0,this[a].length,...n)}else this[a]=t}else this[a]=e?e(t):t,E(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]=a)}return this[l]=v(t),"array"===this[l]?(this[a]=t,new Proxy(t,{get:(e,t)=>t===w?this[c]:(console.log("errr???"),Reflect.get(this[a],t)),set:(e,t,n)=>{if(t===w)return this[c]=n,!0;const o=Reflect.set(e,t,n);return"length"===t&&this[a].length===n||E(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 w=Symbol("meta");var Q=n(841);function A(e,t,n){e.addEventListener("mouseenter",(function(){e.dispatchEvent(new CustomEvent("tooltip",{detail:{visible:!0,rect:e.getBoundingClientRect(),text:t(),position:n??"bottom"},bubbles:!0,composed:!0}))})),e.addEventListener("mouseleave",(function(){e.dispatchEvent(new CustomEvent("tooltip",{detail:{visible:!1},bubbles:!0,composed:!0}))}))}var R=n(147),x=function(e,t,n,r,a,o){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",p=!t&&e?r.static?e:e.prototype:null,d=t||(p?Object.getOwnPropertyDescriptor(p,r.name):{}),h=!1,u=n.length-1;u>=0;u--){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(h)throw new TypeError("Cannot add initializers after decoration has completed");o.push(i(e||null))};var f=(0,n[u])("accessor"===l?{get:d.get,set:d.set}:d[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))&&(d.get=s),(s=i(f.set))&&(d.set=s),(s=i(f.init))&&a.unshift(s)}else(s=i(f))&&("field"===l?a.unshift(s):d[c]=s)}p&&Object.defineProperty(p,r.name,d),h=!0},N=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=[g({selector:"pg-card",style:R.A,template:'<div part="body"> <slot></slot> </div>'})],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;x(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}),N(t,r)}})})();const J=`<div part="wrap"> <img part="img" src="${new URL(n(489),n.b)}"/> </div> <a part="sponsored" href=""> <svg viewBox="0 0 24 24"> <path fill="currentColor" d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z"/> </svg> </a>`;var G=n(17);class User{id=null;github=null;name=null;base64=null;iconCount=null;description=null;website=null;sponsored=!1;sponsorship="";core=!1;from(e){return this.id=e.id,this.github=e.github,this.name=e.name,"string"==typeof e.base64&&(e.base64.match(/^data/)?this.base64=e.base64:this.base64=`data:image/png;base64,${e.base64}`),this.iconCount=e.iconCount,this.description=e.description,this.website=e.website,this.sponsored=e.sponsored,this.sponsorship=`https://github.com/users/${e.github}/sponsorship`,this.core=e.core,this}}var j=function(e,t,n,r,a,o){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",p=!t&&e?r.static?e:e.prototype:null,d=t||(p?Object.getOwnPropertyDescriptor(p,r.name):{}),h=!1,u=n.length-1;u>=0;u--){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(h)throw new TypeError("Cannot add initializers after decoration has completed");o.push(i(e||null))};var f=(0,n[u])("accessor"===l?{get:d.get,set:d.set}:d[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))&&(d.get=s),(s=i(f.set))&&(d.set=s),(s=i(f.init))&&a.unshift(s)}else(s=i(f))&&("field"===l?a.unshift(s):d[c]=s)}p&&Object.defineProperty(p,r.name,d),h=!0},B=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=[g({selector:"pg-avatar",style:G.A,template:J})],i=[],s=HTMLElement,l=[],c=[],p=[],d=[],h=[],u=[];(class extends s{static{t=this}static{const m="function"==typeof Symbol&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;n=[C()],r=[S()],a=[S()],j(null,null,n,{kind:"field",name:"user",static:!1,private:!1,access:{has:e=>"user"in e,get:e=>e.user,set:(e,t)=>{e.user=t}},metadata:m},l,c),j(null,null,r,{kind:"field",name:"$img",static:!1,private:!1,access:{has:e=>"$img"in e,get:e=>e.$img,set:(e,t)=>{e.$img=t}},metadata:m},p,d),j(null,null,a,{kind:"field",name:"$sponsored",static:!1,private:!1,access:{has:e=>"$sponsored"in e,get:e=>e.$sponsored,set:(e,t)=>{e.$sponsored=t}},metadata:m},h,u),j(null,e={value:t},o,{kind:"class",name:t.name,metadata:m},null,i),t=e.value,m&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:m}),B(t,i)}user=B(this,l,new User);$img=(B(this,c),B(this,p,void 0));$sponsored=(B(this,d),B(this,h,void 0));connectedCallback(){A(this.$sponsored,(()=>`Sponsor ${this.user.name} on GitHub`))}render(e){e.user&&(this.$img.src=this.user.base64||"data:image/png;base64,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",this.$sponsored.style.display=this.user.sponsored?"flex":"none",this.user.sponsored&&(this.$sponsored.href=`https://github.com/sponsors/${this.user.github}`))}constructor(){super(...arguments),B(this,u)}})})();var P=function(e,t,n,r,a,o){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",p=!t&&e?r.static?e:e.prototype:null,d=t||(p?Object.getOwnPropertyDescriptor(p,r.name):{}),h=!1,u=n.length-1;u>=0;u--){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(h)throw new TypeError("Cannot add initializers after decoration has completed");o.push(i(e||null))};var f=(0,n[u])("accessor"===l?{get:d.get,set:d.set}:d[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))&&(d.get=s),(s=i(f.set))&&(d.set=s),(s=i(f.init))&&a.unshift(s)}else(s=i(f))&&("field"===l?a.unshift(s):d[c]=s)}p&&Object.defineProperty(p,r.name,d),h=!0},U=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,i,s,l,c=[g({selector:"pg-card-user",style:Q.A,template:'<pg-card> <div part="loading"> Loading... </div> <div part="user"> <pg-avatar part="avatar"></pg-avatar> <div part="name"></div> <div part="iconCount"> <div part="iconCountValue"></div> <div part="iconCountLabel">Icons</div> </div> <a part="github"> <svg viewBox="0 0 24 24"> <path fill="currentColor" d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"/> </svg> </a> </div> </pg-card>'})],p=[],d=HTMLElement,h=[],u=[],m=[],b=[],f=[],y=[],E=[],v=[],w=[],R=[],x=[],N=[],J=[],G=[];(class extends d{static{t=this}static{const g="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[C()],r=[S()],a=[S()],o=[S()],i=[S()],s=[S()],l=[S()],P(null,null,n,{kind:"field",name:"user",static:!1,private:!1,access:{has:e=>"user"in e,get:e=>e.user,set:(e,t)=>{e.user=t}},metadata:g},h,u),P(null,null,r,{kind:"field",name:"$loading",static:!1,private:!1,access:{has:e=>"$loading"in e,get:e=>e.$loading,set:(e,t)=>{e.$loading=t}},metadata:g},m,b),P(null,null,a,{kind:"field",name:"$user",static:!1,private:!1,access:{has:e=>"$user"in e,get:e=>e.$user,set:(e,t)=>{e.$user=t}},metadata:g},f,y),P(null,null,o,{kind:"field",name:"$name",static:!1,private:!1,access:{has:e=>"$name"in e,get:e=>e.$name,set:(e,t)=>{e.$name=t}},metadata:g},E,v),P(null,null,i,{kind:"field",name:"$github",static:!1,private:!1,access:{has:e=>"$github"in e,get:e=>e.$github,set:(e,t)=>{e.$github=t}},metadata:g},w,R),P(null,null,s,{kind:"field",name:"$iconCountValue",static:!1,private:!1,access:{has:e=>"$iconCountValue"in e,get:e=>e.$iconCountValue,set:(e,t)=>{e.$iconCountValue=t}},metadata:g},x,N),P(null,null,l,{kind:"field",name:"$avatar",static:!1,private:!1,access:{has:e=>"$avatar"in e,get:e=>e.$avatar,set:(e,t)=>{e.$avatar=t}},metadata:g},J,G),P(null,e={value:t},c,{kind:"class",name:t.name,metadata:g},null,p),t=e.value,g&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:g}),U(t,p)}user=U(this,h,null);$loading=(U(this,u),U(this,m,void 0));$user=(U(this,b),U(this,f,void 0));$name=(U(this,y),U(this,E,void 0));$github=(U(this,v),U(this,w,void 0));$iconCountValue=(U(this,R),U(this,x,void 0));$avatar=(U(this,N),U(this,J,void 0));connectedCallback(){A(this.$github,(()=>`View ${this.user?.github} on GitHub`))}render(e){e.user&&this.user?(this.$avatar.user=this.user,this.$name.innerText=`${this.user.name}`,this.$iconCountValue.innerText=`${this.user.iconCount}`,this.$github.href=`https://github.com/${this.user.github}`,this.$github.style.setProperty("display",this.user.github?null:"none"),this.$user.style.setProperty("display",null),this.$loading.style.setProperty("display","none")):(this.$user.style.setProperty("display","none"),this.$loading.style.setProperty("display",null))}constructor(){super(...arguments),U(this,G)}})})()})();

package/pgColor.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e={289:(e,n,t)=>{t.d(n,{A:()=>s});var a=t(601),r=t.n(a),o=t(314),h=t.n(o)()(r());h.push([e.id,"button {\n  border: 0;\n  padding: 0;\n  outline: 0;\n}\n\nbutton.active {\n  border: 2px solid #fff;\n  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5);\n  order: 1;\n}\n\nbutton.white.active {\n  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.5) inset;\n}\n\n[part~=grid] {\n  display: grid;\n  grid-template-columns: repeat(19, 1rem);\n  grid-template-rows: repeat(14, 1rem);\n}",""]);var m=new CSSStyleSheet;m.replaceSync(h.toString());const s=m},314:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",a=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),a&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),a&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,a,r,o){"string"==typeof e&&(e=[[null,e,void 0]]);var h={};if(a)for(var m=0;m<this.length;m++){var s=this[m][0];null!=s&&(h[s]=!0)}for(var i=0;i<e.length;i++){var l=[].concat(e[i]);a&&h[l[0]]||(void 0!==o&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=o),t&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=t):l[2]=t),r&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=r):l[4]="".concat(r)),n.push(l))}},n}},601:e=>{e.exports=function(e){return e[1]}}},n={};function t(a){var r=n[a];if(void 0!==r)return r.exports;var o=n[a]={id:a,exports:{}};return e[a](o,o.exports,t),o.exports}t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var a in n)t.o(n,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:n[a]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n);const a=Symbol("addObserver"),r=Symbol("removeObserver"),o=Symbol("getObservers"),h=Symbol("isProxy"),m=Symbol("getTarget"),s=["fill","pop","push","reverse","shift","sort","splice","unshift"],i=new Map;function l(e){return new Proxy(e,{get(n,t){if("symbol"==typeof t){switch(t){case h:return!0;case m:return n;case o:return i.has(e);case a:return(n,t)=>{i.has(e)?i.get(e).has(n)?i.get(e).get(n).push(t):i.get(e).set(n,[t]):i.set(e,new Map([[n,[t]]]))};case r:return n=>{i.has(e)&&(i.get(e).delete(n),0===i.get(e).size&&i.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(n,t)}throw new Error("Unsupported symbol")}if(t in n){if(!Number.isNaN(Number(t)))return"object"==typeof n[t]?l(n[t]):n[t];if("copyWithin"===t)throw new Error("Unsupported array method copyWithin");if(s.includes(t))return i.has(n)?function(){const e=Array.prototype[t].apply(n,arguments);return i.get(n).forEach(((e,a)=>{e.forEach((e=>{e(n,t,arguments)}))})),e}:Reflect.get(n,t);if(n[t]instanceof Array)return l(n[t])}return Reflect.get(n,t)},set(e,n,t){if("symbol"==typeof n)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,n,t);if(i.has(e)){i.get(e).forEach(((e,a)=>{e.forEach((e=>{e(n,t)}))}))}return Reflect.set(e,n,t)}})}window.observers=i;class PropError extends Error{constructor(e,n){super(e),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,n)}}Symbol("index");const c=Symbol("init"),x=Symbol("template"),F=Symbol("style"),u=Symbol("parent");function d(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function p(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function A(e={}){return function(n,t){if("class"!==t.kind)throw new Error("@Component() can only decorate a class");var a,r;Reflect.defineProperty(n,"name",{value:e.selector,writable:!1,configurable:!1}),!n.prototype[u]||n.prototype[u][n.prototype[u].length-1]instanceof Object.getPrototypeOf(n)?n.prototype instanceof HTMLElement&&(n.prototype[u]=[n.prototype],n.prototype[F]=e.style?[e.style]:[],n.prototype[x]=e.template||""):(n.prototype[u].push(n.prototype),n.prototype[F].push(e.style),n.prototype[x]=(a=n.prototype[x],(r=e.template||null)&&r.match(/<parent\/>/)?r.replace(/<parent\/>/,a):`${a}${r||""}`));const o=n.prototype.connectedCallback||(()=>{}),h=n.prototype.disconnectedCallback||(()=>{});n.prototype.connectedCallback=function(){if(this[c]||void 0!==e.template||void 0!==e.style)if(this[c]){if(this[c]&&e.style);else if(this[c]&&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=n.prototype[x]||"";const t=document.importNode(e.content,!0),a=this.attachShadow({mode:"open"});a.adoptedStyleSheets=n.prototype[F].map((e=>{if(e instanceof CSSStyleSheet)return e;var n=new CSSStyleSheet;return n.replaceSync(e.toString()),n})),a.appendChild(t)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const t=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&t.add(e.localName);const a=Array.from(t.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),r=()=>{this[u].map((e=>{e.render&&e.render.call(this,n.observedAttributes?n.observedAttributes.reduce(((e,n)=>(e[p(n)]=!0,e)),{}):{})}))};0===a.length?(this[c]=!0,o.call(this),r()):Promise.all(a).then((()=>{this[c]=!0,o.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));r()}))},n.prototype.disconnectedCallback=function(){h.call(this)},n.prototype.attributeChangedCallback=function(e,n,t){this[p(e)]=t},t.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${t.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,n)}}))}}Symbol("transmute");function E(e){return!!e&&e.constructor===Array}function f(e,n){e[c]&&e[u].map((t=>{t.render&&t.render.call(e,{[n]:!0})}))}function y(e){return null===e?"null":E(e)?"array":typeof e}function C(e){return function(n,t){const a=t.name,r=Symbol(a),s=Symbol(`${a}:type`),i=Symbol(`${a}:meta`);return t.addInitializer((function(){Reflect.defineProperty(this,a,{get:()=>"object"===this[s]||"array"===this[s]?this[r][h]?this[r]:l(this[r]):this[r],set:n=>{const t=y(e?e(n):n);if("index"!==a&&this[s]!==t&&"null"!==this[s]&&"null"!==t)throw new Error(`@Prop() ${a} with type '${this[s]}' cannot be set to ${t}.`);if("array"===this[s]){if(!E(n))throw new PropError(`Array "${a}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,a)?.set);if(this[r]===n)throw new Error("Setting an array to itself is not allowed.");const e=l(this[r]);if(e[o]){const t=n[h]?(i=n)[h]&&i[m]:n;e.splice(0,this[r].length,...t)}else this[r]=n}else this[r]=e?e(n):n,f(this,a);var i}})})),function(n){if(void 0===n&&"index"!==a)throw new Error(`@Prop() ${a} must have an initial value defined.`);if(void 0!==n&&"index"===a)throw new Error("@Prop() index must not have an initial value defined.");if(!0===n)throw new Error(`@Prop() ${a} boolean must initialize to false.`);if(!t.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:n}=e,t=d(a);n[a]||(e.observedAttributes.push(t),n[a]=r)}return this[s]=y(n),"array"===this[s]?(this[r]=n,new Proxy(n,{get:(e,n)=>n===g?this[i]:(console.log("errr???"),Reflect.get(this[r],n)),set:(e,n,t)=>{if(n===g)return this[i]=t,!0;const o=Reflect.set(e,n,t);return"length"===n&&this[r].length===t||f(this,a),this[r]=t,o}})):(this[r]=e?e(this.getAttribute(a)??n):this.getAttribute(a)??n,this[r])}}}Symbol("hasProxy");const g=Symbol("meta");const b=[{name:"Red",camel:"red",colors:[{name:"50",hex:"FFEBEE"},{name:"100",hex:"FFCDD2"},{name:"200",hex:"EF9A9A"},{name:"300",hex:"E57373"},{name:"400",hex:"EF5350"},{name:"500",hex:"F44336"},{name:"600",hex:"E53935"},{name:"700",hex:"D32F2F"},{name:"800",hex:"C62828"},{name:"900",hex:"B71C1C"},{name:"A100",hex:"FF8A80"},{name:"A200",hex:"FF5252"},{name:"A400",hex:"FF1744"},{name:"A700",hex:"D50000"}]},{name:"Pink",camel:"pink",colors:[{name:"50",hex:"FCE4EC"},{name:"100",hex:"F8BBD0"},{name:"200",hex:"F48FB1"},{name:"300",hex:"F06292"},{name:"400",hex:"EC407A"},{name:"500",hex:"E91E63"},{name:"600",hex:"D81B60"},{name:"700",hex:"C2185B"},{name:"800",hex:"AD1457"},{name:"900",hex:"880E4F"},{name:"A100",hex:"FF80AB"},{name:"A200",hex:"FF4081"},{name:"A400",hex:"F50057"},{name:"A700",hex:"C51162"}]},{name:"Purple",camel:"purple",colors:[{name:"50",hex:"F3E5F5"},{name:"100",hex:"E1BEE7"},{name:"200",hex:"CE93D8"},{name:"300",hex:"BA68C8"},{name:"400",hex:"AB47BC"},{name:"500",hex:"9C27B0"},{name:"600",hex:"8E24AA"},{name:"700",hex:"7B1FA2"},{name:"800",hex:"6A1B9A"},{name:"900",hex:"4A148C"},{name:"A100",hex:"EA80FC"},{name:"A200",hex:"E040FB"},{name:"A400",hex:"D500F9"},{name:"A700",hex:"AA00FF"}]},{name:"Deep Purple",camel:"deepPurple",colors:[{name:"50",hex:"EDE7F6"},{name:"100",hex:"D1C4E9"},{name:"200",hex:"B39DDB"},{name:"300",hex:"9575CD"},{name:"400",hex:"7E57C2"},{name:"500",hex:"673AB7"},{name:"600",hex:"5E35B1"},{name:"700",hex:"512DA8"},{name:"800",hex:"4527A0"},{name:"900",hex:"311B92"},{name:"A100",hex:"B388FF"},{name:"A200",hex:"7C4DFF"},{name:"A400",hex:"651FFF"},{name:"A700",hex:"6200EA"}]},{name:"Indigo",camel:"indigo",colors:[{name:"50",hex:"E8EAF6"},{name:"100",hex:"C5CAE9"},{name:"200",hex:"9FA8DA"},{name:"300",hex:"7986CB"},{name:"400",hex:"5C6BC0"},{name:"500",hex:"3F51B5"},{name:"600",hex:"3949AB"},{name:"700",hex:"303F9F"},{name:"800",hex:"283593"},{name:"900",hex:"1A237E"},{name:"A100",hex:"8C9EFF"},{name:"A200",hex:"536DFE"},{name:"A400",hex:"3D5AFE"},{name:"A700",hex:"304FFE"}]},{name:"Blue",camel:"blue",colors:[{name:"50",hex:"E3F2FD"},{name:"100",hex:"BBDEFB"},{name:"200",hex:"90CAF9"},{name:"300",hex:"64B5F6"},{name:"400",hex:"42A5F5"},{name:"500",hex:"2196F3"},{name:"600",hex:"1E88E5"},{name:"700",hex:"1976D2"},{name:"800",hex:"1565C0"},{name:"900",hex:"0D47A1"},{name:"A100",hex:"82B1FF"},{name:"A200",hex:"448AFF"},{name:"A400",hex:"2979FF"},{name:"A700",hex:"2962FF"}]},{name:"Light Blue",camel:"lightBlue",colors:[{name:"50",hex:"E1F5FE"},{name:"100",hex:"B3E5FC"},{name:"200",hex:"81D4FA"},{name:"300",hex:"4FC3F7"},{name:"400",hex:"29B6F6"},{name:"500",hex:"03A9F4"},{name:"600",hex:"039BE5"},{name:"700",hex:"0288D1"},{name:"800",hex:"0277BD"},{name:"900",hex:"01579B"},{name:"A100",hex:"80D8FF"},{name:"A200",hex:"40C4FF"},{name:"A400",hex:"00B0FF"},{name:"A700",hex:"0091EA"}]},{name:"Cyan",camel:"cyan",colors:[{name:"50",hex:"E0F7FA"},{name:"100",hex:"B2EBF2"},{name:"200",hex:"80DEEA"},{name:"300",hex:"4DD0E1"},{name:"400",hex:"26C6DA"},{name:"500",hex:"00BCD4"},{name:"600",hex:"00ACC1"},{name:"700",hex:"0097A7"},{name:"800",hex:"00838F"},{name:"900",hex:"006064"},{name:"A100",hex:"84FFFF"},{name:"A200",hex:"18FFFF"},{name:"A400",hex:"00E5FF"},{name:"A700",hex:"00B8D4"}]},{name:"Teal",camel:"teal",colors:[{name:"50",hex:"E0F2F1"},{name:"100",hex:"B2DFDB"},{name:"200",hex:"80CBC4"},{name:"300",hex:"4DB6AC"},{name:"400",hex:"26A69A"},{name:"500",hex:"009688"},{name:"600",hex:"00897B"},{name:"700",hex:"00796B"},{name:"800",hex:"00695C"},{name:"900",hex:"004D40"},{name:"A100",hex:"A7FFEB"},{name:"A200",hex:"64FFDA"},{name:"A400",hex:"1DE9B6"},{name:"A700",hex:"00BFA5"}]},{name:"Green",camel:"green",colors:[{name:"50",hex:"E8F5E9"},{name:"100",hex:"C8E6C9"},{name:"200",hex:"A5D6A7"},{name:"300",hex:"81C784"},{name:"400",hex:"66BB6A"},{name:"500",hex:"4CAF50"},{name:"600",hex:"43A047"},{name:"700",hex:"388E3C"},{name:"800",hex:"2E7D32"},{name:"900",hex:"1B5E20"},{name:"A100",hex:"B9F6CA"},{name:"A200",hex:"69F0AE"},{name:"A400",hex:"00E676"},{name:"A700",hex:"00C853"}]},{name:"Light Green",camel:"lightGreen",colors:[{name:"50",hex:"F1F8E9"},{name:"100",hex:"DCEDC8"},{name:"200",hex:"C5E1A5"},{name:"300",hex:"AED581"},{name:"400",hex:"9CCC65"},{name:"500",hex:"8BC34A"},{name:"600",hex:"7CB342"},{name:"700",hex:"689F38"},{name:"800",hex:"558B2F"},{name:"900",hex:"33691E"},{name:"A100",hex:"CCFF90"},{name:"A200",hex:"B2FF59"},{name:"A400",hex:"76FF03"},{name:"A700",hex:"64DD17"}]},{name:"Lime",camel:"lime",colors:[{name:"50",hex:"F9FBE7"},{name:"100",hex:"F0F4C3"},{name:"200",hex:"E6EE9C"},{name:"300",hex:"DCE775"},{name:"400",hex:"D4E157"},{name:"500",hex:"CDDC39"},{name:"600",hex:"C0CA33"},{name:"700",hex:"AFB42B"},{name:"800",hex:"9E9D24"},{name:"900",hex:"827717"},{name:"A100",hex:"F4FF81"},{name:"A200",hex:"EEFF41"},{name:"A400",hex:"C6FF00"},{name:"A700",hex:"AEEA00"}]},{name:"Yellow",camel:"yellow",colors:[{name:"50",hex:"FFFDE7"},{name:"100",hex:"FFF9C4"},{name:"200",hex:"FFF59D"},{name:"300",hex:"FFF176"},{name:"400",hex:"FFEE58"},{name:"500",hex:"FFEB3B"},{name:"600",hex:"FDD835"},{name:"700",hex:"FBC02D"},{name:"800",hex:"F9A825"},{name:"900",hex:"F57F17"},{name:"A100",hex:"FFFF8D"},{name:"A200",hex:"FFFF00"},{name:"A400",hex:"FFEA00"},{name:"A700",hex:"FFD600"}]},{name:"Amber",camel:"amber",colors:[{name:"50",hex:"FFF8E1"},{name:"100",hex:"FFECB3"},{name:"200",hex:"FFE082"},{name:"300",hex:"FFD54F"},{name:"400",hex:"FFCA28"},{name:"500",hex:"FFC107"},{name:"600",hex:"FFB300"},{name:"700",hex:"FFA000"},{name:"800",hex:"FF8F00"},{name:"900",hex:"FF6F00"},{name:"A100",hex:"FFE57F"},{name:"A200",hex:"FFD740"},{name:"A400",hex:"FFC400"},{name:"A700",hex:"FFAB00"}]},{name:"Orange",camel:"orange",colors:[{name:"50",hex:"FFF3E0"},{name:"100",hex:"FFE0B2"},{name:"200",hex:"FFCC80"},{name:"300",hex:"FFB74D"},{name:"400",hex:"FFA726"},{name:"500",hex:"FF9800"},{name:"600",hex:"FB8C00"},{name:"700",hex:"F57C00"},{name:"800",hex:"EF6C00"},{name:"900",hex:"E65100"},{name:"A100",hex:"FFD180"},{name:"A200",hex:"FFAB40"},{name:"A400",hex:"FF9100"},{name:"A700",hex:"FF6D00"}]},{name:"Deep Orange",camel:"deepOrange",colors:[{name:"50",hex:"FBE9E7"},{name:"100",hex:"FFCCBC"},{name:"200",hex:"FFAB91"},{name:"300",hex:"FF8A65"},{name:"400",hex:"FF7043"},{name:"500",hex:"FF5722"},{name:"600",hex:"F4511E"},{name:"700",hex:"E64A19"},{name:"800",hex:"D84315"},{name:"900",hex:"BF360C"},{name:"A100",hex:"FF9E80"},{name:"A200",hex:"FF6E40"},{name:"A400",hex:"FF3D00"},{name:"A700",hex:"DD2C00"}]},{name:"Brown",camel:"brown",colors:[{name:"50",hex:"EFEBE9"},{name:"100",hex:"D7CCC8"},{name:"200",hex:"BCAAA4"},{name:"300",hex:"A1887F"},{name:"400",hex:"8D6E63"},{name:"500",hex:"795548"},{name:"600",hex:"6D4C41"},{name:"700",hex:"5D4037"},{name:"800",hex:"4E342E"},{name:"900",hex:"3E2723"}]},{name:"Grey",camel:"grey",colors:[{name:"50",hex:"FAFAFA"},{name:"100",hex:"F5F5F5"},{name:"200",hex:"EEEEEE"},{name:"300",hex:"E0E0E0"},{name:"400",hex:"BDBDBD"},{name:"500",hex:"9E9E9E"},{name:"600",hex:"757575"},{name:"700",hex:"616161"},{name:"800",hex:"424242"},{name:"900",hex:"212121"}]},{name:"Blue Grey",camel:"blueGrey",colors:[{name:"50",hex:"ECEFF1"},{name:"100",hex:"CFD8DC"},{name:"200",hex:"B0BEC5"},{name:"300",hex:"90A4AE"},{name:"400",hex:"78909C"},{name:"500",hex:"607D8B"},{name:"600",hex:"546E7A"},{name:"700",hex:"455A64"},{name:"800",hex:"37474F"},{name:"900",hex:"263238"}]},{name:"Misc",camel:"",colors:[{name:"white",hex:"FFFFFF",x:19,y:0},{name:"black",hex:"000000",x:19,y:1}]}];var v=t(289),B=function(e,n,t,a,r,o){function h(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var m,s=a.kind,i="getter"===s?"get":"setter"===s?"set":"value",l=!n&&e?a.static?e:e.prototype:null,c=n||(l?Object.getOwnPropertyDescriptor(l,a.name):{}),x=!1,F=t.length-1;F>=0;F--){var u={};for(var d in a)u[d]="access"===d?{}:a[d];for(var d in a.access)u.access[d]=a.access[d];u.addInitializer=function(e){if(x)throw new TypeError("Cannot add initializers after decoration has completed");o.push(h(e||null))};var p=(0,t[F])("accessor"===s?{get:c.get,set:c.set}:c[i],u);if("accessor"===s){if(void 0===p)continue;if(null===p||"object"!=typeof p)throw new TypeError("Object expected");(m=h(p.get))&&(c.get=m),(m=h(p.set))&&(c.set=m),(m=h(p.init))&&r.unshift(m)}else(m=h(p))&&("field"===s?r.unshift(m):c[i]=m)}l&&Object.defineProperty(l,a.name,c),x=!0},D=function(e,n,t){for(var a=arguments.length>2,r=0;r<n.length;r++)t=a?n[r].call(e,t):n[r].call(e);return a?t:void 0};(()=>{let e,n,t,a,r=[A({selector:"pg-color",style:v.A,template:'<div part="grid"></div>'})],o=[],h=HTMLElement,m=[],s=[],i=[],l=[];(class extends h{static{n=this}static{const c="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;t=[C()],a=[function(e,n){const t=n.name,a=t.replace(/^\$/,"");n.addInitializer((function(){let e=null;Reflect.defineProperty(this,t,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${a}]`))}})}))}],B(null,null,t,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,n)=>{e.value=n}},metadata:c},m,s),B(null,null,a,{kind:"field",name:"$grid",static:!1,private:!1,access:{has:e=>"$grid"in e,get:e=>e.$grid,set:(e,n)=>{e.$grid=n}},metadata:c},i,l),B(null,e={value:n},r,{kind:"class",name:n.name,metadata:c},null,o),n=e.value,c&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:c}),D(n,o)}value=D(this,m,"#000000");$grid=(D(this,s),D(this,i,void 0));buttons=(D(this,l),[]);isMouseDown=!1;index=-1;connectedCallback(){b.forEach(((e,n)=>{e.colors.forEach(((t,a)=>{const r=document.createElement("button");r.style.background=`#${t.hex}`,"black"===t.name?r.style.gridArea="13 / 17 / 15 / 20":"white"===t.name?(r.style.gridArea="11 / 17 / 13 / 20",r.classList.add("white")):(r.style.gridRow=`${a+1}`,r.style.gridColumn=`${n+1}`);const o=this.buttons.push([r,`#${t.hex}`,e]);r.addEventListener("click",(()=>{this.handleSelect(o-1)})),r.addEventListener("mouseenter",(()=>{this.isMouseDown&&this.handleSelect(o-1)})),this.$grid.appendChild(r)}))}));const e=()=>{this.isMouseDown=!1,document.removeEventListener("mouseup",e)};this.$grid.addEventListener("mousedown",(n=>{this.isMouseDown=!0;const t=this.buttons.findIndex((([e])=>e===n.target));-1!==t&&this.handleSelect(t),document.addEventListener("mouseup",e)}))}handleSelect(e){const[n,t,a]=this.buttons[e],r=function(e){var n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return n?{r:parseInt(n[1],16),g:parseInt(n[2],16),b:parseInt(n[3],16)}:null}(t);if(this.dispatchEvent(new CustomEvent("select",{detail:{group:a,hex:t,rgb:r}})),-1!==this.index){const[e]=this.buttons[this.index];e.classList.toggle("active",!1)}n.classList.toggle("active",!0),this.index=e}render(){if(-1!==this.index){const[e]=this.buttons[this.index];e.classList.toggle("active",!1)}const e=this.buttons.findIndex((e=>e[1]===this.value));if(this.index=e,this.buttons[e]){const[n]=this.buttons[e];n.classList.toggle("active",!0)}}})})()})();