@formicoidea/labre-framework-edgy 0.30.1 → 0.31.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/dist/effects.d.ts +2 -2
- package/dist/effects.js +2 -2
- package/dist/element-renderer.js +2 -2
- package/dist/element-view.js +2 -2
- package/dist/label-layout.js +1 -1
- package/dist/node/node-renderer.js +1 -1
- package/dist/templates/index.js +2 -2
- package/dist/toolbar/edgy-menu.js +3 -3
- package/dist/toolbar/edgy-senior-button.js +1 -1
- package/dist/view.js +9 -9
- package/package.json +2 -2
package/dist/effects.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { EdgelessEdgyMenu } from './toolbar/edgy-menu';
|
|
2
|
-
import { EdgelessEdgySeniorButton } from './toolbar/edgy-senior-button';
|
|
1
|
+
import { EdgelessEdgyMenu } from './toolbar/edgy-menu.js';
|
|
2
|
+
import { EdgelessEdgySeniorButton } from './toolbar/edgy-senior-button.js';
|
|
3
3
|
export declare function effects(): void;
|
|
4
4
|
declare global {
|
|
5
5
|
interface HTMLElementTagNameMap {
|
package/dist/effects.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { EdgelessEdgyMenu } from './toolbar/edgy-menu';
|
|
2
|
-
import { EdgelessEdgySeniorButton } from './toolbar/edgy-senior-button';
|
|
1
|
+
import { EdgelessEdgyMenu } from './toolbar/edgy-menu.js';
|
|
2
|
+
import { EdgelessEdgySeniorButton } from './toolbar/edgy-senior-button.js';
|
|
3
3
|
export function effects() {
|
|
4
4
|
customElements.define('edgeless-edgy-menu', EdgelessEdgyMenu);
|
|
5
5
|
customElements.define('edgeless-edgy-senior-button', EdgelessEdgySeniorButton);
|
package/dist/element-renderer.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementRendererExtension, } from '@formicoidea/labre-core/blocks/surface';
|
|
2
|
-
import { COLORS, FONT_FAMILY, LABEL_FONT_SIZE, PICTO_STROKE, REF_H, REF_W, refScale, VENN, } from './consts';
|
|
3
|
-
import { CIRCLE_A, CIRCLE_B, CIRCLE_C, facetLabelAnchors } from './label-layout';
|
|
2
|
+
import { COLORS, FONT_FAMILY, LABEL_FONT_SIZE, PICTO_STROKE, REF_H, REF_W, refScale, VENN, } from './consts.js';
|
|
3
|
+
import { CIRCLE_A, CIRCLE_B, CIRCLE_C, facetLabelAnchors } from './label-layout.js';
|
|
4
4
|
/**
|
|
5
5
|
* Canvas renderer for the EDGY Enterprise Design Facets diagram — reproduces the
|
|
6
6
|
* validated mockup: three overlapping circles (Identity / Architecture /
|
package/dist/element-view.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { EdgelessCRUDIdentifier } from '@formicoidea/labre-core/blocks/surface';
|
|
2
2
|
import { rotatePoint } from '@formicoidea/labre-core/global/gfx';
|
|
3
3
|
import { GfxElementModelView, GfxViewInteractionExtension, } from '@formicoidea/labre-core/std/gfx';
|
|
4
|
-
import { refScale } from './consts';
|
|
5
|
-
import { getEdgyLabelHits, hitTestEdgyLabel, } from './label-layout';
|
|
4
|
+
import { refScale } from './consts.js';
|
|
5
|
+
import { getEdgyLabelHits, hitTestEdgyLabel, } from './label-layout.js';
|
|
6
6
|
export class EdgyView extends GfxElementModelView {
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
package/dist/label-layout.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LABEL_FONT_SIZE, VENN } from './consts';
|
|
1
|
+
import { LABEL_FONT_SIZE, VENN } from './consts.js';
|
|
2
2
|
/** The three circle centres in reference coords. */
|
|
3
3
|
export const CIRCLE_A = { x: VENN.cx - 0.866 * VENN.r0, y: VENN.cy - 0.5 * VENN.r0 }; // Identity
|
|
4
4
|
export const CIRCLE_B = { x: VENN.cx + 0.866 * VENN.r0, y: VENN.cy - 0.5 * VENN.r0 }; // Architecture
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ElementRendererExtension, } from '@formicoidea/labre-core/blocks/surface';
|
|
2
2
|
import { shape as shapeRenderer } from '@formicoidea/labre-core/gfx/shape';
|
|
3
3
|
import { DefaultTheme } from '@formicoidea/labre-core/model';
|
|
4
|
-
import { PERSON_GLYPH_PATHS, PERSON_GLYPH_VIEWBOX } from './consts';
|
|
4
|
+
import { PERSON_GLYPH_PATHS, PERSON_GLYPH_VIEWBOX } from './consts.js';
|
|
5
5
|
/**
|
|
6
6
|
* Renderer for an EDGY base-element node. The shape body (rounded rect / rect /
|
|
7
7
|
* chevron polygon / ellipse) is drawn by REUSING the native shape renderer — so
|
package/dist/templates/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { makeTemplateSnapshot, surfaceText, } from '@formicoidea/labre-core/gfx/template';
|
|
2
2
|
import { ConnectorMode, FontFamily, PointStyle, ShapeStyle, StrokeStyle, TextAlign, } from '@formicoidea/labre-core/model';
|
|
3
|
-
import { REF_H, REF_W } from '../consts';
|
|
4
|
-
import { ACTIVITY_VERTICES, INNER_FONT_SIZE, NODE_FILL, NODE_STROKE, NODE_STROKE_WIDTH, OUTCOME_RADIUS, } from '../node/consts';
|
|
3
|
+
import { REF_H, REF_W } from '../consts.js';
|
|
4
|
+
import { ACTIVITY_VERTICES, INNER_FONT_SIZE, NODE_FILL, NODE_STROKE, NODE_STROKE_WIDTH, OUTCOME_RADIUS, } from '../node/consts.js';
|
|
5
5
|
// EDGY facet palette (header / pale sub-card).
|
|
6
6
|
const C = {
|
|
7
7
|
identity: ['#1ec873', '#9fe6c2'],
|
|
@@ -6,9 +6,9 @@ import { TelemetryProvider } from '@formicoidea/labre-core/shared/services';
|
|
|
6
6
|
import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
|
|
7
7
|
import { Bound } from '@formicoidea/labre-core/global/gfx';
|
|
8
8
|
import { css, html, LitElement } from 'lit';
|
|
9
|
-
import { REF_H, REF_W } from '../consts';
|
|
10
|
-
import { ACTIVITY_VERTICES, INNER_FONT_SIZE, LABEL_FONT_SIZE, LABEL_GAP, NODE_FILL, NODE_LABEL, NODE_SIZE, NODE_STROKE, NODE_STROKE_WIDTH, OUTCOME_RADIUS, } from '../node/consts';
|
|
11
|
-
import { edgyActivityIcon, edgyFacetsIcon, edgyObjectIcon, edgyOutcomeIcon, edgyPeopleIcon, } from './icons';
|
|
9
|
+
import { REF_H, REF_W } from '../consts.js';
|
|
10
|
+
import { ACTIVITY_VERTICES, INNER_FONT_SIZE, LABEL_FONT_SIZE, LABEL_GAP, NODE_FILL, NODE_LABEL, NODE_SIZE, NODE_STROKE, NODE_STROKE_WIDTH, OUTCOME_RADIUS, } from '../node/consts.js';
|
|
11
|
+
import { edgyActivityIcon, edgyFacetsIcon, edgyObjectIcon, edgyOutcomeIcon, edgyPeopleIcon, } from './icons.js';
|
|
12
12
|
/** Default facets-diagram size (REF aspect, scaled up so it reads on canvas). */
|
|
13
13
|
const FACETS_SCALE = 1.5;
|
|
14
14
|
/** Height of the native People free-text label. */
|
|
@@ -3,7 +3,7 @@ import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
|
|
|
3
3
|
import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
|
|
4
4
|
import { SignalWatcher } from '@formicoidea/labre-core/global/lit';
|
|
5
5
|
import { css, html, LitElement } from 'lit';
|
|
6
|
-
import { edgyToolbarIcon } from './icons';
|
|
6
|
+
import { edgyToolbarIcon } from './icons.js';
|
|
7
7
|
/**
|
|
8
8
|
* Main toolbar button (colored facets glyph) that opens the EDGY toolbox
|
|
9
9
|
* sub-menu above the toolbar. Mirrors the Wardley senior button.
|
package/dist/view.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { ViewExtensionProvider, } from '@formicoidea/labre-core/ext-loader';
|
|
2
2
|
import { extendTemplateCategory } from '@formicoidea/labre-core/gfx/template';
|
|
3
|
-
import { effects } from './effects';
|
|
4
|
-
import { edgyTemplateCategory } from './templates';
|
|
5
|
-
import { EdgyFacetsRendererExtension } from './element-renderer';
|
|
6
|
-
import { EdgyInteraction, EdgyView } from './element-view';
|
|
7
|
-
import { EdgyNodeRendererExtension } from './node/node-renderer';
|
|
8
|
-
import { EdgyNodeView } from './node/node-view';
|
|
9
|
-
import { edgyToolbarExtension } from './toolbar/config';
|
|
10
|
-
import { edgyNodeToolbarExtension } from './toolbar/node-config';
|
|
11
|
-
import { edgySeniorTool } from './toolbar/senior-tool';
|
|
3
|
+
import { effects } from './effects.js';
|
|
4
|
+
import { edgyTemplateCategory } from './templates/index.js';
|
|
5
|
+
import { EdgyFacetsRendererExtension } from './element-renderer.js';
|
|
6
|
+
import { EdgyInteraction, EdgyView } from './element-view.js';
|
|
7
|
+
import { EdgyNodeRendererExtension } from './node/node-renderer.js';
|
|
8
|
+
import { EdgyNodeView } from './node/node-view.js';
|
|
9
|
+
import { edgyToolbarExtension } from './toolbar/config.js';
|
|
10
|
+
import { edgyNodeToolbarExtension } from './toolbar/node-config.js';
|
|
11
|
+
import { edgySeniorTool } from './toolbar/senior-tool.js';
|
|
12
12
|
export class EdgyViewExtension extends ViewExtensionProvider {
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@formicoidea/labre-framework-edgy",
|
|
3
3
|
"description": "Labre edgy framework for @formicoidea/labre-core.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.31.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"author": "lajola",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"dist"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@formicoidea/labre-core": "0.
|
|
30
|
+
"@formicoidea/labre-core": "0.31.0",
|
|
31
31
|
"lit": "^3.2.0"
|
|
32
32
|
}
|
|
33
33
|
}
|