kritzel-stencil 0.4.4 → 0.4.6
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/dist/cjs/kritzel-active-users_47.cjs.entry.js +79 -13
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/stencil.cjs.js +1 -1
- package/dist/collection/classes/core/viewport.class.js +14 -1
- package/dist/collection/components/core/kritzel-editor/kritzel-editor.js +48 -8
- package/dist/collection/components/core/kritzel-engine/kritzel-engine.js +84 -3
- package/dist/collection/constants/version.js +1 -1
- package/dist/components/index.js +1226 -1
- package/dist/components/kritzel-active-users.js +6 -1
- package/dist/components/kritzel-avatar.js +6 -1
- package/dist/components/kritzel-awareness-cursors.js +6 -1
- package/dist/components/kritzel-back-to-content.js +6 -1
- package/dist/components/kritzel-brush-style.js +64 -1
- package/dist/components/kritzel-button.js +6 -1
- package/dist/components/kritzel-color-palette.js +6 -1
- package/dist/components/kritzel-color.js +6 -1
- package/dist/components/kritzel-context-menu.js +6 -1
- package/dist/components/kritzel-controls.js +6 -1
- package/dist/components/kritzel-current-user-dialog.js +6 -1
- package/dist/components/kritzel-current-user.js +6 -1
- package/dist/components/kritzel-cursor-trail.js +6 -1
- package/dist/components/kritzel-dialog.js +6 -1
- package/dist/components/kritzel-dropdown.js +6 -1
- package/dist/components/kritzel-editor.js +4404 -1
- package/dist/components/kritzel-engine.js +6 -1
- package/dist/components/kritzel-export.js +6 -1
- package/dist/components/kritzel-font-family.js +6 -1
- package/dist/components/kritzel-font-size.js +6 -1
- package/dist/components/kritzel-font.js +6 -1
- package/dist/components/kritzel-icon.js +6 -1
- package/dist/components/kritzel-input.js +6 -1
- package/dist/components/kritzel-line-endings.js +6 -1
- package/dist/components/kritzel-loading-overlay.js +6 -1
- package/dist/components/kritzel-login-dialog.js +6 -1
- package/dist/components/kritzel-master-detail.js +6 -1
- package/dist/components/kritzel-menu-item.js +6 -1
- package/dist/components/kritzel-menu.js +6 -1
- package/dist/components/kritzel-more-menu.js +6 -1
- package/dist/components/kritzel-notification-card.js +6 -1
- package/dist/components/kritzel-numeric-input.js +6 -1
- package/dist/components/kritzel-opacity-slider.js +6 -1
- package/dist/components/kritzel-pill-tabs.js +6 -1
- package/dist/components/kritzel-portal.js +6 -1
- package/dist/components/kritzel-settings.js +6 -1
- package/dist/components/kritzel-shape-fill.js +6 -1
- package/dist/components/kritzel-share-dialog.js +6 -1
- package/dist/components/kritzel-slide-toggle.js +6 -1
- package/dist/components/kritzel-split-button.js +6 -1
- package/dist/components/kritzel-stroke-size.js +6 -1
- package/dist/components/kritzel-sync-indicator.js +6 -1
- package/dist/components/kritzel-tool-config.js +6 -1
- package/dist/components/kritzel-tooltip.js +6 -1
- package/dist/components/kritzel-utility-panel.js +6 -1
- package/dist/components/kritzel-watermark.js +6 -1
- package/dist/components/kritzel-workspace-manager.js +6 -1
- package/dist/components/kritzel-zoom-panel.js +6 -1
- package/dist/components/p-894OnDQV.js +39 -1
- package/dist/components/p-B43upypT.js +1500 -1
- package/dist/components/p-B5oHmPJb.js +97 -1
- package/dist/components/p-B6t5q-V4.js +63 -1
- package/dist/components/p-B8Xi4Clg.js +43 -1
- package/dist/components/p-BBmP8lVY.js +51726 -0
- package/dist/components/p-BDzlx2hB.js +135 -1
- package/dist/components/p-BFTU3MAI.js +7 -1
- package/dist/components/p-BFYtCsZu.js +56 -1
- package/dist/components/p-BI2ng9I_.js +62 -1
- package/dist/components/p-BTzlrIxe.js +194 -1
- package/dist/components/p-BmyTdQGy.js +1090 -1
- package/dist/components/p-BsANVili.js +150 -1
- package/dist/components/p-BxpKq94F.js +290 -1
- package/dist/components/p-C38P-Vd0.js +446 -1
- package/dist/components/p-C4NrrUfN.js +77 -1
- package/dist/components/p-CW-VyJgK.js +6 -1
- package/dist/components/p-CWRSGYOE.js +57 -1
- package/dist/components/p-CXpv9Rxe.js +106 -1
- package/dist/components/p-Ca-igU1f.js +320 -1
- package/dist/components/p-CdR76C4L.js +165 -1
- package/dist/components/p-Ch42cOeY.js +320 -0
- package/dist/components/p-ClFprFvz.js +209 -1
- package/dist/components/p-Cm33td2O.js +122 -1
- package/dist/components/p-CqLgB8JK.js +91 -1
- package/dist/components/p-Cr682JI_.js +156 -1
- package/dist/components/p-CsvMgk_f.js +62 -1
- package/dist/components/p-CwJwsRR3.js +277 -1
- package/dist/components/p-Cymum41a.js +88 -1
- package/dist/components/p-D09kgc5Q.js +94 -1
- package/dist/components/p-D30zs0kA.js +121 -1
- package/dist/components/p-D3y_Hauo.js +85 -1
- package/dist/components/p-D5jf8wAu.js +142 -1
- package/dist/components/p-D82VaHce.js +53 -1
- package/dist/components/p-DAwPPDMS.js +101 -1
- package/dist/components/p-DEBwmRTC.js +55 -1
- package/dist/components/p-DIazmg6w.js +52 -1
- package/dist/components/p-DJ88BrIW.js +70 -1
- package/dist/components/p-DJkKlUyZ.js +182 -1
- package/dist/components/p-DUYmwrWV.js +3267 -1
- package/dist/components/p-DX2nriaq.js +486 -1
- package/dist/components/p-Dd-pMvlr.js +20 -1
- package/dist/components/p-Df3BwVGy.js +299 -1
- package/dist/components/p-DgJ0ufzr.js +43 -1
- package/dist/components/p-DkUb2czk.js +70 -1
- package/dist/components/p-Dlp84thc.js +57 -1
- package/dist/components/p-JYj3Facr.js +431 -1
- package/dist/components/p-Ka7OWbnk.js +2304 -1
- package/dist/components/p-PSFAfAyd.js +49 -1
- package/dist/components/p-WUdQqYnu.js +118 -1
- package/dist/components/p-djJSnjAX.js +84 -1
- package/dist/components/p-e6Zpc9Vp.js +143 -1
- package/dist/components/p-jGOpkGDl.js +30 -1
- package/dist/components/p-pagW8YF7.js +99 -1
- package/dist/esm/kritzel-active-users_47.entry.js +79 -13
- package/dist/esm/loader.js +1 -1
- package/dist/esm/stencil.js +1 -1
- package/dist/stencil/index.esm.js +1172 -1
- package/dist/stencil/p-5b969a42.entry.js +36109 -0
- package/dist/stencil/p-DQuL1Twl.js +3 -1
- package/dist/stencil/p-Dhio9uis.js +1717 -2
- package/dist/stencil/p-fb32cd8f.entry.js +29 -1
- package/dist/stencil/p-uC7_X6yr.js +30737 -1
- package/dist/stencil/stencil.esm.js +21 -1
- package/dist/types/components/core/kritzel-editor/kritzel-editor.d.ts +2 -0
- package/dist/types/components/core/kritzel-engine/kritzel-engine.d.ts +7 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/types/constants/version.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/p--Oazz-BP.js +0 -9
- package/dist/components/p-Xsiz1D5Q.js +0 -1
- package/dist/stencil/p-9abc21b9.entry.js +0 -9
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{G as
|
|
1
|
+
import { G as KritzelEngine$1, C as defineCustomElement$1 } from './p-BBmP8lVY.js';
|
|
2
|
+
|
|
3
|
+
const KritzelEngine = KritzelEngine$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelEngine, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelExport$1, d as defineCustomElement$1 } from './p-e6Zpc9Vp.js';
|
|
2
|
+
|
|
3
|
+
const KritzelExport = KritzelExport$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelExport, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelFontFamily$1, d as defineCustomElement$1 } from './p-djJSnjAX.js';
|
|
2
|
+
|
|
3
|
+
const KritzelFontFamily = KritzelFontFamily$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelFontFamily, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelFontSize$1, d as defineCustomElement$1 } from './p-BI2ng9I_.js';
|
|
2
|
+
|
|
3
|
+
const KritzelFontSize = KritzelFontSize$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelFontSize, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelFont$1, d as defineCustomElement$1 } from './p-B8Xi4Clg.js';
|
|
2
|
+
|
|
3
|
+
const KritzelFont = KritzelFont$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelFont, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import { a as KritzelIcon$1, d as defineCustomElement$1 } from './p-CdR76C4L.js';
|
|
2
|
+
|
|
3
|
+
const KritzelIcon = KritzelIcon$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelIcon, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelInput$1, d as defineCustomElement$1 } from './p-C4NrrUfN.js';
|
|
2
|
+
|
|
3
|
+
const KritzelInput = KritzelInput$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelInput, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelLineEndings$1, d as defineCustomElement$1 } from './p-CXpv9Rxe.js';
|
|
2
|
+
|
|
3
|
+
const KritzelLineEndings = KritzelLineEndings$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelLineEndings, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelLoadingOverlay$1, d as defineCustomElement$1 } from './p-DgJ0ufzr.js';
|
|
2
|
+
|
|
3
|
+
const KritzelLoadingOverlay = KritzelLoadingOverlay$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelLoadingOverlay, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelLoginDialog$1, d as defineCustomElement$1 } from './p-B5oHmPJb.js';
|
|
2
|
+
|
|
3
|
+
const KritzelLoginDialog = KritzelLoginDialog$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelLoginDialog, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelMasterDetail$1, d as defineCustomElement$1 } from './p-BsANVili.js';
|
|
2
|
+
|
|
3
|
+
const KritzelMasterDetail = KritzelMasterDetail$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelMasterDetail, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import { b as KritzelMenuItem$1, d as defineCustomElement$1 } from './p-CwJwsRR3.js';
|
|
2
|
+
|
|
3
|
+
const KritzelMenuItem = KritzelMenuItem$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelMenuItem, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelMenu$1, a as defineCustomElement$1 } from './p-CwJwsRR3.js';
|
|
2
|
+
|
|
3
|
+
const KritzelMenu = KritzelMenu$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelMenu, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelMoreMenu$1, d as defineCustomElement$1 } from './p-D30zs0kA.js';
|
|
2
|
+
|
|
3
|
+
const KritzelMoreMenu = KritzelMoreMenu$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelMoreMenu, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelNotificationCard$1, d as defineCustomElement$1 } from './p-pagW8YF7.js';
|
|
2
|
+
|
|
3
|
+
const KritzelNotificationCard = KritzelNotificationCard$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelNotificationCard, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelNumericInput$1, d as defineCustomElement$1 } from './p-BDzlx2hB.js';
|
|
2
|
+
|
|
3
|
+
const KritzelNumericInput = KritzelNumericInput$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelNumericInput, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelOpacitySlider$1, d as defineCustomElement$1 } from './p-B6t5q-V4.js';
|
|
2
|
+
|
|
3
|
+
const KritzelOpacitySlider = KritzelOpacitySlider$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelOpacitySlider, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelPillTabs$1, d as defineCustomElement$1 } from './p-D09kgc5Q.js';
|
|
2
|
+
|
|
3
|
+
const KritzelPillTabs = KritzelPillTabs$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelPillTabs, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelPortal$1, d as defineCustomElement$1 } from './p-Ca-igU1f.js';
|
|
2
|
+
|
|
3
|
+
const KritzelPortal = KritzelPortal$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelPortal, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelSettings$1, d as defineCustomElement$1 } from './p-Ch42cOeY.js';
|
|
2
|
+
|
|
3
|
+
const KritzelSettings = KritzelSettings$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelSettings, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelShapeFill$1, d as defineCustomElement$1 } from './p-BFYtCsZu.js';
|
|
2
|
+
|
|
3
|
+
const KritzelShapeFill = KritzelShapeFill$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelShapeFill, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelShareDialog$1, d as defineCustomElement$1 } from './p-DUYmwrWV.js';
|
|
2
|
+
|
|
3
|
+
const KritzelShareDialog = KritzelShareDialog$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelShareDialog, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelSlideToggle$1, d as defineCustomElement$1 } from './p-CWRSGYOE.js';
|
|
2
|
+
|
|
3
|
+
const KritzelSlideToggle = KritzelSlideToggle$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelSlideToggle, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelSplitButton$1, d as defineCustomElement$1 } from './p-Cr682JI_.js';
|
|
2
|
+
|
|
3
|
+
const KritzelSplitButton = KritzelSplitButton$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelSplitButton, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelStrokeSize$1, d as defineCustomElement$1 } from './p-D82VaHce.js';
|
|
2
|
+
|
|
3
|
+
const KritzelStrokeSize = KritzelStrokeSize$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelStrokeSize, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelSyncIndicator$1, d as defineCustomElement$1 } from './p-894OnDQV.js';
|
|
2
|
+
|
|
3
|
+
const KritzelSyncIndicator = KritzelSyncIndicator$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelSyncIndicator, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import { a as KritzelToolConfig$1, d as defineCustomElement$1 } from './p-C38P-Vd0.js';
|
|
2
|
+
|
|
3
|
+
const KritzelToolConfig = KritzelToolConfig$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelToolConfig, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelTooltip$1, d as defineCustomElement$1 } from './p-BTzlrIxe.js';
|
|
2
|
+
|
|
3
|
+
const KritzelTooltip = KritzelTooltip$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelTooltip, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelUtilityPanel$1, d as defineCustomElement$1 } from './p-CsvMgk_f.js';
|
|
2
|
+
|
|
3
|
+
const KritzelUtilityPanel = KritzelUtilityPanel$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelUtilityPanel, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelWatermark$1, d as defineCustomElement$1 } from './p-PSFAfAyd.js';
|
|
2
|
+
|
|
3
|
+
const KritzelWatermark = KritzelWatermark$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelWatermark, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelWorkspaceManager$1, d as defineCustomElement$1 } from './p-ClFprFvz.js';
|
|
2
|
+
|
|
3
|
+
const KritzelWorkspaceManager = KritzelWorkspaceManager$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelWorkspaceManager, defineCustomElement };
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
import{K as
|
|
1
|
+
import { K as KritzelZoomPanel$1, d as defineCustomElement$1 } from './p-DkUb2czk.js';
|
|
2
|
+
|
|
3
|
+
const KritzelZoomPanel = KritzelZoomPanel$1;
|
|
4
|
+
const defineCustomElement = defineCustomElement$1;
|
|
5
|
+
|
|
6
|
+
export { KritzelZoomPanel, defineCustomElement };
|
|
@@ -1 +1,39 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import { p as proxyCustomElement, H, h, d as Host, t as transformTag } from './p-B43upypT.js';
|
|
2
|
+
|
|
3
|
+
const kritzelSyncIndicatorCss = () => `:host{display:contents}.indicator{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:var(--kritzel-sync-indicator-z-index, 10001);pointer-events:none;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--kritzel-sync-indicator-background, rgba(255, 255, 255, 0.92));color:var(--kritzel-sync-indicator-color, #334155);box-shadow:0 2px 10px rgba(0, 0, 0, 0.12);font-family:var(--kritzel-font-family, sans-serif);font-size:12px;line-height:1;font-weight:500;opacity:0;visibility:hidden}.indicator.visible{opacity:1;visibility:visible}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--kritzel-sync-indicator-spinner-track, rgba(148, 163, 184, 0.35));border-top-color:var(--kritzel-sync-indicator-spinner-color, #2563eb);animation:kritzel-sync-indicator-spin 0.8s linear infinite}@keyframes kritzel-sync-indicator-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`;
|
|
4
|
+
|
|
5
|
+
const KritzelSyncIndicator = /*@__PURE__*/ proxyCustomElement(class KritzelSyncIndicator extends H {
|
|
6
|
+
constructor(registerHost) {
|
|
7
|
+
super();
|
|
8
|
+
if (registerHost !== false) {
|
|
9
|
+
this.__registerHost();
|
|
10
|
+
}
|
|
11
|
+
this.__attachShadow();
|
|
12
|
+
}
|
|
13
|
+
/** Whether the indicator is visible. */
|
|
14
|
+
visible = false;
|
|
15
|
+
/** The text displayed next to the spinner. */
|
|
16
|
+
text = 'Syncing...';
|
|
17
|
+
render() {
|
|
18
|
+
return (h(Host, { key: '833aa19a39357398a9fc2d97246398b77f1b990f' }, h("div", { key: 'cabb31890ea7c6afdafa6427306caa19a2d8f818', class: { indicator: true, visible: this.visible }, role: "status", "aria-live": "polite", "aria-label": "Synchronizing workspace" }, h("span", { key: '086105d00156d8556d8a78cfb0cec47d65b40a1f', class: "spinner", "aria-hidden": "true" }), h("span", { key: '9934152bb9f55399a20112f4230c4efc1518a2e1' }, this.text))));
|
|
19
|
+
}
|
|
20
|
+
static get style() { return kritzelSyncIndicatorCss(); }
|
|
21
|
+
}, [513, "kritzel-sync-indicator", {
|
|
22
|
+
"visible": [4],
|
|
23
|
+
"text": [1]
|
|
24
|
+
}]);
|
|
25
|
+
function defineCustomElement() {
|
|
26
|
+
if (typeof customElements === "undefined") {
|
|
27
|
+
return;
|
|
28
|
+
}
|
|
29
|
+
const components = ["kritzel-sync-indicator"];
|
|
30
|
+
components.forEach(tagName => { switch (tagName) {
|
|
31
|
+
case "kritzel-sync-indicator":
|
|
32
|
+
if (!customElements.get(transformTag(tagName))) {
|
|
33
|
+
customElements.define(transformTag(tagName), KritzelSyncIndicator);
|
|
34
|
+
}
|
|
35
|
+
break;
|
|
36
|
+
} });
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
export { KritzelSyncIndicator as K, defineCustomElement as d };
|