@formicoidea/labre-framework-edgy 0.23.1 → 0.23.3

package/dist/consts.d.ts

@@ -44,4 +44,3 @@ export declare function refScale(w: number, h: number): {
     ox: number;
     oy: number;
 };
-//# sourceMappingURL=consts.d.ts.map

package/dist/consts.js

@@ -43,4 +43,3 @@ export function refScale(w, h) {
     const s = Math.min(w / REF_W, h / REF_H);
     return { s, ox: (w - REF_W * s) / 2, oy: (h - REF_H * s) / 2 };
 }
-//# sourceMappingURL=consts.js.map

package/dist/descriptor.d.ts

@@ -1,7 +1,7 @@
 import { EdgyViewExtension } from './view.js';
-
+/** Host wiring for the edgy framework. */
 export declare const edgyFramework: {
-  readonly flag: 'edgy';
-  readonly telemetry: 'edgy';
-  readonly viewExtension: typeof EdgyViewExtension;
+    readonly flag: "edgy";
+    readonly telemetry: "edgy";
+    readonly viewExtension: typeof EdgyViewExtension;
 };

package/dist/descriptor.js

@@ -1,8 +1,7 @@
 import { EdgyViewExtension } from './view.js';
-
 /** Host wiring for the edgy framework. */
 export const edgyFramework = {
-  flag: 'edgy',
-  telemetry: 'edgy',
-  viewExtension: EdgyViewExtension,
+    flag: 'edgy',
+    telemetry: 'edgy',
+    viewExtension: EdgyViewExtension,
 };

package/dist/effects.d.ts

@@ -7,4 +7,3 @@ declare global {
         'edgeless-edgy-senior-button': EdgelessEdgySeniorButton;
     }
 }
-//# sourceMappingURL=effects.d.ts.map

package/dist/effects.js

@@ -4,4 +4,3 @@ export function effects() {
     customElements.define('edgeless-edgy-menu', EdgelessEdgyMenu);
     customElements.define('edgeless-edgy-senior-button', EdgelessEdgySeniorButton);
 }
-//# sourceMappingURL=effects.js.map

package/dist/element-renderer.d.ts

@@ -12,6 +12,5 @@ import type { EdgyFacetsElementModel } from '@formicoidea/labre-core/model';
  */
 export declare const edgy: ElementRenderer<EdgyFacetsElementModel>;
 export declare const EdgyFacetsRendererExtension: import("@formicoidea/labre-core/store").ExtensionType & {
-    identifier: import("@formicoidea/labre-core/global/di").ServiceIdentifier<ElementRenderer<EdgyFacetsElementModel>>;
+    identifier: import("@formicoidea/labre-core/_pkgs/global/di").ServiceIdentifier<ElementRenderer<EdgyFacetsElementModel>>;
 };
-//# sourceMappingURL=element-renderer.d.ts.map

package/dist/element-renderer.js

@@ -174,4 +174,3 @@ export const edgy = (model, ctx, matrix) => {
     }
 };
 export const EdgyFacetsRendererExtension = ElementRendererExtension('edgy', edgy);
-//# sourceMappingURL=element-renderer.js.map

package/dist/element-view.d.ts

@@ -16,4 +16,3 @@ export declare class EdgyView extends GfxElementModelView<EdgyFacetsElementModel
  * true (toggled from the toolbar). Moving/selecting stays available throughout.
  */
 export declare const EdgyInteraction: import("@formicoidea/labre-core/store").ExtensionType;
-//# sourceMappingURL=element-view.d.ts.map

package/dist/element-view.js

@@ -120,4 +120,3 @@ export const EdgyInteraction = GfxViewInteractionExtension(EdgyView.type, {
         };
     },
 });
-//# sourceMappingURL=element-view.js.map

package/dist/index.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=index.js.map

package/dist/label-layout.d.ts

@@ -43,4 +43,3 @@ export interface EdgyLabelHit {
 export declare function getEdgyLabelHits(model: EdgyFacetsElementModel): EdgyLabelHit[];
 /** First label whose (padded) box contains the reference-space point, or null. */
 export declare function hitTestEdgyLabel(hits: EdgyLabelHit[], rx: number, ry: number): EdgyLabelHit | null;
-//# sourceMappingURL=label-layout.d.ts.map

package/dist/label-layout.js

@@ -66,4 +66,3 @@ export function hitTestEdgyLabel(hits, rx, ry) {
     }
     return null;
 }
-//# sourceMappingURL=label-layout.js.map

package/dist/node/consts.d.ts

