@formicoidea/labre-framework-wardley 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/actions.js +2 -2
- 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 +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/label-layout.js +1 -1
- package/dist/legend.js +2 -2
- package/dist/node/node-renderer.js +1 -1
- package/dist/shortcuts.js +1 -1
- package/dist/templates/index.js +3 -3
- package/dist/templates/maps.js +1 -1
- package/dist/toolbar/config.js +2 -2
- package/dist/toolbar/wardley-menu.js +2 -2
- package/dist/toolbar/wardley-senior-button.js +1 -1
- package/dist/view.js +10 -10
- package/package.json +2 -2
package/dist/actions.js
CHANGED
|
@@ -4,8 +4,8 @@ import { createGroupCommand } from '@formicoidea/labre-core/gfx/group';
|
|
|
4
4
|
import { ConnectorMode, FontFamily, PointStyle, ShapeStyle, StrokeStyle, TextFitMode, } from '@formicoidea/labre-core/model';
|
|
5
5
|
import { EditPropsStore, TelemetryProvider, } from '@formicoidea/labre-core/shared/services';
|
|
6
6
|
import { Bound } from '@formicoidea/labre-core/global/gfx';
|
|
7
|
-
import { REF_WIDTH } from './consts';
|
|
8
|
-
import { ECOSYSTEM_LABEL, ECOSYSTEM_SIZE, HANDLE_SIZE, INERTIA_COLOR, INERTIA_SIZE, LABEL_DEFAULT, LABEL_FONT_SIZE, LABEL_GAP, LINK_GREY, LINK_STROKE_WIDTH, MARKET_DOT_RING, MARKET_DOT_SIZE, MARKET_DOT_STROKE_WIDTH, MARKET_LABEL, MARKET_LINK_COLOR, MARKET_LINK_WIDTH, MARKET_SIZE, METHOD_FILL, METHOD_LABEL, METHOD_SIZE, NODE_FILL, NODE_SIZE, NODE_STROKE, NODE_STROKE_WIDTH, PIPELINE_FILL, PIPELINE_HEIGHT, PIPELINE_LABEL, PIPELINE_WIDTH, WARDLEY_RED, } from './node/consts';
|
|
7
|
+
import { REF_WIDTH } from './consts.js';
|
|
8
|
+
import { ECOSYSTEM_LABEL, ECOSYSTEM_SIZE, HANDLE_SIZE, INERTIA_COLOR, INERTIA_SIZE, LABEL_DEFAULT, LABEL_FONT_SIZE, LABEL_GAP, LINK_GREY, LINK_STROKE_WIDTH, MARKET_DOT_RING, MARKET_DOT_SIZE, MARKET_DOT_STROKE_WIDTH, MARKET_LABEL, MARKET_LINK_COLOR, MARKET_LINK_WIDTH, MARKET_SIZE, METHOD_FILL, METHOD_LABEL, METHOD_SIZE, NODE_FILL, NODE_SIZE, NODE_STROKE, NODE_STROKE_WIDTH, PIPELINE_FILL, PIPELINE_HEIGHT, PIPELINE_LABEL, PIPELINE_WIDTH, WARDLEY_RED, } from './node/consts.js';
|
|
9
9
|
const TOOLBOX_SOURCE = {
|
|
10
10
|
segment: 'wardley toolbox',
|
|
11
11
|
module: 'wardley menu',
|
package/dist/effects.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { EdgelessWardleyMenu } from './toolbar/wardley-menu';
|
|
2
|
-
import { EdgelessWardleySeniorButton } from './toolbar/wardley-senior-button';
|
|
1
|
+
import { EdgelessWardleyMenu } from './toolbar/wardley-menu.js';
|
|
2
|
+
import { EdgelessWardleySeniorButton } from './toolbar/wardley-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 { EdgelessWardleyMenu } from './toolbar/wardley-menu';
|
|
2
|
-
import { EdgelessWardleySeniorButton } from './toolbar/wardley-senior-button';
|
|
1
|
+
import { EdgelessWardleyMenu } from './toolbar/wardley-menu.js';
|
|
2
|
+
import { EdgelessWardleySeniorButton } from './toolbar/wardley-senior-button.js';
|
|
3
3
|
export function effects() {
|
|
4
4
|
customElements.define('edgeless-wardley-menu', EdgelessWardleyMenu);
|
|
5
5
|
customElements.define('edgeless-wardley-senior-button', EdgelessWardleySeniorButton);
|
package/dist/element-renderer.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementRendererExtension, } from '@formicoidea/labre-core/blocks/surface';
|
|
2
|
-
import { ARROW, CARD_RADIUS, COLORS, EVOLUTION_BOUNDARIES, FONT_FAMILY, FONTS, LINE, MARGIN, OFFSETS, } from './consts';
|
|
3
|
-
import { paintGradientBackground } from './gradient';
|
|
2
|
+
import { ARROW, CARD_RADIUS, COLORS, EVOLUTION_BOUNDARIES, FONT_FAMILY, FONTS, LINE, MARGIN, OFFSETS, } from './consts.js';
|
|
3
|
+
import { paintGradientBackground } from './gradient.js';
|
|
4
4
|
function roundRectPath(ctx, x, y, w, h, r) {
|
|
5
5
|
const rr = Math.min(r, w / 2, h / 2);
|
|
6
6
|
ctx.beginPath();
|
package/dist/element-view.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
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 { getWardleyLabelHits, hitTestWardleyLabel, } from './label-layout';
|
|
4
|
+
import { getWardleyLabelHits, hitTestWardleyLabel, } from './label-layout.js';
|
|
5
5
|
export class WardleyView extends GfxElementModelView {
|
|
6
6
|
constructor() {
|
|
7
7
|
super(...arguments);
|
package/dist/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { wardleyShortcuts } from './shortcuts';
|
|
1
|
+
export { wardleyShortcuts } from './shortcuts.js';
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { wardleyShortcuts } from './shortcuts';
|
|
1
|
+
export { wardleyShortcuts } from './shortcuts.js';
|
package/dist/label-layout.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FONTS, MARGIN, OFFSETS } from './consts';
|
|
1
|
+
import { FONTS, MARGIN, OFFSETS } from './consts.js';
|
|
2
2
|
/** Rough per-character advance — only used to size generous hit boxes. */
|
|
3
3
|
const approxTextWidth = (text, fontSize) => Math.max(fontSize, text.length * fontSize * 0.6);
|
|
4
4
|
/**
|
package/dist/legend.js
CHANGED
|
@@ -2,8 +2,8 @@ import { createGroupCommand } from '@formicoidea/labre-core/gfx/group';
|
|
|
2
2
|
import { ConnectorElementModel, ConnectorMode, FontFamily, PointStyle, ShapeElementModel, ShapeStyle, StrokeStyle, WardleyNodeElementModel, } from '@formicoidea/labre-core/model';
|
|
3
3
|
import { Bound } from '@formicoidea/labre-core/global/gfx';
|
|
4
4
|
import { GfxControllerIdentifier } from '@formicoidea/labre-core/std/gfx';
|
|
5
|
-
import { GRADIENT_GREEN, GRADIENT_RED } from './gradient';
|
|
6
|
-
import { INERTIA_COLOR, LINK_GREY, LINK_STROKE_WIDTH, MARKET_DOT_STROKE_WIDTH, MARKET_LINK_COLOR, MARKET_LINK_WIDTH, METHOD_FILL, NODE_FILL, NODE_STROKE, NODE_STROKE_WIDTH, PIPELINE_FILL, WARDLEY_RED, } from './node/consts';
|
|
5
|
+
import { GRADIENT_GREEN, GRADIENT_RED } from './gradient.js';
|
|
6
|
+
import { INERTIA_COLOR, LINK_GREY, LINK_STROKE_WIDTH, MARKET_DOT_STROKE_WIDTH, MARKET_LINK_COLOR, MARKET_LINK_WIDTH, METHOD_FILL, NODE_FILL, NODE_STROKE, NODE_STROKE_WIDTH, PIPELINE_FILL, WARDLEY_RED, } from './node/consts.js';
|
|
7
7
|
const LEGEND_ORDER = [
|
|
8
8
|
'component',
|
|
9
9
|
'anchor',
|
|
@@ -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 { ANCHOR, ECOSYSTEM, METHOD, NODE_FILL } from './consts';
|
|
4
|
+
import { ANCHOR, ECOSYSTEM, METHOD, NODE_FILL } from './consts.js';
|
|
5
5
|
/**
|
|
6
6
|
* Renderer for a Wardley node. The circle is drawn by REUSING the native shape
|
|
7
7
|
* renderer (so stroke width, colors and theme behave exactly like a native
|
package/dist/shortcuts.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { GfxControllerIdentifier } from '@formicoidea/labre-core/std/gfx';
|
|
2
|
-
import { activateWardleyConnector, createWardleyBackground, createWardleyInertia, createWardleyNode, createWardleyPipeline, WARDLEY_SHORTCUT_SOURCE, } from './actions';
|
|
2
|
+
import { activateWardleyConnector, createWardleyBackground, createWardleyInertia, createWardleyNode, createWardleyPipeline, WARDLEY_SHORTCUT_SOURCE, } from './actions.js';
|
|
3
3
|
/**
|
|
4
4
|
* Wardley canvas chords: press `w`, then the action key. Edgeless-scoped and
|
|
5
5
|
* registered by {@link WardleyViewExtension}, so they only exist when the
|
package/dist/templates/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
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_WIDTH } from '../consts';
|
|
4
|
-
import { wardleyMaps } from './maps';
|
|
5
|
-
import { ECOSYSTEM_SIZE, HANDLE_SIZE, INERTIA_COLOR, INERTIA_SIZE, LABEL_FONT_SIZE, LINK_GREY, LINK_STROKE_WIDTH, MARKET_DOT_RING, MARKET_DOT_SIZE, MARKET_DOT_STROKE_WIDTH, MARKET_LINK_COLOR, MARKET_LINK_WIDTH, MARKET_SIZE, METHOD_FILL, METHOD_SIZE, NODE_FILL, NODE_SIZE, NODE_STROKE, NODE_STROKE_WIDTH, PIPELINE_FILL, PIPELINE_HEIGHT, PIPELINE_WIDTH, WARDLEY_RED, } from '../node/consts';
|
|
3
|
+
import { REF_WIDTH } from '../consts.js';
|
|
4
|
+
import { wardleyMaps } from './maps.js';
|
|
5
|
+
import { ECOSYSTEM_SIZE, HANDLE_SIZE, INERTIA_COLOR, INERTIA_SIZE, LABEL_FONT_SIZE, LINK_GREY, LINK_STROKE_WIDTH, MARKET_DOT_RING, MARKET_DOT_SIZE, MARKET_DOT_STROKE_WIDTH, MARKET_LINK_COLOR, MARKET_LINK_WIDTH, MARKET_SIZE, METHOD_FILL, METHOD_SIZE, NODE_FILL, NODE_SIZE, NODE_STROKE, NODE_STROKE_WIDTH, PIPELINE_FILL, PIPELINE_HEIGHT, PIPELINE_WIDTH, WARDLEY_RED, } from '../node/consts.js';
|
|
6
6
|
const VARIANT_DEFAULTS = {
|
|
7
7
|
classic: {},
|
|
8
8
|
opportunity: {
|
package/dist/templates/maps.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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 { INERTIA_COLOR, LABEL_FONT_SIZE, LINK_GREY, LINK_STROKE_WIDTH, NODE_FILL, NODE_SIZE, NODE_STROKE, WARDLEY_RED, } from '../node/consts';
|
|
3
|
+
import { INERTIA_COLOR, LABEL_FONT_SIZE, LINK_GREY, LINK_STROKE_WIDTH, NODE_FILL, NODE_SIZE, NODE_STROKE, WARDLEY_RED, } from '../node/consts.js';
|
|
4
4
|
/**
|
|
5
5
|
* Authoring kit for canonical Wardley maps. Positions are given as
|
|
6
6
|
* (evolution 0..1, value 0..1) and mapped into the plot interior of a fixed
|
package/dist/toolbar/config.js
CHANGED
|
@@ -3,8 +3,8 @@ import { WardleyBackgroundElementModel } from '@formicoidea/labre-core/model';
|
|
|
3
3
|
import { TelemetryProvider, ToolbarModuleExtension, } from '@formicoidea/labre-core/shared/services';
|
|
4
4
|
import { BlockFlavourIdentifier } from '@formicoidea/labre-core/std';
|
|
5
5
|
import { html } from 'lit';
|
|
6
|
-
import { createWardleyLegend } from '../legend';
|
|
7
|
-
import { wardleyLegendIcon } from './icons';
|
|
6
|
+
import { createWardleyLegend } from '../legend.js';
|
|
7
|
+
import { wardleyLegendIcon } from './icons.js';
|
|
8
8
|
const ResizeIcon = html `<svg
|
|
9
9
|
width="24"
|
|
10
10
|
height="24"
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
|
|
2
2
|
import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
|
|
3
3
|
import { css, html, LitElement } from 'lit';
|
|
4
|
-
import { activateWardleyConnector, createWardleyBackground, createWardleyInertia, createWardleyMarket, createWardleyNode, createWardleyPipeline, } from '../actions';
|
|
5
|
-
import { wardleyAnchorIcon, wardleyArrowIcon, wardleyBackgroundIcon, wardleyBenefitIcon, wardleyComponentIcon, wardleyEcosystemIcon, wardleyInertiaIcon, wardleyLinkIcon, wardleyMarketIcon, wardleyMethodIcon, wardleyEvolutionGradientIcon, wardleyOpportunityIcon, wardleyPipelineIcon, } from './icons';
|
|
4
|
+
import { activateWardleyConnector, createWardleyBackground, createWardleyInertia, createWardleyMarket, createWardleyNode, createWardleyPipeline, } from '../actions.js';
|
|
5
|
+
import { wardleyAnchorIcon, wardleyArrowIcon, wardleyBackgroundIcon, wardleyBenefitIcon, wardleyComponentIcon, wardleyEcosystemIcon, wardleyInertiaIcon, wardleyLinkIcon, wardleyMarketIcon, wardleyMethodIcon, wardleyEvolutionGradientIcon, wardleyOpportunityIcon, wardleyPipelineIcon, } from './icons.js';
|
|
6
6
|
/**
|
|
7
7
|
* The popover that opens above the toolbar for the Wardley toolbox. Each item
|
|
8
8
|
* creates a pre-formatted Wardley object (see `../actions.ts` — the same
|
|
@@ -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 { wardleyToolbarIcon } from './icons';
|
|
6
|
+
import { wardleyToolbarIcon } from './icons.js';
|
|
7
7
|
/**
|
|
8
8
|
* Main toolbar button (colored proposal-B icon) that opens the Wardley toolbox
|
|
9
9
|
* sub-menu above the toolbar. Styled like the other senior tools: the tile fills
|
package/dist/view.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { ViewExtensionProvider, } from '@formicoidea/labre-core/ext-loader';
|
|
2
2
|
import { extendTemplateCategory } from '@formicoidea/labre-core/gfx/template';
|
|
3
3
|
import { ShortcutExtension } from '@formicoidea/labre-core/std';
|
|
4
|
-
import { effects } from './effects';
|
|
5
|
-
import { wardleyShortcuts } from './shortcuts';
|
|
6
|
-
import { wardleyTemplateCategory } from './templates';
|
|
7
|
-
import { WardleyElementRendererExtension } from './element-renderer';
|
|
8
|
-
import { WardleyInteraction, WardleyView } from './element-view';
|
|
9
|
-
import { WardleyNodeRendererExtension } from './node/node-renderer';
|
|
10
|
-
import { WardleyNodeView } from './node/node-view';
|
|
11
|
-
import { wardleyNodeToolbarExtension } from './toolbar/node-config';
|
|
12
|
-
import { wardleyToolbarExtension } from './toolbar/config';
|
|
13
|
-
import { wardleySeniorTool } from './toolbar/senior-tool';
|
|
4
|
+
import { effects } from './effects.js';
|
|
5
|
+
import { wardleyShortcuts } from './shortcuts.js';
|
|
6
|
+
import { wardleyTemplateCategory } from './templates/index.js';
|
|
7
|
+
import { WardleyElementRendererExtension } from './element-renderer.js';
|
|
8
|
+
import { WardleyInteraction, WardleyView } from './element-view.js';
|
|
9
|
+
import { WardleyNodeRendererExtension } from './node/node-renderer.js';
|
|
10
|
+
import { WardleyNodeView } from './node/node-view.js';
|
|
11
|
+
import { wardleyNodeToolbarExtension } from './toolbar/node-config.js';
|
|
12
|
+
import { wardleyToolbarExtension } from './toolbar/config.js';
|
|
13
|
+
import { wardleySeniorTool } from './toolbar/senior-tool.js';
|
|
14
14
|
export class WardleyViewExtension extends ViewExtensionProvider {
|
|
15
15
|
constructor() {
|
|
16
16
|
super(...arguments);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@formicoidea/labre-framework-wardley",
|
|
3
3
|
"description": "Labre wardley 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
|
}
|