@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 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);
@@ -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();
@@ -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';
@@ -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
@@ -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: {
@@ -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
@@ -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.30.1",
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.1",
30
+ "@formicoidea/labre-core": "0.31.0",
31
31
  "lit": "^3.2.0"
32
32
  }
33
33
  }