@@ -31,4 +31,3 @@ export declare const NODE_LABEL: Record<EdgyNodeKind, string>;
  */
 export declare const PERSON_GLYPH_VIEWBOX = 32;
 export declare const PERSON_GLYPH_PATHS: string[];
-//# sourceMappingURL=consts.d.ts.map

package/dist/node/consts.js

@@ -46,4 +46,3 @@ export const PERSON_GLYPH_PATHS = [
     'm16,19c-3.308,0-6-2.692-6-6v-4c0-3.308,2.692-6,6-6s6,2.692,6,6v4c0,3.308-2.692,6-6,6Zm0-14c-2.206,0-4,1.794-4,4v4c0,2.206,1.794,4,4,4s4-1.794,4-4v-4c0-2.206-1.794-4-4-4Z',
     'm29,30H3v-3.5c0-3.308,2.692-6,6-6h14c3.308,0,6,2.692,6,6v3.5Zm-24-2h22v-1.5c0-2.206-1.794-4-4-4h-14c-2.206,0-4,1.794-4,4v1.5Z',
 ];
-//# sourceMappingURL=consts.js.map

package/dist/node/node-renderer.d.ts

@@ -9,6 +9,5 @@ import { type EdgyNodeElementModel } from '@formicoidea/labre-core/model';
  */
 export declare const edgyNode: ElementRenderer<EdgyNodeElementModel>;
 export declare const EdgyNodeRendererExtension: import("@formicoidea/labre-core/store").ExtensionType & {
-    identifier: import("@formicoidea/labre-core/global/di").ServiceIdentifier<ElementRenderer<EdgyNodeElementModel>>;
+    identifier: import("@formicoidea/labre-core/_pkgs/global/di").ServiceIdentifier<ElementRenderer<EdgyNodeElementModel>>;
 };
-//# sourceMappingURL=node-renderer.d.ts.map

package/dist/node/node-renderer.js

@@ -37,4 +37,3 @@ export const edgyNode = (model, ctx, matrix, renderer, rc, bound) => {
     }
 };
 export const EdgyNodeRendererExtension = ElementRendererExtension('edgyNode', edgyNode);
-//# sourceMappingURL=node-renderer.js.map

package/dist/node/node-view.d.ts

@@ -13,4 +13,3 @@ export declare class EdgyNodeView extends GfxElementModelView<EdgyNodeElementMod
     static type: string;
     onCreated(): void;
 }
-//# sourceMappingURL=node-view.d.ts.map

package/dist/node/node-view.js

@@ -24,4 +24,3 @@ export class EdgyNodeView extends GfxElementModelView {
         });
     }
 }
-//# sourceMappingURL=node-view.js.map

package/dist/templates/index.d.ts

@@ -1,3 +1,2 @@
 import { type TemplateCategory } from '@formicoidea/labre-core/gfx/template';
 export declare const edgyTemplateCategory: TemplateCategory;
-//# sourceMappingURL=index.d.ts.map

package/dist/templates/index.js

@@ -207,4 +207,3 @@ export const edgyTemplateCategory = {
         tpl('Activity', `<svg ${ATTRS} fill="none"><path d="M20 24 H98 L116 41 H116 L98 58 H20 Z" stroke="#262626" stroke-width="2" stroke-linejoin="round"/></svg>`, single(enode('activity', 0, 0, 140, 80, { text: 'Activity' }))),
     ],
 };
-//# sourceMappingURL=index.js.map

package/dist/toolbar/config.d.ts

@@ -17,4 +17,3 @@ export declare const edgyToolbarConfig: {
     readonly when: (ctx: ToolbarContext) => boolean;
 };
 export declare const edgyToolbarExtension: import("@formicoidea/labre-core/store").ExtensionType;
-//# sourceMappingURL=config.d.ts.map

package/dist/toolbar/config.js

@@ -3,32 +3,32 @@ import { EdgyFacetsElementModel } from '@formicoidea/labre-core/model';
 import { ToolbarModuleExtension, } from '@formicoidea/labre-core/shared/services';
 import { BlockFlavourIdentifier } from '@formicoidea/labre-core/std';
 import { html } from 'lit';
