@pictogrammers/components 0.3.2 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -12
- package/favicon.svg +20 -0
- package/index.html +67 -49
- package/main.js +2 -0
- package/main.js.LICENSE.txt +10 -0
- package/package.json +6 -6
- package/pg/annoy/README.md +0 -5
- package/pg/annoy/__examples__/basic/basic.css +3 -0
- package/pg/annoy/__examples__/basic/basic.html +4 -7
- package/pg/annoy/__examples__/basic/basic.ts +3 -1
- package/pg/annoy/annoy.css +29 -198
- package/pg/annoy/annoy.html +5 -56
- package/pg/annoy/annoy.ts +4 -25
- package/pg/app/README.md +11 -0
- package/pg/app/__examples__/basic/basic.css +8 -0
- package/pg/app/__examples__/basic/basic.html +15 -0
- package/pg/app/__examples__/basic/basic.ts +13 -0
- package/pg/app/app.css +108 -0
- package/pg/app/app.html +16 -0
- package/pg/app/app.ts +45 -0
- package/pg/app/index.ts +3 -0
- package/pg/avatar/__examples__/basic/basic.ts +5 -3
- package/pg/button/README.md +3 -0
- package/pg/button/button.css +13 -12
- package/pg/button/button.spec.ts +35 -0
- package/pg/button/button.ts +17 -12
- package/pg/buttonLink/buttonLink.css +3 -2
- package/pg/buttonMenu/README.md +54 -0
- package/pg/buttonMenu/__examples__/basic/basic.html +6 -0
- package/pg/buttonMenu/__examples__/basic/basic.ts +43 -0
- package/pg/buttonMenu/buttonMenu.css +12 -0
- package/pg/buttonMenu/buttonMenu.html +4 -0
- package/pg/buttonMenu/buttonMenu.ts +63 -0
- package/pg/buttonMenu/index.ts +3 -0
- package/pg/buttonToggle/__examples__/basic/basic.ts +2 -2
- package/pg/buttonToggle/__examples__/persist/persist.html +10 -0
- package/pg/buttonToggle/__examples__/persist/persist.ts +35 -0
- package/pg/cardUser/__examples__/basic/basic.ts +0 -1
- package/pg/cardUser/cardUser.css +2 -10
- package/pg/cardUser/cardUser.html +0 -5
- package/pg/cardUser/cardUser.ts +0 -6
- package/pg/database/README.md +1 -1
- package/pg/database/__examples__/basic/basic.html +2 -1
- package/pg/database/__examples__/basic/basic.ts +3 -3
- package/pg/dropdown/dropdown.ts +0 -19
- package/pg/grid/__examples__/basic/basic.html +2 -2
- package/pg/grid/__examples__/basic/basic.ts +3 -2
- package/pg/grid/grid.ts +0 -1
- package/pg/icon/README.md +6 -5
- package/pg/icon/__examples__/basic/basic.html +2 -2
- package/pg/icon/__examples__/basic/basic.ts +1 -1
- package/pg/icon/icon.ts +6 -0
- package/pg/inputCheckList/__examples__/basic/basic.ts +5 -5
- package/pg/inputCheckList/inputCheckList.ts +2 -0
- package/pg/inputFileLocal/inputFileLocal.css +3 -2
- package/pg/inputPixelEditor/README.md +132 -0
- package/pg/inputPixelEditor/__examples__/basic/basic.css +29 -0
- package/pg/inputPixelEditor/__examples__/basic/basic.html +63 -0
- package/pg/inputPixelEditor/__examples__/basic/basic.ts +200 -0
- package/pg/inputPixelEditor/__examples__/basic/openUtils.ts +41 -0
- package/pg/inputPixelEditor/__examples__/basic/saveUtil.ts +35 -0
- package/pg/inputPixelEditor/index.ts +3 -0
- package/pg/inputPixelEditor/inputPixelEditor.css +27 -0
- package/pg/inputPixelEditor/inputPixelEditor.html +3 -0
- package/pg/inputPixelEditor/inputPixelEditor.ts +839 -0
- package/pg/inputPixelEditor/utils/bitmapToMask.ts +202 -0
- package/pg/inputPixelEditor/utils/cloneGrid.ts +17 -0
- package/pg/inputPixelEditor/utils/constants.ts +1 -0
- package/pg/inputPixelEditor/utils/createLayer.ts +8 -0
- package/pg/inputPixelEditor/utils/debounce.ts +5 -0
- package/pg/inputPixelEditor/utils/diffGrid.ts +26 -0
- package/pg/inputPixelEditor/utils/fillGrid.ts +11 -0
- package/pg/inputPixelEditor/utils/getEllipseOutlinePixels.ts +105 -0
- package/pg/inputPixelEditor/utils/getEllipsePixels.ts +28 -0
- package/pg/inputPixelEditor/utils/getGuides.ts +232 -0
- package/pg/inputPixelEditor/utils/getLinePixels.ts +18 -0
- package/pg/inputPixelEditor/utils/getRectangleOutlinePixels.ts +20 -0
- package/pg/inputPixelEditor/utils/getRectanglePixels.ts +15 -0
- package/pg/inputPixelEditor/utils/inputMode.ts +8 -0
- package/pg/inputPixelEditor/utils/interateGrid.ts +7 -0
- package/pg/inputPixelEditor/utils/isEmptyGrid.ts +3 -0
- package/pg/inputPixelEditor/utils/maskToBitmap.ts +66 -0
- package/pg/inputRange/__examples__/basic/basic.ts +4 -4
- package/pg/inputRange/inputRange.ts +6 -4
- package/pg/inputSelect/README.md +1 -1
- package/pg/inputSelect/__examples__/basic/basic.ts +7 -5
- package/pg/inputSelect/inputSelect.css +15 -12
- package/pg/inputSelect/inputSelect.html +3 -3
- package/pg/inputSelect/inputSelect.ts +33 -30
- package/pg/inputText/__examples__/basic/basic.ts +6 -6
- package/pg/inputText/inputText.css +1 -0
- package/pg/inputUserSelect/README.md +1 -1
- package/pg/inputUserSelect/inputUserSelect.ts +1 -1
- package/pg/listTag/__examples__/basic/basic.ts +4 -5
- package/pg/markdown/README.md +17 -3
- package/pg/markdown/__examples__/basic/basic.ts +2 -2
- package/pg/markdown/__examples__/basic/constants.ts +1 -1
- package/pg/markdown/markdown.css +11 -0
- package/pg/menu/README.md +46 -0
- package/pg/menu/__examples__/basic/basic.html +6 -0
- package/pg/menu/__examples__/basic/basic.ts +46 -0
- package/pg/menu/index.ts +3 -0
- package/pg/menu/menu.css +19 -0
- package/pg/menu/menu.html +1 -0
- package/pg/menu/menu.ts +119 -0
- package/pg/menuDivider/README.md +7 -0
- package/pg/menuDivider/__examples__/basic/basic.html +3 -0
- package/pg/menuDivider/__examples__/basic/basic.ts +28 -0
- package/pg/menuDivider/index.ts +3 -0
- package/pg/menuDivider/menuDivider.css +9 -0
- package/pg/menuDivider/menuDivider.html +1 -0
- package/pg/menuDivider/menuDivider.ts +22 -0
- package/pg/menuIcon/menuIcon.ts +43 -36
- package/pg/menuItem/README.md +32 -0
- package/pg/menuItem/__examples__/basic/basic.html +26 -0
- package/pg/menuItem/__examples__/basic/basic.ts +41 -0
- package/pg/menuItem/index.ts +3 -0
- package/pg/menuItem/menuItem.css +97 -0
- package/pg/menuItem/menuItem.html +1 -0
- package/pg/menuItem/menuItem.ts +77 -0
- package/pg/menuItemIcon/README.md +32 -0
- package/pg/menuItemIcon/__examples__/basic/basic.html +34 -0
- package/pg/menuItemIcon/__examples__/basic/basic.ts +55 -0
- package/pg/menuItemIcon/index.ts +3 -0
- package/pg/menuItemIcon/menuItemIcon.css +106 -0
- package/pg/menuItemIcon/menuItemIcon.html +4 -0
- package/pg/menuItemIcon/menuItemIcon.ts +156 -0
- package/pg/modalAlert/__examples__/basic/basic.ts +1 -1
- package/pg/modalAlert/modalAlert.css +1 -4
- package/pg/modalAlert/modalAlert.ts +18 -4
- package/pg/modification/__examples__/basic/basic.ts +1 -2
- package/pg/modification/__examples__/basic/constants.ts +25 -50
- package/pg/modification/modification.ts +1 -1
- package/pg/overlay/overlay.ts +13 -12
- package/pg/overlayContextMenu/README.md +35 -0
- package/pg/overlayContextMenu/__examples__/basic/basic.css +23 -0
- package/pg/overlayContextMenu/__examples__/basic/basic.html +7 -0
- package/pg/overlayContextMenu/__examples__/basic/basic.ts +87 -0
- package/pg/overlayContextMenu/index.ts +3 -0
- package/pg/overlayContextMenu/overlayContextMenu.css +16 -0
- package/pg/overlayContextMenu/overlayContextMenu.html +3 -0
- package/pg/overlayContextMenu/overlayContextMenu.ts +98 -0
- package/pg/overlayMenu/README.md +33 -0
- package/pg/overlayMenu/__examples__/basic/basic.css +3 -0
- package/pg/overlayMenu/__examples__/basic/basic.html +5 -0
- package/pg/overlayMenu/__examples__/basic/basic.ts +62 -0
- package/pg/overlayMenu/index.ts +3 -0
- package/pg/overlayMenu/overlayMenu.css +16 -0
- package/pg/overlayMenu/overlayMenu.html +3 -0
- package/pg/overlayMenu/overlayMenu.ts +67 -0
- package/pg/overlaySelectMenu/README.md +33 -0
- package/pg/overlaySelectMenu/__examples__/basic/basic.css +3 -0
- package/pg/overlaySelectMenu/__examples__/basic/basic.html +5 -0
- package/pg/overlaySelectMenu/__examples__/basic/basic.ts +62 -0
- package/pg/overlaySelectMenu/index.ts +3 -0
- package/pg/overlaySelectMenu/overlaySelectMenu.css +17 -0
- package/pg/overlaySelectMenu/overlaySelectMenu.html +3 -0
- package/pg/overlaySelectMenu/overlaySelectMenu.ts +96 -0
- package/pg/overlaySubMenu/README.md +35 -0
- package/pg/overlaySubMenu/index.ts +3 -0
- package/pg/overlaySubMenu/overlaySubMenu.css +27 -0
- package/pg/overlaySubMenu/overlaySubMenu.html +3 -0
- package/pg/overlaySubMenu/overlaySubMenu.ts +103 -0
- package/pg/picker/picker.ts +1 -19
- package/pg/scroll/__examples__/basic/basic.ts +1 -1
- package/pg/search/__examples__/basic/basic.ts +10 -7
- package/pg/search/search.css +2 -2
- package/pg/shared/models/user.ts +0 -2
- package/pg/tab/tab.ts +0 -10
- package/pg/tabs/partials/tab.css +42 -0
- package/pg/tabs/partials/tab.ts +70 -0
- package/pg/tabs/tabs.css +0 -53
- package/pg/tabs/tabs.ts +54 -70
- package/pg/toast/README.md +35 -6
- package/pg/toast/__examples__/basic/basic.html +7 -0
- package/pg/toast/__examples__/basic/basic.ts +76 -0
- package/pg/toast/toast.css +3 -0
- package/pg/toast/toast.ts +20 -4
- package/pg/tooltip/addTooltip.ts +3 -1
- package/pg/tooltip/tooltip.ts +1 -1
- package/pg/tree/README.md +67 -0
- package/pg/tree/__examples__/basic/basic.html +10 -0
- package/pg/tree/__examples__/basic/basic.ts +162 -0
- package/pg/tree/index.ts +3 -0
- package/pg/tree/tree.css +28 -0
- package/pg/tree/tree.html +1 -0
- package/pg/tree/tree.ts +217 -0
- package/pg/treeButtonIcon/README.md +39 -0
- package/pg/treeButtonIcon/index.ts +3 -0
- package/pg/treeButtonIcon/treeButtonIcon.css +18 -0
- package/pg/treeButtonIcon/treeButtonIcon.html +3 -0
- package/pg/treeButtonIcon/treeButtonIcon.ts +42 -0
- package/pg/treeItem/README.md +3 -0
- package/pg/treeItem/index.ts +3 -0
- package/pg/treeItem/treeItem.css +263 -0
- package/pg/treeItem/treeItem.html +16 -0
- package/pg/treeItem/treeItem.ts +558 -0
- package/pgAnnoy.js +1 -0
- package/pgApp.js +1 -0
- package/pgAvatar.js +1 -0
- package/pgButton.js +1 -0
- package/pgButtonGroup.js +1 -0
- package/pgButtonLink.js +1 -0
- package/pgButtonMenu.js +1 -0
- package/pgButtonToggle.js +1 -0
- package/pgCard.js +1 -0
- package/pgCardUser.js +1 -0
- package/pgColor.js +1 -0
- package/pgDatabase.js +1 -0
- package/pgDropdown.js +1 -0
- package/pgGrid.js +1 -0
- package/pgHeader.js +1 -0
- package/pgIcon.js +1 -0
- package/pgInputCheck.js +1 -0
- package/pgInputCheckList.js +1 -0
- package/pgInputFileLocal.js +1 -0
- package/pgInputHexRgb.js +1 -0
- package/pgInputPixelEditor.js +1 -0
- package/pgInputRange.js +1 -0
- package/pgInputSelect.js +1 -0
- package/pgInputText.js +1 -0
- package/pgInputTextIcon.js +1 -0
- package/pgInputUserSelect.js +1 -0
- package/pgListTag.js +1 -0
- package/pgMarkdown.js +2 -0
- package/pgMarkdown.js.LICENSE.txt +10 -0
- package/pgMenu.js +1 -0
- package/pgMenuDivider.js +1 -0
- package/pgMenuIcon.js +1 -0
- package/pgMenuItem.js +1 -0
- package/pgMenuItemIcon.js +1 -0
- package/pgModalAlert.js +1 -0
- package/pgModification.js +1 -0
- package/pgNav.js +1 -0
- package/pgOverlay.js +1 -0
- package/pgOverlayContextMenu.js +1 -0
- package/pgOverlayMenu.js +1 -0
- package/pgOverlaySelectMenu.js +1 -0
- package/pgOverlaySubMenu.js +1 -0
- package/pgPicker.js +1 -0
- package/pgPreview.js +1 -0
- package/pgScroll.js +1 -0
- package/pgSearch.js +1 -0
- package/pgTab.js +1 -0
- package/pgTabs.js +1 -0
- package/pgToast.js +1 -0
- package/pgToasts.js +1 -0
- package/pgTooltip.js +1 -0
- package/pgTree.js +1 -0
- package/pgTreeButtonIcon.js +1 -0
- package/pgTreeItem.js +1 -0
- package/theme-ui3.css +31 -0
- package/@types/css.d.ts +0 -4
- package/@types/html.d.ts +0 -4
- package/dist/main.js +0 -3819
- package/dist/pgAnnoy.js +0 -116
- package/dist/pgAvatar.js +0 -136
- package/dist/pgButton.js +0 -116
- package/dist/pgButtonGroup.js +0 -116
- package/dist/pgButtonLink.js +0 -116
- package/dist/pgButtonToggle.js +0 -146
- package/dist/pgCard.js +0 -116
- package/dist/pgCardUser.js +0 -196
- package/dist/pgColor.js +0 -136
- package/dist/pgDatabase.js +0 -236
- package/dist/pgDropdown.js +0 -686
- package/dist/pgGrid.js +0 -126
- package/dist/pgHeader.js +0 -116
- package/dist/pgIcon.js +0 -116
- package/dist/pgInputCheck.js +0 -116
- package/dist/pgInputCheckList.js +0 -126
- package/dist/pgInputFileLocal.js +0 -116
- package/dist/pgInputHexRgb.js +0 -126
- package/dist/pgInputRange.js +0 -116
- package/dist/pgInputSelect.js +0 -116
- package/dist/pgInputText.js +0 -116
- package/dist/pgInputTextIcon.js +0 -176
- package/dist/pgInputUserSelect.js +0 -116
- package/dist/pgListTag.js +0 -136
- package/dist/pgMarkdown.js +0 -346
- package/dist/pgMenuIcon.js +0 -206
- package/dist/pgModalAlert.js +0 -126
- package/dist/pgModification.js +0 -396
- package/dist/pgNav.js +0 -116
- package/dist/pgOverlay.js +0 -96
- package/dist/pgPicker.js +0 -116
- package/dist/pgPreview.js +0 -116
- package/dist/pgScroll.js +0 -266
- package/dist/pgSearch.js +0 -146
- package/dist/pgTab.js +0 -116
- package/dist/pgTabs.js +0 -136
- package/dist/pgToast.js +0 -136
- package/dist/pgToasts.js +0 -136
- package/dist/pgTooltip.js +0 -126
package/pgMenuIcon.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var t={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,i,s){"string"==typeof t&&(t=[[null,t,void 0]]);var r={};if(o)for(var a=0;a<this.length;a++){var c=this[a][0];null!=c&&(r[c]=!0)}for(var l=0;l<t.length;l++){var d=[].concat(t[l]);o&&r[d[0]]||(void 0!==s&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=s),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),i&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=i):d[4]="".concat(i)),e.push(d))}},e}},601:t=>{t.exports=function(t){return t[1]}},915:(t,e,n)=>{n.d(e,{A:()=>c});var o=n(601),i=n.n(o),s=n(314),r=n.n(s)()(i());r.push([t.id,"\n[part~=contextMenu] {\n position: relative;\n background: #737E9E;\n border-radius: 0.25rem;\n width: 12rem;\n display: flex;\n flex-direction: column;\n padding: 0.25rem 0;\n box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);\n}\n\n[part~=contextMenu] > div.section {\n color: #FFF;\n font-size: 0.875rem;\n padding: 0.25rem 0.5rem;\n cursor: default;\n font-weight: bold;\n}\n\n[part~=contextMenu] > div.section:not(:first-child) {\n border-top: 1px solid rgba(255, 255, 255, 0.3);\n margin-top: 0.5rem;\n}\n\n[part~=contextMenu] > div.group {\n margin: 0 0.5rem;\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 0.25rem;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n}\n[part~=contextMenu] > div.row > div.group {\n border: 1px solid rgba(255, 255, 255, 0.2);\n border-radius: 0.25rem;\n display: flex;\n flex-direction: row;\n flex: 1;\n overflow: hidden;\n}\n\n[part~=contextMenu] > div.row > div.group:first-child {\n margin-left: 0.5rem;\n margin-right: 0.25rem;\n}\n\n[part~=contextMenu] > div.row > div.group:last-child {\n margin-right: 0.5rem;\n}\n\n[part~=contextMenu] > div.group > button,\n[part~=contextMenu] > div.row > div.group > button {\n display: flex;\n flex: 1;\n padding: 0.25rem;\n justify-content: center;\n border: 0;\n margin: 0;\n background: transparent;\n color: #FFF;\n font-size: 1rem;\n line-height: 1.25rem;\n align-items: center;\n outline: none;\n}\n\n[part~=contextMenu] > button,\n[part~=contextMenu] > a {\n display: flex;\n border: 0;\n margin: 0;\n padding: 0.125rem 0.5rem;\n background: transparent;\n text-align: left;\n color: #FFF;\n font-size: 1rem;\n text-decoration: none;\n cursor: default;\n outline: none;\n}\n\n[part~=contextMenu] > div.group > button.active,\n[part~=contextMenu] > div.row > div.group > button.active {\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) inset;\n background: rgba(0, 0, 0, 0.1);\n}\n\n[part~=contextMenu] > div.group > button.active:hover,\n[part~=contextMenu] > div.row > div.group > button.active:hover {\n background: rgba(0, 0, 0, 0.2);\n}\n\n[part~=contextMenu] > div.group > button:not(:first-child),\n[part~=contextMenu] > div.row > div.group > button:not(:first-child) {\n border-left: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n[part~=contextMenu] > div.row > div.group > button > svg,\n[part~=contextMenu] > div.group > button > svg,\n[part~=contextMenu] > div.row > button > svg,\n[part~=contextMenu] > button > svg {\n width: 1.5rem;\n height: 1.5rem;\n align-self: center;\n}\n\n[part~=contextMenu] > div.row > div.group > button:hover,\n[part~=contextMenu] > div.group > button:hover,\n[part~=contextMenu] > button:hover,\n[part~=contextMenu] > a:hover {\n background: rgba(255, 255, 255, 0.2);\n}\n\n[part~=contextMenu] > div.row > div.group > button:active,\n[part~=contextMenu] > div.group > button:active {\n box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) inset;\n background: rgba(0, 0, 0, 0.2);\n}\n[part~=contextMenu] > button:active,\n[part~=contextMenu] > a:active {\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;\n background: rgba(0, 0, 0, 0.2);\n}\n\n.row {\n display: flex;\n}\n\n.divider {\n border-top: 1px solid rgba(255, 255, 255, 0.3);\n margin-top: 0.5rem;\n height: 0.4375rem;\n}\n\n.black {\n display: inline-flex;\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n background: #000;\n}\n\n.white {\n display: inline-flex;\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n background: #FFF;\n}\n\n.download svg {\n margin-bottom: -0.125rem;\n margin-left: 0.25rem;\n}\n\n[part~=color] {\n visibility: hidden;\n position: absolute;\n padding: 0.25rem;\n background: #737E9E;\n border-radius: 0.25rem;\n box-shadow: 0 1px 16px rgba(0, 0, 0, 0.6);\n}\n\n[part~=colorHexRgb] {\n margin-bottom: 0.25rem;\n}",""]);var a=new CSSStyleSheet;a.replaceSync(r.toString());const c=a}},e={};function n(o){var i=e[o];if(void 0!==i)return i.exports;var s=e[o]={id:o,exports:{}};return t[o](s,s.exports,n),s.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"),i=Symbol("removeObserver"),s=Symbol("getObservers"),r=Symbol("isProxy"),a=Symbol("getTarget"),c=["fill","pop","push","reverse","shift","sort","splice","unshift"],l=new Map;function d(t){return new Proxy(t,{get(e,n){if("symbol"==typeof n){switch(n){case r:return!0;case a:return e;case s:return l.has(t);case o: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 i: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]?d(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,o)=>{t.forEach((t=>{t(e,n,arguments)}))})),t}:Reflect.get(e,n);if(e[n]instanceof Array)return d(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,o)=>{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"),h=Symbol("template"),u=Symbol("style"),g=Symbol("parent");function v(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 f(t={}){return function(e,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var o,i;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[g]||e.prototype[g][e.prototype[g].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[g]=[e.prototype],e.prototype[u]=t.style?[t.style]:[],e.prototype[h]=t.template||""):(e.prototype[g].push(e.prototype),e.prototype[u].push(t.style),e.prototype[h]=(o=e.prototype[h],(i=t.template||null)&&i.match(/<parent\/>/)?i.replace(/<parent\/>/,o):`${o}${i||""}`));const s=e.prototype.connectedCallback||(()=>{}),r=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[h]||"";const n=document.importNode(t.content,!0),o=this.attachShadow({mode:"open"});o.adoptedStyleSheets=e.prototype[u].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))),i=()=>{this[g].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,s.call(this),i()):Promise.all(o).then((()=>{this[p]=!0,s.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));i()}))},e.prototype.disconnectedCallback=function(){r.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 b(t){return!!t&&t.constructor===Array}function y(t,e){t[p]&&t[g].map((n=>{n.render&&n.render.call(t,{[e]:!0})}))}function $(t){return null===t?"null":b(t)?"array":typeof t}function w(t){return function(e,n){const o=n.name,i=Symbol(o),c=Symbol(`${o}:type`),l=Symbol(`${o}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,o,{get:()=>"object"===this[c]||"array"===this[c]?this[i][r]?this[i]:d(this[i]):this[i],set:e=>{const n=$(t?t(e):e);if("index"!==o&&this[c]!==n&&"null"!==this[c]&&"null"!==n)throw new Error(`@Prop() ${o} with type '${this[c]}' cannot be set to ${n}.`);if("array"===this[c]){if(!b(e))throw new PropError(`Array "${o}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,o)?.set);if(this[i]===e)throw new Error("Setting an array to itself is not allowed.");const t=d(this[i]);if(t[s]){const n=e[r]?(l=e)[r]&&l[a]:e;t.splice(0,this[i].length,...n)}else this[i]=e}else this[i]=t?t(e):e,y(this,o);var l}})})),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=v(o);e[o]||(t.observedAttributes.push(n),e[o]=i)}return this[c]=$(e),"array"===this[c]?(this[i]=e,new Proxy(e,{get:(t,e)=>e===k?this[l]:(console.log("errr???"),Reflect.get(this[i],e)),set:(t,e,n)=>{if(e===k)return this[l]=n,!0;const s=Reflect.set(t,e,n);return"length"===e&&this[i].length===n||y(this,o),this[i]=n,s}})):(this[i]=t?t(this.getAttribute(o)??e):this.getAttribute(o)??e,this[i])}}}function x(){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}]`))}})}))}}Symbol("hasProxy");const k=Symbol("meta");var S=n(915);const C=t=>{var e=document.createElement("textarea");e.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;"),e.value=t,document.body.appendChild(e),e.select(),document.execCommand("copy"),setTimeout((function(){document.body.removeChild(e)}),1500)};const L="pgtoastadd",E="pgtoastremove";function F(t){t.key=t.key||"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)}));const e=new CustomEvent(L,{detail:t});return document.body.dispatchEvent(e),setTimeout((()=>{!function(t){const e=new CustomEvent(E,{detail:{key:t}});document.body.dispatchEvent(e)}(t.key)}),1e3*t.seconds),t.key}function P(t,e=3){return F({type:"info",message:t,seconds:e})}class Alias{id;name;match=!1;constructor(t,e){void 0!==t&&(this.id=t),void 0!==e&&(this.name=e)}from(t){return void 0!==t.id&&(this.id=t.id),void 0!==t.name&&(this.name=t.name),this}to(){return{name:this.name}}}class User{id=null;github=null;name=null;base64=null;iconCount=null;description=null;website=null;sponsored=!1;sponsorship="";core=!1;from(t){return this.id=t.id,this.github=t.github,this.name=t.name,"string"==typeof t.base64&&(t.base64.match(/^data/)?this.base64=t.base64:this.base64=`data:image/png;base64,${t.base64}`),this.iconCount=t.iconCount,this.description=t.description,this.website=t.website,this.sponsored=t.sponsored,this.sponsorship=`https://github.com/users/${t.github}/sponsorship`,this.core=t.core,this}}class Tag{id;name;url;count;from(t){return void 0!==t.id&&(this.id=t.id),void 0!==t.name&&(this.name=t.name),void 0!==t.url&&(this.url=t.url),void 0!==t.count&&(this.count=t.count),this}to(){return{name:this.name,url:this.url,count:this.count}}}class Style{id;name;count=null;from(t){return this.id=t.id,this.name=t.name,this.count=t.count,this}}class FontIcon{id;codepoint;font;version;from(t){return this.id=t.id,this.codepoint=t.codepoint,this.font=t.font,this.version=t.version,this}to(){return{id:this.id,codepoint:this.codepoint,font:this.font,version:this.version}}}class Icon{id=null;packageId=null;baseIconId=null;name=null;description=null;data=null;user=null;version=null;aliases=[];tags=[];styles=[];published=!0;deprecated=!1;codepoint=null;fontIcons=[];fontIcon=null;constructor(t,e){this.name=t||null,this.data=e||null}from(t){return this.id=t.id,this.packageId=t.packageId,this.baseIconId=t.baseIconId,this.name=t.name,this.description=t.description,this.data=t.data,t.version&&(this.version=t.version),t.fontIcon&&(this.fontIcon=t.fontIcon),t.user&&(this.user=(new User).from(t.user)),t.aliases&&(this.aliases=t.aliases.map((t=>(new Alias).from(t)))),t.tags&&(this.tags=t.tags.map((t=>(new Tag).from(t)))),t.styles&&(this.styles=t.styles.map((t=>(new Style).from(t)))),"boolean"==typeof t.published&&(this.published=t.published),"boolean"==typeof t.deprecated&&(this.deprecated=t.deprecated),t.codepoint&&(this.codepoint=t.codepoint),t.fontIcons&&(this.fontIcons=t.fontIcons.map((t=>(new FontIcon).from(t)))),this}to(){const{id:t,name:e,description:n,data:o,version:i,fontIcon:s,packageId:r,baseIconId:a,aliases:c,tags:l}=this;return{id:t,name:e,description:n,data:o,version:i,fontIcon:s,packageId:r,baseIconId:a,aliases:c.map((t=>t.to())),tags:l.map((t=>t.to()))}}}var M=function(t,e,n,o,i,s){function r(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var a,c=o.kind,l="getter"===c?"get":"setter"===c?"set":"value",d=!e&&t?o.static?t:t.prototype:null,p=e||(d?Object.getOwnPropertyDescriptor(d,o.name):{}),h=!1,u=n.length-1;u>=0;u--){var g={};for(var v in o)g[v]="access"===v?{}:o[v];for(var v in o.access)g.access[v]=o.access[v];g.addInitializer=function(t){if(h)throw new TypeError("Cannot add initializers after decoration has completed");s.push(r(t||null))};var m=(0,n[u])("accessor"===c?{get:p.get,set:p.set}:p[l],g);if("accessor"===c){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(a=r(m.get))&&(p.get=a),(a=r(m.set))&&(p.set=a),(a=r(m.init))&&i.unshift(a)}else(a=r(m))&&("field"===c?i.unshift(a):p[l]=a)}d&&Object.defineProperty(d,o.name,p),h=!0},I=function(t,e,n){for(var o=arguments.length>2,i=0;i<e.length;i++)n=o?e[i].call(t,n):e[i].call(t);return o?n:void 0};(()=>{let t,e,n,o,i,s,r,a,c,l,d,p,h,u,g,v,m,b,y,$,k,L,E,F,H,R,N,T,A,O=[f({selector:"pg-menu-icon",style:S.A,template:'<div part="contextMenu"> <a part="newTab" href="">Open icon in New Tab</a> <button part="copyIconName">Copy Icon Name</button> <div class="section">Download PNG</div> <div class="group"> <button part="png24">24</button> <button part="png36">36</button> <button part="png48">48</button> <button part="png96">96</button> </div> <div class="row" style="margin-top:.25rem"> <div class="group"> <button part="pngBlack"><span class="black"></span></button> <button part="pngWhite"><span class="white"></span></button> <button part="pngColor"> <svg viewBox="0 0 24 24"> <path fill="#fff" d="M19.35,11.72L17.22,13.85L15.81,12.43L8.1,20.14L3.5,22L2,20.5L3.86,15.9L11.57,8.19L10.15,6.78L12.28,4.65L19.35,11.72M16.76,3C17.93,1.83 19.83,1.83 21,3C22.17,4.17 22.17,6.07 21,7.24L19.08,9.16L14.84,4.92L16.76,3M5.56,17.03L4.5,19.5L6.97,18.44L14.4,11L13,9.6L5.56,17.03Z"/> <path fill="currentColor" d="M12.97 8L15.8 10.85L7.67 19L3.71 20.68L3.15 20.11L4.84 16.15L12.97 8Z"/> </svg> </button> </div> <div class="group"> <button part="pngDownload" class="download"> PNG <svg viewBox="0 0 24 24"> <path fill="currentColor" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z"/> </svg> </button> </div> </div> <div class="section">SVG</div> <div class="row" style="margin-bottom:.25rem"> <div class="group"> <button part="svgBlack" class="active"><span class="black"></span></button> <button part="svgWhite"><span class="white"></span></button> <button part="svgColor"> <svg viewBox="0 0 24 24"> <path fill="#fff" d="M19.35,11.72L17.22,13.85L15.81,12.43L8.1,20.14L3.5,22L2,20.5L3.86,15.9L11.57,8.19L10.15,6.78L12.28,4.65L19.35,11.72M16.76,3C17.93,1.83 19.83,1.83 21,3C22.17,4.17 22.17,6.07 21,7.24L19.08,9.16L14.84,4.92L16.76,3M5.56,17.03L4.5,19.5L6.97,18.44L14.4,11L13,9.6L5.56,17.03Z"/> <path fill="currentColor" d="M12.97 8L15.8 10.85L7.67 19L3.71 20.68L3.15 20.11L4.84 16.15L12.97 8Z"/> </svg> </button> </div> <div class="group"> <button part="svgDownload" class="download"> SVG <svg viewBox="0 0 24 24"> <path fill="currentColor" d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z"/> </svg> </button> </div> </div> <button part="copySvgInline">Copy HTML SVG Inline</button> <button part="copySvgFile">Copy SVG File Contents</button> <button part="copySvgPath">Copy SVG Path Data</button> <div class="section">Desktop Font</div> <button part="copyUnicode">Copy Unicode Character</button> <button part="copyCodepoint">Copy Codepoint</button> <div class="divider"></div> <button part="copyPreview">Copy GitHub Preview</button> <div part="color"> <pg-input-hex-rgb part="colorHexRgb"></pg-input-hex-rgb> <pg-color part="colorPicker"></pg-color> </div> </div>'})],B=[],z=HTMLElement,D=[],W=[],j=[],V=[],U=[],G=[],Z=[],J=[],q=[],_=[],Y=[],K=[],Q=[],X=[],tt=[],et=[],nt=[],ot=[],it=[],st=[],rt=[],at=[],ct=[],lt=[],dt=[],pt=[],ht=[],ut=[],gt=[],vt=[],mt=[],ft=[],bt=[],yt=[],$t=[],wt=[],xt=[],kt=[],St=[],Ct=[],Lt=[],Et=[],Ft=[],Pt=[],Mt=[],It=[],Ht=[],Rt=[],Nt=[],Tt=[],At=[],Ot=[],Bt=[],zt=[];(class extends z{static{e=this}static{const f="function"==typeof Symbol&&Symbol.metadata?Object.create(z[Symbol.metadata]??null):void 0;var S;n=[x()],o=[x()],i=[x()],s=[x()],r=[x()],a=[x()],c=[x()],l=[x()],d=[x()],p=[x()],h=[x()],u=[x()],g=[x()],v=[x()],m=[x()],b=[x()],y=[x()],$=[x()],k=[x()],L=[x()],E=[x()],F=[x()],H=[x()],R=[x()],N=[(S="store",function(t,e){return e.name,function(t){if(!(t instanceof Map))throw new Error("@Local(key) property must be type Map");return new Proxy(t,{get(e,n){switch(n){case"get":return e=>{if(!t.has(e))throw new Error(`@Local(key) missing key ${e}`);const n=`${S}:${e}`;return null===window.localStorage.getItem(n)?t.get(e):JSON.parse(window.localStorage.getItem(n)??"null")};case"set":return(e,n)=>{if(!t.has(e))throw new Error(`@Local(key) missing key ${e}`);const o=`${S}:${e}`;null===n||JSON.stringify(n)===JSON.stringify(t.get(e))?window.localStorage.removeItem(o):window.localStorage.setItem(o,JSON.stringify(n))};default:throw new Error(`@Local(key) supported method ${n}`)}}})}})],T=[w()],A=[w()],M(null,null,n,{kind:"field",name:"$contextMenu",static:!1,private:!1,access:{has:t=>"$contextMenu"in t,get:t=>t.$contextMenu,set:(t,e)=>{t.$contextMenu=e}},metadata:f},D,W),M(null,null,o,{kind:"field",name:"$newTab",static:!1,private:!1,access:{has:t=>"$newTab"in t,get:t=>t.$newTab,set:(t,e)=>{t.$newTab=e}},metadata:f},j,V),M(null,null,i,{kind:"field",name:"$copyIconName",static:!1,private:!1,access:{has:t=>"$copyIconName"in t,get:t=>t.$copyIconName,set:(t,e)=>{t.$copyIconName=e}},metadata:f},U,G),M(null,null,s,{kind:"field",name:"$pngBlack",static:!1,private:!1,access:{has:t=>"$pngBlack"in t,get:t=>t.$pngBlack,set:(t,e)=>{t.$pngBlack=e}},metadata:f},Z,J),M(null,null,r,{kind:"field",name:"$pngWhite",static:!1,private:!1,access:{has:t=>"$pngWhite"in t,get:t=>t.$pngWhite,set:(t,e)=>{t.$pngWhite=e}},metadata:f},q,_),M(null,null,a,{kind:"field",name:"$pngColor",static:!1,private:!1,access:{has:t=>"$pngColor"in t,get:t=>t.$pngColor,set:(t,e)=>{t.$pngColor=e}},metadata:f},Y,K),M(null,null,c,{kind:"field",name:"$png24",static:!1,private:!1,access:{has:t=>"$png24"in t,get:t=>t.$png24,set:(t,e)=>{t.$png24=e}},metadata:f},Q,X),M(null,null,l,{kind:"field",name:"$png36",static:!1,private:!1,access:{has:t=>"$png36"in t,get:t=>t.$png36,set:(t,e)=>{t.$png36=e}},metadata:f},tt,et),M(null,null,d,{kind:"field",name:"$png48",static:!1,private:!1,access:{has:t=>"$png48"in t,get:t=>t.$png48,set:(t,e)=>{t.$png48=e}},metadata:f},nt,ot),M(null,null,p,{kind:"field",name:"$png96",static:!1,private:!1,access:{has:t=>"$png96"in t,get:t=>t.$png96,set:(t,e)=>{t.$png96=e}},metadata:f},it,st),M(null,null,h,{kind:"field",name:"$pngDownload",static:!1,private:!1,access:{has:t=>"$pngDownload"in t,get:t=>t.$pngDownload,set:(t,e)=>{t.$pngDownload=e}},metadata:f},rt,at),M(null,null,u,{kind:"field",name:"$svgBlack",static:!1,private:!1,access:{has:t=>"$svgBlack"in t,get:t=>t.$svgBlack,set:(t,e)=>{t.$svgBlack=e}},metadata:f},ct,lt),M(null,null,g,{kind:"field",name:"$svgWhite",static:!1,private:!1,access:{has:t=>"$svgWhite"in t,get:t=>t.$svgWhite,set:(t,e)=>{t.$svgWhite=e}},metadata:f},dt,pt),M(null,null,v,{kind:"field",name:"$svgColor",static:!1,private:!1,access:{has:t=>"$svgColor"in t,get:t=>t.$svgColor,set:(t,e)=>{t.$svgColor=e}},metadata:f},ht,ut),M(null,null,m,{kind:"field",name:"$svgDownload",static:!1,private:!1,access:{has:t=>"$svgDownload"in t,get:t=>t.$svgDownload,set:(t,e)=>{t.$svgDownload=e}},metadata:f},gt,vt),M(null,null,b,{kind:"field",name:"$copySvgInline",static:!1,private:!1,access:{has:t=>"$copySvgInline"in t,get:t=>t.$copySvgInline,set:(t,e)=>{t.$copySvgInline=e}},metadata:f},mt,ft),M(null,null,y,{kind:"field",name:"$copySvgFile",static:!1,private:!1,access:{has:t=>"$copySvgFile"in t,get:t=>t.$copySvgFile,set:(t,e)=>{t.$copySvgFile=e}},metadata:f},bt,yt),M(null,null,$,{kind:"field",name:"$copySvgPath",static:!1,private:!1,access:{has:t=>"$copySvgPath"in t,get:t=>t.$copySvgPath,set:(t,e)=>{t.$copySvgPath=e}},metadata:f},$t,wt),M(null,null,k,{kind:"field",name:"$copyUnicode",static:!1,private:!1,access:{has:t=>"$copyUnicode"in t,get:t=>t.$copyUnicode,set:(t,e)=>{t.$copyUnicode=e}},metadata:f},xt,kt),M(null,null,L,{kind:"field",name:"$copyCodepoint",static:!1,private:!1,access:{has:t=>"$copyCodepoint"in t,get:t=>t.$copyCodepoint,set:(t,e)=>{t.$copyCodepoint=e}},metadata:f},St,Ct),M(null,null,E,{kind:"field",name:"$copyPreview",static:!1,private:!1,access:{has:t=>"$copyPreview"in t,get:t=>t.$copyPreview,set:(t,e)=>{t.$copyPreview=e}},metadata:f},Lt,Et),M(null,null,F,{kind:"field",name:"$color",static:!1,private:!1,access:{has:t=>"$color"in t,get:t=>t.$color,set:(t,e)=>{t.$color=e}},metadata:f},Ft,Pt),M(null,null,H,{kind:"field",name:"$colorPicker",static:!1,private:!1,access:{has:t=>"$colorPicker"in t,get:t=>t.$colorPicker,set:(t,e)=>{t.$colorPicker=e}},metadata:f},Mt,It),M(null,null,R,{kind:"field",name:"$colorHexRgb",static:!1,private:!1,access:{has:t=>"$colorHexRgb"in t,get:t=>t.$colorHexRgb,set:(t,e)=>{t.$colorHexRgb=e}},metadata:f},Ht,Rt),M(null,null,N,{kind:"field",name:"store",static:!1,private:!1,access:{has:t=>"store"in t,get:t=>t.store,set:(t,e)=>{t.store=e}},metadata:f},Nt,Tt),M(null,null,T,{kind:"field",name:"currentIndex",static:!1,private:!1,access:{has:t=>"currentIndex"in t,get:t=>t.currentIndex,set:(t,e)=>{t.currentIndex=e}},metadata:f},At,Ot),M(null,null,A,{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:f},Bt,zt),M(null,t={value:e},O,{kind:"class",name:e.name,metadata:f},null,B),e=t.value,f&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:f}),I(e,B)}$contextMenu=I(this,D,void 0);$newTab=(I(this,W),I(this,j,void 0));$copyIconName=(I(this,V),I(this,U,void 0));$pngBlack=(I(this,G),I(this,Z,void 0));$pngWhite=(I(this,J),I(this,q,void 0));$pngColor=(I(this,_),I(this,Y,void 0));$png24=(I(this,K),I(this,Q,void 0));$png36=(I(this,X),I(this,tt,void 0));$png48=(I(this,et),I(this,nt,void 0));$png96=(I(this,ot),I(this,it,void 0));$pngDownload=(I(this,st),I(this,rt,void 0));$svgBlack=(I(this,at),I(this,ct,void 0));$svgWhite=(I(this,lt),I(this,dt,void 0));$svgColor=(I(this,pt),I(this,ht,void 0));$svgDownload=(I(this,ut),I(this,gt,void 0));$copySvgInline=(I(this,vt),I(this,mt,void 0));$copySvgFile=(I(this,ft),I(this,bt,void 0));$copySvgPath=(I(this,yt),I(this,$t,void 0));$copyUnicode=(I(this,wt),I(this,xt,void 0));$copyCodepoint=(I(this,kt),I(this,St,void 0));$copyPreview=(I(this,Ct),I(this,Lt,void 0));$color=(I(this,Et),I(this,Ft,void 0));$colorPicker=(I(this,Pt),I(this,Mt,void 0));$colorHexRgb=(I(this,It),I(this,Ht,void 0));store=(I(this,Rt),I(this,Nt,new Map([["cachePngColor","#000000"],["cachePngSize",24],["cacheSvgColor","#000000"]])));color=(I(this,Tt),"svg");currentIndex=I(this,At,0);icon=(I(this,Ot),I(this,Bt,new Icon));connectedCallback(){this.$copyIconName.addEventListener("click",this.handleCopyIconName.bind(this)),this.$svgBlack.addEventListener("click",(()=>{this.store.set("cacheSvgColor","#000000"),this.render()})),this.$svgWhite.addEventListener("click",(()=>{this.store.set("cacheSvgColor","#FFFFFF"),this.render()}));let t=!1;this.$svgColor.addEventListener("click",(()=>{if(t)return void(t=!1);this.color="svg",this.$colorPicker.value=this.store.get("cacheSvgColor"),this.$colorHexRgb.value=this.store.get("cacheSvgColor");const e=this;this.$color.style.visibility="visible";let n=!0;this.$color.addEventListener("mouseenter",(()=>n=!1)),this.$color.addEventListener("mouseleave",(()=>n=!0)),document.addEventListener("mousedown",(function o(i){n&&(e.$color.style.visibility="hidden",document.removeEventListener("mousedown",o),t=!0,e.render(),setTimeout((()=>t=!1),500))}))})),this.$pngBlack.addEventListener("click",(()=>{this.store.set("cachePngColor","#000000"),this.render()})),this.$pngWhite.addEventListener("click",(()=>{this.store.set("cachePngColor","#FFFFFF"),this.render()}));let e=!1;this.$pngColor.addEventListener("click",(()=>{if(e)return void(e=!1);this.color="png",this.$colorPicker.value=this.store.get("cachePngColor"),this.$colorHexRgb.value=this.store.get("cachePngColor");const t=this;this.$color.style.visibility="visible";let n=!0;this.$color.addEventListener("mouseenter",(()=>n=!1)),this.$color.addEventListener("mouseleave",(()=>n=!0)),document.addEventListener("mousedown",(function o(i){n&&(t.$color.style.visibility="hidden",document.removeEventListener("mousedown",o),e=!0,t.render(),setTimeout((()=>e=!1),500))}))})),this.$png24.addEventListener("click",(()=>{this.store.set("cachePngSize",24),this.render()})),this.$png36.addEventListener("click",(()=>{this.store.set("cachePngSize",36),this.render()})),this.$png48.addEventListener("click",(()=>{this.store.set("cachePngSize",48),this.render()})),this.$png96.addEventListener("click",(()=>{this.store.set("cachePngSize",96),this.render()})),this.$svgDownload.addEventListener("click",(()=>{alert(`SVG ${this.store.get("cacheSvgColor")}`)})),this.$pngDownload.addEventListener("click",(()=>{alert(`SVG ${this.store.get("cachePngSize")} ${this.store.get("cachePngColor")}`)})),this.$copySvgInline.addEventListener("click",(()=>{const t=this.icon;C(function(t){return`<svg viewBox="0 0 24 24"><path fill="currentColor" d="${t.data}"/></svg>`}(t)),this.hideContextMenu(),P(`Copied inline SVG "${t.name}" to clipboard.`)})),this.$copySvgFile.addEventListener("click",(()=>{})),this.$copySvgPath.addEventListener("click",(()=>{})),this.$copyUnicode.addEventListener("click",(()=>{})),this.$copyCodepoint.addEventListener("click",(()=>{})),this.$copyPreview.addEventListener("click",(()=>{}))}handleCopyIconName(){const t=this.icon;t&&t.name&&(C(t.name),P(`Copied "${t.name}" to clipboard.`)),this.hideContextMenu()}hideContextMenu(){}showContextMenu(t,e,n){this.dispatchEvent(new CustomEvent("closemenu"))}render(){const t=this.store.get("cacheSvgColor"),e=this.store.get("cachePngColor"),n=this.store.get("cachePngSize");this.$svgBlack.classList.toggle("active","#000000"===t),this.$svgWhite.classList.toggle("active","#FFFFFF"===t),this.$svgColor.classList.toggle("active","#000000"!==t&&"#FFFFFF"!==t),this.$pngBlack.classList.toggle("active","#000000"===e),this.$pngWhite.classList.toggle("active","#FFFFFF"===e),this.$pngColor.classList.toggle("active","#000000"!==e&&"#FFFFFF"!==e),this.$png24.classList.toggle("active",24===n),this.$png36.classList.toggle("active",36===n),this.$png48.classList.toggle("active",48===n),this.$png96.classList.toggle("active",96===n),this.$colorPicker.addEventListener("select",this.handleColorSelect.bind(this)),this.$colorHexRgb.addEventListener("change",this.handleHexRgbChange.bind(this)),this.syncEyedropper()}handleColorSelect(t){switch(this.color){case"svg":this.store.set("cacheSvgColor",t.detail.hex);break;case"png":this.store.set("cachePngColor",t.detail.hex)}this.$colorHexRgb.value=t.detail.hex,this.syncEyedropper()}handleHexRgbChange(t){switch(this.color){case"svg":this.store.set("cacheSvgColor",t.detail.hex);break;case"png":this.store.set("cachePngColor",t.detail.hex)}this.$colorPicker.value=t.detail.hex,this.syncEyedropper()}syncEyedropper(){const t=this.store.get("cachePngColor");this.$pngColor.style.color="#000000"!==t&&"#FFFFFF"!==t?t:"transparent";const e=this.store.get("cacheSvgColor");this.$svgColor.style.color="#000000"!==e&&"#FFFFFF"!==e?e:"transparent"}constructor(){super(...arguments),I(this,zt)}})})()})();
|
package/pgMenuItem.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var e={209:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},219:(e,t,n)=>{n.d(t,{A:()=>k});var r=n(601),o=n.n(r),a=n(314),i=n.n(a),s=n(417),l=n.n(s),c=new URL(n(662),n.b),d=new URL(n(708),n.b),p=new URL(n(383),n.b),u=new URL(n(544),n.b),h=new URL(n(570),n.b),m=new URL(n(209),n.b),b=i()(o()),f=l()(c),g=l()(d),v=l()(p),y=l()(u),w=l()(h),x=l()(m);b.push([e.id,`:host {\n display: contents;\n}\n\n[part=label] {\n outline: none;\n display: flex;\n align-items: center;\n font-family: var(--pg-font-family);\n text-align: var(--pg-menu-item-text-align, left);\n background: var(--pg-menu-item-background, transparent);\n padding: var(--pg-menu-item-padding, 0.25rem 0.5rem 0.25rem 0.5rem);\n border-color: transparent;\n border-width: 0;\n border-style: solid;\n border-top-left-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n border-top-right-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n border-bottom-left-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n border-bottom-right-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n color: var(--pg-menu-item-color, #453C4F);\n}\n\n[part=label]:not(:disabled):active,\n[part=label]:not(:disabled):hover {\n background: var(--pg-menu-item-selected-background, #453C4F);\n color: #FFFFFF;\n}\n\n[part=label]:not(:disabled):active {\n background: var(--pg-menu-item-active-background, #5f516e);\n}\n\n[part=label]:disabled {\n color: var(--pg-menu-item-disabled-color, rgb(69, 60, 79, 0.75));\n}\n\n@container style(--pg-menu-_has-check: true) {\n [part=label] {\n padding-inline-start: 1.5rem;\n }\n\n [part=label].checked::before {\n position: absolute;\n translate: -1.5rem 0;\n content: var(--pg-menu-item-check, url(${f}));\n width: 1.5rem;\n height: 1.5rem;\n }\n\n [part=label].checked:active::before,\n [part=label].checked:hover::before {\n content: var(--pg-menu-item-hover-check, url(${g}));\n }\n\n [part=label].checked:disabled::before {\n content: var(--pg-menu-item-disabled-check, url(${v}));\n }\n}\n\n[part=label]:focus-visible {\n position: relative;\n}\n\n[part=label]:focus-visible::after {\n pointer-events: none;\n content: '';\n position: absolute;\n top: -1px;\n right: -1px;\n bottom: -1px;\n left: -1px;\n border-radius: 0.25rem;\n box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.5));\n}\n\n[part=label]:focus-visible:not(:hover)::after {\n background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));\n}\n\n\n[part=label].more::after {\n position: absolute;\n translate: -0.5rem 0;\n right: 0;\n content: var(--pg-menu-item-check, url(${y}));\n width: 1.5rem;\n height: 1.5rem;\n}\n\n[part=label].more:active::after,\n[part=label].more:hover::after {\n content: var(--pg-menu-item-hover-check, url(${w}));\n}\n\n[part=label].more:disabled::after {\n content: var(--pg-menu-item-disabled-check, url(${x}));\n}\n`,""]);var S=new CSSStyleSheet;S.replaceSync(b.toString());const k=S},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(i[l]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);r&&i[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),t.push(d))}},t}},383:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},417:e=>{e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},544:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},570:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27white%27 /></svg>"},601:e=>{e.exports=function(e){return e[1]}},662:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},708:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27white%27 /></svg>"}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={id:r,exports:{}};return e[r](a,a.exports,n),a.exports}n.m=e,n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.b="undefined"!=typeof document&&document.baseURI||self.location.href;const r=Symbol("addObserver"),o=Symbol("removeObserver"),a=Symbol("getObservers"),i=Symbol("isProxy"),s=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function d(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case i:return!0;case s:return t;case a:return c.has(e);case r:return(t,n)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(n):c.get(e).set(t,[n]):c.set(e,new Map([[t,[n]]]))};case o:return t=>{c.has(e)&&(c.get(e).delete(t),0===c.get(e).size&&c.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?d(t[n]):t[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(l.includes(n))return c.has(t)?function(){const e=Array.prototype[n].apply(t,arguments);return c.get(t).forEach(((e,r)=>{e.forEach((e=>{e(t,n,arguments)}))})),e}:Reflect.get(t,n);if(t[n]instanceof Array)return d(t[n])}return Reflect.get(t,n)},set(e,t,n){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,n);if(c.has(e)){c.get(e).forEach(((e,r)=>{e.forEach((e=>{e(t,n)}))}))}return Reflect.set(e,t,n)}})}window.observers=c;class PropError extends Error{constructor(e,t){super(e),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,t)}}Symbol("index");const p=Symbol("init"),u=Symbol("template"),h=Symbol("style"),m=Symbol("parent");function b(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function f(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function g(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,o;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[m]||t.prototype[m][t.prototype[m].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[m]=[t.prototype],t.prototype[h]=e.style?[e.style]:[],t.prototype[u]=e.template||""):(t.prototype[m].push(t.prototype),t.prototype[h].push(e.style),t.prototype[u]=(r=t.prototype[u],(o=e.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,r):`${r}${o||""}`));const a=t.prototype.connectedCallback||(()=>{}),i=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[p]||void 0!==e.template||void 0!==e.style)if(this[p]){if(this[p]&&e.style);else if(this[p]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[u]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[h].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const r=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),o=()=>{this[m].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[f(t)]=!0,e)),{}):{})}))};0===r.length?(this[p]=!0,a.call(this),o()):Promise.all(r).then((()=>{this[p]=!0,a.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));o()}))},t.prototype.disconnectedCallback=function(){i.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[f(e)]=n},n.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${n.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function v(e){return!!e&&e.constructor===Array}function y(e,t){e[p]&&e[m].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":v(e)?"array":typeof e}function x(e){return function(t,n){const r=n.name,o=Symbol(r),l=Symbol(`${r}:type`),c=Symbol(`${r}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[l]||"array"===this[l]?this[o][i]?this[o]:d(this[o]):this[o],set:t=>{const n=w(e?e(t):t);if("index"!==r&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${r} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!v(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[o]===t)throw new Error("Setting an array to itself is not allowed.");const e=d(this[o]);if(e[a]){const n=t[i]?(c=t)[i]&&c[s]:t;e.splice(0,this[o].length,...n)}else this[o]=t}else this[o]=e?e(t):t,y(this,r);var c}})})),function(t){if(void 0===t&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==t&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=b(r);t[r]||(e.observedAttributes.push(n),t[r]=o)}return this[l]=w(t),"array"===this[l]?(this[o]=t,new Proxy(t,{get:(e,t)=>t===S?this[c]:(console.log("errr???"),Reflect.get(this[o],t)),set:(e,t,n)=>{if(t===S)return this[c]=n,!0;const a=Reflect.set(e,t,n);return"length"===t&&this[o].length===n||y(this,r),this[o]=n,a}})):(this[o]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[o])}}}Symbol("hasProxy");const S=Symbol("meta");var k=n(219),L=function(e,t,n,r,o,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,p=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),u=!1,h=n.length-1;h>=0;h--){var m={};for(var b in r)m[b]="access"===b?{}:r[b];for(var b in r.access)m.access[b]=r.access[b];m.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var f=(0,n[h])("accessor"===l?{get:p.get,set:p.set}:p[c],m);if("accessor"===l){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(s=i(f.get))&&(p.get=s),(s=i(f.set))&&(p.set=s),(s=i(f.init))&&o.unshift(s)}else(s=i(f))&&("field"===l?o.unshift(s):p[c]=s)}d&&Object.defineProperty(d,r.name,p),u=!0},E=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};(()=>{let e,t,n,r,o,a,i,s,l=[g({selector:"pg-menu-item",style:k.A,template:'<button part="label"></button>'})],c=[],d=HTMLElement,p=[],u=[],h=[],m=[],b=[],f=[],v=[],y=[],w=[],S=[],$=[],C=[];(class extends d{static{t=this}static{const g="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[x()],r=[x()],o=[x()],a=[x()],i=[x()],s=[function(e,t){const n=t.name,r=n.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,n,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${r}]`))}})}))}],L(null,null,n,{kind:"field",name:"index",static:!1,private:!1,access:{has:e=>"index"in e,get:e=>e.index,set:(e,t)=>{e.index=t}},metadata:g},p,u),L(null,null,r,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:g},h,m),L(null,null,o,{kind:"field",name:"checked",static:!1,private:!1,access:{has:e=>"checked"in e,get:e=>e.checked,set:(e,t)=>{e.checked=t}},metadata:g},b,f),L(null,null,a,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:g},v,y),L(null,null,i,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:g},w,S),L(null,null,s,{kind:"field",name:"$label",static:!1,private:!1,access:{has:e=>"$label"in e,get:e=>e.$label,set:(e,t)=>{e.$label=t}},metadata:g},$,C),L(null,e={value:t},l,{kind:"class",name:t.name,metadata:g},null,c),t=e.value,g&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:g})}static delegatesFocus=!0;index=E(this,p,void 0);label=(E(this,u),E(this,h,""));checked=(E(this,m),E(this,b,!1));disabled=(E(this,f),E(this,v,!1));items=(E(this,y),E(this,w,[]));$label=(E(this,S),E(this,$,void 0));render(e){e.label&&(this.$label.textContent=this.label),e.disabled&&(this.$label.disabled=this.disabled),e.checked&&this.$label.classList.toggle("checked",this.checked),e.checked&&!0===this.checked&&this.dispatchEvent(new CustomEvent("hasCheck",{bubbles:!0}))}connectedCallback(){this.$label.addEventListener("click",(()=>{this.dispatchEvent(new CustomEvent("select",{detail:{index:this.index}}))})),this.$label.addEventListener("keydown",(e=>{switch(e.key){case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{detail:{index:this.index}})),e.preventDefault();break;case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{detail:{index:this.index}})),e.preventDefault();break;case"Escape":this.dispatchEvent(new CustomEvent("close")),e.preventDefault()}}))}focus(){this.$label.focus()}getHeight(){return this.$label.getBoundingClientRect().height}constructor(){super(...arguments),E(this,C)}static{E(t,c)}})})()})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var e={209:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},217:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),i=n.n(r),a=n(314),o=n.n(a)()(i());o.push([e.id,':host {\n display: contents;\n}\n\n[part="overlay"] {\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n overflow: visible;\n --pg-menu-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.25);\n top: calc(anchor(top) - 0.25rem);\n left: calc(anchor(right) - 0.25rem);\n min-width: 10rem;\n translate: var(--pg-overlay-menu-_x, 0) var(--pg-overlay-menu-_y, 0);\n position-try-fallbacks: --custom-right, --custom-left;\n}\n\n@position-try --custom-right {\n top: calc(anchor(top) - 0.25rem);\n left: calc(anchor(right) - 0.25rem);\n}\n\n@position-try --custom-left {\n top: calc(anchor(top) - 0.25rem);\n left: calc(anchor(left) - anchor-size(width) + 0.25rem);\n}\n',""]);var s=new CSSStyleSheet;s.replaceSync(o.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,i,a){"string"==typeof e&&(e=[[null,e,void 0]]);var o={};if(r)for(var s=0;s<this.length;s++){var l=this[s][0];null!=l&&(o[l]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);r&&o[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),i&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=i):d[4]="".concat(i)),t.push(d))}},t}},383:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79, 0.5%29%27 /></svg>"},417:e=>{e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},544:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},570:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z%27 fill=%27white%27 /></svg>"},601:e=>{e.exports=function(e){return e[1]}},662:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27rgb%2869, 60, 79%29%27 /></svg>"},708:e=>{e.exports="data:image/svg+xml; utf8, <svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27><path d=%27M 17.5,10.2501L 10.5,17.25L 6.5,13.25L 7.9,11.8L 10.5,14.4L 16.0857,8.8L 17.5,10.25Z%27 fill=%27white%27 /></svg>"},993:(e,t,n)=>{n.d(t,{A:()=>S});var r=n(601),i=n.n(r),a=n(314),o=n.n(a),s=n(417),l=n.n(s),c=new URL(n(662),n.b),d=new URL(n(708),n.b),u=new URL(n(383),n.b),h=new URL(n(544),n.b),p=new URL(n(570),n.b),m=new URL(n(209),n.b),f=o()(i()),v=l()(c),b=l()(d),g=l()(u),y=l()(h),w=l()(p),x=l()(m);f.push([e.id,`:host {\n display: contents;\n}\n\n[part=button] {\n outline: none;\n display: flex;\n align-items: center;\n font-family: var(--pg-font-family);\n text-align: var(--pg-menu-item-text-align, left);\n background: var(--pg-menu-item-background, transparent);\n padding: var(--pg-menu-item-padding, 0.25rem 0.5rem 0.25rem 0.5rem);\n border-color: transparent;\n border-width: 0;\n border-style: solid;\n border-top-left-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n border-top-right-radius: var(--pg-menu-item-border-radius-top, 0.25rem);\n border-bottom-left-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n border-bottom-right-radius: var(--pg-menu-item-border-radius-bottom, 0.25rem);\n color: var(--pg-menu-item-color, #453C4F);\n}\n\n[part=button]:not(:disabled):active,\n[part=button]:not(:disabled):hover {\n background: var(--pg-menu-item-selected-background, #453C4F);\n color: #FFFFFF;\n --pg-icon-color: #FFFFFF;\n}\n\n[part=button]:not(:disabled):active {\n background: var(--pg-menu-item-active-background, #5f516e);\n}\n\n[part=button]:disabled {\n color: var(--pg-menu-item-disabled-color, rgb(69, 60, 79, 0.75));\n --pg-icon-color: var(--pg-menu-item-disabled-color, rgb(69, 60, 79, 0.75));\n}\n\n@container style(--pg-menu-_has-check: true) {\n [part=button] {\n padding-inline-start: 1.5rem;\n }\n\n [part=button].checked::before {\n position: absolute;\n translate: -1.5rem 0;\n content: var(--pg-menu-item-check, url(${v}));\n width: 1.5rem;\n height: 1.5rem;\n }\n\n [part=button].checked:active::before,\n [part=button].checked:hover::before {\n content: var(--pg-menu-item-hover-check, url(${b}));\n }\n\n [part=button].checked:disabled::before {\n content: var(--pg-menu-item-disabled-check, url(${g}));\n }\n}\n\n[part=button]:focus-visible {\n position: relative;\n}\n\n[part=button]:focus-visible::after {\n pointer-events: none;\n content: '';\n position: absolute;\n top: -1px;\n right: -1px;\n bottom: -1px;\n left: -1px;\n border-radius: 0.25rem;\n box-shadow: 0 0 0 3px var(--pg-focus-color, rgb(79, 143, 249, 0.5));\n}\n\n[part=button]:focus-visible:not(:hover)::after {\n background: var(--pg-focus-background-color, rgb(79, 143, 249, 0.1));\n}\n\n[part=icon] {\n margin-inline-end: 0.5rem;\n}\n\n[part=button].more [part=label]::after {\n content: var(--pg-menu-item-check, url(${y}));\n width: 1.5rem;\n height: 1.5rem;\n vertical-align: middle;\n translate: 0.25rem 0;\n}\n\n[part=button].more:active [part=label]::after,\n[part=button].more:hover [part=label]::after {\n content: var(--pg-menu-item-hover-check, url(${w}));\n}\n\n[part=button].more:disabled [part=label]::after {\n content: var(--pg-menu-item-disabled-check, url(${x}));\n}\n\n[part=label] {\n display: flex;\n align-items: center;\n}\n`,""]);var k=new CSSStyleSheet;k.replaceSync(f.toString());const S=k}},t={};function n(r){var i=t[r];if(void 0!==i)return i.exports;var a=t[r]={id:r,exports:{}};return e[r](a,a.exports,n),a.exports}n.m=e,n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.b="undefined"!=typeof document&&document.baseURI||self.location.href;const r=Symbol("addObserver"),i=Symbol("removeObserver"),a=Symbol("getObservers"),o=Symbol("isProxy"),s=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function d(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case o:return!0;case s:return t;case a:return c.has(e);case r:return(t,n)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(n):c.get(e).set(t,[n]):c.set(e,new Map([[t,[n]]]))};case i:return t=>{c.has(e)&&(c.get(e).delete(t),0===c.get(e).size&&c.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?d(t[n]):t[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(l.includes(n))return c.has(t)?function(){const e=Array.prototype[n].apply(t,arguments);return c.get(t).forEach(((e,r)=>{e.forEach((e=>{e(t,n,arguments)}))})),e}:Reflect.get(t,n);if(t[n]instanceof Array)return d(t[n])}return Reflect.get(t,n)},set(e,t,n){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,n);if(c.has(e)){c.get(e).forEach(((e,r)=>{e.forEach((e=>{e(t,n)}))}))}return Reflect.set(e,t,n)}})}window.observers=c;class PropError extends Error{constructor(e,t){super(e),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,t)}}Symbol("index");const u=Symbol("init"),h=Symbol("template"),p=Symbol("style"),m=Symbol("parent");function f(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function v(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function b(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,i;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[m]||t.prototype[m][t.prototype[m].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[m]=[t.prototype],t.prototype[p]=e.style?[e.style]:[],t.prototype[h]=e.template||""):(t.prototype[m].push(t.prototype),t.prototype[p].push(e.style),t.prototype[h]=(r=t.prototype[h],(i=e.template||null)&&i.match(/<parent\/>/)?i.replace(/<parent\/>/,r):`${r}${i||""}`));const a=t.prototype.connectedCallback||(()=>{}),o=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[u]||void 0!==e.template||void 0!==e.style)if(this[u]){if(this[u]&&e.style);else if(this[u]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[h]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[p].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const r=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),i=()=>{this[m].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[v(t)]=!0,e)),{}):{})}))};0===r.length?(this[u]=!0,a.call(this),i()):Promise.all(r).then((()=>{this[u]=!0,a.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));i()}))},t.prototype.disconnectedCallback=function(){o.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[v(e)]=n},n.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${n.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function g(e){return!!e&&e.constructor===Array}function y(e,t){e[u]&&e[m].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":g(e)?"array":typeof e}function x(e){return function(t,n){const r=n.name,i=Symbol(r),l=Symbol(`${r}:type`),c=Symbol(`${r}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[l]||"array"===this[l]?this[i][o]?this[i]:d(this[i]):this[i],set:t=>{const n=w(e?e(t):t);if("index"!==r&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${r} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!g(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[i]===t)throw new Error("Setting an array to itself is not allowed.");const e=d(this[i]);if(e[a]){const n=t[o]?(c=t)[o]&&c[s]:t;e.splice(0,this[i].length,...n)}else this[i]=t}else this[i]=e?e(t):t,y(this,r);var c}})})),function(t){if(void 0===t&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==t&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=f(r);t[r]||(e.observedAttributes.push(n),t[r]=i)}return this[l]=w(t),"array"===this[l]?(this[i]=t,new Proxy(t,{get:(e,t)=>t===S?this[c]:(console.log("errr???"),Reflect.get(this[i],t)),set:(e,t,n)=>{if(t===S)return this[c]=n,!0;const a=Reflect.set(e,t,n);return"length"===t&&this[i].length===n||y(this,r),this[i]=n,a}})):(this[i]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[i])}}}function k(){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 S=Symbol("meta");var E=function(e,t,n,r,i,a){function o(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,u=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),h=!1,p=n.length-1;p>=0;p--){var m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");a.push(o(e||null))};var v=(0,n[p])("accessor"===l?{get:u.get,set:u.set}:u[c],m);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(s=o(v.get))&&(u.get=s),(s=o(v.set))&&(u.set=s),(s=o(v.init))&&i.unshift(s)}else(s=o(v))&&("field"===l?i.unshift(s):u[c]=s)}d&&Object.defineProperty(d,r.name,u),h=!0},$=function(e,t,n){for(var r=arguments.length>2,i=0;i<t.length;i++)n=r?t[i].call(e,n):t[i].call(e);return r?n:void 0};const L=new Set,C=new Map;const P=(()=>{let e,t,n=[b()],r=[],i=HTMLElement;(class extends i{static{t=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;E(null,e={value:t},n,{kind:"class",name:t.name,metadata:a},null,r),t=e.value,a&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),$(t,r)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),L.add(t),new Promise((e=>{C.set(t,e)}))}close(e){this.remove(),L.delete(this);const t=C.get(this);t&&t(e),C.delete(this)}});return t})();var O=n(217),A=function(e,t,n,r,i,a){function o(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,u=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),h=!1,p=n.length-1;p>=0;p--){var m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");a.push(o(e||null))};var v=(0,n[p])("accessor"===l?{get:u.get,set:u.set}:u[c],m);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(s=o(v.get))&&(u.get=s),(s=o(v.set))&&(u.set=s),(s=o(v.init))&&i.unshift(s)}else(s=o(v))&&("field"===l?i.unshift(s):u[c]=s)}d&&Object.defineProperty(d,r.name,u),h=!0},j=function(e,t,n){for(var r=arguments.length>2,i=0;i<t.length;i++)n=r?t[i].call(e,n):t[i].call(e);return r?n:void 0};const R=[],F=[];const M=(()=>{let e,t,n,r,i,a,o,s,l,c,d=[b({selector:"pg-overlay-sub-menu",template:'<div part="overlay"> <pg-menu part="menu"></pg-menu> </div>',style:O.A})],u=[],h=P,p=[],m=[],f=[],v=[],g=[],y=[],w=[],S=[],E=[],$=[],L=[],C=[],M=[],T=[],z=[],D=[];(class extends h{static{t=this}static{const b="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;n=[k()],r=[k()],i=[x()],a=[x()],o=[x()],s=[x()],l=[x()],c=[x()],A(null,null,n,{kind:"field",name:"$overlay",static:!1,private:!1,access:{has:e=>"$overlay"in e,get:e=>e.$overlay,set:(e,t)=>{e.$overlay=t}},metadata:b},p,m),A(null,null,r,{kind:"field",name:"$menu",static:!1,private:!1,access:{has:e=>"$menu"in e,get:e=>e.$menu,set:(e,t)=>{e.$menu=t}},metadata:b},f,v),A(null,null,i,{kind:"field",name:"source",static:!1,private:!1,access:{has:e=>"source"in e,get:e=>e.source,set:(e,t)=>{e.source=t}},metadata:b},g,y),A(null,null,a,{kind:"field",name:"x",static:!1,private:!1,access:{has:e=>"x"in e,get:e=>e.x,set:(e,t)=>{e.x=t}},metadata:b},w,S),A(null,null,o,{kind:"field",name:"y",static:!1,private:!1,access:{has:e=>"y"in e,get:e=>e.y,set:(e,t)=>{e.y=t}},metadata:b},E,$),A(null,null,s,{kind:"field",name:"default",static:!1,private:!1,access:{has:e=>"default"in e,get:e=>e.default,set:(e,t)=>{e.default=t}},metadata:b},L,C),A(null,null,l,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:b},M,T),A(null,null,c,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:b},z,D),A(null,e={value:t},d,{kind:"class",name:t.name,metadata:b},null,u),t=e.value,b&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:b}),j(t,u)}$overlay=j(this,p,void 0);$menu=(j(this,m),j(this,f,void 0));source=(j(this,v),j(this,g,null));x=(j(this,y),j(this,w,0));y=(j(this,S),j(this,E,0));default=(j(this,$),j(this,L,null));items=(j(this,C),j(this,M,[]));value=(j(this,T),j(this,z,null));render(e){e.items&&(this.$menu.items=this.items)}connectedCallback(){R.pop()?.close(),R.push(this),F.push(this),this.$menu.addEventListener("select",this.#e.bind(this)),this.$menu.addEventListener("close",this.#t.bind(this)),this.$overlay.popover="auto",null!==this.source&&this.$overlay.showPopover({source:this.source}),this.$overlay.addEventListener("toggle",this.#n.bind(this));this.source?.getBoundingClientRect();this.$overlay.style.setProperty("--pg-overlay-menu-_x","0px"),this.$overlay.style.setProperty("--pg-overlay-menu-_y","0px"),this.$menu.focus(0),this.#r=this.#i.bind(this),document.addEventListener("pointerdown",this.#r)}#a=(j(this,D),!1);#r;#i(e){this.#a=e.composedPath().includes(this.source)}#n(e){"closed"===e.newState&&0===F.length&&this.#a&&(console.log(e),this.source?.focus())}disconnectedCallback(){F.pop(),document.removeEventListener("pointerdown",this.#r)}#t(e){const{depth:t}=e.detail;console.log("close",t),1===t?this.close(null):this.close()}#e(e){e.detail.item.index=e.detail.index,this.close(e.detail.item),this.source?.focus()}});return t})();var T=n(993),z=function(e,t,n,r,i,a){function o(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,u=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),h=!1,p=n.length-1;p>=0;p--){var m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");a.push(o(e||null))};var v=(0,n[p])("accessor"===l?{get:u.get,set:u.set}:u[c],m);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(s=o(v.get))&&(u.get=s),(s=o(v.set))&&(u.set=s),(s=o(v.init))&&i.unshift(s)}else(s=o(v))&&("field"===l?i.unshift(s):u[c]=s)}d&&Object.defineProperty(d,r.name,u),h=!0},D=function(e,t,n){for(var r=arguments.length>2,i=0;i<t.length;i++)n=r?t[i].call(e,n):t[i].call(e);return r?n:void 0};(()=>{let e,t,n,r,i,a,o,s,l,c,d,u=[b({selector:"pg-menu-item-icon",style:T.A,template:'<button part="button"> <pg-icon part="icon"></pg-icon> <span part="label"></span> </button>'})],h=[],p=HTMLElement,m=[],f=[],v=[],g=[],y=[],w=[],S=[],E=[],$=[],L=[],C=[],P=[],O=[],A=[],j=[],R=[],F=[],U=[];(class extends p{static{t=this}static{const b="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;n=[x()],r=[x()],i=[x()],a=[x()],o=[x()],s=[x()],l=[k()],c=[k()],d=[k()],z(null,null,n,{kind:"field",name:"index",static:!1,private:!1,access:{has:e=>"index"in e,get:e=>e.index,set:(e,t)=>{e.index=t}},metadata:b},m,f),z(null,null,r,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:b},v,g),z(null,null,i,{kind:"field",name:"label",static:!1,private:!1,access:{has:e=>"label"in e,get:e=>e.label,set:(e,t)=>{e.label=t}},metadata:b},y,w),z(null,null,a,{kind:"field",name:"checked",static:!1,private:!1,access:{has:e=>"checked"in e,get:e=>e.checked,set:(e,t)=>{e.checked=t}},metadata:b},S,E),z(null,null,o,{kind:"field",name:"disabled",static:!1,private:!1,access:{has:e=>"disabled"in e,get:e=>e.disabled,set:(e,t)=>{e.disabled=t}},metadata:b},$,L),z(null,null,s,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:b},C,P),z(null,null,l,{kind:"field",name:"$icon",static:!1,private:!1,access:{has:e=>"$icon"in e,get:e=>e.$icon,set:(e,t)=>{e.$icon=t}},metadata:b},O,A),z(null,null,c,{kind:"field",name:"$button",static:!1,private:!1,access:{has:e=>"$button"in e,get:e=>e.$button,set:(e,t)=>{e.$button=t}},metadata:b},j,R),z(null,null,d,{kind:"field",name:"$label",static:!1,private:!1,access:{has:e=>"$label"in e,get:e=>e.$label,set:(e,t)=>{e.$label=t}},metadata:b},F,U),z(null,e={value:t},u,{kind:"class",name:t.name,metadata:b},null,h),t=e.value,b&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:b})}static delegatesFocus=!0;index=D(this,m,void 0);icon=(D(this,f),D(this,v,"M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z"));label=(D(this,g),D(this,y,""));checked=(D(this,w),D(this,S,!1));disabled=(D(this,E),D(this,$,!1));items=(D(this,L),D(this,C,[]));$icon=(D(this,P),D(this,O,void 0));$button=(D(this,A),D(this,j,void 0));$label=(D(this,R),D(this,F,void 0));render(e){e.icon&&(this.$icon.path=this.icon),e.label&&(this.$label.textContent=this.label),e.disabled&&(this.$button.disabled=this.disabled),e.checked&&this.$button.classList.toggle("checked",this.checked),e.items&&this.$button.classList.toggle("more",this.items.length>0),e.checked&&!0===this.checked&&this.dispatchEvent(new CustomEvent("hasCheck",{bubbles:!0}))}connectedCallback(){this.$button.addEventListener("click",(async()=>{if(this.items.length>0){const e=await M.open({source:this.$button,x:0,y:0,value:this.items[0],items:this.items});null===e?this.focus():e?this.dispatchEvent(new CustomEvent("select",{detail:{item:e}})):this.dispatchEvent(new CustomEvent("close",{detail:{depth:-1}}))}else this.dispatchEvent(new CustomEvent("select",{detail:{index:this.index,item:this.items[this.index]}}))})),this.$button.addEventListener("keydown",(async e=>{switch(e.key){case"ArrowDown":this.dispatchEvent(new CustomEvent("down",{detail:{index:this.index}})),e.preventDefault();break;case"ArrowUp":this.dispatchEvent(new CustomEvent("up",{detail:{index:this.index}})),e.preventDefault();break;case"ArrowLeft":this.dispatchEvent(new CustomEvent("close",{detail:{depth:1}})),e.preventDefault();break;case"ArrowRight":if(this.items.length>0){const e=await M.open({source:this.$button,x:0,y:0,value:this.items[0],items:this.items});null===e?this.focus():e?this.dispatchEvent(new CustomEvent("select",{detail:{item:e}})):this.dispatchEvent(new CustomEvent("close",{detail:{depth:-1}}))}e.preventDefault();break;case"Escape":this.dispatchEvent(new CustomEvent("close",{detail:{depth:-1}})),e.preventDefault()}}))}focus(){this.$button.focus()}getHeight(){return this.$label.getBoundingClientRect().height}constructor(){super(...arguments),D(this,U)}static{D(t,h)}})})()})();
|
package/pgModalAlert.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var e={314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(r)for(var i=0;i<this.length;i++){var l=this[i][0];null!=l&&(s[l]=!0)}for(var c=0;c<e.length;c++){var d=[].concat(e[c]);r&&s[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),o&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=o):d[4]="".concat(o)),t.push(d))}},t}},521:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),o=n.n(r),a=n(314),s=n.n(a)()(o());s.push([e.id,".backdrop {\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.6);\n justify-content: center;\n align-items: center;\n}\n.dialog {\n background: #fff;\n border-radius: 0.5rem;\n box-shadow: 0 1px 1rem rgba(0, 0, 0, 0.5);\n overflow: hidden;\n min-width: 15rem;\n}\nheader {\n border-bottom: 1px solid #ccc;\n background: #f1f1f1;\n padding: 0.75rem 1rem;\n}\nheader h2 {\n font-size: 1.25rem;\n margin: 0;\n font-weight: normal;\n}\nmain {\n padding: 0.5rem 1rem;\n}\nfooter {\n display: flex;\n flex-direction: row;\n padding: 0.75rem 1rem;\n border-top: 1px solid #ccc;\n background: #f1f1f1;\n justify-content: flex-end;\n gap: 0.5rem;\n}",""]);var i=new CSSStyleSheet;i.replaceSync(s.toString());const l=i},601:e=>{e.exports=function(e){return e[1]}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={id:r,exports:{}};return e[r](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const r=Symbol("addObserver"),o=Symbol("removeObserver"),a=Symbol("getObservers"),s=Symbol("isProxy"),i=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function d(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case s:return!0;case i:return t;case a:return c.has(e);case r:return(t,n)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(n):c.get(e).set(t,[n]):c.set(e,new Map([[t,[n]]]))};case o:return t=>{c.has(e)&&(c.get(e).delete(t),0===c.get(e).size&&c.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?d(t[n]):t[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(l.includes(n))return c.has(t)?function(){const e=Array.prototype[n].apply(t,arguments);return c.get(t).forEach(((e,r)=>{e.forEach((e=>{e(t,n,arguments)}))})),e}:Reflect.get(t,n);if(t[n]instanceof Array)return d(t[n])}return Reflect.get(t,n)},set(e,t,n){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,n);if(c.has(e)){c.get(e).forEach(((e,r)=>{e.forEach((e=>{e(t,n)}))}))}return Reflect.set(e,t,n)}})}window.observers=c;class PropError extends Error{constructor(e,t){super(e),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,t)}}Symbol("index");const h=Symbol("init"),u=Symbol("template"),p=Symbol("style"),f=Symbol("parent");function m(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function y(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function g(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,o;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[f]||t.prototype[f][t.prototype[f].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[f]=[t.prototype],t.prototype[p]=e.style?[e.style]:[],t.prototype[u]=e.template||""):(t.prototype[f].push(t.prototype),t.prototype[p].push(e.style),t.prototype[u]=(r=t.prototype[u],(o=e.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,r):`${r}${o||""}`));const a=t.prototype.connectedCallback||(()=>{}),s=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[h]||void 0!==e.template||void 0!==e.style)if(this[h]){if(this[h]&&e.style);else if(this[h]&&e.selector&&!e.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===e.useShadow)throw new Error("unsupported");{const e=document.createElement("template");e.innerHTML=t.prototype[u]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[p].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const r=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),o=()=>{this[f].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[y(t)]=!0,e)),{}):{})}))};0===r.length?(this[h]=!0,a.call(this),o()):Promise.all(r).then((()=>{this[h]=!0,a.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));o()}))},t.prototype.disconnectedCallback=function(){s.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[y(e)]=n},n.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${n.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function b(e){return!!e&&e.constructor===Array}function v(e,t){e[h]&&e[f].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":b(e)?"array":typeof e}function S(e){return function(t,n){const r=n.name,o=Symbol(r),l=Symbol(`${r}:type`),c=Symbol(`${r}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[l]||"array"===this[l]?this[o][s]?this[o]:d(this[o]):this[o],set:t=>{const n=w(e?e(t):t);if("index"!==r&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${r} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!b(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[o]===t)throw new Error("Setting an array to itself is not allowed.");const e=d(this[o]);if(e[a]){const n=t[s]?(c=t)[s]&&c[i]:t;e.splice(0,this[o].length,...n)}else this[o]=t}else this[o]=e?e(t):t,v(this,r);var c}})})),function(t){if(void 0===t&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==t&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=m(r);t[r]||(e.observedAttributes.push(n),t[r]=o)}return this[l]=w(t),"array"===this[l]?(this[o]=t,new Proxy(t,{get:(e,t)=>t===E?this[c]:(console.log("errr???"),Reflect.get(this[o],t)),set:(e,t,n)=>{if(t===E)return this[c]=n,!0;const a=Reflect.set(e,t,n);return"length"===t&&this[o].length===n||v(this,r),this[o]=n,a}})):(this[o]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[o])}}}function $(){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 E=Symbol("meta");var x=n(521),k=function(e,t,n,r,o,a){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),u=!1,p=n.length-1;p>=0;p--){var f={};for(var m in r)f[m]="access"===m?{}:r[m];for(var m in r.access)f.access[m]=r.access[m];f.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");a.push(s(e||null))};var y=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=s(y.get))&&(h.get=i),(i=s(y.set))&&(h.set=i),(i=s(y.init))&&o.unshift(i)}else(i=s(y))&&("field"===l?o.unshift(i):h[c]=i)}d&&Object.defineProperty(d,r.name,h),u=!0},P=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};const O=new Set,A=new Map;const j=(()=>{let e,t,n=[g()],r=[],o=HTMLElement;(class extends o{static{t=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;k(null,e={value:t},n,{kind:"class",name:t.name,metadata:a},null,r),t=e.value,a&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),P(t,r)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),O.add(t),new Promise((e=>{A.set(t,e)}))}close(e){this.remove(),O.delete(this);const t=A.get(this);t&&t(e),A.delete(this)}});return t})();var T=function(e,t,n,r,o,a){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?r.static?e:e.prototype:null,h=t||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),u=!1,p=n.length-1;p>=0;p--){var f={};for(var m in r)f[m]="access"===m?{}:r[m];for(var m in r.access)f.access[m]=r.access[m];f.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");a.push(s(e||null))};var y=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=s(y.get))&&(h.get=i),(i=s(y.set))&&(h.set=i),(i=s(y.init))&&o.unshift(i)}else(i=s(y))&&("field"===l?o.unshift(i):h[c]=i)}d&&Object.defineProperty(d,r.name,h),u=!0},C=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};(()=>{let e,t,n,r,o,a,s,i,l,c=[g({selector:"pg-modal-alert",template:'<div class="backdrop"> <div class="dialog" role="dialog" id="dialog1" aria-labelledby="dialog1_label" aria-modal="true"> <header part="header"> <h2 id="dialog1_label" class="dialog_label" part="headerText"> Add Delivery Address </h2> </header> <main> <p part="message"></p> </main> <footer> <pg-button part="no">No</pg-button> <pg-button part="yes">Yes</pg-button> </footer> </div> </div>',style:x.A})],d=[],h=j,u=[],p=[],f=[],m=[],y=[],b=[],v=[],w=[],E=[],k=[],P=[],O=[],A=[],R=[];(class extends h{static{t=this}static{const g="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;n=[S()],r=[S()],o=[$()],a=[$()],s=[$()],i=[$()],l=[$()],T(null,null,n,{kind:"field",name:"header",static:!1,private:!1,access:{has:e=>"header"in e,get:e=>e.header,set:(e,t)=>{e.header=t}},metadata:g},u,p),T(null,null,r,{kind:"field",name:"message",static:!1,private:!1,access:{has:e=>"message"in e,get:e=>e.message,set:(e,t)=>{e.message=t}},metadata:g},f,m),T(null,null,o,{kind:"field",name:"$header",static:!1,private:!1,access:{has:e=>"$header"in e,get:e=>e.$header,set:(e,t)=>{e.$header=t}},metadata:g},y,b),T(null,null,a,{kind:"field",name:"$headerText",static:!1,private:!1,access:{has:e=>"$headerText"in e,get:e=>e.$headerText,set:(e,t)=>{e.$headerText=t}},metadata:g},v,w),T(null,null,s,{kind:"field",name:"$message",static:!1,private:!1,access:{has:e=>"$message"in e,get:e=>e.$message,set:(e,t)=>{e.$message=t}},metadata:g},E,k),T(null,null,i,{kind:"field",name:"$yes",static:!1,private:!1,access:{has:e=>"$yes"in e,get:e=>e.$yes,set:(e,t)=>{e.$yes=t}},metadata:g},P,O),T(null,null,l,{kind:"field",name:"$no",static:!1,private:!1,access:{has:e=>"$no"in e,get:e=>e.$no,set:(e,t)=>{e.$no=t}},metadata:g},A,R),T(null,e={value:t},c,{kind:"class",name:t.name,metadata:g},null,d),t=e.value,g&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:g}),C(t,d)}header=C(this,u,"Are you sure?");message=(C(this,p),C(this,f,"Are you sure?"));$header=(C(this,m),C(this,y,void 0));$headerText=(C(this,b),C(this,v,void 0));$message=(C(this,w),C(this,E,void 0));$yes=(C(this,k),C(this,P,void 0));$no=(C(this,O),C(this,A,void 0));#e=C(this,R);connectedCallback(){this.$yes.addEventListener("click",this.#t.bind(this)),this.$no.addEventListener("click",this.#n.bind(this)),this.#e??=this.#r.bind(this),document.addEventListener("keydown",this.#e)}disconnectedCallback(){document.removeEventListener("keydown",this.#e)}#r(e){"Escape"===e.key&&this.close(null)}#t(){this.close(!0)}#n(){this.close(!1)}render(e){e.header&&(this.$headerText.innerText=this.header),e.message&&(this.$message.innerText=this.message)}})})()})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var t={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,i,r){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(o)for(var c=0;c<this.length;c++){var s=this[c][0];null!=s&&(a[s]=!0)}for(var p=0;p<t.length;p++){var d=[].concat(t[p]);o&&a[d[0]]||(void 0!==r&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=r),n&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=n):d[2]=n),i&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=i):d[4]="".concat(i)),e.push(d))}},e}},601:t=>{t.exports=function(t){return t[1]}},857:(t,e,n)=>{n.d(e,{A:()=>s});var o=n(601),i=n.n(o),r=n(314),a=n.n(r)()(i());a.push([t.id,":host {\n pointer-events: none;\n}\n\n[part~=tooltip] {\n position: relative;\n}\n\n[part~=tooltipText] {\n position: absolute;\n background: #737E9E;\n border-radius: 0.25rem;\n color: #FFF;\n padding: 0.15rem 0.5rem 0.3rem 0.5rem;\n white-space: nowrap;\n left: 0;\n top: 0;\n}\n\n[part~=tooltipArrow] {\n left: 16px;\n top: -7px;\n}\n\n[part~=tooltipArrow],\n[part~=tooltipArrow]::before {\n position: absolute;\n width: 10px;\n height: 10px;\n}\n\n[part~=tooltipArrow]::before {\n content: '';\n transform: rotate(45deg);\n background: #737E9E;\n}",""]);var c=new CSSStyleSheet;c.replaceSync(a.toString());const s=c},947:(t,e,n)=>{n.d(e,{A:()=>s});var o=n(601),i=n.n(o),r=n(314),a=n.n(r)()(i());a.push([t.id,':host {\n display: flex;\n flex-direction: column;\n color: #453C4F;\n}\n\n.invalid {\n color: #721c24;\n background-color: #f8d7da;\n border-color: #f5c6cb;\n}\n\nh2 {\n font-weight: normal;\n font-size: 1.25rem;\n margin: 0.5rem 0 0.5rem 0;\n}\n\n/* Individual Templates */\n\n[part="news"] {\n display: grid;\n grid-template-columns: 3.5rem 1fr;\n grid-template-rows: 3.25rem auto;\n padding: 0.25rem;\n}\n[part="news"] [part="avatar"] {\n grid-column: 1;\n}\n[part="news"] [part="label"] {\n grid-column: 1;\n grid-row: 2;\n text-align: center;\n padding-right: 0.5rem;\n}\n[part="news"] [part="markdown"] {\n grid-column: 2;\n grid-row: 1 / span 2;\n border: 1px solid #DDD;\n padding: 0 1rem;\n background: #fff;\n border-radius: 0.25rem;\n}\n\n[part="iconCreated"],\n[part="iconRenamed"],\n[part="iconDeleted"],\n[part="iconAliasCreated"],\n[part="iconAliasDeleted"],\n[part="iconTagCreated"],\n[part="iconTagDeleted"],\n[part="iconAuthorModified"],\n[part="iconDeprecated"] {\n display: grid;\n grid-template-columns: 3.5rem 3.5rem 1fr auto auto;\n padding: 0.25rem;\n}\n[part="iconCreated"] [part="avatar"],\n[part="iconModified"] [part="avatar"],\n[part="iconRenamed"] [part="avatar"],\n[part="iconDeleted"] [part="avatar"],\n[part="iconAliasCreated"] [part="avatar"],\n[part="iconAliasDeleted"] [part="avatar"],\n[part="iconTagCreated"] [part="avatar"],\n[part="iconTagDeleted"] [part="avatar"],\n[part="iconAuthorModified"] [part="avatar"],\n[part="iconDeprecated"] [part="avatar"] {\n grid-column: 1;\n}\n[part="iconCreated"] [part="icon"],\n[part="iconModified"] [part="iconDataBefore"],\n[part="iconModified"] [part="iconDataAfter"],\n[part="iconRenamed"] [part="icon"],\n[part="iconDeleted"] [part="icon"],\n[part="iconAliasCreated"] [part="icon"],\n[part="iconAliasDeleted"] [part="icon"],\n[part="iconTagCreated"] [part="icon"],\n[part="iconTagDeleted"] [part="icon"],\n[part="iconAuthorModified"] [part="icon"],\n[part="iconDeprecated"] [part="icon"] {\n grid-column: 2;\n --pg-icon-width: 3rem;\n --pg-icon-height: 3rem;\n width: 3rem;\n border: 1px solid #ddd;\n background: #fff;\n border-radius: 0.25rem;\n align-self: flex-start;\n}\n[part="iconCreated"] [part="content"],\n[part="iconModified"] [part="content"],\n[part="iconRenamed"] [part="content"],\n[part="iconDeleted"] [part="content"],\n[part="iconAliasCreated"] [part="content"],\n[part="iconAliasDeleted"] [part="content"],\n[part="iconTagCreated"] [part="content"],\n[part="iconTagDeleted"] [part="content"],\n[part="iconAuthorModified"] [part="content"],\n[part="iconDeprecated"] [part="content"] {\n grid-column: 3;\n align-content: center;\n display: flex;\n align-items: center;\n}\n[part="iconCreated"] [part="content"] code,\n[part="iconModified"] [part="content"] code,\n[part="iconRenamed"] [part="content"] code,\n[part="iconDeleted"] [part="content"] code,\n[part="iconAliasCreated"] [part="content"] code,\n[part="iconAliasDeleted"] [part="content"] code,\n[part="iconTagCreated"] [part="content"] code,\n[part="iconTagDeleted"] [part="content"] code,\n[part="iconAuthorModified"] [part="content"] code,\n[part="iconDeprecated"] [part="content"] code {\n display: inline-block;\n background: rgba(0, 0, 0, 0.05);\n padding: 0.125rem 0.25rem;\n border-radius: 0.125rem;\n text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);\n border: 1px solid rgba(69, 60, 79, 0.2);\n line-height: 1.125rem;\n}\n[part="iconCreated"] [part="issue"],\n[part="iconModified"] [part="issue"],\n[part="iconRenamed"] [part="issue"],\n[part="iconDeleted"] [part="issue"],\n[part="iconAliasCreated"] [part="issue"],\n[part="iconAliasDeleted"] [part="issue"],\n[part="iconTagCreated"] [part="issue"],\n[part="iconTagDeleted"] [part="issue"],\n[part="iconDescriptionModified"] [part="issue"],\n[part="iconAuthorModified"] [part="issue"],\n[part="iconDeprecated"] [part="issue"] {\n grid-column: 4;\n display: flex;\n align-self: center;\n text-decoration: none;\n padding: 0.25rem 0.5rem;\n border: 1px solid #453C4F;\n color: #453C4F;\n border-radius: 0.25rem;\n}\n[part="iconCreated"] [part="issue"]:hover,\n[part="iconModified"] [part="issue"]:hover,\n[part="iconRenamed"] [part="issue"]:hover,\n[part="iconDeleted"] [part="issue"]:hover,\n[part="iconAliasCreated"] [part="issue"]:hover,\n[part="iconAliasDeleted"] [part="issue"]:hover,\n[part="iconTagCreated"] [part="issue"]:hover,\n[part="iconTagDeleted"] [part="issue"]:hover,\n[part="iconDescriptionModified"] [part="issue"]:hover,\n[part="iconAuthorModified"] [part="issue"]:hover,\n[part="iconDeprecated"] [part="issue"]:hover {\n background: #453C4F;\n color: #fff;\n}\n.edit [part="iconCreated"] [part="edit"],\n.edit [part="iconModified"] [part="edit"],\n.edit [part="iconRenamed"] [part="edit"],\n.edit [part="iconDeleted"] [part="edit"],\n.edit [part="iconAliasCreated"] [part="edit"],\n.edit [part="iconAliasDeleted"] [part="edit"],\n.edit [part="iconTagCreated"] [part="edit"],\n.edit [part="iconTagDeleted"] [part="edit"],\n.edit [part="iconDescriptionModified"] [part="edit"],\n.edit [part="iconAuthorModified"] [part="edit"],\n.edit [part="iconDeprecated"] [part="edit"] {\n display: flex;\n}\n[part="iconCreated"] [part="edit"],\n[part="iconModified"] [part="edit"],\n[part="iconRenamed"] [part="edit"],\n[part="iconDeleted"] [part="edit"],\n[part="iconAliasCreated"] [part="edit"],\n[part="iconAliasDeleted"] [part="edit"],\n[part="iconTagCreated"] [part="edit"],\n[part="iconTagDeleted"] [part="edit"],\n[part="iconDescriptionModified"] [part="edit"],\n[part="iconAuthorModified"] [part="edit"],\n[part="iconDeprecated"] [part="edit"] {\n display: none;\n grid-column: 5;\n align-self: center;\n padding: 0.25rem;\n border: 0;\n border-radius: 0.25rem;\n margin-left: 0.5rem;\n cursor: pointer;\n}\n[part="iconCreated"] [part="edit"]:hover,\n[part="iconModified"] [part="edit"]:hover,\n[part="iconRenamed"] [part="edit"]:hover,\n[part="iconDeleted"] [part="edit"]:hover,\n[part="iconAliasCreated"] [part="edit"]:hover,\n[part="iconAliasDeleted"] [part="edit"]:hover,\n[part="iconTagCreated"] [part="edit"]:hover,\n[part="iconTagDeleted"] [part="edit"]:hover,\n[part="iconDescriptionModified"] [part="edit"]:hover,\n[part="iconAuthorModified"] [part="edit"]:hover,\n[part="iconDeprecated"] [part="edit"]:hover {\n background: #453C4F;\n --pg-icon-color: #fff;\n}\n\n/* Individiual Tweaks */\n[part="iconCreated"] [part="icon"] {\n background: #d1e7dd;\n border-color: #badbcc;\n}\n\n[part="iconRenamed"] [part="icon"] {\n background-color: #fff3cd;\n border-color: #ffecb5;\n}\n\n[part="iconDeleted"] [part="icon"] {\n background: #f5c6cb;\n border-color: #d06e78;\n}\n\n[part="iconModified"] {\n display: grid;\n grid-template-columns: 3.5rem 3.5rem 3.5rem 1fr auto auto;\n padding: 0.25rem;\n}\n[part="iconModified"] [part="iconDataBefore"] {\n opacity: 0.4;\n}\n[part="iconModified"] [part="iconDataAfter"] {\n grid-column: 3;\n}\n[part="iconModified"] [part="content"] {\n grid-column: 4;\n}\n[part="iconModified"] [part="issue"] {\n grid-column: 5;\n}\n[part="iconModified"] [part="edit"] {\n grid-column: 6;\n}\n\n[part="iconAliasCreated"] [part="icon"],\n[part="iconAliasDeleted"] [part="icon"] {\n background-color: #DDC6E7;\n border-color: 1px solid #DBBDE5;\n}\n\n[part="iconTagCreated"] [part="icon"],\n[part="iconTagDeleted"] [part="icon"] {\n background-color: #cff4fc;\n border-color: #b6effb;\n}\n\n[part="iconDescriptionModified"] {\n display: grid;\n grid-template-columns: 3.5rem 3.5rem 1fr 0.5rem 1fr auto;\n grid-template-rows: auto auto;\n padding: 0.25rem;\n}\n[part="iconDescriptionModified"] [part="avatar"] {\n grid-column: 1;\n grid-row: 1 / span 2;\n}\n[part="iconDescriptionModified"] [part="icon"] {\n grid-column: 2;\n grid-row: 1 / span 2;\n --pg-icon-width: 3rem;\n --pg-icon-height: 3rem;\n width: 3rem;\n border: 1px solid #ddd;\n background: #fff;\n border-radius: 0.25rem;\n align-self: flex-start;\n}\n[part="iconDescriptionModified"] [part="iconDescriptionBefore"] {\n grid-column: 3;\n grid-row: 1 / span 2;\n border: 1px solid #DDD;\n padding: 0 1rem;\n background: #fff;\n border-radius: 0.25rem;\n}\n[part="iconDescriptionModified"] [part="iconDescriptionAfter"] {\n grid-column: 5;\n grid-row: 1 / span 2;\n border: 1px solid #DDD;\n padding: 0 1rem;\n background: #fff;\n border-radius: 0.25rem;\n}\n[part="iconDescriptionModified"] [part="issue"] {\n grid-column: 6;\n grid-row: 1;\n margin-left: 0.5rem;\n}\n[part="iconDescriptionModified"] [part="edit"] {\n grid-column: 6;\n grid-row: 2;\n justify-content: center;\n margin-top: 0.25rem;\n}\n\n.added,\n.created {\n border-bottom: 3px solid #badbcc;\n}\n\n.removed,\n.deleted {\n border-bottom: 3px solid #f5c6cb;\n}',""]);var c=new CSSStyleSheet;c.replaceSync(a.toString());const s=c}},e={};function n(o){var i=e[o];if(void 0!==i)return i.exports;var r=e[o]={id:o,exports:{}};return t[o](r,r.exports,n),r.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"),i=Symbol("removeObserver"),r=Symbol("getObservers"),a=Symbol("isProxy"),c=Symbol("getTarget"),s=["fill","pop","push","reverse","shift","sort","splice","unshift"],p=new Map;function d(t){return new Proxy(t,{get(e,n){if("symbol"==typeof n){switch(n){case a:return!0;case c:return e;case r:return p.has(t);case o:return(e,n)=>{p.has(t)?p.get(t).has(e)?p.get(t).get(e).push(n):p.get(t).set(e,[n]):p.set(t,new Map([[e,[n]]]))};case i:return e=>{p.has(t)&&(p.get(t).delete(e),0===p.get(t).size&&p.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,n)}throw new Error("Unsupported symbol")}if(n in e){if(!Number.isNaN(Number(n)))return"object"==typeof e[n]?d(e[n]):e[n];if("copyWithin"===n)throw new Error("Unsupported array method copyWithin");if(s.includes(n))return p.has(e)?function(){const t=Array.prototype[n].apply(e,arguments);return p.get(e).forEach(((t,o)=>{t.forEach((t=>{t(e,n,arguments)}))})),t}:Reflect.get(e,n);if(e[n]instanceof Array)return d(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(p.has(t)){p.get(t).forEach(((t,o)=>{t.forEach((t=>{t(e,n)}))}))}return Reflect.set(t,e,n)}})}window.observers=p;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const l=Symbol("init"),u=Symbol("template"),f=Symbol("style"),h=Symbol("parent");function m(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function g(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,i;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[h]||e.prototype[h][e.prototype[h].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[h]=[e.prototype],e.prototype[f]=t.style?[t.style]:[],e.prototype[u]=t.template||""):(e.prototype[h].push(e.prototype),e.prototype[f].push(t.style),e.prototype[u]=(o=e.prototype[u],(i=t.template||null)&&i.match(/<parent\/>/)?i.replace(/<parent\/>/,o):`${o}${i||""}`));const r=e.prototype.connectedCallback||(()=>{}),a=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[l]||void 0!==t.template||void 0!==t.style)if(this[l]){if(this[l]&&t.style);else if(this[l]&&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[u]||"";const n=document.importNode(t.content,!0),o=this.attachShadow({mode:"open"});o.adoptedStyleSheets=e.prototype[f].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))),i=()=>{this[h].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[g(e)]=!0,t)),{}):{})}))};0===o.length?(this[l]=!0,r.call(this),i()):Promise.all(o).then((()=>{this[l]=!0,r.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));i()}))},e.prototype.disconnectedCallback=function(){a.call(this)},e.prototype.attributeChangedCallback=function(t,e,n){this[g(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 b(t){return!!t&&t.constructor===Array}function w(t,e){t[l]&&t[h].map((n=>{n.render&&n.render.call(t,{[e]:!0})}))}function y(t){return null===t?"null":b(t)?"array":typeof t}function D(t){return function(e,n){const o=n.name,i=Symbol(o),s=Symbol(`${o}:type`),p=Symbol(`${o}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,o,{get:()=>"object"===this[s]||"array"===this[s]?this[i][a]?this[i]:d(this[i]):this[i],set:e=>{const n=y(t?t(e):e);if("index"!==o&&this[s]!==n&&"null"!==this[s]&&"null"!==n)throw new Error(`@Prop() ${o} with type '${this[s]}' cannot be set to ${n}.`);if("array"===this[s]){if(!b(e))throw new PropError(`Array "${o}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,o)?.set);if(this[i]===e)throw new Error("Setting an array to itself is not allowed.");const t=d(this[i]);if(t[r]){const n=e[a]?(p=e)[a]&&p[c]:e;t.splice(0,this[i].length,...n)}else this[i]=e}else this[i]=t?t(e):e,w(this,o);var p}})})),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=m(o);e[o]||(t.observedAttributes.push(n),e[o]=i)}return this[s]=y(e),"array"===this[s]?(this[i]=e,new Proxy(e,{get:(t,e)=>e===x?this[p]:(console.log("errr???"),Reflect.get(this[i],e)),set:(t,e,n)=>{if(e===x)return this[p]=n,!0;const r=Reflect.set(t,e,n);return"length"===e&&this[i].length===n||w(this,o),this[i]=n,r}})):(this[i]=t?t(this.getAttribute(o)??e):this.getAttribute(o)??e,this[i])}}}function A(){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}]`))}})}))}}Symbol("hasProxy");const x=Symbol("meta");var I=n(947);class Alias{id;name;match=!1;constructor(t,e){void 0!==t&&(this.id=t),void 0!==e&&(this.name=e)}from(t){return void 0!==t.id&&(this.id=t.id),void 0!==t.name&&(this.name=t.name),this}to(){return{name:this.name}}}class User{id=null;github=null;name=null;base64=null;iconCount=null;description=null;website=null;sponsored=!1;sponsorship="";core=!1;from(t){return this.id=t.id,this.github=t.github,this.name=t.name,"string"==typeof t.base64&&(t.base64.match(/^data/)?this.base64=t.base64:this.base64=`data:image/png;base64,${t.base64}`),this.iconCount=t.iconCount,this.description=t.description,this.website=t.website,this.sponsored=t.sponsored,this.sponsorship=`https://github.com/users/${t.github}/sponsorship`,this.core=t.core,this}}class Tag{id;name;url;count;from(t){return void 0!==t.id&&(this.id=t.id),void 0!==t.name&&(this.name=t.name),void 0!==t.url&&(this.url=t.url),void 0!==t.count&&(this.count=t.count),this}to(){return{name:this.name,url:this.url,count:this.count}}}class Style{id;name;count=null;from(t){return this.id=t.id,this.name=t.name,this.count=t.count,this}}class FontIcon{id;codepoint;font;version;from(t){return this.id=t.id,this.codepoint=t.codepoint,this.font=t.font,this.version=t.version,this}to(){return{id:this.id,codepoint:this.codepoint,font:this.font,version:this.version}}}class Icon{id=null;packageId=null;baseIconId=null;name=null;description=null;data=null;user=null;version=null;aliases=[];tags=[];styles=[];published=!0;deprecated=!1;codepoint=null;fontIcons=[];fontIcon=null;constructor(t,e){this.name=t||null,this.data=e||null}from(t){return this.id=t.id,this.packageId=t.packageId,this.baseIconId=t.baseIconId,this.name=t.name,this.description=t.description,this.data=t.data,t.version&&(this.version=t.version),t.fontIcon&&(this.fontIcon=t.fontIcon),t.user&&(this.user=(new User).from(t.user)),t.aliases&&(this.aliases=t.aliases.map((t=>(new Alias).from(t)))),t.tags&&(this.tags=t.tags.map((t=>(new Tag).from(t)))),t.styles&&(this.styles=t.styles.map((t=>(new Style).from(t)))),"boolean"==typeof t.published&&(this.published=t.published),"boolean"==typeof t.deprecated&&(this.deprecated=t.deprecated),t.codepoint&&(this.codepoint=t.codepoint),t.fontIcons&&(this.fontIcons=t.fontIcons.map((t=>(new FontIcon).from(t)))),this}to(){const{id:t,name:e,description:n,data:o,version:i,fontIcon:r,packageId:a,baseIconId:c,aliases:s,tags:p}=this;return{id:t,name:e,description:n,data:o,version:i,fontIcon:r,packageId:a,baseIconId:c,aliases:s.map((t=>t.to())),tags:p.map((t=>t.to()))}}}class Modification{id;modificationId;packageId;user;icon;iconNameBefore;iconNameAfter;iconDescriptionBefore;iconDescriptionAfter;iconDataBefore;iconDataAfter;text;date;issue;isVisible;constructor(){}from(t){return this.id=t.id,this.modificationId=t.modificationId,this.packageId=t.packageId,this.user=(new User).from(t.user),this.icon=(new Icon).from(t.icon),this.iconNameBefore=t.iconNameBefore,this.iconNameAfter=t.iconNameAfter,this.iconDescriptionBefore=t.iconDescriptionBefore,this.iconDescriptionAfter=t.iconDescriptionAfter,this.iconDataBefore=t.iconDataBefore,this.iconDataAfter=t.iconDataAfter,this.text=t.text,this.date=t.date,this.issue=t.issue,this.isVisible=t.isVisible,this}}var C;!function(t){t.IconAliasCreated="691c8829-b1e7-11e7-bf5c-94188269ec50",t.IconAliasDeleted="f1f70a76-b975-11e9-8ca0-94188269ec50",t.IconCreated="AFFE875E-01BC-4A34-9BE3-27625A155B28",t.IconDeleted="B1CE1713-A18A-4E9D-9E26-D0B4E44A1FAC",t.IconModified="1506F66B-CC2A-4575-A20A-DC138628977A",t.IconRenamed="F7B6D49B-A86F-49AC-AF92-6B9D0DF6188B",t.IconTagCreated="a185a9e8-c192-11e7-bf5c-94188269ec50",t.IconTagDeleted="ffe6b5f6-b975-11e9-8ca0-94188269ec50",t.IconDescriptionModified="3c638179-c4ca-11e8-9f27-94188269ec50",t.IconAuthorModified="254591d0-b28e-11e9-8ca0-94188269ec50",t.WebfontPublished="66B9FA99-1FAA-4D8F-B87F-B6F3CA444624",t.News="B4DEB3A8-A146-4086-9D7B-B67842A9CCB8",t.IconDeprecated="f92f310f-bfed-11e9-8ca0-94188269ec50",t.IconWorkInProgress="e262be80-bfed-11e9-8ca0-94188269ec50",t.IconLive="f92f2ba6-bfed-11e9-8ca0-94188269ec50",t.IconPublished="e262b92e-bfed-11e9-8ca0-94188269ec50",t.Date="date"}(C||(C={}));var M=n(857);const T="top",S="top-start",E="top-end",k="right",$="right-start",B="right-end",N="bottom",R="bottom-start",L="bottom-end",P="left",F="left-start",O="left-end";var j=function(t,e,n,o,i,r){function a(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,s=o.kind,p="getter"===s?"get":"setter"===s?"set":"value",d=!e&&t?o.static?t:t.prototype:null,l=e||(d?Object.getOwnPropertyDescriptor(d,o.name):{}),u=!1,f=n.length-1;f>=0;f--){var h={};for(var m in o)h[m]="access"===m?{}:o[m];for(var m in o.access)h.access[m]=o.access[m];h.addInitializer=function(t){if(u)throw new TypeError("Cannot add initializers after decoration has completed");r.push(a(t||null))};var g=(0,n[f])("accessor"===s?{get:l.get,set:l.set}:l[p],h);if("accessor"===s){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(c=a(g.get))&&(l.get=c),(c=a(g.set))&&(l.set=c),(c=a(g.init))&&i.unshift(c)}else(c=a(g))&&("field"===s?i.unshift(c):l[p]=c)}d&&Object.defineProperty(d,o.name,l),u=!0},z=function(t,e,n){for(var o=arguments.length>2,i=0;i<e.length;i++)n=o?e[i].call(t,n):e[i].call(t);return o?n:void 0};const U={[S]:(t,e,n)=>({arrowTop:e-5,arrowLeft:n.width>t?Math.floor(t/2)-5:Math.floor(n.width/2)-5,left:n.left,top:n.top-e-10}),[T]:(t,e,n)=>({arrowTop:e-5,arrowLeft:Math.floor(t/2)-5,left:n.left-Math.floor((t-n.width)/2),top:n.top-e-10}),[E]:(t,e,n)=>({arrowTop:e-5,arrowLeft:n.width>t?t-Math.floor(t/2)-5:t-Math.floor(n.width/2)-5,left:n.left-t+n.width,top:n.top-e-10}),[$]:(t,e,n)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:-5,left:n.left+n.width+10,top:n.top}),[k]:(t,e,n)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:-5,left:n.left+n.width+10,top:n.top+Math.floor(n.height/2)-Math.floor(e/2)}),[B]:(t,e,n)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:-5,left:n.left+n.width+10,top:n.top+n.height-e}),[R]:(t,e,n)=>({arrowTop:-5,arrowLeft:n.width>t?Math.floor(t/2)-5:Math.floor(n.width/2)-5,left:n.left,top:n.top+n.height+e-20}),[N]:(t,e,n)=>({arrowTop:-5,arrowLeft:Math.floor(t/2)-5,left:n.left-Math.floor((t-n.width)/2),top:n.top+n.height+e-20}),[L]:(t,e,n)=>({arrowTop:-5,arrowLeft:n.width>t?t-Math.floor(t/2)-5:t-Math.floor(n.width/2)-5,left:n.left-t+n.width,top:n.top+n.height+e-20}),[F]:(t,e,n)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:t-5,left:n.left-t-10,top:n.top}),[P]:(t,e,n)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:t-5,left:n.left-t-10,top:n.top+Math.floor(n.height/2)-Math.floor(e/2)}),[O]:(t,e,n)=>({arrowTop:Math.floor(e/2)-5,arrowLeft:t-5,left:n.left-t-10,top:n.top+n.height-e})};(()=>{let t,e,n,o,i,r,a,c,s,p=[v({selector:"pg-tooltip",style:M.A,template:'<div part="tooltip"> <span part="tooltipText"></span> <div part="tooltipArrow"></div> </div>'})],d=[],l=HTMLElement,u=[],f=[],h=[],m=[],g=[],b=[],w=[],y=[],x=[],I=[],C=[],T=[],S=[],E=[];(class extends l{static{e=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;n=[D()],o=[D()],i=[D()],r=[D()],a=[A()],c=[A()],s=[A()],j(null,null,n,{kind:"field",name:"visible",static:!1,private:!1,access:{has:t=>"visible"in t,get:t=>t.visible,set:(t,e)=>{t.visible=e}},metadata:v},u,f),j(null,null,o,{kind:"field",name:"rect",static:!1,private:!1,access:{has:t=>"rect"in t,get:t=>t.rect,set:(t,e)=>{t.rect=e}},metadata:v},h,m),j(null,null,i,{kind:"field",name:"text",static:!1,private:!1,access:{has:t=>"text"in t,get:t=>t.text,set:(t,e)=>{t.text=e}},metadata:v},g,b),j(null,null,r,{kind:"field",name:"position",static:!1,private:!1,access:{has:t=>"position"in t,get:t=>t.position,set:(t,e)=>{t.position=e}},metadata:v},w,y),j(null,null,a,{kind:"field",name:"$tooltip",static:!1,private:!1,access:{has:t=>"$tooltip"in t,get:t=>t.$tooltip,set:(t,e)=>{t.$tooltip=e}},metadata:v},x,I),j(null,null,c,{kind:"field",name:"$tooltipText",static:!1,private:!1,access:{has:t=>"$tooltipText"in t,get:t=>t.$tooltipText,set:(t,e)=>{t.$tooltipText=e}},metadata:v},C,T),j(null,null,s,{kind:"field",name:"$tooltipArrow",static:!1,private:!1,access:{has:t=>"$tooltipArrow"in t,get:t=>t.$tooltipArrow,set:(t,e)=>{t.$tooltipArrow=e}},metadata:v},S,E),j(null,t={value:e},p,{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}),z(e,d)}visible=z(this,u,!1);rect=(z(this,f),z(this,h,null));text=(z(this,m),z(this,g,""));position=(z(this,b),z(this,w,N));$tooltip=(z(this,y),z(this,x,void 0));$tooltipText=(z(this,I),z(this,C,void 0));$tooltipArrow=(z(this,T),z(this,S,void 0));render(t){this.$tooltipText.textContent=this.text,this.style.position="absolute",t.visible&&(this.style.display=this.visible?"block":"none");const{width:e,height:n}=this.$tooltipText.getBoundingClientRect();let o=this.position;if(o in U||(o=N),this.rect){const{arrowLeft:t,arrowTop:i,left:r,top:a}=U[o](e,n,this.rect);this.style.left=`${r+window.scrollX}px`,this.style.top=`${a+window.scrollY}px`,this.$tooltipArrow.style.left=`${t}px`,this.$tooltipArrow.style.top=`${i}px`}}constructor(){super(...arguments),z(this,E)}})})();function q(t,e,n){t.addEventListener("mouseenter",(function(){t.dispatchEvent(new CustomEvent("tooltip",{detail:{visible:!0,rect:t.getBoundingClientRect(),text:e(),position:n??N},bubbles:!0,composed:!0}))})),t.addEventListener("mouseleave",(function(){t.dispatchEvent(new CustomEvent("tooltip",{detail:{visible:!1},bubbles:!0,composed:!0}))}))}var H=function(t,e,n,o,i,r){function a(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,s=o.kind,p="getter"===s?"get":"setter"===s?"set":"value",d=!e&&t?o.static?t:t.prototype:null,l=e||(d?Object.getOwnPropertyDescriptor(d,o.name):{}),u=!1,f=n.length-1;f>=0;f--){var h={};for(var m in o)h[m]="access"===m?{}:o[m];for(var m in o.access)h.access[m]=o.access[m];h.addInitializer=function(t){if(u)throw new TypeError("Cannot add initializers after decoration has completed");r.push(a(t||null))};var g=(0,n[f])("accessor"===s?{get:l.get,set:l.set}:l[p],h);if("accessor"===s){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(c=a(g.get))&&(l.get=c),(c=a(g.set))&&(l.set=c),(c=a(g.init))&&i.unshift(c)}else(c=a(g))&&("field"===s?i.unshift(c):l[p]=c)}d&&Object.defineProperty(d,o.name,l),u=!0},V=function(t,e,n){for(var o=arguments.length>2,i=0;i<e.length;i++)n=o?e[i].call(t,n):e[i].call(t);return o?n:void 0};const W={[C.News]:'<div part="news"> <pg-avatar part="avatar"></pg-avatar> <span part="label">News</span> <pg-markdown part="markdown"></pg-markdown> </div>',[C.IconCreated]:'<div part="iconCreated"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <span part="content"> <span> Icon <code part="iconName"></code> <span class="created">created</span>. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconModified]:'<div part="iconModified"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="iconDataBefore"></pg-icon> <pg-icon part="iconDataAfter"></pg-icon> <span part="content"> <span> Icon <code part="iconName"></code> modified. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconRenamed]:'<div part="iconRenamed"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <span part="content"> <span> Icon <code part="iconNameBefore"></code> renamed to <code part="iconNameAfter"></code>. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconDeleted]:'<div part="iconDeleted"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <span part="content"> <span> Icon <code part="iconName"></code> <span class="deleted">deleted</span>. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconAliasCreated]:'<div part="iconAliasCreated"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <span part="content"> <span> <span class="added">Added</span> alias <code part="text"></code> to <code part="iconName"></code>. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconAliasDeleted]:'<div part="iconAliasDeleted"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <span part="content"> <span> <span class="removed">Removed</span> alias <code part="text"></code> from <code part="iconName"></code>. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconTagCreated]:'<div part="iconTagCreated"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <span part="content"> <span> <span class="added">Added</span> tag <code part="text"></code> to <code part="iconName"></code>. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconTagDeleted]:'<div part="iconTagDeleted"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <span part="content"> <span> <span class="removed">Removed</span> tag <code part="text"></code> from <code part="iconName"></code>. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconDescriptionModified]:'<div part="iconDescriptionModified"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <pg-markdown part="iconDescriptionBefore"></pg-markdown> <pg-markdown part="iconDescriptionAfter"></pg-markdown> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconAuthorModified]:'<div part="iconAuthorModified"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <span part="content"> <span> Author modified. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.IconDeprecated]:'<div part="iconDeprecated"> <pg-avatar part="avatar"></pg-avatar> <pg-icon part="icon"></pg-icon> <span part="content"> <span> Deprecated. Warning this icon will be removed in a future release. </span> </span> <a part="issue"></a> <button part="edit"> <pg-icon part="editIcon"></pg-icon> </button> </div>',[C.Date]:'<h2 part="text"></h2>'},Y=["January","February","March","April","May","June","July","August","September","October","November","December"];function J(t){const e=new Date(t),n=Y[e.getMonth()];return`${e.getFullYear()}-${n}-${e.getDate()}`}function Z(t){const e=[];let n="";return t.forEach(((t,o)=>{const i=function(t){const e=new Date(t);return`${Y[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`}(t.date);n!==i&&(e.push((new Modification).from({id:`date-${J(t.date)}`,modificationId:C.Date,text:i,user:new User,icon:new Icon})),n=i),e.push(t)})),e}(()=>{let t,e,n,o,i,r,a=[v({selector:"pg-modification",style:I.A,template:'<div part="items"></div>'})],c=[],s=HTMLElement,p=[],d=[],l=[],u=[],f=[],h=[],m=[],g=[];(class extends s{static{e=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;n=[D()],o=[D()],i=[D()],r=[A()],H(null,null,n,{kind:"field",name:"modifications",static:!1,private:!1,access:{has:t=>"modifications"in t,get:t=>t.modifications,set:(t,e)=>{t.modifications=e}},metadata:v},p,d),H(null,null,o,{kind:"field",name:"edit",static:!1,private:!1,access:{has:t=>"edit"in t,get:t=>t.edit,set:(t,e)=>{t.edit=e}},metadata:v},l,u),H(null,null,i,{kind:"field",name:"github",static:!1,private:!1,access:{has:t=>"github"in t,get:t=>t.github,set:(t,e)=>{t.github=e}},metadata:v},f,h),H(null,null,r,{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},m,g),H(null,t={value:e},a,{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}),V(e,c)}modifications=V(this,p,[]);edit=(V(this,d),V(this,l,!1));github=(V(this,u),V(this,f,""));$items=(V(this,h),V(this,m,void 0));render(t){t.modifications&&this.modifications&&function(t,e,n,o,i){const r=Array.from(t.children),a=r.map((t=>t.dataset.key)),c=e.map((t=>t[n]));e.forEach((e=>{if(!a.includes(e[n])){const i=o(e);return i instanceof DocumentFragment?i.children[0].dataset.key=e[n]:i.dataset.key=e[n],void t.appendChild(i)}{const t=r.find((t=>t.dataset.key===a[n]));if(e[n]===a[n])return void i(e,t)}})),r.forEach((t=>{c.includes(t.dataset.key)||t.remove()}))}(this.$items,Z(this.modifications),"id",(t=>{if(t.modificationId in W){const e=function(t,e){const n=document.createElement("template");n.innerHTML=t;const o=document.importNode(n.content,!0);for(const[t,n]of Object.entries(e)){const e=o.querySelector(`[part~="${t}"]`);if(e)for(const[t,o]of Object.entries(n))o instanceof Function?null===o()?e.removeAttribute(t):e.setAttribute(t,o()):e[t]=o}return o}(W[t.modificationId],{text:{innerText:t.text},markdown:{text:t.text},icon:{path:t.icon&&t.icon.data},iconName:{innerText:t.icon&&t.icon.name},iconNameBefore:{innerText:t.iconNameBefore},iconNameAfter:{innerText:t.iconNameAfter},iconDescriptionBefore:{text:t.iconDescriptionBefore},iconDescriptionAfter:{text:t.iconDescriptionAfter},iconDataBefore:{path:t.iconDataBefore},iconDataAfter:{path:t.iconDataAfter},avatar:{user:t.user},editIcon:{path:"M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"},issue:{style:t.issue?"":"display:none",innerText:t.issue?`#${t.issue}`:"",href:`https://github.com/${this.github}/issues/${t.issue}`}}),n=e.querySelector('[part="issue"]');n&&q(n,(()=>"View on GitHub"),L);const o=e.querySelector('[part="avatar"]');o&&q(o,(()=>t.user.name),R);const i=e.querySelector('[part="edit"]');return i&&i.addEventListener("click",(()=>{this.dispatchEvent(new CustomEvent("edit",{detail:{modification:t}}))})),e}const e=document.createElement("div");return e.classList.add("invalid"),e.innerText=`Error: Unsupported modificationId with text: "${t.text}"`,e}),((t,e)=>{})),t.edit&&this.$items.classList.toggle("edit",this.edit)}addItem(t){const e=document.createElement("div");this.$items.appendChild(e)}constructor(){super(...arguments),V(this,g)}})})()})();
|
package/pgNav.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var t={314:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r="",o=void 0!==e[5];return e[4]&&(r+="@supports (".concat(e[4],") {")),e[2]&&(r+="@media ".concat(e[2]," {")),o&&(r+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),r+=t(e),o&&(r+="}"),e[2]&&(r+="}"),e[4]&&(r+="}"),r})).join("")},e.i=function(t,r,o,n,a){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(o)for(var i=0;i<this.length;i++){var c=this[i][0];null!=c&&(s[c]=!0)}for(var l=0;l<t.length;l++){var p=[].concat(t[l]);o&&s[p[0]]||(void 0!==a&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=a),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),e.push(p))}},e}},601:t=>{t.exports=function(t){return t[1]}},689:(t,e,r)=>{r.d(e,{A:()=>c});var o=r(601),n=r.n(o),a=r(314),s=r.n(a)()(n());s.push([t.id,":host {\n align-self: center;\n}\nsvg {\n width: 1.5rem;\n height: 1.5rem;\n}\nbutton {\n border: 0;\n background: transparent;\n}\nbutton > svg {\n fill: #fff;\n}",""]);var i=new CSSStyleSheet;i.replaceSync(s.toString());const c=i}},e={};function r(o){var n=e[o];if(void 0!==n)return n.exports;var a=e[o]={id:o,exports:{}};return t[o](a,a.exports,r),a.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var o in e)r.o(e,o)&&!r.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);const o=Symbol("addObserver"),n=Symbol("removeObserver"),a=Symbol("getObservers"),s=Symbol("isProxy"),i=Symbol("getTarget"),c=["fill","pop","push","reverse","shift","sort","splice","unshift"],l=new Map;function p(t){return new Proxy(t,{get(e,r){if("symbol"==typeof r){switch(r){case s:return!0;case i:return e;case a:return l.has(t);case o:return(e,r)=>{l.has(t)?l.get(t).has(e)?l.get(t).get(e).push(r):l.get(t).set(e,[r]):l.set(t,new Map([[e,[r]]]))};case n:return e=>{l.has(t)&&(l.get(t).delete(e),0===l.get(t).size&&l.delete(t))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(e,r)}throw new Error("Unsupported symbol")}if(r in e){if(!Number.isNaN(Number(r)))return"object"==typeof e[r]?p(e[r]):e[r];if("copyWithin"===r)throw new Error("Unsupported array method copyWithin");if(c.includes(r))return l.has(e)?function(){const t=Array.prototype[r].apply(e,arguments);return l.get(e).forEach(((t,o)=>{t.forEach((t=>{t(e,r,arguments)}))})),t}:Reflect.get(e,r);if(e[r]instanceof Array)return p(e[r])}return Reflect.get(e,r)},set(t,e,r){if("symbol"==typeof e)throw new Error("Setting symbols not allowed.");if(Array.isArray(t))return Reflect.set(t,e,r);if(l.has(t)){l.get(t).forEach(((t,o)=>{t.forEach((t=>{t(e,r)}))}))}return Reflect.set(t,e,r)}})}window.observers=l;class PropError extends Error{constructor(t,e){super(t),this.name="PropError",Error.captureStackTrace&&Error.captureStackTrace(this,e)}}Symbol("index");const u=Symbol("init"),h=Symbol("template"),f=Symbol("style"),d=Symbol("parent");function y(t){return t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function m(t){return t.replace(/-([a-z])/g,(t=>t[1].toUpperCase()))}function v(t={}){return function(e,r){if("class"!==r.kind)throw new Error("@Component() can only decorate a class");var o,n;Reflect.defineProperty(e,"name",{value:t.selector,writable:!1,configurable:!1}),!e.prototype[d]||e.prototype[d][e.prototype[d].length-1]instanceof Object.getPrototypeOf(e)?e.prototype instanceof HTMLElement&&(e.prototype[d]=[e.prototype],e.prototype[f]=t.style?[t.style]:[],e.prototype[h]=t.template||""):(e.prototype[d].push(e.prototype),e.prototype[f].push(t.style),e.prototype[h]=(o=e.prototype[h],(n=t.template||null)&&n.match(/<parent\/>/)?n.replace(/<parent\/>/,o):`${o}${n||""}`));const a=e.prototype.connectedCallback||(()=>{}),s=e.prototype.disconnectedCallback||(()=>{});e.prototype.connectedCallback=function(){if(this[u]||void 0!==t.template||void 0!==t.style)if(this[u]){if(this[u]&&t.style);else if(this[u]&&t.selector&&!t.template)throw new Error("You need to pass a template for an extended element.")}else{if(!1===t.useShadow)throw new Error("unsupported");{const t=document.createElement("template");t.innerHTML=e.prototype[h]||"";const r=document.importNode(t.content,!0),o=this.attachShadow({mode:"open"});o.adoptedStyleSheets=e.prototype[f].map((t=>{if(t instanceof CSSStyleSheet)return t;var e=new CSSStyleSheet;return e.replaceSync(t.toString()),e})),o.appendChild(r)}}else!1===t.useShadow||this.attachShadow({mode:"open"});const r=new Set;for(const t of this.shadowRoot.querySelectorAll("*"))-1!==t.localName.indexOf("-")&&r.add(t.localName);const o=Array.from(r.values()).map((t=>customElements.get(t)?Promise.resolve():customElements.whenDefined(t))),n=()=>{this[d].map((t=>{t.render&&t.render.call(this,e.observedAttributes?e.observedAttributes.reduce(((t,e)=>(t[m(e)]=!0,t)),{}):{})}))};0===o.length?(this[u]=!0,a.call(this),n()):Promise.all(o).then((()=>{this[u]=!0,a.call(this);for(const t of this.shadowRoot.querySelectorAll("slot"))t.dispatchEvent(new CustomEvent("slotchange"));n()}))},e.prototype.disconnectedCallback=function(){s.call(this)},e.prototype.attributeChangedCallback=function(t,e,r){this[m(t)]=r},r.addInitializer((function(){if(t.selector){if(window.customElements.get(t.selector))throw new Error(`@Component() ${r.name} duplicate selector '${t.selector}'`);window.customElements.define(t.selector,e)}}))}}Symbol("transmute");function b(t){return!!t&&t.constructor===Array}function g(t,e){t[u]&&t[d].map((r=>{r.render&&r.render.call(t,{[e]:!0})}))}function w(t){return null===t?"null":b(t)?"array":typeof t}function S(t){return function(e,r){const o=r.name,n=Symbol(o),c=Symbol(`${o}:type`),l=Symbol(`${o}:meta`);return r.addInitializer((function(){Reflect.defineProperty(this,o,{get:()=>"object"===this[c]||"array"===this[c]?this[n][s]?this[n]:p(this[n]):this[n],set:e=>{const r=w(t?t(e):e);if("index"!==o&&this[c]!==r&&"null"!==this[c]&&"null"!==r)throw new Error(`@Prop() ${o} with type '${this[c]}' cannot be set to ${r}.`);if("array"===this[c]){if(!b(e))throw new PropError(`Array "${o}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,o)?.set);if(this[n]===e)throw new Error("Setting an array to itself is not allowed.");const t=p(this[n]);if(t[a]){const r=e[s]?(l=e)[s]&&l[i]:e;t.splice(0,this[n].length,...r)}else this[n]=e}else this[n]=t?t(e):e,g(this,o);var l}})})),function(e){if(void 0===e&&"index"!==o)throw new Error(`@Prop() ${o} must have an initial value defined.`);if(void 0!==e&&"index"===o)throw new Error("@Prop() index must not have an initial value defined.");if(!0===e)throw new Error(`@Prop() ${o} boolean must initialize to false.`);if(!r.private){const{constructor:t}=this;t.observedAttributes??=[],t.symbols||(t.symbols={});const{symbols:e}=t,r=y(o);e[o]||(t.observedAttributes.push(r),e[o]=n)}return this[c]=w(e),"array"===this[c]?(this[n]=e,new Proxy(e,{get:(t,e)=>e===E?this[l]:(console.log("errr???"),Reflect.get(this[n],e)),set:(t,e,r)=>{if(e===E)return this[l]=r,!0;const a=Reflect.set(t,e,r);return"length"===e&&this[n].length===r||g(this,o),this[n]=r,a}})):(this[n]=t?t(this.getAttribute(o)??e):this.getAttribute(o)??e,this[n])}}}Symbol("hasProxy");const E=Symbol("meta");var P=r(689),x=function(t,e,r,o,n,a){function s(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var i,c=o.kind,l="getter"===c?"get":"setter"===c?"set":"value",p=!e&&t?o.static?t:t.prototype:null,u=e||(p?Object.getOwnPropertyDescriptor(p,o.name):{}),h=!1,f=r.length-1;f>=0;f--){var d={};for(var y in o)d[y]="access"===y?{}:o[y];for(var y in o.access)d.access[y]=o.access[y];d.addInitializer=function(t){if(h)throw new TypeError("Cannot add initializers after decoration has completed");a.push(s(t||null))};var m=(0,r[f])("accessor"===c?{get:u.get,set:u.set}:u[l],d);if("accessor"===c){if(void 0===m)continue;if(null===m||"object"!=typeof m)throw new TypeError("Object expected");(i=s(m.get))&&(u.get=i),(i=s(m.set))&&(u.set=i),(i=s(m.init))&&n.unshift(i)}else(i=s(m))&&("field"===c?n.unshift(i):u[l]=i)}p&&Object.defineProperty(p,o.name,u),h=!0},$=function(t,e,r){for(var o=arguments.length>2,n=0;n<e.length;n++)r=o?e[n].call(t,r):e[n].call(t);return o?r:void 0};(()=>{let t,e,r,o,n=[v({selector:"pg-nav",style:P.A,template:'<nav part="nav"> <a href="/"> <span part="name"></span> </a> <a href="/icons"> Icons </a> <a href="/icons"> Docs </a> <button part="menu"> <svg viewBox="0 0 24 24"> <path d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"/> </svg> </button> </nav>'})],a=[],s=HTMLElement,i=[],c=[],l=[],p=[];(class extends s{static{e=this}static{const u="function"==typeof Symbol&&Symbol.metadata?Object.create(s[Symbol.metadata]??null):void 0;r=[S()],o=[function(t,e){const r=e.name,o=r.replace(/^\$/,"");e.addInitializer((function(){let t=null;Reflect.defineProperty(this,r,{get(){return t??(t=this.shadowRoot?.querySelector(`[part~=${o}]`))}})}))}],x(null,null,r,{kind:"field",name:"nav",static:!1,private:!1,access:{has:t=>"nav"in t,get:t=>t.nav,set:(t,e)=>{t.nav=e}},metadata:u},i,c),x(null,null,o,{kind:"field",name:"$path",static:!1,private:!1,access:{has:t=>"$path"in t,get:t=>t.$path,set:(t,e)=>{t.$path=e}},metadata:u},l,p),x(null,t={value:e},n,{kind:"class",name:e.name,metadata:u},null,a),e=t.value,u&&Object.defineProperty(e,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:u}),$(e,a)}nav=$(this,i,"M0 0h24v24H0V0zm2 2v20h20V2H2z");$path=($(this,c),$(this,l,void 0));render(){}constructor(){super(...arguments),$(this,p)}})})()})();
|
package/pgOverlay.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";Symbol("addObserver"),Symbol("removeObserver"),Symbol("getObservers"),Symbol("isProxy"),Symbol("getTarget");const e=new Map;window.observers=e;Error;Symbol("index");const t=Symbol("init"),o=Symbol("template"),n=Symbol("style"),r=Symbol("parent");function a(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function l(e={}){return function(l,s){if("class"!==s.kind)throw new Error("@Component() can only decorate a class");var c,i;Reflect.defineProperty(l,"name",{value:e.selector,writable:!1,configurable:!1}),!l.prototype[r]||l.prototype[r][l.prototype[r].length-1]instanceof Object.getPrototypeOf(l)?l.prototype instanceof HTMLElement&&(l.prototype[r]=[l.prototype],l.prototype[n]=e.style?[e.style]:[],l.prototype[o]=e.template||""):(l.prototype[r].push(l.prototype),l.prototype[n].push(e.style),l.prototype[o]=(c=l.prototype[o],(i=e.template||null)&&i.match(/<parent\/>/)?i.replace(/<parent\/>/,c):`${c}${i||""}`));const p=l.prototype.connectedCallback||(()=>{}),d=l.prototype.disconnectedCallback||(()=>{});l.prototype.connectedCallback=function(){if(this[t]||void 0!==e.template||void 0!==e.style)if(this[t]){if(this[t]&&e.style);else if(this[t]&&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=l.prototype[o]||"";const t=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=l.prototype[n].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(t)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const s=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&s.add(e.localName);const c=Array.from(s.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),i=()=>{this[r].map((e=>{e.render&&e.render.call(this,l.observedAttributes?l.observedAttributes.reduce(((e,t)=>(e[a(t)]=!0,e)),{}):{})}))};0===c.length?(this[t]=!0,p.call(this),i()):Promise.all(c).then((()=>{this[t]=!0,p.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));i()}))},l.prototype.disconnectedCallback=function(){d.call(this)},l.prototype.attributeChangedCallback=function(e,t,o){this[a(e)]=o},s.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${s.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,l)}}))}}Symbol("transmute");Symbol("hasProxy");Symbol("meta");var s=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):{}),m=!1,u=o.length-1;u>=0;u--){var y={};for(var h in n)y[h]="access"===h?{}:n[h];for(var h in n.access)y.access[h]=n.access[h];y.addInitializer=function(e){if(m)throw new TypeError("Cannot add initializers after decoration has completed");a.push(l(e||null))};var f=(0,o[u])("accessor"===c?{get:d.get,set:d.set}:d[i],y);if("accessor"===c){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(s=l(f.get))&&(d.get=s),(s=l(f.set))&&(d.set=s),(s=l(f.init))&&r.unshift(s)}else(s=l(f))&&("field"===c?r.unshift(s):d[i]=s)}p&&Object.defineProperty(p,n.name,d),m=!0},c=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};const i=new Set,p=new Map;(()=>{let e,t,o=[l()],n=[],r=HTMLElement;(class extends r{static{t=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;s(null,e={value:t},o,{kind:"class",name:t.name,metadata:a},null,n),t=e.value,a&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),c(t,n)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),i.add(t),new Promise((e=>{p.set(t,e)}))}close(e){this.remove(),i.delete(this);const t=p.get(this);t&&t(e),p.delete(this)}})})()})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var e={314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,s){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var a=0;a<this.length;a++){var l=this[a][0];null!=l&&(i[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&i[u[0]]||(void 0!==s&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=s),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)),t.push(u))}},t}},601:e=>{e.exports=function(e){return e[1]}},891:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),o=n.n(r),s=n(314),i=n.n(s)()(o());i.push([e.id,':host {\n display: contents;\n}\n\n[part="overlay"] {\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n overflow: visible;\n --pg-menu-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.25);\n top: anchor(top);\n left: anchor(left);\n min-width: 10rem;\n margin: var(--pg-overlay-menu-_y, 0) 0 0 var(--pg-overlay-menu-_x, 0);\n}',""]);var a=new CSSStyleSheet;a.replaceSync(i.toString());const l=a}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var s=t[r]={id:r,exports:{}};return e[r](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const r=Symbol("addObserver"),o=Symbol("removeObserver"),s=Symbol("getObservers"),i=Symbol("isProxy"),a=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function u(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case i:return!0;case a:return t;case s:return c.has(e);case r:return(t,n)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(n):c.get(e).set(t,[n]):c.set(e,new Map([[t,[n]]]))};case o:return t=>{c.has(e)&&(c.get(e).delete(t),0===c.get(e).size&&c.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?u(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 u(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 h=Symbol("init"),d=Symbol("template"),p=Symbol("style"),f=Symbol("parent");function m(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function y(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function v(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,o;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[f]||t.prototype[f][t.prototype[f].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[f]=[t.prototype],t.prototype[p]=e.style?[e.style]:[],t.prototype[d]=e.template||""):(t.prototype[f].push(t.prototype),t.prototype[p].push(e.style),t.prototype[d]=(r=t.prototype[d],(o=e.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,r):`${r}${o||""}`));const s=t.prototype.connectedCallback||(()=>{}),i=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[h]||void 0!==e.template||void 0!==e.style)if(this[h]){if(this[h]&&e.style);else if(this[h]&&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[d]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[p].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const r=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),o=()=>{this[f].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[y(t)]=!0,e)),{}):{})}))};0===r.length?(this[h]=!0,s.call(this),o()):Promise.all(r).then((()=>{this[h]=!0,s.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));o()}))},t.prototype.disconnectedCallback=function(){i.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[y(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 g(e){return!!e&&e.constructor===Array}function b(e,t){e[h]&&e[f].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":g(e)?"array":typeof e}function S(e){return function(t,n){const r=n.name,o=Symbol(r),l=Symbol(`${r}:type`),c=Symbol(`${r}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[l]||"array"===this[l]?this[o][i]?this[o]:u(this[o]):this[o],set:t=>{const n=w(e?e(t):t);if("index"!==r&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${r} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!g(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[o]===t)throw new Error("Setting an array to itself is not allowed.");const e=u(this[o]);if(e[s]){const n=t[i]?(c=t)[i]&&c[a]:t;e.splice(0,this[o].length,...n)}else this[o]=t}else this[o]=e?e(t):t,b(this,r);var c}})})),function(t){if(void 0===t&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==t&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=m(r);t[r]||(e.observedAttributes.push(n),t[r]=o)}return this[l]=w(t),"array"===this[l]?(this[o]=t,new Proxy(t,{get:(e,t)=>t===x?this[c]:(console.log("errr???"),Reflect.get(this[o],t)),set:(e,t,n)=>{if(t===x)return this[c]=n,!0;const s=Reflect.set(e,t,n);return"length"===t&&this[o].length===n||b(this,r),this[o]=n,s}})):(this[o]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[o])}}}function E(){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 x=Symbol("meta");var $=function(e,t,n,r,o,s){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,h=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var f={};for(var m in r)f[m]="access"===m?{}:r[m];for(var m in r.access)f.access[m]=r.access[m];f.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");s.push(i(e||null))};var y=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(a=i(y.get))&&(h.get=a),(a=i(y.set))&&(h.set=a),(a=i(y.init))&&o.unshift(a)}else(a=i(y))&&("field"===l?o.unshift(a):h[c]=a)}u&&Object.defineProperty(u,r.name,h),d=!0},P=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};const O=new Set,k=new Map;const C=(()=>{let e,t,n=[v()],r=[],o=HTMLElement;(class extends o{static{t=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;$(null,e={value:t},n,{kind:"class",name:t.name,metadata:s},null,r),t=e.value,s&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),P(t,r)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),O.add(t),new Promise((e=>{k.set(t,e)}))}close(e){this.remove(),O.delete(this);const t=k.get(this);t&&t(e),k.delete(this)}});return t})();var j=n(891),A=function(e,t,n,r,o,s){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,h=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var f={};for(var m in r)f[m]="access"===m?{}:r[m];for(var m in r.access)f.access[m]=r.access[m];f.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");s.push(i(e||null))};var y=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(a=i(y.get))&&(h.get=a),(a=i(y.set))&&(h.set=a),(a=i(y.init))&&o.unshift(a)}else(a=i(y))&&("field"===l?o.unshift(a):h[c]=a)}u&&Object.defineProperty(u,r.name,h),d=!0},R=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};const T=[],z=[];(()=>{let e,t,n,r,o,s,i,a,l,c,u=[v({selector:"pg-overlay-context-menu",template:'<div part="overlay"> <pg-menu part="menu"></pg-menu> </div>',style:j.A})],h=[],d=C,p=[],f=[],m=[],y=[],g=[],b=[],w=[],x=[],$=[],P=[],O=[],k=[],L=[],D=[],M=[],N=[];(class extends d{static{t=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[E()],r=[E()],o=[S()],s=[S()],i=[S()],a=[S()],l=[S()],c=[S()],A(null,null,n,{kind:"field",name:"$overlay",static:!1,private:!1,access:{has:e=>"$overlay"in e,get:e=>e.$overlay,set:(e,t)=>{e.$overlay=t}},metadata:v},p,f),A(null,null,r,{kind:"field",name:"$menu",static:!1,private:!1,access:{has:e=>"$menu"in e,get:e=>e.$menu,set:(e,t)=>{e.$menu=t}},metadata:v},m,y),A(null,null,o,{kind:"field",name:"source",static:!1,private:!1,access:{has:e=>"source"in e,get:e=>e.source,set:(e,t)=>{e.source=t}},metadata:v},g,b),A(null,null,s,{kind:"field",name:"x",static:!1,private:!1,access:{has:e=>"x"in e,get:e=>e.x,set:(e,t)=>{e.x=t}},metadata:v},w,x),A(null,null,i,{kind:"field",name:"y",static:!1,private:!1,access:{has:e=>"y"in e,get:e=>e.y,set:(e,t)=>{e.y=t}},metadata:v},$,P),A(null,null,a,{kind:"field",name:"default",static:!1,private:!1,access:{has:e=>"default"in e,get:e=>e.default,set:(e,t)=>{e.default=t}},metadata:v},O,k),A(null,null,l,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:v},L,D),A(null,null,c,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:v},M,N),A(null,e={value:t},u,{kind:"class",name:t.name,metadata:v},null,h),t=e.value,v&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),R(t,h)}$overlay=R(this,p,void 0);$menu=(R(this,f),R(this,m,void 0));source=(R(this,y),R(this,g,null));x=(R(this,b),R(this,w,0));y=(R(this,x),R(this,$,0));default=(R(this,P),R(this,O,null));items=(R(this,k),R(this,L,[]));value=(R(this,D),R(this,M,null));render(e){e.items&&(this.$menu.items=this.items)}connectedCallback(){T.pop()?.close(),T.push(this),z.push(this),this.$menu.addEventListener("select",this.#e.bind(this)),this.$menu.addEventListener("close",this.#t.bind(this)),this.$overlay.popover="auto",null!==this.source&&this.$overlay.showPopover({source:this.source}),this.$overlay.addEventListener("toggle",this.#n.bind(this));const e=this.source?.getBoundingClientRect(),t=this.x-(e?.left||0),n=this.y-(e?.top||0);this.$overlay.style.setProperty("--pg-overlay-menu-_x",`${t}px`),this.$overlay.style.setProperty("--pg-overlay-menu-_y",`${n}px`),this.$menu.focus(0),this.#r=this.#o.bind(this),document.addEventListener("pointerdown",this.#r)}#s=(R(this,N),!1);#r;#o(e){this.#s=e.composedPath().includes(this.source)}#n(e){"closed"===e.newState&&(this.close(),0===z.length&&this.#s&&(console.log(e),this.source?.focus()))}disconnectedCallback(){z.pop(),document.removeEventListener("pointerdown",this.#r)}#t(e){this.close(),this.source?.focus()}#e(e){e.detail.item.index=e.detail.index,this.close(e.detail.item),this.source?.focus()}})})()})();
|
package/pgOverlayMenu.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var e={314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",n=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),n&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),n&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,n,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var s={};if(n)for(var i=0;i<this.length;i++){var l=this[i][0];null!=l&&(s[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&s[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),r&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=r):u[2]=r),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u))}},t}},601:e=>{e.exports=function(e){return e[1]}},697:(e,t,r)=>{r.d(t,{A:()=>l});var n=r(601),o=r.n(n),a=r(314),s=r.n(a)()(o());s.push([e.id,':host {\n display: contents;\n}\n\n[part="overlay"] {\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n --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 i=new CSSStyleSheet;i.replaceSync(s.toString());const l=i}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={id:n,exports:{}};return e[n](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const n=Symbol("addObserver"),o=Symbol("removeObserver"),a=Symbol("getObservers"),s=Symbol("isProxy"),i=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function u(e){return new Proxy(e,{get(t,r){if("symbol"==typeof r){switch(r){case s:return!0;case i:return t;case a:return c.has(e);case n:return(t,r)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(r):c.get(e).set(t,[r]):c.set(e,new Map([[t,[r]]]))};case o:return t=>{c.has(e)&&(c.get(e).delete(t),0===c.get(e).size&&c.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,r)}throw new Error("Unsupported symbol")}if(r in t){if(!Number.isNaN(Number(r)))return"object"==typeof t[r]?u(t[r]):t[r];if("copyWithin"===r)throw new Error("Unsupported array method copyWithin");if(l.includes(r))return c.has(t)?function(){const e=Array.prototype[r].apply(t,arguments);return c.get(t).forEach(((e,n)=>{e.forEach((e=>{e(t,r,arguments)}))})),e}:Reflect.get(t,r);if(t[r]instanceof Array)return u(t[r])}return Reflect.get(t,r)},set(e,t,r){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,r);if(c.has(e)){c.get(e).forEach(((e,n)=>{e.forEach((e=>{e(t,r)}))}))}return Reflect.set(e,t,r)}})}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"),p=Symbol("style"),f=Symbol("parent");function m(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function y(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function v(e={}){return function(t,r){if("class"!==r.kind)throw new Error("@Component() can only decorate a class");var n,o;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[f]||t.prototype[f][t.prototype[f].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[f]=[t.prototype],t.prototype[p]=e.style?[e.style]:[],t.prototype[h]=e.template||""):(t.prototype[f].push(t.prototype),t.prototype[p].push(e.style),t.prototype[h]=(n=t.prototype[h],(o=e.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,n):`${n}${o||""}`));const a=t.prototype.connectedCallback||(()=>{}),s=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 r=document.importNode(e.content,!0),n=this.attachShadow({mode:"open"});n.adoptedStyleSheets=t.prototype[p].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),n.appendChild(r)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const r=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&r.add(e.localName);const n=Array.from(r.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),o=()=>{this[f].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[y(t)]=!0,e)),{}):{})}))};0===n.length?(this[d]=!0,a.call(this),o()):Promise.all(n).then((()=>{this[d]=!0,a.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));o()}))},t.prototype.disconnectedCallback=function(){s.call(this)},t.prototype.attributeChangedCallback=function(e,t,r){this[y(e)]=r},r.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${r.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function g(e){return!!e&&e.constructor===Array}function b(e,t){e[d]&&e[f].map((r=>{r.render&&r.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":g(e)?"array":typeof e}function S(e){return function(t,r){const n=r.name,o=Symbol(n),l=Symbol(`${n}:type`),c=Symbol(`${n}:meta`);return r.addInitializer((function(){Reflect.defineProperty(this,n,{get:()=>"object"===this[l]||"array"===this[l]?this[o][s]?this[o]:u(this[o]):this[o],set:t=>{const r=w(e?e(t):t);if("index"!==n&&this[l]!==r&&"null"!==this[l]&&"null"!==r)throw new Error(`@Prop() ${n} with type '${this[l]}' cannot be set to ${r}.`);if("array"===this[l]){if(!g(t))throw new PropError(`Array "${n}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,n)?.set);if(this[o]===t)throw new Error("Setting an array to itself is not allowed.");const e=u(this[o]);if(e[a]){const r=t[s]?(c=t)[s]&&c[i]:t;e.splice(0,this[o].length,...r)}else this[o]=t}else this[o]=e?e(t):t,b(this,n);var c}})})),function(t){if(void 0===t&&"index"!==n)throw new Error(`@Prop() ${n} must have an initial value defined.`);if(void 0!==t&&"index"===n)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${n} boolean must initialize to false.`);if(!r.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,r=m(n);t[n]||(e.observedAttributes.push(r),t[n]=o)}return this[l]=w(t),"array"===this[l]?(this[o]=t,new Proxy(t,{get:(e,t)=>t===$?this[c]:(console.log("errr???"),Reflect.get(this[o],t)),set:(e,t,r)=>{if(t===$)return this[c]=r,!0;const a=Reflect.set(e,t,r);return"length"===t&&this[o].length===r||b(this,n),this[o]=r,a}})):(this[o]=e?e(this.getAttribute(n)??t):this.getAttribute(n)??t,this[o])}}}function E(){return function(e,t){const r=t.name,n=r.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,r,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${n}]`))}})}))}}Symbol("hasProxy");const $=Symbol("meta");var P=function(e,t,r,n,o,a){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,l=n.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?n.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),h=!1,p=r.length-1;p>=0;p--){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(h)throw new TypeError("Cannot add initializers after decoration has completed");a.push(s(e||null))};var y=(0,r[p])("accessor"===l?{get:d.get,set:d.set}:d[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=s(y.get))&&(d.get=i),(i=s(y.set))&&(d.set=i),(i=s(y.init))&&o.unshift(i)}else(i=s(y))&&("field"===l?o.unshift(i):d[c]=i)}u&&Object.defineProperty(u,n.name,d),h=!0},x=function(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0};const O=new Set,j=new Map;const k=(()=>{let e,t,r=[v()],n=[],o=HTMLElement;(class extends o{static{t=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;P(null,e={value:t},r,{kind:"class",name:t.name,metadata:a},null,n),t=e.value,a&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),x(t,n)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),O.add(t),new Promise((e=>{j.set(t,e)}))}close(e){this.remove(),O.delete(this);const t=j.get(this);t&&t(e),j.delete(this)}});return t})();var C=r(697),A=function(e,t,r,n,o,a){function s(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var i,l=n.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?n.static?e:e.prototype:null,d=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),h=!1,p=r.length-1;p>=0;p--){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(h)throw new TypeError("Cannot add initializers after decoration has completed");a.push(s(e||null))};var y=(0,r[p])("accessor"===l?{get:d.get,set:d.set}:d[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(i=s(y.get))&&(d.get=i),(i=s(y.set))&&(d.set=i),(i=s(y.init))&&o.unshift(i)}else(i=s(y))&&("field"===l?o.unshift(i):d[c]=i)}u&&Object.defineProperty(u,n.name,d),h=!0},R=function(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0};(()=>{let e,t,r,n,o,a,s,i,l=[v({selector:"pg-overlay-menu",template:'<div part="overlay"> <pg-menu part="menu"></pg-menu> </div>',style:C.A})],c=[],u=k,d=[],h=[],p=[],f=[],m=[],y=[],g=[],b=[],w=[],$=[],P=[],x=[];(class extends u{static{t=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;r=[E()],n=[E()],o=[S()],a=[S()],s=[S()],i=[S()],A(null,null,r,{kind:"field",name:"$overlay",static:!1,private:!1,access:{has:e=>"$overlay"in e,get:e=>e.$overlay,set:(e,t)=>{e.$overlay=t}},metadata:v},d,h),A(null,null,n,{kind:"field",name:"$menu",static:!1,private:!1,access:{has:e=>"$menu"in e,get:e=>e.$menu,set:(e,t)=>{e.$menu=t}},metadata:v},p,f),A(null,null,o,{kind:"field",name:"source",static:!1,private:!1,access:{has:e=>"source"in e,get:e=>e.source,set:(e,t)=>{e.source=t}},metadata:v},m,y),A(null,null,a,{kind:"field",name:"default",static:!1,private:!1,access:{has:e=>"default"in e,get:e=>e.default,set:(e,t)=>{e.default=t}},metadata:v},g,b),A(null,null,s,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:v},w,$),A(null,null,i,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:v},P,x),A(null,e={value:t},l,{kind:"class",name:t.name,metadata:v},null,c),t=e.value,v&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),R(t,c)}$overlay=R(this,d,void 0);$menu=(R(this,h),R(this,p,void 0));source=(R(this,f),R(this,m,null));default=(R(this,y),R(this,g,null));items=(R(this,b),R(this,w,[]));value=(R(this,$),R(this,P,null));render(e){}connectedCallback(){this.$menu.items=this.items,this.$menu.addEventListener("select",this.#e.bind(this)),this.$overlay.popover="auto",null!==this.source&&this.$overlay.showPopover({source:this.source}),this.$overlay.addEventListener("toggle",this.#t.bind(this));this.source?.getBoundingClientRect();const e=null===this.value||"object"!=typeof this.value?this.value:this.value.value,t=null===this.value?0:this.items.findIndex((t=>t.value===e));this.$menu.focus(t)}#t(e){"closed"===e.newState&&(this.close(),this.source?.focus())}disconnectedCallback(){}#e(e){e.detail.item.index=e.detail.index,this.close(e.detail.item),this.source?.focus()}constructor(){super(...arguments),R(this,x)}})})()})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var e={97:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),o=n.n(r),s=n(314),i=n.n(s)()(o());i.push([e.id,':host {\n display: contents;\n}\n\n[part="overlay"] {\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n overflow: visible;\n --pg-menu-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.25);\n top: anchor(top);\n left: anchor(left);\n min-width: calc(anchor-size(width) + calc(2 * var(--pg-menu-padding, 0.25rem)));\n margin: var(--pg-overlay-menu-_y, 0) 0 0 var(--pg-overlay-menu-_x, 0);\n overflow: visible;\n}\n',""]);var a=new CSSStyleSheet;a.replaceSync(i.toString());const l=a},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,s){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var a=0;a<this.length;a++){var l=this[a][0];null!=l&&(i[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&i[u[0]]||(void 0!==s&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=s),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)),t.push(u))}},t}},601:e=>{e.exports=function(e){return e[1]}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var s=t[r]={id:r,exports:{}};return e[r](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const r=Symbol("addObserver"),o=Symbol("removeObserver"),s=Symbol("getObservers"),i=Symbol("isProxy"),a=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function u(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case i:return!0;case a:return t;case s:return c.has(e);case r:return(t,n)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(n):c.get(e).set(t,[n]):c.set(e,new Map([[t,[n]]]))};case o:return t=>{c.has(e)&&(c.get(e).delete(t),0===c.get(e).size&&c.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?u(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 u(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 h=Symbol("init"),d=Symbol("template"),p=Symbol("style"),f=Symbol("parent");function m(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function y(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function v(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,o;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[f]||t.prototype[f][t.prototype[f].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[f]=[t.prototype],t.prototype[p]=e.style?[e.style]:[],t.prototype[d]=e.template||""):(t.prototype[f].push(t.prototype),t.prototype[p].push(e.style),t.prototype[d]=(r=t.prototype[d],(o=e.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,r):`${r}${o||""}`));const s=t.prototype.connectedCallback||(()=>{}),i=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[h]||void 0!==e.template||void 0!==e.style)if(this[h]){if(this[h]&&e.style);else if(this[h]&&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[d]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[p].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const r=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),o=()=>{this[f].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[y(t)]=!0,e)),{}):{})}))};0===r.length?(this[h]=!0,s.call(this),o()):Promise.all(r).then((()=>{this[h]=!0,s.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));o()}))},t.prototype.disconnectedCallback=function(){i.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[y(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 g(e){return!!e&&e.constructor===Array}function b(e,t){e[h]&&e[f].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":g(e)?"array":typeof e}function S(e){return function(t,n){const r=n.name,o=Symbol(r),l=Symbol(`${r}:type`),c=Symbol(`${r}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[l]||"array"===this[l]?this[o][i]?this[o]:u(this[o]):this[o],set:t=>{const n=w(e?e(t):t);if("index"!==r&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${r} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!g(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[o]===t)throw new Error("Setting an array to itself is not allowed.");const e=u(this[o]);if(e[s]){const n=t[i]?(c=t)[i]&&c[a]:t;e.splice(0,this[o].length,...n)}else this[o]=t}else this[o]=e?e(t):t,b(this,r);var c}})})),function(t){if(void 0===t&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==t&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=m(r);t[r]||(e.observedAttributes.push(n),t[r]=o)}return this[l]=w(t),"array"===this[l]?(this[o]=t,new Proxy(t,{get:(e,t)=>t===$?this[c]:(console.log("errr???"),Reflect.get(this[o],t)),set:(e,t,n)=>{if(t===$)return this[c]=n,!0;const s=Reflect.set(e,t,n);return"length"===t&&this[o].length===n||b(this,r),this[o]=n,s}})):(this[o]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[o])}}}function E(){return function(e,t){const n=t.name,r=n.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,n,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${r}]`))}})}))}}Symbol("hasProxy");const $=Symbol("meta");var x=function(e,t,n,r,o,s){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,h=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var f={};for(var m in r)f[m]="access"===m?{}:r[m];for(var m in r.access)f.access[m]=r.access[m];f.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");s.push(i(e||null))};var y=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(a=i(y.get))&&(h.get=a),(a=i(y.set))&&(h.set=a),(a=i(y.init))&&o.unshift(a)}else(a=i(y))&&("field"===l?o.unshift(a):h[c]=a)}u&&Object.defineProperty(u,r.name,h),d=!0},P=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};const O=new Set,k=new Map;const j=(()=>{let e,t,n=[v()],r=[],o=HTMLElement;(class extends o{static{t=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;x(null,e={value:t},n,{kind:"class",name:t.name,metadata:s},null,r),t=e.value,s&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),P(t,r)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),O.add(t),new Promise((e=>{k.set(t,e)}))}close(e){this.remove(),O.delete(this);const t=k.get(this);t&&t(e),k.delete(this)}});return t})();var C=n(97),A=function(e,t,n,r,o,s){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,h=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var f={};for(var m in r)f[m]="access"===m?{}:r[m];for(var m in r.access)f.access[m]=r.access[m];f.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");s.push(i(e||null))};var y=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(a=i(y.get))&&(h.get=a),(a=i(y.set))&&(h.set=a),(a=i(y.init))&&o.unshift(a)}else(a=i(y))&&("field"===l?o.unshift(a):h[c]=a)}u&&Object.defineProperty(u,r.name,h),d=!0},R=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};(()=>{let e,t,n,r,o,s,i,a,l=[v({selector:"pg-overlay-select-menu",template:'<div part="overlay"> <pg-menu part="menu"></pg-menu> </div>',style:C.A})],c=[],u=j,h=[],d=[],p=[],f=[],m=[],y=[],g=[],b=[],w=[],$=[],x=[],P=[];(class extends u{static{t=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;n=[E()],r=[E()],o=[S()],s=[S()],i=[S()],a=[S()],A(null,null,n,{kind:"field",name:"$overlay",static:!1,private:!1,access:{has:e=>"$overlay"in e,get:e=>e.$overlay,set:(e,t)=>{e.$overlay=t}},metadata:v},h,d),A(null,null,r,{kind:"field",name:"$menu",static:!1,private:!1,access:{has:e=>"$menu"in e,get:e=>e.$menu,set:(e,t)=>{e.$menu=t}},metadata:v},p,f),A(null,null,o,{kind:"field",name:"source",static:!1,private:!1,access:{has:e=>"source"in e,get:e=>e.source,set:(e,t)=>{e.source=t}},metadata:v},m,y),A(null,null,s,{kind:"field",name:"default",static:!1,private:!1,access:{has:e=>"default"in e,get:e=>e.default,set:(e,t)=>{e.default=t}},metadata:v},g,b),A(null,null,i,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:v},w,$),A(null,null,a,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:v},x,P),A(null,e={value:t},l,{kind:"class",name:t.name,metadata:v},null,c),t=e.value,v&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),R(t,c)}$overlay=R(this,h,void 0);$menu=(R(this,d),R(this,p,void 0));source=(R(this,f),R(this,m,null));default=(R(this,y),R(this,g,null));items=(R(this,b),R(this,w,[]));value=(R(this,$),R(this,x,null));render(e){e.items&&null!==this.value&&(this.items.forEach((e=>e.checked=!1)),this.items.find((e=>e.value===this.value.value)).checked=!0)}connectedCallback(){this.$menu.items=this.items,this.$menu.addEventListener("select",this.#e.bind(this)),this.$overlay.popover="auto",null!==this.source&&this.$overlay.showPopover({source:this.source}),this.$overlay.addEventListener("toggle",this.#t.bind(this));const e=this.source?.getBoundingClientRect();let t=0;const n=null===this.value||"object"!=typeof this.value?this.value:this.value.value,r=null===this.value?-1:this.items.findIndex((e=>e.value===n));if(-1!==r){const n=this.$menu.getItemHeight(r);t-=this.$menu.getItemOffset(0,r),e?.height!==n&&e?.height&&(t+=(e.height-n)/2)}else if(this.items.length>0){this.default&&(this.default.checked=!0,this.$menu.items.unshift(this.default));const n=this.$menu.getItemHeight(0);t-=this.$menu.getItemOffset(0,0),e?.height!==n&&e?.height&&(t+=(e.height-n)/2)}this.$overlay.style.setProperty("--pg-overlay-menu-_x","0px"),this.$overlay.style.setProperty("--pg-overlay-menu-_y",`${t}px`),this.$menu.focus(r)}#t(e){"closed"===e.newState&&(this.close(),this.source?.focus())}disconnectedCallback(){}#e(e){e.detail.item.index=e.detail.index,this.close(e.detail.item),this.source?.focus()}constructor(){super(...arguments),R(this,P)}})})()})();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var e={217:(e,t,n)=>{n.d(t,{A:()=>l});var r=n(601),o=n.n(r),s=n(314),i=n.n(s)()(o());i.push([e.id,':host {\n display: contents;\n}\n\n[part="overlay"] {\n margin: 0;\n padding: 0;\n border: 0;\n background: transparent;\n overflow: visible;\n --pg-menu-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.25);\n top: calc(anchor(top) - 0.25rem);\n left: calc(anchor(right) - 0.25rem);\n min-width: 10rem;\n translate: var(--pg-overlay-menu-_x, 0) var(--pg-overlay-menu-_y, 0);\n position-try-fallbacks: --custom-right, --custom-left;\n}\n\n@position-try --custom-right {\n top: calc(anchor(top) - 0.25rem);\n left: calc(anchor(right) - 0.25rem);\n}\n\n@position-try --custom-left {\n top: calc(anchor(top) - 0.25rem);\n left: calc(anchor(left) - anchor-size(width) + 0.25rem);\n}\n',""]);var a=new CSSStyleSheet;a.replaceSync(i.toString());const l=a},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,s){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var a=0;a<this.length;a++){var l=this[a][0];null!=l&&(i[l]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&i[u[0]]||(void 0!==s&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=s),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)),t.push(u))}},t}},601:e=>{e.exports=function(e){return e[1]}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var s=t[r]={id:r,exports:{}};return e[r](s,s.exports,n),s.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const r=Symbol("addObserver"),o=Symbol("removeObserver"),s=Symbol("getObservers"),i=Symbol("isProxy"),a=Symbol("getTarget"),l=["fill","pop","push","reverse","shift","sort","splice","unshift"],c=new Map;function u(e){return new Proxy(e,{get(t,n){if("symbol"==typeof n){switch(n){case i:return!0;case a:return t;case s:return c.has(e);case r:return(t,n)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(n):c.get(e).set(t,[n]):c.set(e,new Map([[t,[n]]]))};case o:return t=>{c.has(e)&&(c.get(e).delete(t),0===c.get(e).size&&c.delete(e))};case Symbol.toPrimitive:case Symbol.toStringTag:return Reflect.get(t,n)}throw new Error("Unsupported symbol")}if(n in t){if(!Number.isNaN(Number(n)))return"object"==typeof t[n]?u(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 u(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 h=Symbol("init"),d=Symbol("template"),p=Symbol("style"),m=Symbol("parent");function f(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function y(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function v(e={}){return function(t,n){if("class"!==n.kind)throw new Error("@Component() can only decorate a class");var r,o;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[m]||t.prototype[m][t.prototype[m].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[m]=[t.prototype],t.prototype[p]=e.style?[e.style]:[],t.prototype[d]=e.template||""):(t.prototype[m].push(t.prototype),t.prototype[p].push(e.style),t.prototype[d]=(r=t.prototype[d],(o=e.template||null)&&o.match(/<parent\/>/)?o.replace(/<parent\/>/,r):`${r}${o||""}`));const s=t.prototype.connectedCallback||(()=>{}),i=t.prototype.disconnectedCallback||(()=>{});t.prototype.connectedCallback=function(){if(this[h]||void 0!==e.template||void 0!==e.style)if(this[h]){if(this[h]&&e.style);else if(this[h]&&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[d]||"";const n=document.importNode(e.content,!0),r=this.attachShadow({mode:"open"});r.adoptedStyleSheets=t.prototype[p].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),r.appendChild(n)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const n=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&n.add(e.localName);const r=Array.from(n.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),o=()=>{this[m].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[y(t)]=!0,e)),{}):{})}))};0===r.length?(this[h]=!0,s.call(this),o()):Promise.all(r).then((()=>{this[h]=!0,s.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));o()}))},t.prototype.disconnectedCallback=function(){i.call(this)},t.prototype.attributeChangedCallback=function(e,t,n){this[y(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 g(e){return!!e&&e.constructor===Array}function b(e,t){e[h]&&e[m].map((n=>{n.render&&n.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":g(e)?"array":typeof e}function S(e){return function(t,n){const r=n.name,o=Symbol(r),l=Symbol(`${r}:type`),c=Symbol(`${r}:meta`);return n.addInitializer((function(){Reflect.defineProperty(this,r,{get:()=>"object"===this[l]||"array"===this[l]?this[o][i]?this[o]:u(this[o]):this[o],set:t=>{const n=w(e?e(t):t);if("index"!==r&&this[l]!==n&&"null"!==this[l]&&"null"!==n)throw new Error(`@Prop() ${r} with type '${this[l]}' cannot be set to ${n}.`);if("array"===this[l]){if(!g(t))throw new PropError(`Array "${r}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,r)?.set);if(this[o]===t)throw new Error("Setting an array to itself is not allowed.");const e=u(this[o]);if(e[s]){const n=t[i]?(c=t)[i]&&c[a]:t;e.splice(0,this[o].length,...n)}else this[o]=t}else this[o]=e?e(t):t,b(this,r);var c}})})),function(t){if(void 0===t&&"index"!==r)throw new Error(`@Prop() ${r} must have an initial value defined.`);if(void 0!==t&&"index"===r)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${r} boolean must initialize to false.`);if(!n.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,n=f(r);t[r]||(e.observedAttributes.push(n),t[r]=o)}return this[l]=w(t),"array"===this[l]?(this[o]=t,new Proxy(t,{get:(e,t)=>t===x?this[c]:(console.log("errr???"),Reflect.get(this[o],t)),set:(e,t,n)=>{if(t===x)return this[c]=n,!0;const s=Reflect.set(e,t,n);return"length"===t&&this[o].length===n||b(this,r),this[o]=n,s}})):(this[o]=e?e(this.getAttribute(r)??t):this.getAttribute(r)??t,this[o])}}}function E(){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 x=Symbol("meta");var $=function(e,t,n,r,o,s){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,h=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");s.push(i(e||null))};var y=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],m);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(a=i(y.get))&&(h.get=a),(a=i(y.set))&&(h.set=a),(a=i(y.init))&&o.unshift(a)}else(a=i(y))&&("field"===l?o.unshift(a):h[c]=a)}u&&Object.defineProperty(u,r.name,h),d=!0},P=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};const k=new Set,O=new Map;const C=(()=>{let e,t,n=[v()],r=[],o=HTMLElement;(class extends o{static{t=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;$(null,e={value:t},n,{kind:"class",name:t.name,metadata:s},null,r),t=e.value,s&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),P(t,r)}static open(e={}){var t=document.createElement(this.name);return Object.assign(t,e),document.body.appendChild(t),k.add(t),new Promise((e=>{O.set(t,e)}))}close(e){this.remove(),k.delete(this);const t=O.get(this);t&&t(e),O.delete(this)}});return t})();var j=n(217),A=function(e,t,n,r,o,s){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var a,l=r.kind,c="getter"===l?"get":"setter"===l?"set":"value",u=!t&&e?r.static?e:e.prototype:null,h=t||(u?Object.getOwnPropertyDescriptor(u,r.name):{}),d=!1,p=n.length-1;p>=0;p--){var m={};for(var f in r)m[f]="access"===f?{}:r[f];for(var f in r.access)m.access[f]=r.access[f];m.addInitializer=function(e){if(d)throw new TypeError("Cannot add initializers after decoration has completed");s.push(i(e||null))};var y=(0,n[p])("accessor"===l?{get:h.get,set:h.set}:h[c],m);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(a=i(y.get))&&(h.get=a),(a=i(y.set))&&(h.set=a),(a=i(y.init))&&o.unshift(a)}else(a=i(y))&&("field"===l?o.unshift(a):h[c]=a)}u&&Object.defineProperty(u,r.name,h),d=!0},R=function(e,t,n){for(var r=arguments.length>2,o=0;o<t.length;o++)n=r?t[o].call(e,n):t[o].call(e);return r?n:void 0};const z=[],T=[];(()=>{let e,t,n,r,o,s,i,a,l,c,u=[v({selector:"pg-overlay-sub-menu",template:'<div part="overlay"> <pg-menu part="menu"></pg-menu> </div>',style:j.A})],h=[],d=C,p=[],m=[],f=[],y=[],g=[],b=[],w=[],x=[],$=[],P=[],k=[],O=[],L=[],D=[],M=[],N=[];(class extends d{static{t=this}static{const v="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[E()],r=[E()],o=[S()],s=[S()],i=[S()],a=[S()],l=[S()],c=[S()],A(null,null,n,{kind:"field",name:"$overlay",static:!1,private:!1,access:{has:e=>"$overlay"in e,get:e=>e.$overlay,set:(e,t)=>{e.$overlay=t}},metadata:v},p,m),A(null,null,r,{kind:"field",name:"$menu",static:!1,private:!1,access:{has:e=>"$menu"in e,get:e=>e.$menu,set:(e,t)=>{e.$menu=t}},metadata:v},f,y),A(null,null,o,{kind:"field",name:"source",static:!1,private:!1,access:{has:e=>"source"in e,get:e=>e.source,set:(e,t)=>{e.source=t}},metadata:v},g,b),A(null,null,s,{kind:"field",name:"x",static:!1,private:!1,access:{has:e=>"x"in e,get:e=>e.x,set:(e,t)=>{e.x=t}},metadata:v},w,x),A(null,null,i,{kind:"field",name:"y",static:!1,private:!1,access:{has:e=>"y"in e,get:e=>e.y,set:(e,t)=>{e.y=t}},metadata:v},$,P),A(null,null,a,{kind:"field",name:"default",static:!1,private:!1,access:{has:e=>"default"in e,get:e=>e.default,set:(e,t)=>{e.default=t}},metadata:v},k,O),A(null,null,l,{kind:"field",name:"items",static:!1,private:!1,access:{has:e=>"items"in e,get:e=>e.items,set:(e,t)=>{e.items=t}},metadata:v},L,D),A(null,null,c,{kind:"field",name:"value",static:!1,private:!1,access:{has:e=>"value"in e,get:e=>e.value,set:(e,t)=>{e.value=t}},metadata:v},M,N),A(null,e={value:t},u,{kind:"class",name:t.name,metadata:v},null,h),t=e.value,v&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:v}),R(t,h)}$overlay=R(this,p,void 0);$menu=(R(this,m),R(this,f,void 0));source=(R(this,y),R(this,g,null));x=(R(this,b),R(this,w,0));y=(R(this,x),R(this,$,0));default=(R(this,P),R(this,k,null));items=(R(this,O),R(this,L,[]));value=(R(this,D),R(this,M,null));render(e){e.items&&(this.$menu.items=this.items)}connectedCallback(){z.pop()?.close(),z.push(this),T.push(this),this.$menu.addEventListener("select",this.#e.bind(this)),this.$menu.addEventListener("close",this.#t.bind(this)),this.$overlay.popover="auto",null!==this.source&&this.$overlay.showPopover({source:this.source}),this.$overlay.addEventListener("toggle",this.#n.bind(this));this.source?.getBoundingClientRect();this.$overlay.style.setProperty("--pg-overlay-menu-_x","0px"),this.$overlay.style.setProperty("--pg-overlay-menu-_y","0px"),this.$menu.focus(0),this.#r=this.#o.bind(this),document.addEventListener("pointerdown",this.#r)}#s=(R(this,N),!1);#r;#o(e){this.#s=e.composedPath().includes(this.source)}#n(e){"closed"===e.newState&&0===T.length&&this.#s&&(console.log(e),this.source?.focus())}disconnectedCallback(){T.pop(),document.removeEventListener("pointerdown",this.#r)}#t(e){const{depth:t}=e.detail;console.log("close",t),1===t?this.close(null):this.close()}#e(e){e.detail.item.index=e.detail.index,this.close(e.detail.item),this.source?.focus()}})})()})();
|
package/pgPicker.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(()=>{"use strict";var e={71:(e,t,r)=>{r.d(t,{A:()=>l});var o=r(601),n=r.n(o),a=r(314),i=r.n(a)()(n());i.push([e.id,"[part~=popover] {\n background: #FFF;\n padding: 0.5rem;\n border-radius: 0.5rem;\n box-shadow: 0 1px 14px rgba(0, 0, 0, 0.2);\n border: 4px solid #4F8FF9;\n}\n\n[part~=search] {\n border: 2px solid #453C4F;\n border-radius: 0.125rem;\n padding: 0.25rem 0.5rem;\n font-size: 1rem;\n width: 27.25rem;\n margin-bottom: 0.25rem;\n outline: none;\n}\n\n[part~=arrow],\n[part~=arrow]::before {\n position: absolute;\n width: 10px;\n height: 10px;\n}\n\n[part~=arrow]::before {\n content: '';\n transform: rotate(45deg);\n background: #FFF;\n}\n\n[part~=popover][data-popper-placement^='top'] > [part~=arrow] {\n bottom: -5px;\n}\n[part~=popover][data-popper-placement^='top'] > [part~=arrow]::before {\n border-bottom: 4px solid #4F8FF9;\n border-right: 4px solid #4F8FF9;\n border-bottom-right-radius: 0.25rem;\n}\n\n[part~=popover][data-popper-placement^='bottom'] > [part~=arrow] {\n top: -10px;\n}\n[part~=popover][data-popper-placement^='bottom'] > [part~=arrow]::before {\n border-top: 4px solid #4F8FF9;\n border-left: 4px solid #4F8FF9;\n border-top-left-radius: 0.25rem;\n}\n\n[part~=popover][data-popper-placement^='left'] > [part~=arrow] {\n right: -5px;\n}\n\n[part~=popover][data-popper-placement^='right'] > [part~=arrow] {\n left: -5px;\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 r="",o=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),o&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),o&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,o,n,a){"string"==typeof e&&(e=[[null,e,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<e.length;c++){var p=[].concat(e[c]);o&&i[p[0]]||(void 0!==a&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=a),r&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=r):p[2]=r),n&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=n):p[4]="".concat(n)),t.push(p))}},t}},601:e=>{e.exports=function(e){return e[1]}}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={id:o,exports:{}};return e[o](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const o=Symbol("addObserver"),n=Symbol("removeObserver"),a=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,r){if("symbol"==typeof r){switch(r){case i:return!0;case s:return t;case a:return c.has(e);case o:return(t,r)=>{c.has(e)?c.get(e).has(t)?c.get(e).get(t).push(r):c.get(e).set(t,[r]):c.set(e,new Map([[t,[r]]]))};case n: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,r)}throw new Error("Unsupported symbol")}if(r in t){if(!Number.isNaN(Number(r)))return"object"==typeof t[r]?p(t[r]):t[r];if("copyWithin"===r)throw new Error("Unsupported array method copyWithin");if(l.includes(r))return c.has(t)?function(){const e=Array.prototype[r].apply(t,arguments);return c.get(t).forEach(((e,o)=>{e.forEach((e=>{e(t,r,arguments)}))})),e}:Reflect.get(t,r);if(t[r]instanceof Array)return p(t[r])}return Reflect.get(t,r)},set(e,t,r){if("symbol"==typeof t)throw new Error("Setting symbols not allowed.");if(Array.isArray(e))return Reflect.set(e,t,r);if(c.has(e)){c.get(e).forEach(((e,o)=>{e.forEach((e=>{e(t,r)}))}))}return Reflect.set(e,t,r)}})}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"),f=Symbol("parent");function m(e){return e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}function y(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}function b(e={}){return function(t,r){if("class"!==r.kind)throw new Error("@Component() can only decorate a class");var o,n;Reflect.defineProperty(t,"name",{value:e.selector,writable:!1,configurable:!1}),!t.prototype[f]||t.prototype[f][t.prototype[f].length-1]instanceof Object.getPrototypeOf(t)?t.prototype instanceof HTMLElement&&(t.prototype[f]=[t.prototype],t.prototype[u]=e.style?[e.style]:[],t.prototype[h]=e.template||""):(t.prototype[f].push(t.prototype),t.prototype[u].push(e.style),t.prototype[h]=(o=t.prototype[h],(n=e.template||null)&&n.match(/<parent\/>/)?n.replace(/<parent\/>/,o):`${o}${n||""}`));const a=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 r=document.importNode(e.content,!0),o=this.attachShadow({mode:"open"});o.adoptedStyleSheets=t.prototype[u].map((e=>{if(e instanceof CSSStyleSheet)return e;var t=new CSSStyleSheet;return t.replaceSync(e.toString()),t})),o.appendChild(r)}}else!1===e.useShadow||this.attachShadow({mode:"open"});const r=new Set;for(const e of this.shadowRoot.querySelectorAll("*"))-1!==e.localName.indexOf("-")&&r.add(e.localName);const o=Array.from(r.values()).map((e=>customElements.get(e)?Promise.resolve():customElements.whenDefined(e))),n=()=>{this[f].map((e=>{e.render&&e.render.call(this,t.observedAttributes?t.observedAttributes.reduce(((e,t)=>(e[y(t)]=!0,e)),{}):{})}))};0===o.length?(this[d]=!0,a.call(this),n()):Promise.all(o).then((()=>{this[d]=!0,a.call(this);for(const e of this.shadowRoot.querySelectorAll("slot"))e.dispatchEvent(new CustomEvent("slotchange"));n()}))},t.prototype.disconnectedCallback=function(){i.call(this)},t.prototype.attributeChangedCallback=function(e,t,r){this[y(e)]=r},r.addInitializer((function(){if(e.selector){if(window.customElements.get(e.selector))throw new Error(`@Component() ${r.name} duplicate selector '${e.selector}'`);window.customElements.define(e.selector,t)}}))}}Symbol("transmute");function g(e){return!!e&&e.constructor===Array}function v(e,t){e[d]&&e[f].map((r=>{r.render&&r.render.call(e,{[t]:!0})}))}function w(e){return null===e?"null":g(e)?"array":typeof e}function S(e){return function(t,r){const o=r.name,n=Symbol(o),l=Symbol(`${o}:type`),c=Symbol(`${o}:meta`);return r.addInitializer((function(){Reflect.defineProperty(this,o,{get:()=>"object"===this[l]||"array"===this[l]?this[n][i]?this[n]:p(this[n]):this[n],set:t=>{const r=w(e?e(t):t);if("index"!==o&&this[l]!==r&&"null"!==this[l]&&"null"!==r)throw new Error(`@Prop() ${o} with type '${this[l]}' cannot be set to ${r}.`);if("array"===this[l]){if(!g(t))throw new PropError(`Array "${o}" (Prop) initialized already. Reassignments must be array type.`,Object.getOwnPropertyDescriptor(this,o)?.set);if(this[n]===t)throw new Error("Setting an array to itself is not allowed.");const e=p(this[n]);if(e[a]){const r=t[i]?(c=t)[i]&&c[s]:t;e.splice(0,this[n].length,...r)}else this[n]=t}else this[n]=e?e(t):t,v(this,o);var c}})})),function(t){if(void 0===t&&"index"!==o)throw new Error(`@Prop() ${o} must have an initial value defined.`);if(void 0!==t&&"index"===o)throw new Error("@Prop() index must not have an initial value defined.");if(!0===t)throw new Error(`@Prop() ${o} boolean must initialize to false.`);if(!r.private){const{constructor:e}=this;e.observedAttributes??=[],e.symbols||(e.symbols={});const{symbols:t}=e,r=m(o);t[o]||(e.observedAttributes.push(r),t[o]=n)}return this[l]=w(t),"array"===this[l]?(this[n]=t,new Proxy(t,{get:(e,t)=>t===$?this[c]:(console.log("errr???"),Reflect.get(this[n],t)),set:(e,t,r)=>{if(t===$)return this[c]=r,!0;const a=Reflect.set(e,t,r);return"length"===t&&this[n].length===r||v(this,o),this[n]=r,a}})):(this[n]=e?e(this.getAttribute(o)??t):this.getAttribute(o)??t,this[n])}}}function x(){return function(e,t){const r=t.name,o=r.replace(/^\$/,"");t.addInitializer((function(){let e=null;Reflect.defineProperty(this,r,{get(){return e??(e=this.shadowRoot?.querySelector(`[part~=${o}]`))}})}))}}Symbol("hasProxy");const $=Symbol("meta");var E=r(71),P=function(e,t,r,o,n,a){function i(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,l=o.kind,c="getter"===l?"get":"setter"===l?"set":"value",p=!t&&e?o.static?e:e.prototype:null,d=t||(p?Object.getOwnPropertyDescriptor(p,o.name):{}),h=!1,u=r.length-1;u>=0;u--){var f={};for(var m in o)f[m]="access"===m?{}:o[m];for(var m in o.access)f.access[m]=o.access[m];f.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");a.push(i(e||null))};var y=(0,r[u])("accessor"===l?{get:d.get,set:d.set}:d[c],f);if("accessor"===l){if(void 0===y)continue;if(null===y||"object"!=typeof y)throw new TypeError("Object expected");(s=i(y.get))&&(d.get=s),(s=i(y.set))&&(d.set=s),(s=i(y.init))&&n.unshift(s)}else(s=i(y))&&("field"===l?n.unshift(s):d[c]=s)}p&&Object.defineProperty(p,o.name,d),h=!0},F=function(e,t,r){for(var o=arguments.length>2,n=0;n<t.length;n++)r=o?t[n].call(e,r):t[n].call(e);return o?r:void 0};window.process={env:{}};(()=>{let e,t,r,o,n,a,i,s=[b({selector:"pg-picker",style:E.A,template:'<parent/> <div part="popover"> <div part="arrow"></div> <input part="search" type="text"/> <div part="scroll"> <pg-grid part="grid" height="12rem"></pg-grid> </div> </div>'})],l=[],c=HTMLElement,p=[],d=[],h=[],u=[],f=[],m=[],y=[],g=[],v=[],w=[];(class extends c{static{t=this}static{const b="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;r=[S()],o=[x()],n=[x()],a=[x()],i=[x()],P(null,null,r,{kind:"field",name:"icons",static:!1,private:!1,access:{has:e=>"icons"in e,get:e=>e.icons,set:(e,t)=>{e.icons=t}},metadata:b},p,d),P(null,null,o,{kind:"field",name:"$popover",static:!1,private:!1,access:{has:e=>"$popover"in e,get:e=>e.$popover,set:(e,t)=>{e.$popover=t}},metadata:b},h,u),P(null,null,n,{kind:"field",name:"$arrow",static:!1,private:!1,access:{has:e=>"$arrow"in e,get:e=>e.$arrow,set:(e,t)=>{e.$arrow=t}},metadata:b},f,m),P(null,null,a,{kind:"field",name:"$search",static:!1,private:!1,access:{has:e=>"$search"in e,get:e=>e.$search,set:(e,t)=>{e.$search=t}},metadata:b},y,g),P(null,null,i,{kind:"field",name:"$grid",static:!1,private:!1,access:{has:e=>"$grid"in e,get:e=>e.$grid,set:(e,t)=>{e.$grid=t}},metadata:b},v,w),P(null,e={value:t},s,{kind:"class",name:t.name,metadata:b},null,l),t=e.value,b&&Object.defineProperty(t,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:b}),F(t,l)}icons=F(this,p,[]);$popover=(F(this,d),F(this,h,void 0));$arrow=(F(this,u),F(this,f,void 0));$search=(F(this,m),F(this,y,void 0));$grid=(F(this,g),F(this,v,void 0));isVisible=(F(this,w),!1);connectedCallback(){}search="";render(){this.$grid.icons=this.icons.filter((e=>-1!==e.name.indexOf(this.search)))}})})()})();
|