@kritzel/editor 0.4.31
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/LICENSE.md +50 -0
- package/README.md +5 -0
- package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
- package/dist/cjs/index-B92VHWr4.js +1834 -0
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/kritzel-active-users_46.cjs.entry.js +75271 -0
- package/dist/cjs/kritzel-brush-style.cjs.entry.js +31 -0
- package/dist/cjs/kritzel-editor.cjs.js +25 -0
- package/dist/cjs/loader.cjs.js +13 -0
- package/dist/collection/collection-manifest.json +65 -0
- package/dist/collection/components/kritzel-active-users/kritzel-active-users.css +65 -0
- package/dist/collection/components/kritzel-active-users/kritzel-active-users.js +134 -0
- package/dist/collection/components/kritzel-avatar/kritzel-avatar.css +58 -0
- package/dist/collection/components/kritzel-avatar/kritzel-avatar.js +207 -0
- package/dist/collection/components/kritzel-back-to-content/kritzel-back-to-content.css +42 -0
- package/dist/collection/components/kritzel-back-to-content/kritzel-back-to-content.js +95 -0
- package/dist/collection/components/kritzel-brush-style/kritzel-brush-style.css +43 -0
- package/dist/collection/components/kritzel-brush-style/kritzel-brush-style.js +97 -0
- package/dist/collection/components/kritzel-button/kritzel-button.css +73 -0
- package/dist/collection/components/kritzel-button/kritzel-button.js +118 -0
- package/dist/collection/components/kritzel-color/kritzel-color.css +25 -0
- package/dist/collection/components/kritzel-color/kritzel-color.js +149 -0
- package/dist/collection/components/kritzel-color-palette/kritzel-color-palette.css +46 -0
- package/dist/collection/components/kritzel-color-palette/kritzel-color-palette.js +225 -0
- package/dist/collection/components/kritzel-context-menu/kritzel-context-menu.css +112 -0
- package/dist/collection/components/kritzel-context-menu/kritzel-context-menu.js +368 -0
- package/dist/collection/components/kritzel-current-user/kritzel-current-user.css +11 -0
- package/dist/collection/components/kritzel-current-user/kritzel-current-user.js +109 -0
- package/dist/collection/components/kritzel-current-user-dialog/kritzel-current-user-dialog.css +39 -0
- package/dist/collection/components/kritzel-current-user-dialog/kritzel-current-user-dialog.js +169 -0
- package/dist/collection/components/kritzel-dialog/kritzel-dialog.css +209 -0
- package/dist/collection/components/kritzel-dialog/kritzel-dialog.js +787 -0
- package/dist/collection/components/kritzel-dropdown/kritzel-dropdown.css +190 -0
- package/dist/collection/components/kritzel-dropdown/kritzel-dropdown.js +418 -0
- package/dist/collection/components/kritzel-editor/kritzel-editor.css +161 -0
- package/dist/collection/components/kritzel-editor/kritzel-editor.js +4678 -0
- package/dist/collection/components/kritzel-export/kritzel-export.css +89 -0
- package/dist/collection/components/kritzel-export/kritzel-export.js +246 -0
- package/dist/collection/components/kritzel-font/kritzel-font.css +10 -0
- package/dist/collection/components/kritzel-font/kritzel-font.js +89 -0
- package/dist/collection/components/kritzel-font-family/kritzel-font-family.css +48 -0
- package/dist/collection/components/kritzel-font-family/kritzel-font-family.js +122 -0
- package/dist/collection/components/kritzel-font-size/kritzel-font-size.css +30 -0
- package/dist/collection/components/kritzel-font-size/kritzel-font-size.js +117 -0
- package/dist/collection/components/kritzel-input/kritzel-input.css +69 -0
- package/dist/collection/components/kritzel-input/kritzel-input.js +198 -0
- package/dist/collection/components/kritzel-line-endings/kritzel-line-endings.css +60 -0
- package/dist/collection/components/kritzel-line-endings/kritzel-line-endings.js +165 -0
- package/dist/collection/components/kritzel-loading-overlay/kritzel-loading-overlay.css +54 -0
- package/dist/collection/components/kritzel-loading-overlay/kritzel-loading-overlay.js +70 -0
- package/dist/collection/components/kritzel-login-dialog/kritzel-login-dialog.css +98 -0
- package/dist/collection/components/kritzel-login-dialog/kritzel-login-dialog.js +239 -0
- package/dist/collection/components/kritzel-master-detail/kritzel-master-detail.css +190 -0
- package/dist/collection/components/kritzel-master-detail/kritzel-master-detail.js +201 -0
- package/dist/collection/components/kritzel-menu/kritzel-menu.css +34 -0
- package/dist/collection/components/kritzel-menu/kritzel-menu.js +297 -0
- package/dist/collection/components/kritzel-menu-item/kritzel-menu-item.css +167 -0
- package/dist/collection/components/kritzel-menu-item/kritzel-menu-item.js +298 -0
- package/dist/collection/components/kritzel-more-menu/kritzel-more-menu.css +58 -0
- package/dist/collection/components/kritzel-more-menu/kritzel-more-menu.js +381 -0
- package/dist/collection/components/kritzel-notification-card/kritzel-notification-card.css +101 -0
- package/dist/collection/components/kritzel-notification-card/kritzel-notification-card.js +173 -0
- package/dist/collection/components/kritzel-numeric-input/kritzel-numeric-input.css +102 -0
- package/dist/collection/components/kritzel-numeric-input/kritzel-numeric-input.js +255 -0
- package/dist/collection/components/kritzel-opacity-slider/kritzel-opacity-slider.css +85 -0
- package/dist/collection/components/kritzel-opacity-slider/kritzel-opacity-slider.js +164 -0
- package/dist/collection/components/kritzel-pill-tabs/kritzel-pill-tabs.css +68 -0
- package/dist/collection/components/kritzel-pill-tabs/kritzel-pill-tabs.js +135 -0
- package/dist/collection/components/kritzel-portal/kritzel-portal.js +432 -0
- package/dist/collection/components/kritzel-settings/kritzel-settings.css +137 -0
- package/dist/collection/components/kritzel-settings/kritzel-settings.js +448 -0
- package/dist/collection/components/kritzel-shape-fill/kritzel-shape-fill.css +47 -0
- package/dist/collection/components/kritzel-shape-fill/kritzel-shape-fill.js +93 -0
- package/dist/collection/components/kritzel-share-dialog/kritzel-share-dialog.css +150 -0
- package/dist/collection/components/kritzel-share-dialog/kritzel-share-dialog.js +308 -0
- package/dist/collection/components/kritzel-slide-toggle/kritzel-slide-toggle.css +48 -0
- package/dist/collection/components/kritzel-slide-toggle/kritzel-slide-toggle.js +119 -0
- package/dist/collection/components/kritzel-split-button/kritzel-split-button.css +78 -0
- package/dist/collection/components/kritzel-split-button/kritzel-split-button.js +433 -0
- package/dist/collection/components/kritzel-stroke-size/kritzel-stroke-size.css +37 -0
- package/dist/collection/components/kritzel-stroke-size/kritzel-stroke-size.js +89 -0
- package/dist/collection/components/kritzel-tool-config/kritzel-tool-config.css +38 -0
- package/dist/collection/components/kritzel-tool-config/kritzel-tool-config.js +467 -0
- package/dist/collection/components/kritzel-toolbar/kritzel-toolbar.css +348 -0
- package/dist/collection/components/kritzel-toolbar/kritzel-toolbar.js +588 -0
- package/dist/collection/components/kritzel-tooltip/kritzel-tooltip.css +18 -0
- package/dist/collection/components/kritzel-tooltip/kritzel-tooltip.js +388 -0
- package/dist/collection/components/kritzel-utility-panel/kritzel-utility-panel.css +46 -0
- package/dist/collection/components/kritzel-utility-panel/kritzel-utility-panel.js +146 -0
- package/dist/collection/components/kritzel-workspace-manager/kritzel-workspace-manager.css +16 -0
- package/dist/collection/components/kritzel-workspace-manager/kritzel-workspace-manager.js +365 -0
- package/dist/collection/components/kritzel-zoom-panel/kritzel-zoom-panel.css +72 -0
- package/dist/collection/components/kritzel-zoom-panel/kritzel-zoom-panel.js +173 -0
- package/dist/collection/index.js +1 -0
- package/dist/components/index.d.ts +121 -0
- package/dist/components/index.js +48 -0
- package/dist/components/kritzel-active-users.d.ts +11 -0
- package/dist/components/kritzel-active-users.js +6 -0
- package/dist/components/kritzel-avatar.d.ts +11 -0
- package/dist/components/kritzel-avatar.js +6 -0
- package/dist/components/kritzel-awareness-cursors.js +6 -0
- package/dist/components/kritzel-back-to-content.d.ts +11 -0
- package/dist/components/kritzel-back-to-content.js +6 -0
- package/dist/components/kritzel-brush-style.d.ts +11 -0
- package/dist/components/kritzel-brush-style.js +64 -0
- package/dist/components/kritzel-button.d.ts +11 -0
- package/dist/components/kritzel-button.js +6 -0
- package/dist/components/kritzel-color-palette.d.ts +11 -0
- package/dist/components/kritzel-color-palette.js +6 -0
- package/dist/components/kritzel-color.d.ts +11 -0
- package/dist/components/kritzel-color.js +6 -0
- package/dist/components/kritzel-context-menu.d.ts +11 -0
- package/dist/components/kritzel-context-menu.js +6 -0
- package/dist/components/kritzel-current-user-dialog.d.ts +11 -0
- package/dist/components/kritzel-current-user-dialog.js +6 -0
- package/dist/components/kritzel-current-user.d.ts +11 -0
- package/dist/components/kritzel-current-user.js +6 -0
- package/dist/components/kritzel-cursor-trail.js +6 -0
- package/dist/components/kritzel-dialog.d.ts +11 -0
- package/dist/components/kritzel-dialog.js +6 -0
- package/dist/components/kritzel-dropdown.d.ts +11 -0
- package/dist/components/kritzel-dropdown.js +6 -0
- package/dist/components/kritzel-editor.d.ts +11 -0
- package/dist/components/kritzel-editor.js +1792 -0
- package/dist/components/kritzel-engine.js +6 -0
- package/dist/components/kritzel-export.d.ts +11 -0
- package/dist/components/kritzel-export.js +6 -0
- package/dist/components/kritzel-font-family.d.ts +11 -0
- package/dist/components/kritzel-font-family.js +6 -0
- package/dist/components/kritzel-font-size.d.ts +11 -0
- package/dist/components/kritzel-font-size.js +6 -0
- package/dist/components/kritzel-font.d.ts +11 -0
- package/dist/components/kritzel-font.js +6 -0
- package/dist/components/kritzel-icon.js +6 -0
- package/dist/components/kritzel-input.d.ts +11 -0
- package/dist/components/kritzel-input.js +6 -0
- package/dist/components/kritzel-line-endings.d.ts +11 -0
- package/dist/components/kritzel-line-endings.js +6 -0
- package/dist/components/kritzel-loading-overlay.d.ts +11 -0
- package/dist/components/kritzel-loading-overlay.js +6 -0
- package/dist/components/kritzel-login-dialog.d.ts +11 -0
- package/dist/components/kritzel-login-dialog.js +6 -0
- package/dist/components/kritzel-master-detail.d.ts +11 -0
- package/dist/components/kritzel-master-detail.js +6 -0
- package/dist/components/kritzel-menu-item.d.ts +11 -0
- package/dist/components/kritzel-menu-item.js +6 -0
- package/dist/components/kritzel-menu.d.ts +11 -0
- package/dist/components/kritzel-menu.js +6 -0
- package/dist/components/kritzel-more-menu.d.ts +11 -0
- package/dist/components/kritzel-more-menu.js +6 -0
- package/dist/components/kritzel-notification-card.d.ts +11 -0
- package/dist/components/kritzel-notification-card.js +6 -0
- package/dist/components/kritzel-numeric-input.d.ts +11 -0
- package/dist/components/kritzel-numeric-input.js +6 -0
- package/dist/components/kritzel-opacity-slider.d.ts +11 -0
- package/dist/components/kritzel-opacity-slider.js +6 -0
- package/dist/components/kritzel-pill-tabs.d.ts +11 -0
- package/dist/components/kritzel-pill-tabs.js +6 -0
- package/dist/components/kritzel-portal.d.ts +11 -0
- package/dist/components/kritzel-portal.js +6 -0
- package/dist/components/kritzel-settings.d.ts +11 -0
- package/dist/components/kritzel-settings.js +6 -0
- package/dist/components/kritzel-shape-fill.d.ts +11 -0
- package/dist/components/kritzel-shape-fill.js +6 -0
- package/dist/components/kritzel-share-dialog.d.ts +11 -0
- package/dist/components/kritzel-share-dialog.js +6 -0
- package/dist/components/kritzel-slide-toggle.d.ts +11 -0
- package/dist/components/kritzel-slide-toggle.js +6 -0
- package/dist/components/kritzel-split-button.d.ts +11 -0
- package/dist/components/kritzel-split-button.js +6 -0
- package/dist/components/kritzel-stroke-size.d.ts +11 -0
- package/dist/components/kritzel-stroke-size.js +6 -0
- package/dist/components/kritzel-tool-config.d.ts +11 -0
- package/dist/components/kritzel-tool-config.js +6 -0
- package/dist/components/kritzel-toolbar.d.ts +11 -0
- package/dist/components/kritzel-toolbar.js +6 -0
- package/dist/components/kritzel-tooltip.d.ts +11 -0
- package/dist/components/kritzel-tooltip.js +6 -0
- package/dist/components/kritzel-utility-panel.d.ts +11 -0
- package/dist/components/kritzel-utility-panel.js +6 -0
- package/dist/components/kritzel-watermark.js +6 -0
- package/dist/components/kritzel-workspace-manager.d.ts +11 -0
- package/dist/components/kritzel-workspace-manager.js +6 -0
- package/dist/components/kritzel-zoom-panel.d.ts +11 -0
- package/dist/components/kritzel-zoom-panel.js +6 -0
- package/dist/components/p-4-qLegHb.js +142 -0
- package/dist/components/p-5qkOM1RJ.js +1557 -0
- package/dist/components/p-B3Tqoyl9.js +43 -0
- package/dist/components/p-B5xYV1o3.js +77 -0
- package/dist/components/p-B6UJztrf.js +290 -0
- package/dist/components/p-BDjRSoAc.js +43 -0
- package/dist/components/p-BFTU3MAI.js +7 -0
- package/dist/components/p-BGmTmdLe.js +167 -0
- package/dist/components/p-BN8VWPlq.js +164 -0
- package/dist/components/p-BZ_KnHdR.js +222 -0
- package/dist/components/p-B_gT0lCn.js +94 -0
- package/dist/components/p-BfMlwIcG.js +62 -0
- package/dist/components/p-BjFrt1q0.js +62 -0
- package/dist/components/p-Blq9a1ni.js +3267 -0
- package/dist/components/p-BrGJIoGK.js +52 -0
- package/dist/components/p-BvG3JO85.js +56 -0
- package/dist/components/p-CS3YZVYE.js +319 -0
- package/dist/components/p-CVxGF4bJ.js +150 -0
- package/dist/components/p-Ckqh1tqY.js +468 -0
- package/dist/components/p-ClfOtiNp.js +84 -0
- package/dist/components/p-CmjXRLdr.js +220 -0
- package/dist/components/p-CoNexfpB.js +106 -0
- package/dist/components/p-Cp4e4oTE.js +122 -0
- package/dist/components/p-CrIEmItB.js +85 -0
- package/dist/components/p-CvaxFYS0.js +304 -0
- package/dist/components/p-CwBxnzYu.js +57 -0
- package/dist/components/p-Cy_cLtOP.js +3456 -0
- package/dist/components/p-CzUeIini.js +381 -0
- package/dist/components/p-D0tPTPkR.js +99 -0
- package/dist/components/p-DJxgPPfs.js +194 -0
- package/dist/components/p-DOJCDPVD.js +55 -0
- package/dist/components/p-DVv8ChhE.js +91 -0
- package/dist/components/p-DXZBWJBt.js +70 -0
- package/dist/components/p-DXuf225S.js +53 -0
- package/dist/components/p-DZsSiMnA.js +63037 -0
- package/dist/components/p-DqOC_Yck.js +112 -0
- package/dist/components/p-Ds0uNtwQ.js +97 -0
- package/dist/components/p-DyRJFg4w.js +57 -0
- package/dist/components/p-GbCxpbQ6.js +88 -0
- package/dist/components/p-McY5wZ0h.js +135 -0
- package/dist/components/p-QEue33R5.js +70 -0
- package/dist/components/p-R1D8Sr0l.js +299 -0
- package/dist/components/p-SLnqczCS.js +49 -0
- package/dist/components/p-hQwVRh0t.js +147 -0
- package/dist/components/p-h_uh_Njf.js +63 -0
- package/dist/components/p-kOINnzaR.js +161 -0
- package/dist/components/p-peZjvnkK.js +486 -0
- package/dist/esm/app-globals-DQuL1Twl.js +3 -0
- package/dist/esm/index-OjbYJz-P.js +1807 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/kritzel-active-users_46.entry.js +75224 -0
- package/dist/esm/kritzel-brush-style.entry.js +29 -0
- package/dist/esm/kritzel-editor.js +21 -0
- package/dist/esm/loader.js +11 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/kritzel-editor/index.esm.js +1 -0
- package/dist/kritzel-editor/kritzel-editor.esm.js +21 -0
- package/dist/kritzel-editor/p-501047d8.entry.js +29 -0
- package/dist/kritzel-editor/p-60319edb.entry.js +75224 -0
- package/dist/kritzel-editor/p-DQuL1Twl.js +3 -0
- package/dist/kritzel-editor/p-OjbYJz-P.js +1790 -0
- package/dist/types/components/kritzel-active-users/kritzel-active-users.d.ts +21 -0
- package/dist/types/components/kritzel-avatar/kritzel-avatar.d.ts +27 -0
- package/dist/types/components/kritzel-back-to-content/kritzel-back-to-content.d.ts +17 -0
- package/dist/types/components/kritzel-brush-style/kritzel-brush-style.d.ts +11 -0
- package/dist/types/components/kritzel-button/kritzel-button.d.ts +13 -0
- package/dist/types/components/kritzel-color/kritzel-color.d.ts +10 -0
- package/dist/types/components/kritzel-color-palette/kritzel-color-palette.d.ts +17 -0
- package/dist/types/components/kritzel-context-menu/kritzel-context-menu.d.ts +40 -0
- package/dist/types/components/kritzel-current-user/kritzel-current-user.d.ts +15 -0
- package/dist/types/components/kritzel-current-user-dialog/kritzel-current-user-dialog.d.ts +18 -0
- package/dist/types/components/kritzel-dialog/kritzel-dialog.d.ts +85 -0
- package/dist/types/components/kritzel-dropdown/kritzel-dropdown.d.ts +48 -0
- package/dist/types/components/kritzel-editor/kritzel-editor.d.ts +356 -0
- package/dist/types/components/kritzel-export/kritzel-export.d.ts +35 -0
- package/dist/types/components/kritzel-font/kritzel-font.d.ts +6 -0
- package/dist/types/components/kritzel-font-family/kritzel-font-family.d.ts +17 -0
- package/dist/types/components/kritzel-font-size/kritzel-font-size.d.ts +10 -0
- package/dist/types/components/kritzel-input/kritzel-input.d.ts +22 -0
- package/dist/types/components/kritzel-line-endings/kritzel-line-endings.d.ts +21 -0
- package/dist/types/components/kritzel-loading-overlay/kritzel-loading-overlay.d.ts +11 -0
- package/dist/types/components/kritzel-login-dialog/kritzel-login-dialog.d.ts +32 -0
- package/dist/types/components/kritzel-master-detail/kritzel-master-detail.d.ts +25 -0
- package/dist/types/components/kritzel-menu/kritzel-menu.d.ts +25 -0
- package/dist/types/components/kritzel-menu-item/kritzel-menu-item.d.ts +28 -0
- package/dist/types/components/kritzel-more-menu/kritzel-more-menu.d.ts +55 -0
- package/dist/types/components/kritzel-notification-card/kritzel-notification-card.d.ts +22 -0
- package/dist/types/components/kritzel-numeric-input/kritzel-numeric-input.d.ts +32 -0
- package/dist/types/components/kritzel-opacity-slider/kritzel-opacity-slider.d.ts +17 -0
- package/dist/types/components/kritzel-pill-tabs/kritzel-pill-tabs.d.ts +26 -0
- package/dist/types/components/kritzel-portal/kritzel-portal.d.ts +33 -0
- package/dist/types/components/kritzel-settings/kritzel-settings.d.ts +64 -0
- package/dist/types/components/kritzel-shape-fill/kritzel-shape-fill.d.ts +10 -0
- package/dist/types/components/kritzel-share-dialog/kritzel-share-dialog.d.ts +49 -0
- package/dist/types/components/kritzel-slide-toggle/kritzel-slide-toggle.d.ts +14 -0
- package/dist/types/components/kritzel-split-button/kritzel-split-button.d.ts +38 -0
- package/dist/types/components/kritzel-stroke-size/kritzel-stroke-size.d.ts +8 -0
- package/dist/types/components/kritzel-tool-config/kritzel-tool-config.d.ts +39 -0
- package/dist/types/components/kritzel-toolbar/kritzel-toolbar.d.ts +76 -0
- package/dist/types/components/kritzel-tooltip/kritzel-tooltip.d.ts +30 -0
- package/dist/types/components/kritzel-utility-panel/kritzel-utility-panel.d.ts +14 -0
- package/dist/types/components/kritzel-workspace-manager/kritzel-workspace-manager.d.ts +40 -0
- package/dist/types/components/kritzel-zoom-panel/kritzel-zoom-panel.d.ts +20 -0
- package/dist/types/components.d.ts +3166 -0
- package/dist/types/index.d.ts +8 -0
- package/dist/types/stencil-public-runtime.d.ts +1873 -0
- package/loader/cdn.js +1 -0
- package/loader/index.cjs.js +1 -0
- package/loader/index.d.ts +24 -0
- package/loader/index.es2017.js +1 -0
- package/loader/index.js +2 -0
- package/package.json +83 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h, d as Host, t as transformTag } from './p-5qkOM1RJ.js';
|
|
2
|
+
|
|
3
|
+
const kritzelLoadingOverlayCss = () => `:host{position:absolute;inset:0;z-index:var(--kritzel-editor-loading-overlay-z-index, 1);display:block;pointer-events:none}.loading-overlay{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--kritzel-editor-loading-overlay-background, rgba(255, 255, 255, 0.6));color:var(--kritzel-editor-loading-overlay-color, #333);font-family:var(--kritzel-font-family, sans-serif);font-size:1.25rem;opacity:0;pointer-events:none;visibility:hidden;transition:opacity 300ms ease, visibility 0s linear 300ms}.loading-overlay.visible{opacity:1;pointer-events:all;visibility:visible;transition:opacity 300ms ease, visibility 0s linear 0s}.loading-spinner{width:20px;height:20px;box-sizing:border-box;display:block;flex-shrink:0;border:2px solid var(--kritzel-editor-loading-overlay-spinner-color, #cccccc);border-top-color:var(--kritzel-editor-loading-overlay-spinner-active-color, #333333);border-radius:50%;animation:kritzel-loading-spin 0.6s linear infinite}@keyframes kritzel-loading-spin{to{transform:rotate(360deg)}}`;
|
|
4
|
+
|
|
5
|
+
const KritzelLoadingOverlay = /*@__PURE__*/ proxyCustomElement(class KritzelLoadingOverlay extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Whether the overlay is visible
|
|
15
|
+
*/
|
|
16
|
+
visible = false;
|
|
17
|
+
/**
|
|
18
|
+
* The text to display next to the spinner
|
|
19
|
+
*/
|
|
20
|
+
text = 'Loading...';
|
|
21
|
+
render() {
|
|
22
|
+
return (h(Host, { key: '9db6a5b128b4ba9e4e196e0bf9fff6b7853ef7c9' }, h("div", { key: 'e113ed032c0c7349b6e452d5c12d9ffb42d2dbb7', class: { 'loading-overlay': true, visible: this.visible }, "aria-hidden": this.visible ? 'false' : 'true' }, h("span", { key: '55a601348ab9269125cb2043fb6e568ce8fe6b44', class: "loading-spinner" }), this.text)));
|
|
23
|
+
}
|
|
24
|
+
static get style() { return kritzelLoadingOverlayCss(); }
|
|
25
|
+
}, [513, "kritzel-loading-overlay", {
|
|
26
|
+
"visible": [4],
|
|
27
|
+
"text": [1]
|
|
28
|
+
}]);
|
|
29
|
+
function defineCustomElement() {
|
|
30
|
+
if (typeof customElements === "undefined") {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const components = ["kritzel-loading-overlay"];
|
|
34
|
+
components.forEach(tagName => { switch (tagName) {
|
|
35
|
+
case "kritzel-loading-overlay":
|
|
36
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
37
|
+
customElements.define(transformTag(tagName), KritzelLoadingOverlay);
|
|
38
|
+
}
|
|
39
|
+
break;
|
|
40
|
+
} });
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
export { KritzelLoadingOverlay as K, defineCustomElement as d };
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, c as createEvent, h, d as Host, t as transformTag } from './p-5qkOM1RJ.js';
|
|
2
|
+
|
|
3
|
+
const kritzelInputCss = () => `:host{display:block}.input-container{display:flex;flex-direction:column;gap:6px}.input-label{font-size:14px;font-weight:500;color:var(--kritzel-text-input-label-color, #333333)}.input-wrapper{display:flex;align-items:center;border:1px solid var(--kritzel-text-input-border-color, #ebebeb);border-radius:var(--kritzel-text-input-border-radius, 6px);overflow:hidden;background:var(--kritzel-text-input-background, #ffffff);transition:border-color 150ms ease}.input-wrapper:hover:not(:focus-within){border-color:var(--kritzel-text-input-hover-border-color, #cccccc)}.input-wrapper:focus-within{border-color:var(--kritzel-text-input-focus-border-color, #007AFF);border-width:2px}.text-input{flex:1;padding:10px 12px;border:none;outline:none;font-size:14px;font-family:inherit;background:transparent;color:var(--kritzel-text-input-text-color, #333333);box-sizing:border-box}.text-input::placeholder{color:var(--kritzel-text-input-placeholder-color, #999999)}.text-input::selection{background-color:var(--kritzel-text-input-selection-background, #007AFF);color:var(--kritzel-text-input-selection-color, #ffffff)}.text-input:disabled{cursor:not-allowed;opacity:0.6}.input-suffix{padding:10px 12px;background:var(--kritzel-text-input-suffix-background, #f5f5f5);color:var(--kritzel-text-input-suffix-color, #666666);font-size:14px;border-left:1px solid var(--kritzel-text-input-border-color, #ebebeb);flex-shrink:0}`;
|
|
4
|
+
|
|
5
|
+
const KritzelInput = /*@__PURE__*/ proxyCustomElement(class KritzelInput extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
this.valueChange = createEvent(this, "valueChange");
|
|
13
|
+
}
|
|
14
|
+
/** Current text value */
|
|
15
|
+
value = '';
|
|
16
|
+
/** Label text displayed above the input */
|
|
17
|
+
label = '';
|
|
18
|
+
/** Placeholder text shown when input is empty */
|
|
19
|
+
placeholder = '';
|
|
20
|
+
/** Suffix text displayed after the input (e.g., file extension) */
|
|
21
|
+
suffix = '';
|
|
22
|
+
/** Input type */
|
|
23
|
+
type = 'text';
|
|
24
|
+
/** Whether the input is disabled */
|
|
25
|
+
disabled = false;
|
|
26
|
+
/** Emitted when the value changes */
|
|
27
|
+
valueChange;
|
|
28
|
+
inputValue = '';
|
|
29
|
+
onValueChange(newValue) {
|
|
30
|
+
this.inputValue = newValue ?? '';
|
|
31
|
+
}
|
|
32
|
+
componentWillLoad() {
|
|
33
|
+
this.inputValue = this.value ?? '';
|
|
34
|
+
}
|
|
35
|
+
handleInput = (event) => {
|
|
36
|
+
const input = event.target;
|
|
37
|
+
this.inputValue = input.value;
|
|
38
|
+
this.value = input.value;
|
|
39
|
+
this.valueChange.emit(input.value);
|
|
40
|
+
};
|
|
41
|
+
render() {
|
|
42
|
+
return (h(Host, { key: '27ea9df44ddfe332bfda4f8b70308ffbfbf3e63c' }, h("div", { key: '8970766380273b32d0c8ffc32310e95d34b5ed35', class: "input-container" }, this.label && h("label", { key: '7b05115cd7eac552d8b420a10c0039b48b100f55', class: "input-label" }, this.label), h("div", { key: '5c764a97dada35dd74cce61a43dd39edcca07c5d', class: { 'input-wrapper': true, 'has-suffix': !!this.suffix } }, h("input", { key: '4613cba3f6ba722c641c9f2d355fe4b9c9f795f2', type: this.type, class: "text-input", value: this.inputValue, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput }), this.suffix && h("span", { key: '3b4942c5cd0298d97b0c3e8e86c82297f1134718', class: "input-suffix" }, this.suffix)))));
|
|
43
|
+
}
|
|
44
|
+
static get watchers() { return {
|
|
45
|
+
"value": [{
|
|
46
|
+
"onValueChange": 0
|
|
47
|
+
}]
|
|
48
|
+
}; }
|
|
49
|
+
static get style() { return kritzelInputCss(); }
|
|
50
|
+
}, [513, "kritzel-input", {
|
|
51
|
+
"value": [1025],
|
|
52
|
+
"label": [1],
|
|
53
|
+
"placeholder": [1],
|
|
54
|
+
"suffix": [1],
|
|
55
|
+
"type": [1],
|
|
56
|
+
"disabled": [4],
|
|
57
|
+
"inputValue": [32]
|
|
58
|
+
}, undefined, {
|
|
59
|
+
"value": [{
|
|
60
|
+
"onValueChange": 0
|
|
61
|
+
}]
|
|
62
|
+
}]);
|
|
63
|
+
function defineCustomElement() {
|
|
64
|
+
if (typeof customElements === "undefined") {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
const components = ["kritzel-input"];
|
|
68
|
+
components.forEach(tagName => { switch (tagName) {
|
|
69
|
+
case "kritzel-input":
|
|
70
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
71
|
+
customElements.define(transformTag(tagName), KritzelInput);
|
|
72
|
+
}
|
|
73
|
+
break;
|
|
74
|
+
} });
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
export { KritzelInput as K, defineCustomElement as d };
|
|
@@ -0,0 +1,290 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, c as createEvent, h, d as Host, t as transformTag } from './p-5qkOM1RJ.js';
|
|
2
|
+
import { d as defineCustomElement$1 } from './p-BGmTmdLe.js';
|
|
3
|
+
|
|
4
|
+
const kritzelContextMenuCss = () => `:host{display:block}.menu-container{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--kritzel-context-menu-item-spacing, 2px);background-color:var(--kritzel-context-menu-background-color, #ffffff);border-radius:var(--kritzel-context-menu-border-radius, 12px);box-shadow:var(--kritzel-context-menu-box-shadow, 0 1px 6px rgba(0, 0, 0, 0.12));border:var(--kritzel-context-menu-border, 1px solid #ebebeb);padding:var(--kritzel-context-menu-padding, 4px);min-width:var(--kritzel-context-menu-min-width, 140px)}.menu-item-wrapper{position:relative}.menu-item{display:flex;align-items:center;gap:var(--kritzel-context-menu-item-gap, 8px);background:none;border:none;text-align:left;padding:var(--kritzel-context-menu-item-padding, 8px);border-radius:var(--kritzel-context-menu-item-border-radius, 12px);cursor:var(--kritzel-global-pointer-cursor, pointer);font-size:var(--kritzel-context-menu-item-font-size, 14px);color:var(--kritzel-context-menu-item-color, #333333);white-space:nowrap;-webkit-tap-highlight-color:transparent;width:100%;min-width:0}.menu-item:not(.disabled):hover,.menu-item.submenu-open{background-color:var(--kritzel-context-menu-item-hover-background-color, hsl(0, 0%, 0%, 4.3%))}.menu-item:not(.disabled):active{background-color:var(--kritzel-context-menu-item-active-background-color, hsl(0, 0%, 0%, 8.6%))}.menu-item.disabled{color:var(--kritzel-context-menu-item-disabled-color, #aaaaaa)}.menu-item.has-children.disabled{cursor:var(--kritzel-global-pointer-cursor, pointer);color:var(--kritzel-context-menu-item-color, #333333)}.menu-item kritzel-icon{opacity:0.8;flex-shrink:0}.menu-item.disabled kritzel-icon{opacity:0.4}.menu-item.has-children.disabled kritzel-icon{opacity:0.8}.label{flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.submenu-arrow{margin-left:auto;opacity:0.5}.menu-divider{height:1px;background-color:var(--kritzel-context-menu-divider-color, rgba(0, 0, 0, 0.1));margin:var(--kritzel-context-menu-divider-margin, 4px 8px)}.submenu-container{position:absolute;top:0;left:100%;z-index:2;margin-left:4px;display:flex;flex-direction:column;gap:var(--kritzel-context-menu-item-spacing, 2px);background-color:var(--kritzel-context-menu-background-color, #ffffff);border-radius:var(--kritzel-context-menu-border-radius, 12px);box-shadow:var(--kritzel-context-menu-box-shadow, 0 1px 6px rgba(0, 0, 0, 0.12));border:var(--kritzel-context-menu-border, 1px solid #ebebeb);padding:var(--kritzel-context-menu-padding, 4px);min-width:120px}.submenu-container.position-left{left:auto;right:100%;margin-left:0;margin-right:4px}`;
|
|
5
|
+
|
|
6
|
+
const VIEWPORT_PADDING = 8;
|
|
7
|
+
const SUBMENU_DELAY = 150;
|
|
8
|
+
const ESTIMATED_SUBMENU_WIDTH = 160; // Estimated width for pre-calculation
|
|
9
|
+
const KritzelContextMenu = /*@__PURE__*/ proxyCustomElement(class KritzelContextMenu extends H {
|
|
10
|
+
constructor(registerHost) {
|
|
11
|
+
super();
|
|
12
|
+
if (registerHost !== false) {
|
|
13
|
+
this.__registerHost();
|
|
14
|
+
}
|
|
15
|
+
this.__attachShadow();
|
|
16
|
+
this.actionSelected = createEvent(this, "actionSelected");
|
|
17
|
+
this.close = createEvent(this, "close");
|
|
18
|
+
}
|
|
19
|
+
get host() { return this; }
|
|
20
|
+
items;
|
|
21
|
+
onItemsChanged() {
|
|
22
|
+
this.updateMenuItems();
|
|
23
|
+
}
|
|
24
|
+
objects;
|
|
25
|
+
actionSelected;
|
|
26
|
+
close;
|
|
27
|
+
processedItems = [];
|
|
28
|
+
/** Current open submenu path (e.g. '0.2.1'). Empty if none. */
|
|
29
|
+
openSubmenuPath = '';
|
|
30
|
+
submenuPositions = {};
|
|
31
|
+
submenuTimer = null;
|
|
32
|
+
submenuRefs = new Map();
|
|
33
|
+
menuItemWrapperRefs = new Map();
|
|
34
|
+
handleOutsideClick(event) {
|
|
35
|
+
const path = event.composedPath();
|
|
36
|
+
if (!path.includes(this.host)) {
|
|
37
|
+
this.close.emit();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
componentWillLoad() {
|
|
41
|
+
this.updateMenuItems();
|
|
42
|
+
}
|
|
43
|
+
componentDidLoad() {
|
|
44
|
+
this.adjustPositionToViewport();
|
|
45
|
+
}
|
|
46
|
+
componentDidUpdate() {
|
|
47
|
+
this.adjustPositionToViewport();
|
|
48
|
+
this.adjustSubmenuPositions();
|
|
49
|
+
this.pruneStaleRefs();
|
|
50
|
+
}
|
|
51
|
+
disconnectedCallback() {
|
|
52
|
+
if (this.submenuTimer) {
|
|
53
|
+
clearTimeout(this.submenuTimer);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
adjustPositionToViewport() {
|
|
57
|
+
const rect = this.host.getBoundingClientRect();
|
|
58
|
+
const viewportWidth = window.innerWidth;
|
|
59
|
+
const viewportHeight = window.innerHeight;
|
|
60
|
+
const currentLeft = parseFloat(this.host.style.left) || 0;
|
|
61
|
+
const currentTop = parseFloat(this.host.style.top) || 0;
|
|
62
|
+
let newLeft = currentLeft;
|
|
63
|
+
let newTop = currentTop;
|
|
64
|
+
// Check if menu extends beyond right edge
|
|
65
|
+
if (rect.right > viewportWidth - VIEWPORT_PADDING) {
|
|
66
|
+
newLeft = viewportWidth - rect.width - VIEWPORT_PADDING;
|
|
67
|
+
}
|
|
68
|
+
// Check if menu extends beyond bottom edge
|
|
69
|
+
if (rect.bottom > viewportHeight - VIEWPORT_PADDING) {
|
|
70
|
+
newTop = viewportHeight - rect.height - VIEWPORT_PADDING;
|
|
71
|
+
}
|
|
72
|
+
// Ensure menu doesn't go beyond left edge
|
|
73
|
+
if (newLeft < VIEWPORT_PADDING) {
|
|
74
|
+
newLeft = VIEWPORT_PADDING;
|
|
75
|
+
}
|
|
76
|
+
// Ensure menu doesn't go beyond top edge
|
|
77
|
+
if (newTop < VIEWPORT_PADDING) {
|
|
78
|
+
newTop = VIEWPORT_PADDING;
|
|
79
|
+
}
|
|
80
|
+
// Only update if position changed to avoid infinite loops
|
|
81
|
+
if (newLeft !== currentLeft || newTop !== currentTop) {
|
|
82
|
+
this.host.style.left = `${newLeft}px`;
|
|
83
|
+
this.host.style.top = `${newTop}px`;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
adjustSubmenuPositions() {
|
|
87
|
+
if (!this.openSubmenuPath)
|
|
88
|
+
return;
|
|
89
|
+
const viewportHeight = window.innerHeight;
|
|
90
|
+
// Adjust every open submenu in the chain (every prefix of openSubmenuPath).
|
|
91
|
+
for (const path of this.getOpenSubmenuPaths()) {
|
|
92
|
+
const submenuEl = this.submenuRefs.get(path);
|
|
93
|
+
const wrapperEl = this.menuItemWrapperRefs.get(path);
|
|
94
|
+
if (!submenuEl || !wrapperEl)
|
|
95
|
+
continue;
|
|
96
|
+
const wrapperRect = wrapperEl.getBoundingClientRect();
|
|
97
|
+
const submenuHeight = submenuEl.offsetHeight; // Constant regardless of current top shift
|
|
98
|
+
const naturalBottom = wrapperRect.top + submenuHeight;
|
|
99
|
+
if (naturalBottom > viewportHeight - VIEWPORT_PADDING) {
|
|
100
|
+
let overflow = naturalBottom - (viewportHeight - VIEWPORT_PADDING);
|
|
101
|
+
// Don't shift up so far that the top goes above the viewport
|
|
102
|
+
if (wrapperRect.top - overflow < VIEWPORT_PADDING) {
|
|
103
|
+
overflow = wrapperRect.top - VIEWPORT_PADDING;
|
|
104
|
+
}
|
|
105
|
+
submenuEl.style.top = `${-overflow}px`;
|
|
106
|
+
}
|
|
107
|
+
else {
|
|
108
|
+
submenuEl.style.top = '0px';
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
getOpenSubmenuPaths() {
|
|
113
|
+
if (!this.openSubmenuPath)
|
|
114
|
+
return [];
|
|
115
|
+
const parts = this.openSubmenuPath.split('.');
|
|
116
|
+
const paths = [];
|
|
117
|
+
for (let i = 1; i <= parts.length; i++) {
|
|
118
|
+
paths.push(parts.slice(0, i).join('.'));
|
|
119
|
+
}
|
|
120
|
+
return paths;
|
|
121
|
+
}
|
|
122
|
+
isSubmenuOpen(path) {
|
|
123
|
+
return this.openSubmenuPath === path || this.openSubmenuPath.startsWith(path + '.');
|
|
124
|
+
}
|
|
125
|
+
getParentPath(path) {
|
|
126
|
+
const idx = path.lastIndexOf('.');
|
|
127
|
+
return idx === -1 ? '' : path.substring(0, idx);
|
|
128
|
+
}
|
|
129
|
+
getMenuDepth(path) {
|
|
130
|
+
if (!path)
|
|
131
|
+
return 0;
|
|
132
|
+
return path.split('.').length;
|
|
133
|
+
}
|
|
134
|
+
pruneStaleRefs() {
|
|
135
|
+
const openPaths = new Set(this.getOpenSubmenuPaths());
|
|
136
|
+
for (const key of Array.from(this.submenuRefs.keys())) {
|
|
137
|
+
if (!openPaths.has(key)) {
|
|
138
|
+
this.submenuRefs.delete(key);
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
// Keep root-level wrapper refs (single-segment paths) always rendered; prune deeper
|
|
142
|
+
// wrappers whose parent submenu is no longer open.
|
|
143
|
+
for (const key of Array.from(this.menuItemWrapperRefs.keys())) {
|
|
144
|
+
const parent = this.getParentPath(key);
|
|
145
|
+
if (parent !== '' && !openPaths.has(parent)) {
|
|
146
|
+
this.menuItemWrapperRefs.delete(key);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
handleItemClick(item, isDisabled, hasChildren) {
|
|
151
|
+
if (isDisabled)
|
|
152
|
+
return;
|
|
153
|
+
if (hasChildren) {
|
|
154
|
+
// Hover handles open/close; click on a parent is a no-op.
|
|
155
|
+
return;
|
|
156
|
+
}
|
|
157
|
+
if (item.action) {
|
|
158
|
+
this.actionSelected.emit(item);
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
handleItemMouseEnter(path, hasChildren) {
|
|
162
|
+
if (this.submenuTimer) {
|
|
163
|
+
clearTimeout(this.submenuTimer);
|
|
164
|
+
this.submenuTimer = null;
|
|
165
|
+
}
|
|
166
|
+
const parentPath = this.getParentPath(path);
|
|
167
|
+
if (hasChildren) {
|
|
168
|
+
this.submenuTimer = setTimeout(() => {
|
|
169
|
+
// Pre-calculate horizontal position before opening to avoid flicker.
|
|
170
|
+
const wrapperEl = this.menuItemWrapperRefs.get(path);
|
|
171
|
+
let position = 'right';
|
|
172
|
+
if (wrapperEl) {
|
|
173
|
+
const rect = wrapperEl.getBoundingClientRect();
|
|
174
|
+
const viewportWidth = window.innerWidth;
|
|
175
|
+
const wouldOverflowRight = rect.right + ESTIMATED_SUBMENU_WIDTH > viewportWidth - VIEWPORT_PADDING;
|
|
176
|
+
position = wouldOverflowRight ? 'left' : 'right';
|
|
177
|
+
}
|
|
178
|
+
this.submenuPositions = { ...this.submenuPositions, [path]: position };
|
|
179
|
+
this.openSubmenuPath = path;
|
|
180
|
+
}, SUBMENU_DELAY);
|
|
181
|
+
}
|
|
182
|
+
else {
|
|
183
|
+
// Hovering a sibling without children: collapse to the parent chain so any
|
|
184
|
+
// sibling-rooted submenu closes, but the ancestor chain stays open.
|
|
185
|
+
this.submenuTimer = setTimeout(() => {
|
|
186
|
+
this.openSubmenuPath = parentPath;
|
|
187
|
+
}, SUBMENU_DELAY);
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
handleSubmenuMouseEnter() {
|
|
191
|
+
if (this.submenuTimer) {
|
|
192
|
+
clearTimeout(this.submenuTimer);
|
|
193
|
+
this.submenuTimer = null;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
handleSubmenuMouseLeave(path) {
|
|
197
|
+
// Close this submenu (and any deeper levels) but keep the ancestor chain open.
|
|
198
|
+
const parentPath = this.getParentPath(path);
|
|
199
|
+
this.submenuTimer = setTimeout(() => {
|
|
200
|
+
this.openSubmenuPath = parentPath;
|
|
201
|
+
}, SUBMENU_DELAY);
|
|
202
|
+
}
|
|
203
|
+
async updateMenuItems() {
|
|
204
|
+
this.processedItems = await this.processItems(this.items);
|
|
205
|
+
}
|
|
206
|
+
async processItems(items) {
|
|
207
|
+
const processed = [];
|
|
208
|
+
for (const item of items) {
|
|
209
|
+
const isVisible = await this.evaluateProperty(item.isVisible, true);
|
|
210
|
+
if (isVisible) {
|
|
211
|
+
const isDisabled = await this.evaluateProperty(item.isDisabled, false);
|
|
212
|
+
let processedChildren;
|
|
213
|
+
if (item.children && item.children.length > 0) {
|
|
214
|
+
processedChildren = await this.processItems(item.children);
|
|
215
|
+
}
|
|
216
|
+
processed.push({ item, isDisabled, processedChildren });
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
return processed;
|
|
220
|
+
}
|
|
221
|
+
async evaluateProperty(value, defaultValue) {
|
|
222
|
+
if (typeof value === 'boolean') {
|
|
223
|
+
return value;
|
|
224
|
+
}
|
|
225
|
+
if (typeof value === 'function') {
|
|
226
|
+
return await Promise.resolve(value(null, this.objects));
|
|
227
|
+
}
|
|
228
|
+
return defaultValue;
|
|
229
|
+
}
|
|
230
|
+
renderItems(items, parentPath) {
|
|
231
|
+
return items.map(({ item, isDisabled, processedChildren }, index) => {
|
|
232
|
+
const path = parentPath === '' ? String(index) : `${parentPath}.${index}`;
|
|
233
|
+
const prevItem = index > 0 ? items[index - 1].item : null;
|
|
234
|
+
const showDivider = prevItem && prevItem.group !== item.group;
|
|
235
|
+
const hasChildren = !!processedChildren && processedChildren.length > 0;
|
|
236
|
+
const submenuOpen = hasChildren && this.isSubmenuOpen(path);
|
|
237
|
+
return [
|
|
238
|
+
showDivider && h("div", { class: "menu-divider", key: `divider-${path}` }),
|
|
239
|
+
h("div", { class: "menu-item-wrapper", key: `wrapper-${path}`, ref: el => el && this.menuItemWrapperRefs.set(path, el), onMouseEnter: () => this.handleItemMouseEnter(path, hasChildren) }, h("button", { key: `${item.label}-${path}`, class: { 'menu-item': true, 'disabled': isDisabled, 'has-children': hasChildren, 'submenu-open': submenuOpen }, onClick: () => this.handleItemClick(item, isDisabled, hasChildren), disabled: isDisabled && !hasChildren }, item.icon && h("kritzel-icon", { name: item.icon, size: 16 }), h("span", { class: "label" }, item.label), hasChildren && h("kritzel-icon", { name: "chevron-right", size: 12, class: "submenu-arrow" })), hasChildren && submenuOpen && this.renderSubmenu(processedChildren, path)),
|
|
240
|
+
];
|
|
241
|
+
});
|
|
242
|
+
}
|
|
243
|
+
renderSubmenu(processedChildren, path) {
|
|
244
|
+
const position = this.submenuPositions[path] === 'left' ? 'left' : 'right';
|
|
245
|
+
const zIndex = this.getMenuDepth(path) + 1;
|
|
246
|
+
return (h("div", { class: { 'submenu-container': true, 'position-left': position === 'left' }, key: `submenu-${path}`, style: { zIndex: String(zIndex) }, ref: el => el && this.submenuRefs.set(path, el), onMouseEnter: () => this.handleSubmenuMouseEnter(), onMouseLeave: () => this.handleSubmenuMouseLeave(path) }, this.renderItems(processedChildren, path)));
|
|
247
|
+
}
|
|
248
|
+
render() {
|
|
249
|
+
if (!this.processedItems || this.processedItems.length === 0) {
|
|
250
|
+
return null;
|
|
251
|
+
}
|
|
252
|
+
return (h(Host, null, h("div", { class: "menu-container" }, this.renderItems(this.processedItems, ''))));
|
|
253
|
+
}
|
|
254
|
+
static get watchers() { return {
|
|
255
|
+
"items": [{
|
|
256
|
+
"onItemsChanged": 0
|
|
257
|
+
}]
|
|
258
|
+
}; }
|
|
259
|
+
static get style() { return kritzelContextMenuCss(); }
|
|
260
|
+
}, [513, "kritzel-context-menu", {
|
|
261
|
+
"items": [16],
|
|
262
|
+
"objects": [16],
|
|
263
|
+
"processedItems": [32],
|
|
264
|
+
"openSubmenuPath": [32],
|
|
265
|
+
"submenuPositions": [32]
|
|
266
|
+
}, [[9, "pointerdown", "handleOutsideClick"]], {
|
|
267
|
+
"items": [{
|
|
268
|
+
"onItemsChanged": 0
|
|
269
|
+
}]
|
|
270
|
+
}]);
|
|
271
|
+
function defineCustomElement() {
|
|
272
|
+
if (typeof customElements === "undefined") {
|
|
273
|
+
return;
|
|
274
|
+
}
|
|
275
|
+
const components = ["kritzel-context-menu", "kritzel-icon"];
|
|
276
|
+
components.forEach(tagName => { switch (tagName) {
|
|
277
|
+
case "kritzel-context-menu":
|
|
278
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
279
|
+
customElements.define(transformTag(tagName), KritzelContextMenu);
|
|
280
|
+
}
|
|
281
|
+
break;
|
|
282
|
+
case "kritzel-icon":
|
|
283
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
284
|
+
defineCustomElement$1();
|
|
285
|
+
}
|
|
286
|
+
break;
|
|
287
|
+
} });
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
export { KritzelContextMenu as K, defineCustomElement as d };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h, d as Host, t as transformTag } from './p-5qkOM1RJ.js';
|
|
2
|
+
|
|
3
|
+
const kritzelFontCss = () => `:host{display:block}.font-preview{color:var(--kritzel-font-size-text-color, #333333);line-height:1;text-align:center;font-weight:bold}`;
|
|
4
|
+
|
|
5
|
+
const KritzelFont = /*@__PURE__*/ proxyCustomElement(class KritzelFont extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
fontFamily = 'Arial, sans-serif';
|
|
14
|
+
size = 24;
|
|
15
|
+
color = '#000000';
|
|
16
|
+
render() {
|
|
17
|
+
return (h(Host, { key: 'b594153b199a9ed859b0b74dccaa8f242f6e388d' }, h("div", { key: 'f1888af3f0342a38c3d5a887ef66adef63b35a87', class: "font-preview", style: {
|
|
18
|
+
fontFamily: this.fontFamily,
|
|
19
|
+
fontSize: `${this.size}px`,
|
|
20
|
+
color: this.color
|
|
21
|
+
} }, "A")));
|
|
22
|
+
}
|
|
23
|
+
static get style() { return kritzelFontCss(); }
|
|
24
|
+
}, [513, "kritzel-font", {
|
|
25
|
+
"fontFamily": [1, "font-family"],
|
|
26
|
+
"size": [2],
|
|
27
|
+
"color": [1]
|
|
28
|
+
}]);
|
|
29
|
+
function defineCustomElement() {
|
|
30
|
+
if (typeof customElements === "undefined") {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const components = ["kritzel-font"];
|
|
34
|
+
components.forEach(tagName => { switch (tagName) {
|
|
35
|
+
case "kritzel-font":
|
|
36
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
37
|
+
customElements.define(transformTag(tagName), KritzelFont);
|
|
38
|
+
}
|
|
39
|
+
break;
|
|
40
|
+
} });
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
export { KritzelFont as K, defineCustomElement as d };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
2
|
+
|
|
3
|
+
function getDefaultExportFromCjs (x) {
|
|
4
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export { commonjsGlobal as c, getDefaultExportFromCjs as g };
|