@jxsuite/studio 4.0.0 → 5.0.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 +1 -1
- package/data/elements-meta.json +5 -15
- package/data/html-meta.json +51 -6
- package/dist/chunks/{2020-xp8vnwma.js → 2020-g79n01v9.js} +14 -14
- package/dist/chunks/action-group-sp6tna8v.js +118 -0
- package/dist/chunks/adapter-nj7tnjfn.js +13 -0
- package/dist/chunks/cf-account-picker-fyf63pmy.js +495 -0
- package/dist/chunks/cf-settings-71bv5zn9.js +20 -0
- package/dist/chunks/color-area-v17df7b8.js +154 -0
- package/dist/chunks/color-field-anwybnkn.js +208 -0
- package/dist/chunks/color-slider-44ez96fc.js +79 -0
- package/dist/chunks/color-xgg3kfw7.js +35 -0
- package/dist/chunks/combobox-5e7jev23.js +236 -0
- package/dist/chunks/components-2w1f35qs.js +18 -0
- package/dist/chunks/content-source-3wqeas45.js +46 -0
- package/dist/chunks/convert-to-repeater-d0cgnb6d.js +639 -0
- package/dist/chunks/dialog-s890b918.js +85 -0
- package/dist/chunks/editor-3qhbg51x.js +35 -0
- package/dist/chunks/entry-commands-d6g50j7s.js +42 -0
- package/dist/chunks/extension-sections-fy7q4fe9.js +651 -0
- package/dist/chunks/file-ops-3btj6st0.js +47 -0
- package/dist/chunks/files-ef8fgs3w.js +72 -0
- package/dist/chunks/format-host-3c33nwr8.js +40 -0
- package/dist/chunks/fs-events-13tj6sex.js +18 -0
- package/dist/chunks/git-panel-4wp2rn9b.js +49 -0
- package/dist/chunks/icons-yy10wk9r.js +402 -0
- package/dist/chunks/iframe-entry-15g3n6xv.js +114 -0
- package/dist/chunks/iframe-entry-b27vq81n.js +203 -0
- package/dist/chunks/iframe-entry-nbyxee1y.js +154 -0
- package/dist/chunks/iframe-host-jgesd924.js +115 -0
- package/dist/chunks/{index-nj44jpzj.js → index-mdmyx6s2.js} +11 -11
- package/dist/chunks/index-n4j7qxyr.js +109 -0
- package/dist/chunks/{javascript-q8kpmfah.js → javascript-xvrfrpkb.js} +8 -9
- package/dist/chunks/{jsonMode-dkr040ga.js → jsonMode-tyx2kj6p.js} +526 -527
- package/dist/chunks/jx-validate-j0wxk72w.js +15 -0
- package/dist/chunks/layers-1nq5evsh.js +29 -0
- package/dist/chunks/layers-panel-ar2gh90g.js +40 -0
- package/dist/chunks/listbox-6v2ac08j.js +44 -0
- package/dist/chunks/lit-html-m244w9nh.js +17 -0
- package/dist/chunks/media-picker-2qbetq73.js +33 -0
- package/dist/chunks/menu-q99sy9rf.js +285 -0
- package/dist/chunks/menu-rf7n72mf.js +14 -0
- package/dist/chunks/{monaco-binding-rj6xpx9y.js → monaco-binding-sw6en4dw.js} +12 -15
- package/dist/chunks/monaco-buffer-bhy3hb6m.js +24 -0
- package/dist/chunks/{monaco-setup-rws7k4br.js → monaco-setup-8r62fj6y.js} +27 -37
- package/dist/chunks/notify-628t0anh.js +21 -0
- package/dist/chunks/number-field-5cndyft8.js +72 -0
- package/dist/chunks/parse-0zx14y15.js +10 -0
- package/dist/chunks/platform-ts9cg1a4.js +15 -0
- package/dist/chunks/popover-47z3ytva.js +25 -0
- package/dist/chunks/publish-panel-98f7sr3g.js +27 -0
- package/dist/chunks/quick-search-srzz83k2.js +45 -0
- package/dist/chunks/references-n553f0e1.js +26 -0
- package/dist/chunks/right-panel-rrgx2dn3.js +45 -0
- package/dist/chunks/section-registry-5pq32t0q.js +25 -0
- package/dist/chunks/select-2r16ez41.js +49 -0
- package/dist/chunks/split-g7nm1rgb.js +191 -0
- package/dist/chunks/studio-0hqbpbd0.js +62 -0
- package/dist/chunks/studio-18avnhjp.js +2430 -0
- package/dist/chunks/{studio-kryvsw6j.js → studio-1k325pwf.js} +48 -48
- package/dist/chunks/{studio-hbtp0eh1.js → studio-25hkdrkw.js} +356 -85
- package/dist/chunks/studio-26d7myd1.js +258 -0
- package/dist/chunks/{studio-p8j86wag.js → studio-38emantv.js} +22 -5
- package/dist/chunks/studio-3gxv60tn.js +422 -0
- package/dist/chunks/{studio-8swrjbny.js → studio-3hxkd92t.js} +275 -163
- package/dist/chunks/studio-4m0haseg.js +185 -0
- package/dist/chunks/{studio-ynxwkrzd.js → studio-4wbb9ct0.js} +1953 -1785
- package/dist/chunks/{studio-gv8vvshc.js → studio-5523bpzt.js} +11 -11
- package/dist/chunks/{studio-5q69gfag.js → studio-57mf66w2.js} +1753 -2484
- package/dist/chunks/studio-5jy81t3s.js +17463 -0
- package/dist/chunks/studio-5rt7sqa0.js +1168 -0
- package/dist/chunks/studio-5te5tqng.js +81 -0
- package/dist/chunks/{studio-p4ngc046.js → studio-6ewqv390.js} +9 -9
- package/dist/chunks/{studio-9ab8gqsm.js → studio-6nzaktvy.js} +7 -7
- package/dist/chunks/studio-6xa21ej9.js +28 -0
- package/dist/chunks/{studio-5ehhackm.js → studio-727xh0e3.js} +19 -19
- package/dist/chunks/{studio-eenfkt4e.js → studio-79y5sz51.js} +52 -38
- package/dist/chunks/{studio-4q0wznzf.js → studio-7e11jpa9.js} +461 -145
- package/dist/chunks/{studio-q7v10cg2.js → studio-7r42c6ca.js} +17 -7
- package/dist/chunks/studio-7xptrg0j.js +954 -0
- package/dist/chunks/{studio-cft9r4r7.js → studio-81390n6f.js} +22 -22
- package/dist/chunks/{studio-q43a5y9h.js → studio-8jn5yhyn.js} +16 -16
- package/dist/chunks/studio-8qtrpzr3.js +839 -0
- package/dist/chunks/{studio-dg7zyt5x.js → studio-98b3z07n.js} +1 -1
- package/dist/chunks/studio-9xxz1q69.js +1356 -0
- package/dist/chunks/studio-akbww0j5.js +13615 -0
- package/dist/chunks/studio-arfpe389.js +195 -0
- package/dist/chunks/{studio-2zkz8evn.js → studio-az3zd49t.js} +473 -281
- package/dist/chunks/studio-cpvb2ed1.js +1171 -0
- package/dist/chunks/{studio-9r6j5ev1.js → studio-d0300636.js} +5078 -19
- package/dist/chunks/{studio-bgxt93ga.js → studio-d055c37e.js} +13 -13
- package/dist/chunks/studio-d1ja2x9r.js +362 -0
- package/dist/chunks/{studio-b9b6t1dg.js → studio-e1f24eff.js} +5664 -5666
- package/dist/chunks/{studio-4pqqxbrt.js → studio-em9nw8eh.js} +301 -112
- package/dist/chunks/studio-erdatzvp.js +1190 -0
- package/dist/chunks/{studio-g1wdche0.js → studio-esrxgwh6.js} +80 -80
- package/dist/chunks/studio-fabxk6r9.js +2811 -0
- package/dist/chunks/{studio-3n4ndrzh.js → studio-h4nvnjvz.js} +303 -303
- package/dist/chunks/studio-hhvs4sdg.js +195 -0
- package/dist/chunks/{studio-68n67094.js → studio-kcgff4r0.js} +15 -18
- package/dist/chunks/{studio-685s0ytq.js → studio-nqgawfks.js} +572 -572
- package/dist/chunks/{studio-xrapxwwc.js → studio-p1dw8wfw.js} +55 -29
- package/dist/chunks/studio-pm6hgy7r.js +4763 -0
- package/dist/chunks/studio-q0a3yk4n.js +33 -0
- package/dist/chunks/{studio-wcy8trfx.js → studio-q3x06vmj.js} +23 -22
- package/dist/chunks/studio-qahxvnan.js +111 -0
- package/dist/chunks/{studio-53n8bp04.js → studio-r6xmmtfh.js} +1 -1
- package/dist/chunks/{studio-kjjsjak4.js → studio-rkstz940.js} +3661 -6136
- package/dist/chunks/{studio-tvgyw9xw.js → studio-rnyf3f8e.js} +83 -250
- package/dist/chunks/studio-rpyah2ew.js +2805 -0
- package/dist/chunks/studio-rs76k67r.js +12 -0
- package/dist/chunks/{studio-yxrkyv8a.js → studio-s6z853aq.js} +12108 -11766
- package/dist/chunks/{studio-sf7zjgv1.js → studio-sgdc5pfc.js} +8 -8
- package/dist/chunks/studio-tb3ev01j.js +763 -0
- package/dist/chunks/{studio-t5wqwzdh.js → studio-tjjk7jvk.js} +1 -1
- package/dist/chunks/studio-vhv5tgxm.js +51 -0
- package/dist/chunks/{studio-htsf0w6m.js → studio-vz68yn9e.js} +31 -154
- package/dist/chunks/studio-wqpngpsk.js +174 -0
- package/dist/chunks/{studio-eesa1myv.js → studio-x3rty6tr.js} +58 -58
- package/dist/chunks/studio-xsykpvsh.js +8448 -0
- package/dist/chunks/{studio-92ab2jqe.js → studio-y9zedyjn.js} +14 -14
- package/dist/chunks/studio-yxa81f45.js +12 -0
- package/dist/chunks/swatch-group-t0n6h2rn.js +139 -0
- package/dist/chunks/tabs-wbp1cdws.js +156 -0
- package/dist/chunks/textfield-abk6qyee.js +73 -0
- package/dist/chunks/toast-780pvfbv.js +27 -0
- package/dist/chunks/toast-host-3sqv46sn.js +116 -0
- package/dist/chunks/toolbar-xbh5bhtr.js +194 -0
- package/dist/chunks/tooltip-eptb614w.js +369 -0
- package/dist/chunks/tree-a73p0pqm.js +367 -0
- package/dist/chunks/{tsMode-76kr53q0.js → tsMode-jy4m86rv.js} +83 -85
- package/dist/chunks/workspace-wrew8zk4.js +69 -0
- package/dist/chunks/{ws-client-6shc5rze.js → ws-client-ny4zc51r.js} +20 -22
- package/dist/iframe-entry.js +1812 -698
- package/dist/manifest.json +7 -0
- package/dist/studio.js +52900 -36573
- package/dist/workers/editor.worker.js +1040 -1085
- package/dist/workers/json.worker.js +1946 -1991
- package/dist/workers/ts.worker.js +4960 -5005
- package/favicon.ico +0 -0
- package/index.html +2 -0
- package/package.json +22 -55
- package/src/about/about-modal.ts +73 -123
- package/src/browse/library-commands.ts +20 -49
- package/src/browse/library-layouts.ts +87 -218
- package/src/browse/library-pane.ts +406 -438
- package/src/canvas/canvas-helpers.ts +0 -49
- package/src/canvas/canvas-live-render.ts +25 -2
- package/src/canvas/canvas-render.ts +666 -231
- package/src/canvas/canvas-surface.ts +0 -1
- package/src/canvas/canvas-utils.ts +310 -117
- package/src/canvas/dialog-path.ts +76 -0
- package/src/canvas/dialog-state.ts +67 -0
- package/src/canvas/diff-marks.ts +252 -0
- package/src/canvas/diff-toolbar.ts +349 -0
- package/src/canvas/diff-view.ts +123 -0
- package/src/canvas/edit-width-drag.ts +187 -0
- package/src/canvas/edit-width.ts +150 -0
- package/src/canvas/iframe-entry.ts +125 -8
- package/src/canvas/iframe-host.ts +271 -15
- package/src/canvas/iframe-interaction.ts +133 -13
- package/src/canvas/iframe-patch.ts +7 -1
- package/src/canvas/iframe-position.ts +5 -6
- package/src/canvas/iframe-protocol.ts +106 -5
- package/src/canvas/iframe-render.ts +373 -5
- package/src/canvas/iframe-slash.ts +2 -2
- package/src/canvas/iframe-subtree.ts +5 -8
- package/src/canvas/path-mapping.ts +25 -3
- package/src/canvas/popover-path.ts +106 -0
- package/src/canvas/popover-state.ts +155 -0
- package/src/canvas/surface-registry.ts +21 -10
- package/src/collab/presence-chips.ts +51 -73
- package/src/commands/app-commands.ts +10 -0
- package/src/commands/budget.ts +12 -0
- package/src/commands/command-args.ts +369 -6
- package/src/commands/defaults.ts +44 -14
- package/src/commands/live-context.ts +11 -5
- package/src/commands/reference.ts +12 -2
- package/src/commands/registry.ts +165 -8
- package/src/content/entry-commands.ts +16 -23
- package/src/content/entry-editor.ts +144 -101
- package/src/editor/canvas-slash-bridge.ts +2 -2
- package/src/editor/context-menu.ts +49 -200
- package/src/editor/convert-to-component.ts +42 -82
- package/src/editor/convert-to-repeater.ts +132 -173
- package/src/editor/inline-edit.ts +11 -0
- package/src/editor/shortcuts.ts +65 -26
- package/src/editor/slash-menu.ts +150 -157
- package/src/files/file-ops.ts +117 -11
- package/src/files/files.ts +949 -664
- package/src/files/json-layout.ts +474 -0
- package/src/files/media-paths.ts +13 -42
- package/src/files/media-usage.ts +41 -131
- package/src/files/serialize-document.ts +8 -1
- package/src/format/convert-file.ts +16 -10
- package/src/format/format-host.ts +50 -1
- package/src/github/github-auth.ts +71 -29
- package/src/github/github-publish.ts +57 -65
- package/src/grid/cell-editors.ts +46 -4
- package/src/grid/cell-popovers.ts +65 -62
- package/src/grid/grid-open.ts +86 -64
- package/src/grid/grid-panel.ts +390 -469
- package/src/grid/redirects-grid.ts +40 -44
- package/src/hosting/document.ts +2 -0
- package/src/hosting/layout.ts +10 -0
- package/src/i18n/i18n-commands.ts +127 -62
- package/src/media/media-pane.ts +83 -133
- package/src/new-project/add-repo-modal.ts +125 -176
- package/src/new-project/import-tab.ts +201 -250
- package/src/new-project/location-fields.ts +101 -165
- package/src/new-project/new-project-modal.ts +376 -367
- package/src/packages/jxsuite-update.ts +76 -18
- package/src/panels/activity-panel.ts +137 -104
- package/src/panels/ai-chat/chat-markdown.ts +15 -13
- package/src/panels/ai-chat/chat-view.ts +307 -472
- package/src/panels/ai-chat/composer.ts +175 -153
- package/src/panels/ai-chat/sessions-view.ts +31 -62
- package/src/panels/ai-panel.ts +210 -185
- package/src/panels/block-action-bar.ts +437 -643
- package/src/panels/bottom-dock.ts +112 -47
- package/src/panels/chat-panel.ts +19 -14
- package/src/panels/data-explorer.ts +141 -102
- package/src/panels/data-grid.ts +183 -150
- package/src/panels/dnd.ts +75 -20
- package/src/panels/editors.ts +26 -19
- package/src/panels/elements-panel.ts +243 -186
- package/src/panels/empty-state.ts +26 -42
- package/src/panels/events-panel.ts +950 -729
- package/src/panels/formula-workspace.ts +434 -207
- package/src/panels/frontmatter-fields.ts +185 -153
- package/src/panels/frontmatter-panel.ts +411 -187
- package/src/panels/git-diff-open.ts +148 -0
- package/src/panels/git-panel.ts +679 -605
- package/src/panels/head-panel.ts +617 -435
- package/src/panels/i18n-panel.ts +153 -133
- package/src/panels/imports-panel.ts +388 -414
- package/src/panels/jump-bar.ts +174 -147
- package/src/panels/layers-panel.ts +785 -671
- package/src/panels/left-panel.ts +166 -94
- package/src/panels/navigator-panels.ts +1 -1
- package/src/panels/pane-context.ts +529 -677
- package/src/panels/pane-grid.ts +265 -241
- package/src/panels/panel-registry.ts +15 -4
- package/src/panels/problems-panel.ts +177 -99
- package/src/panels/properties-panel.ts +1525 -966
- package/src/panels/provenance.ts +31 -113
- package/src/panels/quick-search.ts +217 -172
- package/src/panels/right-panel.ts +135 -169
- package/src/panels/seo-modal.ts +346 -167
- package/src/panels/settings-menu.ts +109 -646
- package/src/panels/settings-pane.ts +102 -86
- package/src/panels/signals-panel.ts +1318 -1172
- package/src/panels/statement-editor.ts +556 -428
- package/src/panels/style-panel.ts +1367 -630
- package/src/panels/style-utils.ts +36 -32
- package/src/panels/stylebook-doc.ts +30 -73
- package/src/panels/stylebook-layers-panel.ts +202 -109
- package/src/panels/stylebook-panel.ts +124 -88
- package/src/panels/tab-strip.ts +385 -287
- package/src/platforms/cloud.ts +347 -86
- package/src/platforms/devserver.ts +13 -0
- package/src/publish/deploy-checklist.ts +124 -78
- package/src/publish/publish-commands.ts +4 -12
- package/src/publish/publish-panel.ts +165 -299
- package/src/services/a11y-report.ts +100 -43
- package/src/services/ai-command-tools.ts +468 -0
- package/src/services/ai-import-tools.ts +50 -12
- package/src/services/ai-models.ts +108 -1
- package/src/services/ai-session-store.ts +6 -0
- package/src/services/ai-system-prompt.ts +110 -18
- package/src/services/ai-tools.ts +28 -143
- package/src/services/ai-write-report.ts +174 -0
- package/src/services/context-manager.ts +12 -1
- package/src/services/document-assistant.ts +50 -2
- package/src/services/idle.ts +16 -14
- package/src/services/live-surfaces.ts +237 -0
- package/src/services/model-uri.ts +75 -0
- package/src/services/notify.ts +63 -6
- package/src/services/popover-report.ts +325 -0
- package/src/services/surface-registry.ts +56 -0
- package/src/services/tool-executor.ts +17 -0
- package/src/settings/contexts-section.ts +301 -299
- package/src/settings/contributed-section.ts +361 -222
- package/src/settings/css-vars-editor.ts +320 -325
- package/src/settings/defs-editor.ts +572 -535
- package/src/settings/dependencies-editor.ts +79 -107
- package/src/settings/extension-commands.ts +379 -0
- package/src/settings/extension-rows.ts +113 -0
- package/src/settings/extensions-section.ts +287 -0
- package/src/settings/general-settings.ts +130 -181
- package/src/settings/head-editor.ts +10 -305
- package/src/settings/locales-section.ts +146 -196
- package/src/settings/preferences-accounts.ts +193 -12
- package/src/settings/preferences-dialog.ts +384 -307
- package/src/settings/project-sections.ts +108 -181
- package/src/settings/schema-field-ui.ts +11 -399
- package/src/settings/section-registry.ts +8 -1
- package/src/settings/settings-document.ts +31 -29
- package/src/shell/tree.ts +42 -87
- package/src/shell.ts +48 -36
- package/src/studio.ts +90 -67
- package/src/style/token-ref.ts +0 -39
- package/src/surfaces/about.json +263 -0
- package/src/surfaces/about.ts +163 -0
- package/src/surfaces/add-repo.json +486 -0
- package/src/surfaces/add-repo.ts +236 -0
- package/src/surfaces/ai-chat.json +2185 -0
- package/src/surfaces/ai-chat.ts +549 -0
- package/src/surfaces/ai-credentials-form.json +332 -0
- package/src/surfaces/ai-credentials-form.ts +151 -0
- package/src/surfaces/ai-managed-connect.json +108 -0
- package/src/surfaces/ai-managed-connect.ts +123 -0
- package/src/surfaces/ai-model-picker.json +114 -0
- package/src/surfaces/ai-model-picker.ts +139 -0
- package/src/surfaces/block-action-bar.json +640 -0
- package/src/surfaces/block-action-bar.ts +368 -0
- package/src/surfaces/bottom-dock.json +154 -0
- package/src/surfaces/bottom-dock.ts +125 -0
- package/src/surfaces/canvas-stage.json +444 -0
- package/src/surfaces/canvas-stage.ts +253 -0
- package/src/surfaces/cf-account-picker.json +300 -0
- package/src/surfaces/cf-account-picker.ts +214 -0
- package/src/surfaces/commandbar.json +984 -0
- package/src/{panels/toolbar.ts → surfaces/commandbar.ts} +414 -389
- package/src/surfaces/convert-repeater.json +309 -0
- package/src/surfaces/convert-repeater.ts +276 -0
- package/src/surfaces/data-actions.json +157 -0
- package/src/surfaces/data-actions.ts +115 -0
- package/src/surfaces/dialog.json +289 -0
- package/src/surfaces/dialog.ts +343 -0
- package/src/surfaces/diff-toolbar.json +266 -0
- package/src/surfaces/diff-toolbar.ts +139 -0
- package/src/surfaces/doc-header.json +739 -0
- package/src/surfaces/doc-header.ts +223 -0
- package/src/surfaces/empty-state.json +152 -0
- package/src/surfaces/empty-state.ts +173 -0
- package/src/surfaces/entry-editor.json +281 -0
- package/src/surfaces/entry-editor.ts +191 -0
- package/src/surfaces/expression-editor.json +977 -0
- package/src/surfaces/expression-editor.ts +266 -0
- package/src/surfaces/files-panel.json +592 -0
- package/src/surfaces/files-panel.ts +301 -0
- package/src/surfaces/formula-palette.json +364 -0
- package/src/surfaces/formula-palette.ts +340 -0
- package/src/surfaces/git-panel.json +1822 -0
- package/src/surfaces/git-panel.ts +272 -0
- package/src/surfaces/github-auth.json +112 -0
- package/src/surfaces/github-auth.ts +139 -0
- package/src/surfaces/github-publish.json +206 -0
- package/src/surfaces/github-publish.ts +169 -0
- package/src/surfaces/grid-cell.json +218 -0
- package/src/surfaces/grid-cell.ts +120 -0
- package/src/surfaces/grid-open.json +147 -0
- package/src/surfaces/grid-open.ts +87 -0
- package/src/surfaces/grid-panel.json +706 -0
- package/src/surfaces/grid-panel.ts +206 -0
- package/src/surfaces/grid-replace.json +179 -0
- package/src/surfaces/grid-replace.ts +89 -0
- package/src/surfaces/grid-views.json +446 -0
- package/src/surfaces/grid-views.ts +172 -0
- package/src/surfaces/inspector-dock.json +187 -0
- package/src/surfaces/inspector-dock.ts +161 -0
- package/src/surfaces/jump-bar.json +243 -0
- package/src/surfaces/jump-bar.ts +129 -0
- package/src/surfaces/jxsuite-update.json +146 -0
- package/src/surfaces/jxsuite-update.ts +149 -0
- package/src/surfaces/library-pane.json +1509 -0
- package/src/surfaces/library-pane.ts +363 -0
- package/src/surfaces/logic-panel.json +1949 -0
- package/src/surfaces/logic-panel.ts +369 -0
- package/src/surfaces/logic-workspace.json +685 -0
- package/src/surfaces/logic-workspace.ts +238 -0
- package/src/surfaces/media-browser.json +303 -0
- package/src/surfaces/media-browser.ts +145 -0
- package/src/surfaces/media-field.json +163 -0
- package/src/surfaces/media-field.ts +116 -0
- package/src/surfaces/media-pane.json +513 -0
- package/src/surfaces/media-pane.ts +197 -0
- package/src/surfaces/menu.json +232 -0
- package/src/surfaces/menu.ts +375 -0
- package/src/surfaces/navigator-dock.json +113 -0
- package/src/surfaces/navigator-dock.ts +130 -0
- package/src/surfaces/new-project.json +1654 -0
- package/src/surfaces/new-project.ts +411 -0
- package/src/surfaces/palette.json +535 -0
- package/src/surfaces/pane-context.json +1497 -0
- package/src/surfaces/pane-context.ts +513 -0
- package/src/surfaces/pane-grid.json +188 -0
- package/src/surfaces/pane-grid.ts +250 -0
- package/src/surfaces/panel-activity.json +563 -0
- package/src/surfaces/panel-activity.ts +187 -0
- package/src/surfaces/panel-data.json +141 -0
- package/src/surfaces/panel-data.ts +156 -0
- package/src/surfaces/panel-deploy-checklist.json +283 -0
- package/src/surfaces/panel-deploy-checklist.ts +175 -0
- package/src/surfaces/panel-elements.json +367 -0
- package/src/surfaces/panel-elements.ts +175 -0
- package/src/surfaces/panel-i18n.json +569 -0
- package/src/surfaces/panel-i18n.ts +212 -0
- package/src/surfaces/panel-imports.json +780 -0
- package/src/surfaces/panel-imports.ts +209 -0
- package/src/surfaces/panel-outline.json +734 -0
- package/src/surfaces/panel-outline.ts +326 -0
- package/src/surfaces/panel-page.json +1017 -0
- package/src/surfaces/panel-page.ts +240 -0
- package/src/surfaces/panel-problems.json +497 -0
- package/src/surfaces/panel-problems.ts +157 -0
- package/src/surfaces/panel-signals.json +1973 -0
- package/src/surfaces/panel-signals.ts +436 -0
- package/src/surfaces/panel-stylebook-layers.json +317 -0
- package/src/surfaces/panel-stylebook-layers.ts +155 -0
- package/src/surfaces/preferences.json +850 -0
- package/src/surfaces/preferences.ts +332 -0
- package/src/surfaces/progress-modal.json +110 -0
- package/src/surfaces/progress-modal.ts +150 -0
- package/src/surfaces/properties-panel.json +1578 -0
- package/src/surfaces/properties-panel.ts +337 -0
- package/src/surfaces/publish.json +945 -0
- package/src/surfaces/publish.ts +392 -0
- package/src/surfaces/push-plan.json +110 -0
- package/src/surfaces/push-plan.ts +87 -0
- package/src/surfaces/rail.json +255 -0
- package/src/surfaces/rail.ts +206 -0
- package/src/surfaces/reference-field.json +191 -0
- package/src/surfaces/reference-field.ts +168 -0
- package/src/surfaces/schema-builder.json +1011 -0
- package/src/surfaces/schema-builder.ts +181 -0
- package/src/surfaces/schema-form.json +1013 -0
- package/src/surfaces/schema-form.ts +287 -0
- package/src/surfaces/secret-field.json +60 -0
- package/src/surfaces/secret-field.ts +146 -0
- package/src/surfaces/seo.json +932 -0
- package/src/surfaces/seo.ts +334 -0
- package/src/surfaces/settings-contexts.json +538 -0
- package/src/surfaces/settings-contexts.ts +196 -0
- package/src/surfaces/settings-contributed.json +489 -0
- package/src/surfaces/settings-contributed.ts +199 -0
- package/src/surfaces/settings-css-vars.json +820 -0
- package/src/surfaces/settings-css-vars.ts +199 -0
- package/src/surfaces/settings-defs.json +1363 -0
- package/src/surfaces/settings-defs.ts +232 -0
- package/src/surfaces/settings-deploy.json +108 -0
- package/src/surfaces/settings-deploy.ts +135 -0
- package/src/surfaces/settings-extensions.json +486 -0
- package/src/surfaces/settings-extensions.ts +201 -0
- package/src/surfaces/settings-head.json +779 -0
- package/src/surfaces/settings-head.ts +397 -0
- package/src/surfaces/settings-locales.json +420 -0
- package/src/surfaces/settings-locales.ts +137 -0
- package/src/surfaces/settings-overview.json +423 -0
- package/src/surfaces/settings-overview.ts +218 -0
- package/src/surfaces/settings-packages.json +549 -0
- package/src/surfaces/settings-packages.ts +158 -0
- package/src/surfaces/settings-pane.json +147 -0
- package/src/surfaces/settings-pane.ts +150 -0
- package/src/surfaces/settings-rawjson.json +104 -0
- package/src/surfaces/settings-rawjson.ts +107 -0
- package/src/surfaces/shell.json +99 -0
- package/src/surfaces/shell.ts +30 -0
- package/src/surfaces/slash-menu.json +180 -0
- package/src/surfaces/slash-menu.ts +272 -0
- package/src/surfaces/statements.json +607 -0
- package/src/surfaces/statements.ts +238 -0
- package/src/surfaces/statusbar.json +94 -0
- package/src/{panels → surfaces}/statusbar.ts +163 -90
- package/src/surfaces/style-panel.json +1643 -0
- package/src/surfaces/style-panel.ts +338 -0
- package/src/surfaces/stylebook-chrome.json +122 -0
- package/src/surfaces/stylebook-chrome.ts +122 -0
- package/src/surfaces/tab-strip.json +448 -0
- package/src/surfaces/tab-strip.ts +200 -0
- package/src/surfaces/target-line.json +419 -0
- package/src/surfaces/target-line.ts +349 -0
- package/src/surfaces/toasts.json +189 -0
- package/src/surfaces/welcome.json +571 -0
- package/src/surfaces/welcome.ts +338 -0
- package/src/tabs/project-config.ts +71 -15
- package/src/tabs/tab.ts +52 -1
- package/src/types.ts +49 -3
- package/src/ui/ai-credentials-form.ts +104 -100
- package/src/ui/ai-managed-connect.ts +116 -49
- package/src/ui/ai-model-picker.ts +102 -47
- package/src/ui/cf-account-picker.ts +135 -0
- package/src/ui/color-selector.ts +80 -301
- package/src/ui/dynamic-slot.ts +43 -283
- package/src/ui/expression-editor.ts +797 -576
- package/src/ui/field-input.ts +8 -181
- package/src/ui/form-controls.ts +838 -366
- package/src/ui/formula-chips.ts +80 -85
- package/src/ui/kit.ts +33 -0
- package/src/ui/layers.ts +293 -593
- package/src/ui/media-picker.ts +203 -284
- package/src/ui/panel-resize.ts +251 -64
- package/src/ui/popover-surface.ts +153 -0
- package/src/ui/progress-modal.ts +22 -60
- package/src/ui/regions.ts +13 -7
- package/src/ui/schema-form.ts +906 -440
- package/src/ui/surface.ts +122 -0
- package/src/ui/unit-selector.ts +15 -131
- package/src/ui/value-source.ts +14 -0
- package/src/ui/virtual-window.ts +88 -9
- package/src/utils/canvas-media.ts +72 -0
- package/src/utils/edit-display.ts +7 -2
- package/src/utils/element-selectors.ts +69 -0
- package/src/utils/link-target.ts +2 -2
- package/src/utils/studio-utils.ts +0 -10
- package/src/view.ts +15 -0
- package/src/workspace/pane-derive.ts +36 -14
- package/src/workspace/workspace.ts +15 -6
- package/styles/canvas.css +72 -467
- package/styles/forced-colors.css +48 -82
- package/styles/forced-colors.json +41 -0
- package/styles/inspector.css +2 -1301
- package/styles/overlays.css +96 -2823
- package/styles/panels.css +6 -1423
- package/styles/shell-frame.css +272 -0
- package/styles/shell-frame.json +227 -0
- package/styles/shell.css +0 -1532
- package/styles/tokens.css +65 -136
- package/styles/tokens.json +84 -0
- package/dist/chunks/Overlay.dev-723bv0df.js +0 -23
- package/dist/chunks/adapter-jkcyhgtr.js +0 -14
- package/dist/chunks/cf-settings-45fgyx8y.js +0 -21
- package/dist/chunks/components-zmx10t62.js +0 -21
- package/dist/chunks/content-source-t88vb2dr.js +0 -49
- package/dist/chunks/convert-to-repeater-dhw1nrz9.js +0 -268
- package/dist/chunks/editor-cptq5jp1.js +0 -37
- package/dist/chunks/entry-commands-6z6bhxg0.js +0 -46
- package/dist/chunks/extension-sections-3ydgjbdy.js +0 -311
- package/dist/chunks/file-ops-rskmhxyq.js +0 -48
- package/dist/chunks/files-0cratsr0.js +0 -92
- package/dist/chunks/flow-qbfgrpeh.js +0 -634
- package/dist/chunks/focus-trap.esm-ggawf1hy.js +0 -1024
- package/dist/chunks/focus-visible-6eg70z18.js +0 -167
- package/dist/chunks/format-host-tgcmfs4p.js +0 -43
- package/dist/chunks/fs-events-hrrg328g.js +0 -21
- package/dist/chunks/git-panel-0yywyk76.js +0 -58
- package/dist/chunks/index-zqxmqxmh.js +0 -109
- package/dist/chunks/jx-validate-8q2g05x1.js +0 -19
- package/dist/chunks/layers-panel-z3tqe5cd.js +0 -67
- package/dist/chunks/layers-q75tj2mf.js +0 -45
- package/dist/chunks/lit-html-j055mkh8.js +0 -22
- package/dist/chunks/monaco-buffer-dqw0xxpx.js +0 -25
- package/dist/chunks/notify-yjm79n4s.js +0 -30
- package/dist/chunks/parse-24d0gay3.js +0 -19
- package/dist/chunks/platform-ba1j1gbh.js +0 -16
- package/dist/chunks/publish-panel-54jvhskq.js +0 -28
- package/dist/chunks/quick-search-cgfmjwq5.js +0 -65
- package/dist/chunks/references-3qx8fkyp.js +0 -29
- package/dist/chunks/right-panel-cqp8bc4v.js +0 -46
- package/dist/chunks/section-registry-sx1ykvkw.js +0 -30
- package/dist/chunks/sp-overlay.dev-yztmtrs1.js +0 -18
- package/dist/chunks/sp-popover.dev-n2etmqdp.js +0 -9
- package/dist/chunks/sp-progress-circle.dev-hryhj0es.js +0 -15
- package/dist/chunks/sp-tooltip.dev-xcvpnqr0.js +0 -15
- package/dist/chunks/sp-tray.dev-tkbscm06.js +0 -199
- package/dist/chunks/studio-0a5qrh01.js +0 -3
- package/dist/chunks/studio-18j3bmcz.js +0 -14
- package/dist/chunks/studio-1hbqnt19.js +0 -1823
- package/dist/chunks/studio-4rzyrtjz.js +0 -426
- package/dist/chunks/studio-5rywrkxz.js +0 -1903
- package/dist/chunks/studio-7afd21nw.js +0 -67
- package/dist/chunks/studio-7nte2hj4.js +0 -613
- package/dist/chunks/studio-8jpzqk5s.js +0 -128
- package/dist/chunks/studio-8q517dfr.js +0 -24
- package/dist/chunks/studio-9c4k4vhv.js +0 -357
- package/dist/chunks/studio-9n4mrmnb.js +0 -184
- package/dist/chunks/studio-a0tswy0w.js +0 -58
- package/dist/chunks/studio-ahjfdy6e.js +0 -387
- package/dist/chunks/studio-ahnzd9rg.js +0 -23
- package/dist/chunks/studio-bw5dz6km.js +0 -608
- package/dist/chunks/studio-cb12yz9w.js +0 -15055
- package/dist/chunks/studio-d1ks410h.js +0 -175
- package/dist/chunks/studio-eqq1w638.js +0 -113
- package/dist/chunks/studio-ex8zyp98.js +0 -1813
- package/dist/chunks/studio-h4rxscfc.js +0 -10
- package/dist/chunks/studio-kyh9avvv.js +0 -28
- package/dist/chunks/studio-kyk2v92a.js +0 -659
- package/dist/chunks/studio-m3hwn7y1.js +0 -120
- package/dist/chunks/studio-mmv72a27.js +0 -4344
- package/dist/chunks/studio-n8b9wqwy.js +0 -291
- package/dist/chunks/studio-pdfjntbk.js +0 -6939
- package/dist/chunks/studio-qq6jym04.js +0 -53
- package/dist/chunks/studio-r1r7afxx.js +0 -1066
- package/dist/chunks/studio-rdx8jcxy.js +0 -83
- package/dist/chunks/studio-rn9ta2mz.js +0 -111
- package/dist/chunks/studio-t7qb9db8.js +0 -665
- package/dist/chunks/studio-tmc5emrw.js +0 -8
- package/dist/chunks/studio-txwkm6p9.js +0 -12
- package/dist/chunks/studio-v38hmvx1.js +0 -390
- package/dist/chunks/studio-vadzgkrz.js +0 -318
- package/dist/chunks/studio-wx5609xd.js +0 -341
- package/dist/chunks/studio-z6nw2ek2.js +0 -18
- package/dist/chunks/studio-zczps70q.js +0 -378
- package/dist/chunks/workspace-xpres40v.js +0 -89
- package/src/panels/activity-bar.ts +0 -251
- package/src/panels/panel-scheduler.ts +0 -219
- package/src/panels/style-inputs.ts +0 -237
- package/src/panels/target-line.ts +0 -274
- package/src/panels/welcome-screen.ts +0 -346
- package/src/ui/button-group.ts +0 -102
- package/src/ui/choice-field.ts +0 -72
- package/src/ui/field-row.ts +0 -249
- package/src/ui/formula-palette.ts +0 -213
- package/src/ui/icons.ts +0 -52
- package/src/ui/jx-theme.ts +0 -130
- package/src/ui/spectrum.ts +0 -340
- package/src/ui/value-selector.ts +0 -174
- package/src/ui/widgets.ts +0 -172
- /package/dist/chunks/{javascript-s56a8dpk.css → javascript-4abzjcy9.css} +0 -0
- /package/dist/chunks/{jsonMode-zr9sw0c7.css → jsonMode-vvmpmk34.css} +0 -0
- /package/dist/chunks/{monaco-setup-pav68602.css → monaco-setup-8vbyqnhr.css} +0 -0
- /package/dist/chunks/{tsMode-ef187txx.css → tsMode-hnxxb73h.css} +0 -0
|
@@ -1,318 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
focusableSelector
|
|
3
|
-
} from "./studio-8q517dfr.js";
|
|
4
|
-
import {
|
|
5
|
-
defineElement
|
|
6
|
-
} from "./studio-18j3bmcz.js";
|
|
7
|
-
import {
|
|
8
|
-
SpectrumElement,
|
|
9
|
-
property,
|
|
10
|
-
query
|
|
11
|
-
} from "./studio-zczps70q.js";
|
|
12
|
-
import {
|
|
13
|
-
css
|
|
14
|
-
} from "./studio-7nte2hj4.js";
|
|
15
|
-
import {
|
|
16
|
-
ifDefined
|
|
17
|
-
} from "./studio-m3hwn7y1.js";
|
|
18
|
-
import {
|
|
19
|
-
html
|
|
20
|
-
} from "./studio-kryvsw6j.js";
|
|
21
|
-
import {
|
|
22
|
-
__require
|
|
23
|
-
} from "./studio-a0tswy0w.js";
|
|
24
|
-
|
|
25
|
-
// ../../node_modules/@spectrum-web-components/reactive-controllers/src/DependencyManger.dev.js
|
|
26
|
-
var dependencyManagerLoadedSymbol = Symbol("dependency manager loaded");
|
|
27
|
-
|
|
28
|
-
class DependencyManagerController {
|
|
29
|
-
constructor(host) {
|
|
30
|
-
this.dependencies = {};
|
|
31
|
-
this._loaded = false;
|
|
32
|
-
this.host = host;
|
|
33
|
-
}
|
|
34
|
-
get loaded() {
|
|
35
|
-
return this._loaded;
|
|
36
|
-
}
|
|
37
|
-
set loaded(loaded) {
|
|
38
|
-
if (loaded === this.loaded) {
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
this._loaded = loaded;
|
|
42
|
-
this.host.requestUpdate(dependencyManagerLoadedSymbol, !this.loaded);
|
|
43
|
-
}
|
|
44
|
-
add(dependency, alreadyLoaded) {
|
|
45
|
-
const loaded = !!alreadyLoaded || !!customElements.get(dependency) || this.dependencies[dependency];
|
|
46
|
-
if (!loaded) {
|
|
47
|
-
customElements.whenDefined(dependency).then(() => {
|
|
48
|
-
this.add(dependency, true);
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
this.dependencies = {
|
|
52
|
-
...this.dependencies,
|
|
53
|
-
[dependency]: loaded
|
|
54
|
-
};
|
|
55
|
-
this.loaded = Object.values(this.dependencies).every((loaded2) => loaded2);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
// ../../node_modules/@spectrum-web-components/tooltip/src/tooltip.css.js
|
|
60
|
-
var o = css`
|
|
61
|
-
#tooltip{visibility:hidden;pointer-events:none;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,opacity var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))ease-in-out,visibility 0s linear var(--mod-overlay-animation-duration,var(--spectrum-animation-duration-100,.13s))}:host([open]) #tooltip{visibility:visible;pointer-events:auto;opacity:1;transition-delay:0s;transition-delay:var(--mod-overlay-animation-duration-opened,var(--spectrum-animation-duration-0,0s))}#tooltip{--spectrum-tooltip-animation-duration:var(--spectrum-animation-duration-100);--spectrum-tooltip-margin:0px;--spectrum-tooltip-height:var(--spectrum-component-height-75);--spectrum-tooltip-max-inline-size:var(--spectrum-tooltip-maximum-width);--spectrum-tooltip-border-radius:var(--spectrum-corner-radius-100);--spectrum-tooltip-icon-width:var(--spectrum-workflow-icon-size-50);--spectrum-tooltip-icon-height:var(--spectrum-workflow-icon-size-50);--spectrum-tooltip-font-size:var(--spectrum-font-size-75);--spectrum-tooltip-line-height:var(--spectrum-line-height-100);--spectrum-tooltip-cjk-line-height:var(--spectrum-cjk-line-height-100);--spectrum-tooltip-font-weight:var(--spectrum-regular-font-weight);--spectrum-tooltip-spacing-inline:var(--spectrum-component-edge-to-text-75);--spectrum-tooltip-spacing-block-start:var(--spectrum-component-top-to-text-75);--spectrum-tooltip-spacing-block-end:var(--spectrum-component-bottom-to-text-75);--spectrum-tooltip-icon-spacing-inline-start:var(--spectrum-text-to-visual-75);--spectrum-tooltip-icon-spacing-inline-end:var(--spectrum-text-to-visual-75);--spectrum-tooltip-icon-spacing-block-start:var(--spectrum-component-top-to-workflow-icon-75);--spectrum-tooltip-background-color-informative:var(--spectrum-informative-background-color-default);--spectrum-tooltip-background-color-positive:var(--spectrum-positive-background-color-default);--spectrum-tooltip-background-color-negative:var(--spectrum-negative-background-color-default);--spectrum-tooltip-content-color:var(--spectrum-white);--spectrum-tooltip-tip-inline-size:var(--spectrum-tooltip-tip-width);--spectrum-tooltip-tip-block-size:var(--spectrum-tooltip-tip-height);--spectrum-tooltip-tip-square-size:var(--spectrum-tooltip-tip-inline-size);--spectrum-tooltip-tip-height-percentage:50%;--spectrum-tooltip-tip-antialiasing-inset:.5px;--spectrum-tooltip-pointer-corner-spacing:var(--spectrum-corner-radius-100);--spectrum-tooltip-background-color-default:var(--spectrum-tooltip-backgound-color-default-neutral)}@media (forced-colors:active){#tooltip{border:1px solid #0000}#tip{--highcontrast-tooltip-background-color-default:CanvasText;--highcontrast-tooltip-background-color-informative:CanvasText;--highcontrast-tooltip-background-color-positive:CanvasText;--highcontrast-tooltip-background-color-negative:CanvasText;forced-color-adjust:none}}#tooltip{-webkit-font-smoothing:antialiased;box-sizing:border-box;inline-size:auto;max-inline-size:var(--mod-tooltip-max-inline-size,var(--spectrum-tooltip-max-inline-size));block-size:auto;min-block-size:var(--mod-tooltip-height,var(--spectrum-tooltip-height));padding-inline:var(--mod-tooltip-spacing-inline,var(--spectrum-tooltip-spacing-inline));font-size:var(--mod-tooltip-font-size,var(--spectrum-tooltip-font-size));font-weight:var(--mod-tooltip-font-weight,var(--spectrum-tooltip-font-weight));line-height:var(--mod-tooltip-line-height,var(--spectrum-tooltip-line-height));vertical-align:top;color:var(--mod-tooltip-content-color,var(--spectrum-tooltip-content-color));overflow-wrap:break-word;background-color:var(--highcontrast-tooltip-background-color-default,var(--mod-tooltip-background-color-default,var(--spectrum-tooltip-background-color-default)));border-radius:var(--mod-tooltip-border-radius,var(--spectrum-tooltip-border-radius));cursor:default;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;display:inline-flex;position:relative}:host(:lang(ja)) #tooltip,:host(:lang(ko)) #tooltip,:host(:lang(zh)) #tooltip{line-height:var(--mod-tooltip-cjk-line-height,var(--spectrum-tooltip-cjk-line-height))}#tooltip p{margin:0}:host([variant=info]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--mod-tooltip-background-color-informative,var(--spectrum-tooltip-background-color-informative)))}:host([variant=positive]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--mod-tooltip-background-color-positive,var(--spectrum-tooltip-background-color-positive)))}:host([variant=negative]) #tooltip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--mod-tooltip-background-color-negative,var(--spectrum-tooltip-background-color-negative)))}#tip{inset-block-start:100%;inline-size:var(--mod-tooltip-tip-square-size,var(--spectrum-tooltip-tip-square-size));block-size:var(--mod-tooltip-tip-square-size,var(--spectrum-tooltip-tip-square-size));background-color:var(--highcontrast-tooltip-background-color-default,var(--mod-tooltip-background-color-default,var(--spectrum-tooltip-background-color-default)));clip-path:polygon(0 calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))),50% var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)),100% calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))));position:absolute;left:50%;transform:translate(-50%)}:host([variant=info]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-informative,var(--mod-tooltip-background-color-informative,var(--spectrum-tooltip-background-color-informative)))}:host([variant=positive]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-positive,var(--mod-tooltip-background-color-positive,var(--spectrum-tooltip-background-color-positive)))}:host([variant=negative]) #tooltip #tip{background-color:var(--highcontrast-tooltip-background-color-negative,var(--mod-tooltip-background-color-negative,var(--spectrum-tooltip-background-color-negative)))}:host([placement*=top]) #tooltip #tip,.spectrum-Tooltip--top-end #tip,.spectrum-Tooltip--top-left #tip,.spectrum-Tooltip--top-right #tip,.spectrum-Tooltip--top-start #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip,.spectrum-Tooltip--bottom-end #tip,.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--bottom-start #tip{clip-path:polygon(50% calc(100% - var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))),0 calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))),100% calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset))));inset-block:auto 100%}.spectrum-Tooltip--bottom-end #tip,.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--bottom-start #tip,.spectrum-Tooltip--top-end #tip,.spectrum-Tooltip--top-left #tip,.spectrum-Tooltip--top-right #tip,.spectrum-Tooltip--top-start #tip{transform:none}.spectrum-Tooltip--bottom-left #tip,.spectrum-Tooltip--top-left #tip{inset-inline-start:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--bottom-right #tip,.spectrum-Tooltip--top-right #tip{inset-inline:auto var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--bottom-start #tip,.spectrum-Tooltip--top-start #tip{inset-inline:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))auto}.spectrum-Tooltip--bottom-start #tip:dir(rtl),.spectrum-Tooltip--top-start #tip:dir(rtl){right:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing));left:auto}.spectrum-Tooltip--bottom-end #tip,.spectrum-Tooltip--top-end #tip{inset-inline:auto var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--bottom-end #tip:dir(rtl),.spectrum-Tooltip--top-end #tip:dir(rtl){right:auto;left:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--end #tip,.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--end-top #tip,:host([placement*=left]) #tooltip #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,:host([placement*=right]) #tooltip #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--start #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--start-top #tip{inset-block-start:50%;transform:translateY(-50%)}.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--start-top #tip{inset-block-start:auto;transform:none}.spectrum-Tooltip--end #tip,.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--end-top #tip,:host([placement*=right]) #tooltip #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--right-top #tip{clip-path:polygon(calc(100% - var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage)))50%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0);inset-inline:auto 100%}:host([placement*=left]) #tooltip #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--start #tip,.spectrum-Tooltip--start-bottom #tip,.spectrum-Tooltip--start-top #tip{clip-path:polygon(calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0,calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))50%);inset-inline-start:100%}.spectrum-Tooltip--end-top #tip,.spectrum-Tooltip--left-top #tip,.spectrum-Tooltip--right-top #tip,.spectrum-Tooltip--start-top #tip{inset-block-start:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--end-bottom #tip,.spectrum-Tooltip--left-bottom #tip,.spectrum-Tooltip--right-bottom #tip,.spectrum-Tooltip--start-bottom #tip{inset-block-end:var(--mod-tooltip-pointer-corner-spacing,var(--spectrum-tooltip-pointer-corner-spacing))}.spectrum-Tooltip--end #tip:dir(rtl),.spectrum-Tooltip--end-bottom #tip:dir(rtl),.spectrum-Tooltip--end-top #tip:dir(rtl),:host([placement*=left]) #tooltip #tip:dir(rtl),.spectrum-Tooltip--left-bottom #tip:dir(rtl),.spectrum-Tooltip--left-top #tip:dir(rtl){clip-path:polygon(calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0,calc(0% - var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))50%);left:100%;right:auto}:host([placement*=right]) #tooltip #tip:dir(rtl),.spectrum-Tooltip--right-bottom #tip:dir(rtl),.spectrum-Tooltip--right-top #tip:dir(rtl),.spectrum-Tooltip--start #tip:dir(rtl),.spectrum-Tooltip--start-bottom #tip:dir(rtl),.spectrum-Tooltip--start-top #tip:dir(rtl){clip-path:polygon(var(--mod-tooltip-tip-height-percentage,var(--spectrum-tooltip-tip-height-percentage))50%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))100%,calc(100% + var(--mod-tooltip-tip-antialiasing-inset,var(--spectrum-tooltip-tip-antialiasing-inset)))0);left:auto;right:100%}::slotted([slot=icon]){inline-size:var(--mod-tooltip-icon-width,var(--spectrum-tooltip-icon-width));block-size:var(--mod-tooltip-icon-height,var(--spectrum-tooltip-icon-height));flex-shrink:0;align-self:flex-start;margin-block-start:var(--mod-tooltip-icon-spacing-block-start,var(--spectrum-tooltip-icon-spacing-block-start));margin-inline-start:calc(var(--mod-tooltip-icon-spacing-inline-start,var(--spectrum-tooltip-icon-spacing-inline-start)) - var(--mod-tooltip-spacing-inline,var(--spectrum-tooltip-spacing-inline)));margin-inline-end:var(--mod-tooltip-icon-spacing-inline-end,var(--spectrum-tooltip-icon-spacing-inline-end))}#label{inline-size:100%;min-inline-size:0;line-height:var(--mod-tooltip-line-height,var(--spectrum-tooltip-line-height));margin-block-start:var(--mod-tooltip-spacing-block-start,var(--spectrum-tooltip-spacing-block-start));margin-block-end:var(--mod-tooltip-spacing-block-end,var(--spectrum-tooltip-spacing-block-end))}#tooltip,:host([placement*=top]) #tooltip,.spectrum-Tooltip--top-end,.spectrum-Tooltip--top-left,.spectrum-Tooltip--top-right,.spectrum-Tooltip--top-start{margin-block-end:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--top-end,:host([open]) .spectrum-Tooltip--top-left,:host([open]) .spectrum-Tooltip--top-right,:host([open]) .spectrum-Tooltip--top-start,:host([placement*=top][open]) #tooltip,:host([open]) #tooltip{transform:translateY(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}:host([placement*=bottom]) #tooltip,.spectrum-Tooltip--bottom-end,.spectrum-Tooltip--bottom-left,.spectrum-Tooltip--bottom-right,.spectrum-Tooltip--bottom-start{margin-block-start:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--bottom-end,:host([open]) .spectrum-Tooltip--bottom-left,:host([open]) .spectrum-Tooltip--bottom-right,:host([open]) .spectrum-Tooltip--bottom-start,:host([placement*=bottom][open]) #tooltip{transform:translateY(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}:host([placement*=right]) #tooltip,.spectrum-Tooltip--right-bottom,.spectrum-Tooltip--right-top{margin-left:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--right-bottom,:host([open]) .spectrum-Tooltip--right-top,:host([placement*=right][open]) #tooltip{transform:translateX(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}:host([placement*=left]) #tooltip,.spectrum-Tooltip--left-bottom,.spectrum-Tooltip--left-top{margin-right:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--left-bottom,:host([open]) .spectrum-Tooltip--left-top,:host([placement*=left][open]) #tooltip{transform:translateX(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}.spectrum-Tooltip--start,.spectrum-Tooltip--start-bottom,.spectrum-Tooltip--start-top{margin-inline-end:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--start-bottom,:host([open]) .spectrum-Tooltip--start-top,:host([open]) .spectrum-Tooltip--start{transform:translateX(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}:host([open]) .spectrum-Tooltip--start-bottom:dir(rtl),:host([open]) .spectrum-Tooltip--start-top:dir(rtl),:host([open]) .spectrum-Tooltip--start:dir(rtl){transform:translateX(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}.spectrum-Tooltip--end,.spectrum-Tooltip--end-bottom,.spectrum-Tooltip--end-top{margin-inline-start:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size)) + var(--mod-tooltip-margin,var(--spectrum-tooltip-margin)))}:host([open]) .spectrum-Tooltip--end-bottom,:host([open]) .spectrum-Tooltip--end-top,:host([open]) .spectrum-Tooltip--end{transform:translateX(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance)))}:host([open]) .spectrum-Tooltip--end-bottom:dir(rtl),:host([open]) .spectrum-Tooltip--end-top:dir(rtl),:host([open]) .spectrum-Tooltip--end:dir(rtl){transform:translateX(calc(var(--mod-tooltip-animation-distance,var(--spectrum-tooltip-animation-distance))*-1))}#tooltip{--spectrum-tooltip-backgound-color-default-neutral:var(--system-tooltip-backgound-color-default-neutral)}:host{display:contents}#tooltip{width:fit-content;max-width:var(--spectrum-tooltip-max-inline-size);white-space:initial}#tip{clip-path:polygon(0 -5%,50% 50%,100% -5%);width:var(--spectrum-tooltip-tip-inline-size)!important;height:var(--spectrum-tooltip-tip-inline-size)!important}#tip[style]{transform:none!important}:host(:not([placement*=top])) #tooltip{margin-bottom:0}:host([placement*=top]) #tooltip #tip{inset-block-start:100%}:host([placement*=bottom]) #tooltip #tip{inset-block-end:100%;clip-path:polygon(50% 50%,0 105%,100% 105%);top:auto}:host([placement*=left]) #tooltip #tip,:host([placement*=right]) #tooltip #tip{inset-block-start:50%;transform:translateY(-50%)}:host([placement*=right]) #tooltip #tip{inset-inline:calc(var(--mod-tooltip-tip-block-size,var(--spectrum-tooltip-tip-block-size))*-2)100%;clip-path:polygon(50% 50%,105% 100%,105% 0)}:host([placement*=left]) #tooltip #tip{clip-path:polygon(-5% 0,-5% 100%,50% 50%);inset-inline-start:100%}sp-overlay:not(:defined){display:none}
|
|
62
|
-
`;
|
|
63
|
-
var tooltip_css_default = o;
|
|
64
|
-
|
|
65
|
-
// ../../node_modules/@spectrum-web-components/tooltip/src/Tooltip.dev.js
|
|
66
|
-
var __defProp = Object.defineProperty;
|
|
67
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
68
|
-
var __decorateClass = (decorators, target, key, kind) => {
|
|
69
|
-
var result = kind > 1 ? undefined : kind ? __getOwnPropDesc(target, key) : target;
|
|
70
|
-
for (var i = decorators.length - 1, decorator;i >= 0; i--)
|
|
71
|
-
if (decorator = decorators[i])
|
|
72
|
-
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
73
|
-
if (kind && result)
|
|
74
|
-
__defProp(target, key, result);
|
|
75
|
-
return result;
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
class TooltipOpenable extends HTMLElement {
|
|
79
|
-
constructor() {
|
|
80
|
-
super();
|
|
81
|
-
this._open = false;
|
|
82
|
-
this._placement = "top";
|
|
83
|
-
this.addEventListener("sp-opened", this.redispatchEvent);
|
|
84
|
-
this.addEventListener("sp-closed", this.redispatchEvent);
|
|
85
|
-
}
|
|
86
|
-
redispatchEvent(event) {
|
|
87
|
-
event.stopPropagation();
|
|
88
|
-
this.tooltip.dispatchEvent(new CustomEvent(event.type, {
|
|
89
|
-
bubbles: event.bubbles,
|
|
90
|
-
composed: event.composed,
|
|
91
|
-
detail: event.detail
|
|
92
|
-
}));
|
|
93
|
-
}
|
|
94
|
-
get tooltip() {
|
|
95
|
-
return this.getRootNode().host;
|
|
96
|
-
}
|
|
97
|
-
static get observedAttributes() {
|
|
98
|
-
return ["open", "placement"];
|
|
99
|
-
}
|
|
100
|
-
attributeChangedCallback(name, _oldValue, newValue) {
|
|
101
|
-
switch (name) {
|
|
102
|
-
case "open":
|
|
103
|
-
this.open = newValue !== null;
|
|
104
|
-
break;
|
|
105
|
-
case "placement":
|
|
106
|
-
this.placement = newValue;
|
|
107
|
-
break;
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
set open(open) {
|
|
111
|
-
this._open = open;
|
|
112
|
-
const { tooltip } = this;
|
|
113
|
-
if (!tooltip) {
|
|
114
|
-
return;
|
|
115
|
-
}
|
|
116
|
-
tooltip.open = open;
|
|
117
|
-
}
|
|
118
|
-
get open() {
|
|
119
|
-
return this._open;
|
|
120
|
-
}
|
|
121
|
-
set placement(placement) {
|
|
122
|
-
this._placement = placement;
|
|
123
|
-
const { tooltip } = this;
|
|
124
|
-
if (!tooltip) {
|
|
125
|
-
return;
|
|
126
|
-
}
|
|
127
|
-
tooltip.placement = placement;
|
|
128
|
-
}
|
|
129
|
-
get placement() {
|
|
130
|
-
return this._placement;
|
|
131
|
-
}
|
|
132
|
-
get tipElement() {
|
|
133
|
-
return this.tooltip.tipElement;
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
if (!customElements.get("sp-tooltip-openable")) {
|
|
137
|
-
customElements.define("sp-tooltip-openable", TooltipOpenable);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
class Tooltip extends SpectrumElement {
|
|
141
|
-
constructor() {
|
|
142
|
-
super(...arguments);
|
|
143
|
-
this.delayed = false;
|
|
144
|
-
this.dependencyManager = new DependencyManagerController(this);
|
|
145
|
-
this.disabled = false;
|
|
146
|
-
this.selfManaged = false;
|
|
147
|
-
this.offset = 0;
|
|
148
|
-
this.open = false;
|
|
149
|
-
this._triggerElement = null;
|
|
150
|
-
this._variant = "";
|
|
151
|
-
this.handleOpenOverlay = () => {
|
|
152
|
-
this.open = true;
|
|
153
|
-
};
|
|
154
|
-
this.handleCloseOverlay = () => {
|
|
155
|
-
this.open = false;
|
|
156
|
-
};
|
|
157
|
-
}
|
|
158
|
-
static get styles() {
|
|
159
|
-
return [tooltip_css_default];
|
|
160
|
-
}
|
|
161
|
-
set triggerElement(triggerElement) {
|
|
162
|
-
this._triggerElement = triggerElement;
|
|
163
|
-
if (this.overlayElement) {
|
|
164
|
-
this.overlayElement.triggerElement = triggerElement;
|
|
165
|
-
}
|
|
166
|
-
}
|
|
167
|
-
get triggerElement() {
|
|
168
|
-
return this._triggerElement || this.resolveSelfManagedTriggerElement();
|
|
169
|
-
}
|
|
170
|
-
get variant() {
|
|
171
|
-
return this._variant;
|
|
172
|
-
}
|
|
173
|
-
set variant(variant) {
|
|
174
|
-
if (variant === this.variant) {
|
|
175
|
-
return;
|
|
176
|
-
}
|
|
177
|
-
if (["info", "positive", "negative"].includes(variant)) {
|
|
178
|
-
if (true) {
|
|
179
|
-
if (variant === "info") {
|
|
180
|
-
window.__swc.warn(this, `The "info" variant on <${this.localName}> is deprecated and will be removed in a future release. Use "informative" instead.`, "https://opensource.adobe.com/spectrum-web-components/components/tooltip", { level: "deprecation" });
|
|
181
|
-
} else if (variant === "positive") {
|
|
182
|
-
window.__swc.warn(this, `The "positive" variant on <${this.localName}> is deprecated and will be removed in a future release.`, "https://opensource.adobe.com/spectrum-web-components/components/tooltip", { level: "deprecation" });
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
this.setAttribute("variant", variant);
|
|
186
|
-
this._variant = variant;
|
|
187
|
-
return;
|
|
188
|
-
}
|
|
189
|
-
this.removeAttribute("variant");
|
|
190
|
-
this._variant = "";
|
|
191
|
-
}
|
|
192
|
-
forwardTransitionEvent(event) {
|
|
193
|
-
this.dispatchEvent(new TransitionEvent(event.type, {
|
|
194
|
-
bubbles: true,
|
|
195
|
-
composed: true,
|
|
196
|
-
propertyName: event.propertyName
|
|
197
|
-
}));
|
|
198
|
-
}
|
|
199
|
-
resolveSelfManagedTriggerElement() {
|
|
200
|
-
var _a;
|
|
201
|
-
let start = this.assignedSlot || this;
|
|
202
|
-
let root = start.getRootNode();
|
|
203
|
-
if (root === document) {
|
|
204
|
-
if (true) {
|
|
205
|
-
window.__swc.warn(this, `[INITIAL_TRAVERSAL] Self-managed <${this.localName}> is at document root without a parent element. Self-managed tooltips must be nested inside focusable elements like <sp-action-button>, <sp-button>, or elements with tabindex.`, "https://opensource.adobe.com/spectrum-web-components/components/tooltip#self-managed-overlays", {
|
|
206
|
-
level: "high"
|
|
207
|
-
});
|
|
208
|
-
}
|
|
209
|
-
return null;
|
|
210
|
-
}
|
|
211
|
-
let triggerElement = start.parentElement || root.host || root;
|
|
212
|
-
while (!((_a = triggerElement == null ? undefined : triggerElement.matches) == null ? undefined : _a.call(triggerElement, focusableSelector))) {
|
|
213
|
-
start = triggerElement.assignedSlot || triggerElement;
|
|
214
|
-
root = start.getRootNode();
|
|
215
|
-
if (root === document) {
|
|
216
|
-
if (true) {
|
|
217
|
-
window.__swc.warn(this, `[TRAVERSAL_EXHAUSTED] Self-managed <${this.localName}> could not find a focusable trigger element. All ancestor elements are non-focusable. Ensure the tooltip is nested inside an interactive element like <sp-action-button>, <sp-button>, or add tabindex="0" to a parent element.`, "https://opensource.adobe.com/spectrum-web-components/components/tooltip#self-managed-overlays", {
|
|
218
|
-
level: "high"
|
|
219
|
-
});
|
|
220
|
-
}
|
|
221
|
-
return null;
|
|
222
|
-
}
|
|
223
|
-
triggerElement = start.parentElement || root.host || root;
|
|
224
|
-
}
|
|
225
|
-
return triggerElement;
|
|
226
|
-
}
|
|
227
|
-
render() {
|
|
228
|
-
const tooltip = html`
|
|
229
|
-
<sp-tooltip-openable
|
|
230
|
-
id="tooltip"
|
|
231
|
-
placement=${ifDefined(this.placement)}
|
|
232
|
-
@transitionrun=${this.forwardTransitionEvent}
|
|
233
|
-
@transitionend=${this.forwardTransitionEvent}
|
|
234
|
-
@transitioncancel=${this.forwardTransitionEvent}
|
|
235
|
-
>
|
|
236
|
-
<slot name="icon"></slot>
|
|
237
|
-
<span id="label"><slot></slot></span>
|
|
238
|
-
<span id="tip" aria-hidden="true"></span>
|
|
239
|
-
</sp-tooltip-openable>
|
|
240
|
-
`;
|
|
241
|
-
if (this.selfManaged) {
|
|
242
|
-
this.dependencyManager.add("sp-overlay");
|
|
243
|
-
import("./sp-overlay.dev-yztmtrs1.js");
|
|
244
|
-
return html`
|
|
245
|
-
<sp-overlay
|
|
246
|
-
?open=${this.open && !this.disabled && this.dependencyManager.loaded}
|
|
247
|
-
?delayed=${this.delayed}
|
|
248
|
-
?disabled=${this.disabled}
|
|
249
|
-
offset=${this.offset}
|
|
250
|
-
.placement=${this.placement}
|
|
251
|
-
type="hint"
|
|
252
|
-
.tipPadding=${this.tipPadding}
|
|
253
|
-
.triggerInteraction=${"hover"}
|
|
254
|
-
@sp-opened=${this.handleOpenOverlay}
|
|
255
|
-
@sp-closed=${this.handleCloseOverlay}
|
|
256
|
-
>
|
|
257
|
-
${tooltip}
|
|
258
|
-
</sp-overlay>
|
|
259
|
-
`;
|
|
260
|
-
} else {
|
|
261
|
-
return tooltip;
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
connectedCallback() {
|
|
265
|
-
super.connectedCallback();
|
|
266
|
-
this.updateComplete.then(() => {
|
|
267
|
-
if (!this.selfManaged) {
|
|
268
|
-
return;
|
|
269
|
-
}
|
|
270
|
-
if (true) {
|
|
271
|
-
window.__swc.warn(this, `The "self-managed" attribute on <${this.localName}> is deprecated and will be removed in a future release in favor of an updated binding method.`, "https://opensource.adobe.com/spectrum-web-components/components/tooltip", { level: "deprecation" });
|
|
272
|
-
}
|
|
273
|
-
const overlayElement = this.overlayElement;
|
|
274
|
-
if (overlayElement) {
|
|
275
|
-
const triggerElement = this.triggerElement;
|
|
276
|
-
overlayElement.triggerElement = triggerElement;
|
|
277
|
-
}
|
|
278
|
-
});
|
|
279
|
-
}
|
|
280
|
-
}
|
|
281
|
-
__decorateClass([
|
|
282
|
-
property({ type: Boolean })
|
|
283
|
-
], Tooltip.prototype, "delayed", 2);
|
|
284
|
-
__decorateClass([
|
|
285
|
-
property({ type: Boolean })
|
|
286
|
-
], Tooltip.prototype, "disabled", 2);
|
|
287
|
-
__decorateClass([
|
|
288
|
-
property({ type: Boolean, attribute: "self-managed" })
|
|
289
|
-
], Tooltip.prototype, "selfManaged", 2);
|
|
290
|
-
__decorateClass([
|
|
291
|
-
property({ type: Number })
|
|
292
|
-
], Tooltip.prototype, "offset", 2);
|
|
293
|
-
__decorateClass([
|
|
294
|
-
property({ type: Boolean, reflect: true })
|
|
295
|
-
], Tooltip.prototype, "open", 2);
|
|
296
|
-
__decorateClass([
|
|
297
|
-
query("sp-overlay")
|
|
298
|
-
], Tooltip.prototype, "overlayElement", 2);
|
|
299
|
-
__decorateClass([
|
|
300
|
-
property({ reflect: true })
|
|
301
|
-
], Tooltip.prototype, "placement", 2);
|
|
302
|
-
__decorateClass([
|
|
303
|
-
query("#tip")
|
|
304
|
-
], Tooltip.prototype, "tipElement", 2);
|
|
305
|
-
__decorateClass([
|
|
306
|
-
property({ type: Number })
|
|
307
|
-
], Tooltip.prototype, "tipPadding", 2);
|
|
308
|
-
__decorateClass([
|
|
309
|
-
property({ type: String })
|
|
310
|
-
], Tooltip.prototype, "variant", 1);
|
|
311
|
-
|
|
312
|
-
// ../../node_modules/@spectrum-web-components/tooltip/sp-tooltip.dev.js
|
|
313
|
-
defineElement("sp-tooltip", Tooltip);
|
|
314
|
-
|
|
315
|
-
export { DependencyManagerController };
|
|
316
|
-
|
|
317
|
-
//# debugId=B26C538C82CA430D64756E2164756E21
|
|
318
|
-
//# sourceMappingURL=studio-vadzgkrz.js.map
|
|
@@ -1,341 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
validateProjectConfig
|
|
3
|
-
} from "./studio-68n67094.js";
|
|
4
|
-
import {
|
|
5
|
-
renderForm,
|
|
6
|
-
resolveContextPointer
|
|
7
|
-
} from "./studio-5q69gfag.js";
|
|
8
|
-
import {
|
|
9
|
-
deriveSecretEnvName
|
|
10
|
-
} from "./studio-4pqqxbrt.js";
|
|
11
|
-
import {
|
|
12
|
-
paneOfContainer
|
|
13
|
-
} from "./studio-kjjsjak4.js";
|
|
14
|
-
import {
|
|
15
|
-
commitProjectConfig
|
|
16
|
-
} from "./studio-hbtp0eh1.js";
|
|
17
|
-
import {
|
|
18
|
-
paneRegion
|
|
19
|
-
} from "./studio-t7qb9db8.js";
|
|
20
|
-
import {
|
|
21
|
-
errorMessage
|
|
22
|
-
} from "./studio-9n4mrmnb.js";
|
|
23
|
-
import {
|
|
24
|
-
notify
|
|
25
|
-
} from "./studio-xrapxwwc.js";
|
|
26
|
-
import {
|
|
27
|
-
html,
|
|
28
|
-
nothing,
|
|
29
|
-
render
|
|
30
|
-
} from "./studio-kryvsw6j.js";
|
|
31
|
-
import {
|
|
32
|
-
projectState
|
|
33
|
-
} from "./studio-p4ngc046.js";
|
|
34
|
-
import {
|
|
35
|
-
getPlatform
|
|
36
|
-
} from "./studio-9ab8gqsm.js";
|
|
37
|
-
|
|
38
|
-
// src/settings/contributed-section.ts
|
|
39
|
-
var selectedEntries = new Map;
|
|
40
|
-
var newEntryOpen = new Set;
|
|
41
|
-
var newEntryNames = new Map;
|
|
42
|
-
function selectContributedEntry(sectionKey, entryKey) {
|
|
43
|
-
const section = projectState?.projectConfig?.[sectionKey];
|
|
44
|
-
const entries = section && typeof section === "object" && !Array.isArray(section) ? section : {};
|
|
45
|
-
if (!Object.hasOwn(entries, entryKey)) {
|
|
46
|
-
return Object.keys(entries);
|
|
47
|
-
}
|
|
48
|
-
selectedEntries.set(sectionKey, entryKey);
|
|
49
|
-
return null;
|
|
50
|
-
}
|
|
51
|
-
var diagnostics = new Map;
|
|
52
|
-
function routeDiagnostics(base, messages) {
|
|
53
|
-
const fields = {};
|
|
54
|
-
const section = [];
|
|
55
|
-
for (const message of messages) {
|
|
56
|
-
const at = message.indexOf(": ");
|
|
57
|
-
const pointer = at === -1 ? "" : message.slice(0, at);
|
|
58
|
-
const text = at === -1 ? message : message.slice(at + 2);
|
|
59
|
-
if (pointer === base) {
|
|
60
|
-
section.push(text);
|
|
61
|
-
continue;
|
|
62
|
-
}
|
|
63
|
-
if (!pointer.startsWith(`${base}/`)) {
|
|
64
|
-
continue;
|
|
65
|
-
}
|
|
66
|
-
const [prop] = pointer.slice(base.length + 1).split("/");
|
|
67
|
-
if (prop && fields[prop] === undefined) {
|
|
68
|
-
fields[prop] = text;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
return { fields, section };
|
|
72
|
-
}
|
|
73
|
-
async function saveProjectConfig(base, rerender) {
|
|
74
|
-
const config = projectState.projectConfig;
|
|
75
|
-
const commit = await commitProjectConfig();
|
|
76
|
-
if (!commit.ok) {
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
let messages = [];
|
|
80
|
-
try {
|
|
81
|
-
messages = await validateProjectConfig(config);
|
|
82
|
-
} catch (error) {
|
|
83
|
-
notify.warn(`Could not validate project.json — ${errorMessage(error)}`, {
|
|
84
|
-
key: "settings:validator",
|
|
85
|
-
path: "project.json",
|
|
86
|
-
source: "Settings",
|
|
87
|
-
tier: "problem"
|
|
88
|
-
});
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
diagnostics.set(base, routeDiagnostics(base, messages).fields);
|
|
92
|
-
rerender();
|
|
93
|
-
}
|
|
94
|
-
function applyPatch(target, patch) {
|
|
95
|
-
for (const [key, value] of Object.entries(patch)) {
|
|
96
|
-
if (value === undefined) {
|
|
97
|
-
delete target[key];
|
|
98
|
-
} else {
|
|
99
|
-
target[key] = value;
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
function slugify(name) {
|
|
104
|
-
return name.toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z0-9-]/g, "");
|
|
105
|
-
}
|
|
106
|
-
function instantiateNewEntry(template, key) {
|
|
107
|
-
if (!template) {
|
|
108
|
-
return {};
|
|
109
|
-
}
|
|
110
|
-
const substitute = (value) => {
|
|
111
|
-
if (typeof value === "string") {
|
|
112
|
-
return value.replaceAll("${key}", key);
|
|
113
|
-
}
|
|
114
|
-
if (Array.isArray(value)) {
|
|
115
|
-
return value.map((item) => substitute(item));
|
|
116
|
-
}
|
|
117
|
-
if (value && typeof value === "object") {
|
|
118
|
-
const out = {};
|
|
119
|
-
for (const [k, v] of Object.entries(value)) {
|
|
120
|
-
out[k] = substitute(v);
|
|
121
|
-
}
|
|
122
|
-
return out;
|
|
123
|
-
}
|
|
124
|
-
return value;
|
|
125
|
-
};
|
|
126
|
-
return substitute(template);
|
|
127
|
-
}
|
|
128
|
-
function buildContext(sectionKey, opts, entryKey = null) {
|
|
129
|
-
const platform = getPlatform();
|
|
130
|
-
return {
|
|
131
|
-
fieldKeyPrefix: `$settings.${sectionKey}`,
|
|
132
|
-
resolvePointer: (pointer, scope) => resolveContextPointer(pointer, {
|
|
133
|
-
projectConfig: projectState?.projectConfig ?? {},
|
|
134
|
-
...scope !== undefined && { scope },
|
|
135
|
-
...opts.formats !== undefined && { formats: opts.formats }
|
|
136
|
-
}),
|
|
137
|
-
...typeof platform.setSecrets === "function" ? {
|
|
138
|
-
commitSecret: async (key, value) => {
|
|
139
|
-
const envName = deriveSecretEnvName(sectionKey, entryKey, key);
|
|
140
|
-
await platform.setSecrets({ set: { [envName]: value } });
|
|
141
|
-
return envName;
|
|
142
|
-
}
|
|
143
|
-
} : {}
|
|
144
|
-
};
|
|
145
|
-
}
|
|
146
|
-
function sectionValue(key) {
|
|
147
|
-
const config = projectState?.projectConfig;
|
|
148
|
-
if (!config) {
|
|
149
|
-
return null;
|
|
150
|
-
}
|
|
151
|
-
const existing = config[key];
|
|
152
|
-
if (existing && typeof existing === "object" && !Array.isArray(existing)) {
|
|
153
|
-
return existing;
|
|
154
|
-
}
|
|
155
|
-
const fresh = {};
|
|
156
|
-
config[key] = fresh;
|
|
157
|
-
return fresh;
|
|
158
|
-
}
|
|
159
|
-
function renderContributedSection(container, contribution, opts = {}) {
|
|
160
|
-
const rerender = () => renderContributedSection(container, contribution, opts);
|
|
161
|
-
const title = contribution.title ?? contribution.key;
|
|
162
|
-
const layout = contribution.settings.layout ?? "form";
|
|
163
|
-
const body = layout === "map" ? renderMapLayout(contribution, opts, rerender, paneOfContainer(container)) : renderFormLayout(contribution, opts, rerender);
|
|
164
|
-
const selected = layout === "map" ? selectedEntries.get(contribution.key) ?? null : null;
|
|
165
|
-
const actions = opts.actions ? opts.actions({ rerender, sectionKey: contribution.key, selected }) : nothing;
|
|
166
|
-
const tpl = html`
|
|
167
|
-
<div class="settings-section contributed-section">
|
|
168
|
-
<h3 class="settings-section-title">${title}</h3>
|
|
169
|
-
${actions}${body}
|
|
170
|
-
</div>
|
|
171
|
-
`;
|
|
172
|
-
render(tpl, container);
|
|
173
|
-
}
|
|
174
|
-
function renderFormLayout(contribution, opts, rerender) {
|
|
175
|
-
const value = sectionValue(contribution.key) ?? {};
|
|
176
|
-
const ui = contribution.settings.entry?.ui;
|
|
177
|
-
const base = `/${contribution.key}`;
|
|
178
|
-
return html`
|
|
179
|
-
<div class="settings-form-panel">
|
|
180
|
-
${renderForm(contribution.entrySchema, value, {
|
|
181
|
-
context: buildContext(contribution.key, opts, null),
|
|
182
|
-
errors: diagnostics.get(base) ?? {},
|
|
183
|
-
onChange: (patch) => {
|
|
184
|
-
const target = sectionValue(contribution.key);
|
|
185
|
-
if (!target) {
|
|
186
|
-
return;
|
|
187
|
-
}
|
|
188
|
-
applyPatch(target, patch);
|
|
189
|
-
rerender();
|
|
190
|
-
saveProjectConfig(base, rerender);
|
|
191
|
-
},
|
|
192
|
-
rerender,
|
|
193
|
-
...ui !== undefined && { ui }
|
|
194
|
-
})}
|
|
195
|
-
</div>
|
|
196
|
-
`;
|
|
197
|
-
}
|
|
198
|
-
function renderMapLayout(contribution, opts, rerender, paneId) {
|
|
199
|
-
const { key: sectionKey } = contribution;
|
|
200
|
-
const entries = sectionValue(sectionKey) ?? {};
|
|
201
|
-
const entryKeys = Object.keys(entries);
|
|
202
|
-
const selected = selectedEntries.get(sectionKey) ?? null;
|
|
203
|
-
const ui = contribution.settings.entry?.ui;
|
|
204
|
-
const handleCreate = () => {
|
|
205
|
-
const slug = slugify(newEntryNames.get(sectionKey) ?? "");
|
|
206
|
-
const target = sectionValue(sectionKey);
|
|
207
|
-
if (!slug || !target || target[slug]) {
|
|
208
|
-
return;
|
|
209
|
-
}
|
|
210
|
-
target[slug] = instantiateNewEntry(contribution.settings.entry?.newEntry, slug);
|
|
211
|
-
selectedEntries.set(sectionKey, slug);
|
|
212
|
-
newEntryOpen.delete(sectionKey);
|
|
213
|
-
newEntryNames.delete(sectionKey);
|
|
214
|
-
rerender();
|
|
215
|
-
saveProjectConfig(`/${sectionKey}`, rerender);
|
|
216
|
-
};
|
|
217
|
-
const handleDelete = () => {
|
|
218
|
-
const target = sectionValue(sectionKey);
|
|
219
|
-
if (!selected || !target?.[selected]) {
|
|
220
|
-
return;
|
|
221
|
-
}
|
|
222
|
-
delete target[selected];
|
|
223
|
-
selectedEntries.set(sectionKey, null);
|
|
224
|
-
rerender();
|
|
225
|
-
saveProjectConfig(`/${sectionKey}`, rerender);
|
|
226
|
-
};
|
|
227
|
-
const handleRename = (newName) => {
|
|
228
|
-
const target = sectionValue(sectionKey);
|
|
229
|
-
const slug = slugify(newName);
|
|
230
|
-
if (!selected || !target || !slug || slug === selected || target[slug]) {
|
|
231
|
-
return;
|
|
232
|
-
}
|
|
233
|
-
const next = {};
|
|
234
|
-
for (const [k, v] of Object.entries(target)) {
|
|
235
|
-
next[k === selected ? slug : k] = v;
|
|
236
|
-
delete target[k];
|
|
237
|
-
}
|
|
238
|
-
Object.assign(target, next);
|
|
239
|
-
selectedEntries.set(sectionKey, slug);
|
|
240
|
-
rerender();
|
|
241
|
-
saveProjectConfig(`/${sectionKey}`, rerender);
|
|
242
|
-
};
|
|
243
|
-
const listTpl = html`
|
|
244
|
-
<div class="settings-list-panel">
|
|
245
|
-
${entryKeys.map((name) => html`
|
|
246
|
-
<sp-action-button
|
|
247
|
-
size="s"
|
|
248
|
-
data-jx-region=${paneRegion(paneId, `entry:${name}`)}
|
|
249
|
-
?selected=${selected === name}
|
|
250
|
-
@click=${() => {
|
|
251
|
-
selectedEntries.set(sectionKey, name);
|
|
252
|
-
rerender();
|
|
253
|
-
}}
|
|
254
|
-
>
|
|
255
|
-
${name}
|
|
256
|
-
</sp-action-button>
|
|
257
|
-
`)}
|
|
258
|
-
${newEntryOpen.has(sectionKey) ? html`
|
|
259
|
-
<div class="settings-inline-form">
|
|
260
|
-
<sp-textfield
|
|
261
|
-
size="s"
|
|
262
|
-
placeholder="entry-name"
|
|
263
|
-
.value=${newEntryNames.get(sectionKey) ?? ""}
|
|
264
|
-
@input=${(e) => {
|
|
265
|
-
newEntryNames.set(sectionKey, e.target.value);
|
|
266
|
-
}}
|
|
267
|
-
@keydown=${(e) => {
|
|
268
|
-
if (e.key === "Enter") {
|
|
269
|
-
handleCreate();
|
|
270
|
-
}
|
|
271
|
-
if (e.key === "Escape") {
|
|
272
|
-
newEntryOpen.delete(sectionKey);
|
|
273
|
-
rerender();
|
|
274
|
-
}
|
|
275
|
-
}}
|
|
276
|
-
></sp-textfield>
|
|
277
|
-
<sp-action-button size="s" @click=${handleCreate}>Create</sp-action-button>
|
|
278
|
-
</div>
|
|
279
|
-
` : html`
|
|
280
|
-
<sp-action-button
|
|
281
|
-
size="s"
|
|
282
|
-
quiet
|
|
283
|
-
@click=${() => {
|
|
284
|
-
newEntryOpen.add(sectionKey);
|
|
285
|
-
rerender();
|
|
286
|
-
}}
|
|
287
|
-
>
|
|
288
|
-
<sp-icon-add slot="icon"></sp-icon-add> New Entry
|
|
289
|
-
</sp-action-button>
|
|
290
|
-
`}
|
|
291
|
-
</div>
|
|
292
|
-
`;
|
|
293
|
-
const selectedEntry = selected ? entries[selected] : undefined;
|
|
294
|
-
const editorTpl = selected && selectedEntry && typeof selectedEntry === "object" ? html`
|
|
295
|
-
<div class="settings-editor-panel" data-jx-region=${paneRegion(paneId, "editor")}>
|
|
296
|
-
<div class="settings-editor-header">
|
|
297
|
-
<sp-textfield
|
|
298
|
-
size="s"
|
|
299
|
-
quiet
|
|
300
|
-
class="entry-name-input"
|
|
301
|
-
value=${selected}
|
|
302
|
-
@change=${(e) => {
|
|
303
|
-
const target = e.target;
|
|
304
|
-
handleRename(target.value.trim());
|
|
305
|
-
target.value = selectedEntries.get(sectionKey) ?? selected;
|
|
306
|
-
}}
|
|
307
|
-
@keydown=${(e) => {
|
|
308
|
-
const target = e.target;
|
|
309
|
-
if (e.key === "Enter") {
|
|
310
|
-
target.blur();
|
|
311
|
-
}
|
|
312
|
-
if (e.key === "Escape") {
|
|
313
|
-
target.value = selected;
|
|
314
|
-
target.blur();
|
|
315
|
-
}
|
|
316
|
-
}}
|
|
317
|
-
></sp-textfield>
|
|
318
|
-
<sp-action-button size="xs" quiet title="Delete entry" @click=${handleDelete}>
|
|
319
|
-
<sp-icon-delete slot="icon"></sp-icon-delete>
|
|
320
|
-
</sp-action-button>
|
|
321
|
-
</div>
|
|
322
|
-
${renderForm(contribution.entrySchema, selectedEntry, {
|
|
323
|
-
context: buildContext(sectionKey, opts, selected),
|
|
324
|
-
errors: diagnostics.get(`/${sectionKey}/${selected}`) ?? {},
|
|
325
|
-
onChange: (patch) => {
|
|
326
|
-
applyPatch(selectedEntry, patch);
|
|
327
|
-
rerender();
|
|
328
|
-
saveProjectConfig(`/${sectionKey}/${selected}`, rerender);
|
|
329
|
-
},
|
|
330
|
-
rerender,
|
|
331
|
-
...ui !== undefined && { ui }
|
|
332
|
-
})}
|
|
333
|
-
</div>
|
|
334
|
-
` : html`<div class="settings-empty-state">Select or create an entry</div>`;
|
|
335
|
-
return html` <div class="settings-two-col">${listTpl} ${editorTpl}</div> `;
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
export { selectContributedEntry, renderContributedSection };
|
|
339
|
-
|
|
340
|
-
//# debugId=1F1C350DE28120E764756E2164756E21
|
|
341
|
-
//# sourceMappingURL=studio-wx5609xd.js.map
|