-const ResizeIcon = html `<svg
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="1.6"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M9 5H5v4M15 19h4v-4" />
-  <path d="M5 5l6 6M19 19l-6-6" />
+const ResizeIcon = html `<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.6"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M9 5H5v4M15 19h4v-4" />
+  <path d="M5 5l6 6M19 19l-6-6" />
 </svg>`;
 /** Tag — show / hide the facet name labels. */
-const LabelsIcon = html `<svg
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="1.6"
-  stroke-linecap="round"
-  stroke-linejoin="round"
->
-  <path d="M3 8.5l6-4.5 12 0 0 16-12 0-6-4.5z" />
-  <circle cx="8" cy="12" r="1.4" />
+const LabelsIcon = html `<svg
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.6"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M3 8.5l6-4.5 12 0 0 16-12 0-6-4.5z" />
+  <circle cx="8" cy="12" r="1.4" />
 </svg>`;
 /**
  * Build a toolbar toggle that flips a boolean flag on every selected facets
@@ -68,4 +68,3 @@ export const edgyToolbarExtension = ToolbarModuleExtension({
     id: BlockFlavourIdentifier('affine:surface:edgy'),
     config: edgyToolbarConfig,
 });
-//# sourceMappingURL=config.js.map

package/dist/toolbar/edgy-menu.d.ts

@@ -1,6 +1,6 @@
 import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
 import { LitElement } from 'lit';
-declare const EdgelessEdgyMenu_base: typeof LitElement & import("@formicoidea/labre-core/global/utils").Constructor<import("@formicoidea/labre-core/widgets/edgeless-toolbar").EdgelessToolbarToolClass>;
+declare const EdgelessEdgyMenu_base: typeof LitElement & import("@formicoidea/labre-core/_pkgs/global/utils").Constructor<import("@formicoidea/labre-core/_pkgs/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
 /**
  * The popover above the toolbar for the EDGY toolbox. Items create the facets
  * diagram (the on-click Venn) and the four base-element prefab shapes — all
@@ -28,4 +28,3 @@ export declare class EdgelessEdgyMenu extends EdgelessEdgyMenu_base {
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};
-//# sourceMappingURL=edgy-menu.d.ts.map

package/dist/toolbar/edgy-menu.js

@@ -23,27 +23,27 @@ export class EdgelessEdgyMenu extends EdgelessToolbarToolMixin(LitElement) {
         super(...arguments);
         this.type = EmptyTool;
     }
-    static { this.styles = css `
-    :host {
-      position: absolute;
-      display: flex;
-      z-index: -1;
-    }
-    .menu-content {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-    .button-group-container {
-      display: flex;
-      align-items: center;
-      gap: 14px;
-      fill: var(--affine-icon-color);
-    }
-    .button-group-container svg {
-      width: 24px;
-      height: 24px;
-    }
+    static { this.styles = css `
+    :host {
+      position: absolute;
+      display: flex;
+      z-index: -1;
+    }
+    .menu-content {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .button-group-container {
+      display: flex;
+      align-items: center;
+      gap: 14px;
+      fill: var(--affine-icon-color);
+    }
+    .button-group-container svg {
+      width: 24px;
+      height: 24px;
+    }
   `; }
     /** Create the Enterprise Design Facets diagram centred on the viewport. */
     _createFacets() {
@@ -152,44 +152,43 @@ export class EdgelessEdgyMenu extends EdgelessToolbarToolMixin(LitElement) {
         });
     }
     render() {
-        return html `
-      <edgeless-slide-menu>
-        <div class="menu-content">
-          <div class="button-group-container">
-            <edgeless-tool-icon-button
-              .tooltip=${'Enterprise Design facets'}
-              @click=${this._createFacets}
-            >
-              ${edgyFacetsIcon}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'People'}
-              @click=${this._createPeople}
-            >
-              ${edgyPeopleIcon}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'Outcome'}
-              @click=${() => this._createBox('outcome')}
-            >
-              ${edgyOutcomeIcon}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'Object'}
-              @click=${() => this._createBox('object')}
-            >
-              ${edgyObjectIcon}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'Activity'}
-              @click=${() => this._createBox('activity')}
-            >
-              ${edgyActivityIcon}
-            </edgeless-tool-icon-button>
-          </div>
-        </div>
-      </edgeless-slide-menu>
+        return html `
+      <edgeless-slide-menu>
+        <div class="menu-content">
+          <div class="button-group-container">
+            <edgeless-tool-icon-button
+              .tooltip=${'Enterprise Design facets'}
+              @click=${this._createFacets}
+            >
+              ${edgyFacetsIcon}
+            </edgeless-tool-icon-button>
+            <edgeless-tool-icon-button
+              .tooltip=${'People'}
+              @click=${this._createPeople}
+            >
+              ${edgyPeopleIcon}
+            </edgeless-tool-icon-button>
+            <edgeless-tool-icon-button
+              .tooltip=${'Outcome'}
+              @click=${() => this._createBox('outcome')}
+            >
+              ${edgyOutcomeIcon}
+            </edgeless-tool-icon-button>
+            <edgeless-tool-icon-button
+              .tooltip=${'Object'}
+              @click=${() => this._createBox('object')}
+            >
+              ${edgyObjectIcon}
+            </edgeless-tool-icon-button>
+            <edgeless-tool-icon-button
+              .tooltip=${'Activity'}
+              @click=${() => this._createBox('activity')}
+            >
+              ${edgyActivityIcon}
+            </edgeless-tool-icon-button>
+          </div>
+        </div>
+      </edgeless-slide-menu>
     `;
     }
 }
-//# sourceMappingURL=edgy-menu.js.map

package/dist/toolbar/edgy-senior-button.d.ts

@@ -1,6 +1,6 @@
 import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
 import { LitElement } from 'lit';
-declare const EdgelessEdgySeniorButton_base: typeof LitElement & import("@formicoidea/labre-core/global/utils").Constructor<import("@formicoidea/labre-core/widgets/edgeless-toolbar").EdgelessToolbarToolClass>;
+declare const EdgelessEdgySeniorButton_base: typeof LitElement & import("@formicoidea/labre-core/_pkgs/global/utils").Constructor<import("@formicoidea/labre-core/_pkgs/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
 /**
  * Main toolbar button (colored facets glyph) that opens the EDGY toolbox
  * sub-menu above the toolbar. Mirrors the Wardley senior button.
@@ -13,4 +13,3 @@ export declare class EdgelessEdgySeniorButton extends EdgelessEdgySeniorButton_b
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};
-//# sourceMappingURL=edgy-senior-button.d.ts.map

package/dist/toolbar/edgy-senior-button.js

@@ -14,49 +14,49 @@ export class EdgelessEdgySeniorButton extends EdgelessToolbarToolMixin(SignalWat
         this.enableActiveBackground = true;
         this.type = EmptyTool;
     }
-    static { this.styles = css `
-    :host,
-    .edgy-button {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    :host {
-      position: relative;
-    }
-    .edgy-root {
-      width: 100%;
-      height: 64px;
-      position: relative;
-      overflow: hidden;
-      cursor: pointer;
-      display: flex;
-      align-items: flex-end;
-      justify-content: center;
-    }
-    .edgy-card {
-      --y: -4px;
-      --s: 1;
-      position: absolute;
-      bottom: 0;
-      width: 54px;
-      height: 54px;
-      transform: translateY(var(--y)) scale(var(--s));
-      translate: var(--active-x, 0) var(--active-y, 0);
-      rotate: var(--active-r, -2deg);
-      scale: var(--active-s, 1);
-      transition: transform 0.3s ease, translate 0.3s ease, rotate 0.3s ease,
-        scale 0.3s ease;
-    }
-    .edgy-card svg {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    .edgy-root:hover .edgy-card {
-      --y: -10px;
-      --s: 1.07;
-    }
+    static { this.styles = css `
+    :host,
+    .edgy-button {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    :host {
+      position: relative;
+    }
+    .edgy-root {
+      width: 100%;
+      height: 64px;
+      position: relative;
+      overflow: hidden;
+      cursor: pointer;
+      display: flex;
+      align-items: flex-end;
+      justify-content: center;
+    }
+    .edgy-card {
+      --y: -4px;
+      --s: 1;
+      position: absolute;
+      bottom: 0;
+      width: 54px;
+      height: 54px;
+      transform: translateY(var(--y)) scale(var(--s));
+      translate: var(--active-x, 0) var(--active-y, 0);
+      rotate: var(--active-r, -2deg);
+      scale: var(--active-s, 1);
+      transition: transform 0.3s ease, translate 0.3s ease, rotate 0.3s ease,
+        scale 0.3s ease;
+    }
+    .edgy-card svg {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    .edgy-root:hover .edgy-card {
+      --y: -10px;
+      --s: 1.07;
+    }
   `; }
     _toggleMenu() {
         if (this.popper) {
@@ -81,17 +81,16 @@ export class EdgelessEdgySeniorButton extends EdgelessToolbarToolMixin(SignalWat
         });
     }
     render() {
-        return html `<edgeless-toolbar-button
-      class="edgy-button"
-      .tooltip=${this.popper ? '' : 'EDGY'}
-      .tooltipOffset=${4}
-      .active=${!!this.popper}
-      @click=${this._toggleMenu}
-    >
-      <div class="edgy-root">
-        <div class="edgy-card">${edgyToolbarIcon}</div>
-      </div>
+        return html `<edgeless-toolbar-button
+      class="edgy-button"
+      .tooltip=${this.popper ? '' : 'EDGY'}
+      .tooltipOffset=${4}
+      .active=${!!this.popper}
+      @click=${this._toggleMenu}
+    >
+      <div class="edgy-root">
+        <div class="edgy-card">${edgyToolbarIcon}</div>
+      </div>
     </edgeless-toolbar-button>`;
     }
 }
-//# sourceMappingURL=edgy-senior-button.js.map

package/dist/toolbar/icons.d.ts

@@ -10,4 +10,3 @@ export declare const edgyOutcomeIcon: import("lit-html").TemplateResult<2>;
 export declare const edgyObjectIcon: import("lit-html").TemplateResult<2>;
 /** Activity — right-pointing chevron. */
 export declare const edgyActivityIcon: import("lit-html").TemplateResult<2>;
-//# sourceMappingURL=icons.d.ts.map

package/dist/toolbar/icons.js

@@ -30,4 +30,3 @@ export const edgyObjectIcon = svg `<svg width="24" height="24" viewBox="0 0 24 2
 export const edgyActivityIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M3.5 6.5 H15 L20.5 12 L15 17.5 H3.5 Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
 </svg>`;
-//# sourceMappingURL=icons.js.map

package/dist/toolbar/node-config.d.ts

@@ -1,2 +1 @@
 export declare const edgyNodeToolbarExtension: import("@formicoidea/labre-core/store").ExtensionType;
-//# sourceMappingURL=node-config.d.ts.map

package/dist/toolbar/node-config.js

@@ -120,12 +120,12 @@ const edgyColorAction = {
                 crud.updateElement(model.id, props);
             }
         };
-        return html `
-      <edgeless-shape-color-picker
-        @pickFillColor=${onPickFillColor}
-        @pickStrokeColor=${onPickStrokeColor}
-        @pickStrokeStyle=${onPickStrokeStyle}
-        .palettes=${EDGY_PALETTE_LIST}
+        return html `
+      <edgeless-shape-color-picker
+        @pickFillColor=${onPickFillColor}
+        @pickStrokeColor=${onPickStrokeColor}
+        @pickStrokeStyle=${onPickStrokeStyle}
+        .palettes=${EDGY_PALETTE_LIST}
         .payload=${{
             fillColor,
             strokeColor,
@@ -135,9 +135,9 @@ const edgyColorAction = {
             originalStrokeColor,
             theme,
             enableCustomColor,
-        }}
-      >
-      </edgeless-shape-color-picker>
+        }}
+      >
+      </edgeless-shape-color-picker>
     `;
     },
 };
@@ -159,4 +159,3 @@ export const edgyNodeToolbarExtension = ToolbarModuleExtension({
     id: BlockFlavourIdentifier('affine:surface:edgyNode'),
     config: edgyNodeToolbarConfig,
 });
-//# sourceMappingURL=node-config.js.map

package/dist/toolbar/senior-tool.d.ts

@@ -1,2 +1 @@
 export declare const edgySeniorTool: import("@formicoidea/labre-core/store").ExtensionType;
-//# sourceMappingURL=senior-tool.d.ts.map

package/dist/toolbar/senior-tool.js

@@ -3,9 +3,8 @@ import { html } from 'lit';
 export const edgySeniorTool = SeniorToolExtension('edgy', ({ block }) => {
     return {
         name: 'EDGY',
-        content: html `<edgeless-edgy-senior-button
-      .edgeless=${block}
+        content: html `<edgeless-edgy-senior-button
+      .edgeless=${block}
     ></edgeless-edgy-senior-button>`,
     };
 });
-//# sourceMappingURL=senior-tool.js.map

package/dist/view.d.ts

@@ -4,4 +4,3 @@ export declare class EdgyViewExtension extends ViewExtensionProvider {
     effect(): void;
     setup(context: ViewExtensionContext): void;
 }
-//# sourceMappingURL=view.d.ts.map

package/dist/view.js

@@ -33,4 +33,3 @@ export class EdgyViewExtension extends ViewExtensionProvider {
         }
     }
 }
-//# sourceMappingURL=view.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-framework-edgy",
   "description": "Labre edgy framework for @formicoidea/labre-core.",
-  "version": "0.23.1",
+  "version": "0.23.3",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -27,7 +27,7 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.23.1",
+    "@formicoidea/labre-core": "0.23.3",
     "lit": "^3.2.0"
   }
 }