@ng-prism/core 22.2.1 → 22.4.0

package/dist/app/canvas/prism-canvas-pin-row.component.js

@@ -0,0 +1,64 @@
+import { ChangeDetectionStrategy, Component, computed, inject } from '@angular/core';
+import { PrismIconComponent } from '../icons/prism-icon.component.js';
+import { PrismMeasureService } from '../services/prism-measure.service.js';
+import { formatMeasure, measureDistance } from './measure-geometry.js';
+import * as i0 from "@angular/core";
+function PrismCanvasPinRowComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "button", 2);
+    i0.ɵɵlistener("click", function PrismCanvasPinRowComponent_Conditional_0_For_2_Template_button_click_2_listener() { const $index_r2 = i0.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.remove($index_r2)); });
+    i0.ɵɵelement(3, "prism-icon", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const chip_r4 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", chip_r4, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-label", "Remove measurement " + chip_r4);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", 10);
+} }
+function PrismCanvasPinRowComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵrepeaterCreate(1, PrismCanvasPinRowComponent_Conditional_0_For_2_Template, 4, 3, "span", 1, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.chips());
+} }
+/**
+ * The pinned measurements, as a row below the canvas.
+ *
+ * Not a panel in a corner of the stage: the top overlay band already carries
+ * the background pill on the left, the viewport dimension line in the
+ * middle and the toolrail on the right. A fourth floating surface there
+ * would be the first one to collide with another.
+ *
+ * A direct child of `.prism-canvas-wrap` and therefore without a capture
+ * guard of its own: `CAPTURE_CANVAS_ONLY_SELECTOR` structurally removes
+ * every child of the wrap that does not contain the stage. The rule is
+ * deliberately written structurally rather than as a list of selectors, so
+ * exactly this case works without anyone maintaining it.
+ */
+export class PrismCanvasPinRowComponent {
+    measure = inject(PrismMeasureService);
+    chips = computed(() => this.measure.pins().map((m) => `${formatMeasure(measureDistance(m.a, m.b))} px`), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "chips" }] : /* istanbul ignore next */ []));
+    remove(index) {
+        this.measure.removePin(index);
+    }
+    static ɵfac = function PrismCanvasPinRowComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismCanvasPinRowComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismCanvasPinRowComponent, selectors: [["prism-canvas-pin-row"]], decls: 1, vars: 1, consts: [["role", "group", "aria-label", "Pinned measurements", 1, "pin-row"], [1, "pin-chip"], ["type", "button", 1, "pin-chip__x", 3, "click"], ["name", "x", 3, "size"]], template: function PrismCanvasPinRowComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PrismCanvasPinRowComponent_Conditional_0_Template, 3, 0, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.chips().length > 0 ? 0 : -1);
+        } }, dependencies: [PrismIconComponent], styles: [".pin-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: var(--%NS%sp-2);\n    align-items: center;\n    padding: var(--%NS%sp-2) var(--%NS%sp-3);\n    overflow-x: auto;\n    background: var(--%NS%prism-bg-surface);\n    border-top: 1px solid var(--%NS%prism-border);\n}\n\n.pin-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    gap: var(--%NS%sp-1);\n    align-items: center;\n    padding: var(--%NS%sp-1) var(--%NS%sp-2);\n    font-family: var(--%NS%font-mono);\n    font-size: var(--%NS%fs-xs);\n    font-variant-numeric: tabular-nums;\n    color: var(--%NS%prism-measure);\n    white-space: nowrap;\n    border: 1px solid var(--%NS%prism-border-strong);\n    border-radius: var(--%NS%radius-xs);\n}\n\n.pin-chip__x[_ngcontent-%COMP%] {\n    display: grid;\n    place-items: center;\n    padding: 0;\n    color: inherit;\n    cursor: pointer;\n    background: none;\n    border: 0;\n    opacity: 0.6;\n}\n\n.pin-chip__x[_ngcontent-%COMP%]:hover, \n.pin-chip__x[_ngcontent-%COMP%]:focus-visible {\n    opacity: 1;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismCanvasPinRowComponent, [{
+        type: Component,
+        args: [{ selector: 'prism-canvas-pin-row', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PrismIconComponent], template: "@if (chips().length > 0) {\n    <div\n        class=\"pin-row\"\n        role=\"group\"\n        aria-label=\"Pinned measurements\">\n        @for (chip of chips(); track $index) {\n            <span class=\"pin-chip\">\n                {{ chip }}\n                <button\n                    type=\"button\"\n                    class=\"pin-chip__x\"\n                    (click)=\"remove($index)\"\n                    [attr.aria-label]=\"'Remove measurement ' + chip\">\n                    <prism-icon\n                        name=\"x\"\n                        [size]=\"10\" />\n                </button>\n            </span>\n        }\n    </div>\n}\n", styles: [".pin-row {\n    display: flex;\n    gap: var(--sp-2);\n    align-items: center;\n    padding: var(--sp-2) var(--sp-3);\n    overflow-x: auto;\n    background: var(--prism-bg-surface);\n    border-top: 1px solid var(--prism-border);\n}\n\n.pin-chip {\n    display: inline-flex;\n    gap: var(--sp-1);\n    align-items: center;\n    padding: var(--sp-1) var(--sp-2);\n    font-family: var(--font-mono);\n    font-size: var(--fs-xs);\n    font-variant-numeric: tabular-nums;\n    color: var(--prism-measure);\n    white-space: nowrap;\n    border: 1px solid var(--prism-border-strong);\n    border-radius: var(--radius-xs);\n}\n\n.pin-chip__x {\n    display: grid;\n    place-items: center;\n    padding: 0;\n    color: inherit;\n    cursor: pointer;\n    background: none;\n    border: 0;\n    opacity: 0.6;\n}\n\n.pin-chip__x:hover,\n.pin-chip__x:focus-visible {\n    opacity: 1;\n}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismCanvasPinRowComponent, { className: "PrismCanvasPinRowComponent", filePath: "app/canvas/prism-canvas-pin-row.component.ts", lineNumber: 28 }); })();

package/dist/app/canvas/prism-canvas-rulers.component.d.ts

@@ -1,6 +1,7 @@
 import { PrismCanvasService } from '../services/prism-canvas.service.js';
 import * as i0 from "@angular/core";
 export declare class PrismCanvasRulersComponent {
+    protected readonly rulerSize = "20px";
     protected readonly canvas: PrismCanvasService;
     private readonly themeService;
     private readonly rulerTop;

package/dist/app/canvas/prism-canvas-rulers.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-canvas-rulers.component.d.ts","sourceRoot":"","sources":["../../../src/app/canvas/prism-canvas-rulers.component.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;;AAKzE,qBAkDa,0BAA0B;IACrC,SAAS,CAAC,QAAQ,CAAC,MAAM,qBAA8B;IACvD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6B;IAE1D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAC8B;IACvD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAC8B;IAExD,OAAO,CAAC,EAAE,CAA+B;;IAqBzC,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,MAAM;IA4Dd,OAAO,CAAC,MAAM;yCAvGH,0BAA0B;2CAA1B,0BAA0B;CAsKtC"}
+{"version":3,"file":"prism-canvas-rulers.component.d.ts","sourceRoot":"","sources":["../../../src/app/canvas/prism-canvas-rulers.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;;AAKzE,qBAWa,0BAA0B;IACnC,SAAS,CAAC,QAAQ,CAAC,SAAS,UAAY;IAExC,SAAS,CAAC,QAAQ,CAAC,MAAM,qBAA8B;IACvD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA6B;IAE1D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAwD;IACjF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyD;IAEnF,OAAO,CAAC,EAAE,CAA+B;;IAsBzC,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,MAAM;IAgEd,OAAO,CAAC,MAAM;yCA7GL,0BAA0B;2CAA1B,0BAA0B;CAgLtC"}

package/dist/app/canvas/prism-canvas-rulers.component.js

@@ -1,4 +1,4 @@
-import { Component, ChangeDetectionStrategy, effect, inject, viewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, effect, inject, viewChild } from '@angular/core';
 import { PrismCanvasService } from '../services/prism-canvas.service.js';
 import { PrismThemeService } from '../services/prism-theme.service.js';
 import * as i0 from "@angular/core";
@@ -11,6 +11,7 @@ function PrismCanvasRulersComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
 } }
 const R = 20;
 export class PrismCanvasRulersComponent {
+    rulerSize = `${R}px`;
     canvas = inject(PrismCanvasService);
     themeService = inject(PrismThemeService);
     rulerTop = viewChild('rulerTop', /* @ts-ignore */
@@ -30,11 +31,11 @@ export class PrismCanvasRulersComponent {
             }
             requestAnimationFrame(() => {
                 this.paint(zoom);
-                this.observeResize(zoom);
+                this.observeResize();
             });
         });
     }
-    observeResize(zoom) {
+    observeResize() {
         if (this.ro)
             return;
         const wrap = this.rulerTop()?.nativeElement?.parentElement;
@@ -154,25 +155,19 @@ export class PrismCanvasRulersComponent {
             i0.ɵɵviewQuerySignal(ctx.rulerTop, _c0, 5)(ctx.rulerLeft, _c1, 5);
         } if (rf & 2) {
             i0.ɵɵqueryAdvance(2);
+        } }, hostVars: 2, hostBindings: function PrismCanvasRulersComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("--%NS%prism-ruler-size", ctx.rulerSize);
         } }, decls: 1, vars: 1, consts: [["rulerTop", ""], ["rulerLeft", ""], [1, "ruler-wrap"], [1, "ruler", "ruler--top"], [1, "ruler", "ruler--left"], [1, "ruler-corner"]], template: function PrismCanvasRulersComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, PrismCanvasRulersComponent_Conditional_0_Template, 6, 0, "div", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.canvas.rulers() ? 0 : -1);
-        } }, styles: ["[_nghost-%COMP%] { display: contents; }\n\n    .ruler-wrap[_ngcontent-%COMP%] {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 4;\n      overflow: hidden;\n    }\n\n    .ruler[_ngcontent-%COMP%] { position: absolute; }\n    .ruler--top[_ngcontent-%COMP%] {\n      top: 0;\n      left: 20px;\n      right: 0;\n      height: 20px;\n    }\n    .ruler--left[_ngcontent-%COMP%] {\n      top: 20px;\n      left: 0;\n      bottom: 0;\n      width: 20px;\n    }\n    .ruler-corner[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 20px;\n      height: 20px;\n      background: var(--%NS%prism-bg);\n      border-right: 1px solid var(--%NS%prism-border);\n      border-bottom: 1px solid var(--%NS%prism-border);\n      z-index: 1;\n    }"] });
+        } }, styles: ["\n\n\n[_nghost-%COMP%] {\n    display: contents;\n}\n\n.ruler-wrap[_ngcontent-%COMP%] {\n    position: absolute;\n    inset: 0;\n    z-index: 4;\n    overflow: hidden;\n    pointer-events: none;\n}\n\n.ruler[_ngcontent-%COMP%] {\n    position: absolute;\n}\n\n.ruler--top[_ngcontent-%COMP%] {\n    top: 0;\n    right: 0;\n    left: var(--%NS%prism-ruler-size);\n    height: var(--%NS%prism-ruler-size);\n}\n\n.ruler--left[_ngcontent-%COMP%] {\n    top: var(--%NS%prism-ruler-size);\n    bottom: 0;\n    left: 0;\n    width: var(--%NS%prism-ruler-size);\n}\n\n.ruler-corner[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    width: var(--%NS%prism-ruler-size);\n    height: var(--%NS%prism-ruler-size);\n    background: var(--%NS%prism-bg);\n    border-right: 1px solid var(--%NS%prism-border);\n    border-bottom: 1px solid var(--%NS%prism-border);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismCanvasRulersComponent, [{
         type: Component,
-        args: [{ selector: 'prism-canvas-rulers', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    @if (canvas.rulers()) {
-    <div class="ruler-wrap">
-      <canvas #rulerTop class="ruler ruler--top"></canvas>
-      <canvas #rulerLeft class="ruler ruler--left"></canvas>
-      <div class="ruler-corner"></div>
-    </div>
-    }
-  `, styles: ["\n    :host { display: contents; }\n\n    .ruler-wrap {\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 4;\n      overflow: hidden;\n    }\n\n    .ruler { position: absolute; }\n    .ruler--top {\n      top: 0;\n      left: 20px;\n      right: 0;\n      height: 20px;\n    }\n    .ruler--left {\n      top: 20px;\n      left: 0;\n      bottom: 0;\n      width: 20px;\n    }\n    .ruler-corner {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 20px;\n      height: 20px;\n      background: var(--prism-bg);\n      border-right: 1px solid var(--prism-border);\n      border-bottom: 1px solid var(--prism-border);\n      z-index: 1;\n    }\n  "] }]
+        args: [{ selector: 'prism-canvas-rulers', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { '[style.--prism-ruler-size]': 'rulerSize' }, template: "@if (canvas.rulers()) {\n    <div class=\"ruler-wrap\">\n        <canvas\n            #rulerTop\n            class=\"ruler ruler--top\"></canvas>\n        <canvas\n            #rulerLeft\n            class=\"ruler ruler--left\"></canvas>\n        <div class=\"ruler-corner\"></div>\n    </div>\n}\n", styles: ["/* --prism-ruler-size is bound from the host rather than declared here. The\n   gutter width is also the canvas size the two rulers are painted at, so R in\n   the component is the one place it may be written down. */\n:host {\n    display: contents;\n}\n\n.ruler-wrap {\n    position: absolute;\n    inset: 0;\n    z-index: 4;\n    overflow: hidden;\n    pointer-events: none;\n}\n\n.ruler {\n    position: absolute;\n}\n\n.ruler--top {\n    top: 0;\n    right: 0;\n    left: var(--prism-ruler-size);\n    height: var(--prism-ruler-size);\n}\n\n.ruler--left {\n    top: var(--prism-ruler-size);\n    bottom: 0;\n    left: 0;\n    width: var(--prism-ruler-size);\n}\n\n.ruler-corner {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    width: var(--prism-ruler-size);\n    height: var(--prism-ruler-size);\n    background: var(--prism-bg);\n    border-right: 1px solid var(--prism-border);\n    border-bottom: 1px solid var(--prism-border);\n}\n"] }]
     }], () => [], { rulerTop: [{ type: i0.ViewChild, args: ['rulerTop', { isSignal: true }] }], rulerLeft: [{ type: i0.ViewChild, args: ['rulerLeft', { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismCanvasRulersComponent, { className: "PrismCanvasRulersComponent", filePath: "app/canvas/prism-canvas-rulers.component.ts", lineNumber: 64 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismCanvasRulersComponent, { className: "PrismCanvasRulersComponent", filePath: "app/canvas/prism-canvas-rulers.component.ts", lineNumber: 18 }); })();
 function stepFor(zoom) {
     if (zoom >= 2)
         return 10;

package/dist/app/canvas/prism-canvas-toolbar.component.d.ts

@@ -3,22 +3,19 @@ import { PrismCanvasService } from '../services/prism-canvas.service.js';
 import { PrismVariantBgService } from '../services/prism-variant-bg.service.js';
 import * as i0 from "@angular/core";
 /**
- * The canvas tools, as a rail floating over the canvas instead of a band above
- * it.
+ * The canvas tools, as a rail floating over the canvas.
  *
- * The five entries were never one kind of control, and the split follows that
- * rather than the topic: guides and rulers are toggles you flip constantly
- * while measuring, so they toggle at their own button; canvas background and
- * zoom are choosers you set once, so they move behind a menu; the template is a
- * view rather than a setting and keeps its own button. The zoom *value* stays
- * on the rail as a readout — it is the one number here you read far more often
- * than you set.
+ * Things you toggle constantly (guides, rulers, the viewport constraint) get
+ * their own button; things you set once (background, zoom, viewport width) live
+ * in the menu. The template is a view rather than a setting and keeps its own
+ * button. Zoom and the active viewport width are shown as readouts; the width
+ * only appears while the viewport constraint is on.
  *
- * The host deliberately generates no box. The rail has to be a direct child of
- * `.prism-canvas-wrap` that does not contain the stage, because that is exactly
- * what capture mode's structural rule in `prism-capture.service.ts` suppresses;
- * a rail nested inside the renderer or the stage would survive into every
- * screenshot and silently corrupt visual-regression baselines.
+ * The host generates no box. The rail must be a direct child of
+ * `.prism-canvas-wrap` outside the stage, because that is what capture mode's
+ * structural rule in `prism-capture.service.ts` hides. A rail nested in the
+ * renderer or the stage would end up in every screenshot and corrupt
+ * visual-regression baselines.
  */
 export declare class PrismCanvasToolbarComponent {
     protected readonly canvas: PrismCanvasService;
@@ -27,34 +24,37 @@ export declare class PrismCanvasToolbarComponent {
     protected readonly Math: Math;
     protected setBg(bg: CanvasBg): void;
     /**
-     * Every {@link CanvasBg}, and the canonical list rather than a copy of it.
+     * Every {@link CanvasBg}, taken from the type's canonical list.
      *
-     * This group is a readout as much as a control: the active button is
-     * `effective()` and the recommended one carries the `is-rec` edge. A value
-     * missing here therefore cannot be *shown* either — a variant declaring it
-     * leaves the whole group with nothing active and the recommendation with
-     * nowhere to sit. That is what a shorter list bought when `transparent` was
-     * left out of it, so the list is now the type's own.
+     * The group is also a readout: the active button is `effective()` and the
+     * recommended one carries the `is-rec` edge. A value missing from the list
+     * cannot be shown, so a variant declaring it would leave nothing active.
      *
-     * `checker` and `transparent` do paint the same checkerboard here, which is
-     * why they carry titles: the difference between them is what a capture does,
-     * and the canvas cannot show that. `checker` is deprecated for exactly that
-     * reason and says so, but it stays in the list until 23.0.0 — a component
-     * can still declare it, and the group has to be able to show what it has.
+     * `checker` and `transparent` paint the same checkerboard here, so their
+     * titles explain the difference, which only a capture shows. `checker` is
+     * deprecated but stays until 23.0.0 because components can still declare it.
      */
     protected readonly bgs: readonly CanvasBg[];
-    /** What a background means, where the canvas cannot show the difference. */
     /**
+     * What a background means, where the canvas cannot show the difference.
+     *
      * Bound with `[attr.title]`, never `[title]`. A property binding assigns to
      * `HTMLElement.title`, a non-nullable DOMString, so the `null` below would
      * be stringified and every unremarkable button would carry a tooltip
-     * reading "null" — four of the six in the common case.
+     * reading "null" (four of the six in the common case).
      */
     protected bgTitle(bg: CanvasBg): string | null;
     protected readonly zooms: {
         value: number;
         label: string;
     }[];
+    /**
+     * The named widths, offered the same way as the zoom chooser.
+     *
+     * Plain numbers and no device names: this tool narrows a box and simulates
+     * nothing, so calling 390 "iPhone" would promise a fidelity it does not have.
+     */
+    protected readonly viewports: readonly number[];
     protected capitalize(s: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrismCanvasToolbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PrismCanvasToolbarComponent, "prism-canvas-toolbar", never, {}, {}, never, never, true, never>;

package/dist/app/canvas/prism-canvas-toolbar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-canvas-toolbar.component.d.ts","sourceRoot":"","sources":["../../../src/app/canvas/prism-canvas-toolbar.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;;AAEhF;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAkOa,2BAA2B;IACtC,SAAS,CAAC,QAAQ,CAAC,MAAM,qBAA8B;IACvD,SAAS,CAAC,QAAQ,CAAC,SAAS,wBAAiC;IAE7D,mFAAmF;IACnF,SAAS,CAAC,QAAQ,CAAC,IAAI,OAAQ;IAE/B,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,GAAG,IAAI;IAQnC;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,QAAQ,CAAC,GAAG,sBAAc;IAEpC,4EAA4E;IAC5E;;;;;OAKG;IACH,SAAS,CAAC,OAAO,CAAC,EAAE,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAY9C,SAAS,CAAC,QAAQ,CAAC,KAAK;;;QAKtB;IAEF,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;yCA3D5B,2BAA2B;2CAA3B,2BAA2B;CA8DvC"}
+{"version":3,"file":"prism-canvas-toolbar.component.d.ts","sourceRoot":"","sources":["../../../src/app/canvas/prism-canvas-toolbar.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;;AAEhF;;;;;;;;;;;;;;GAcG;AACH,qBAQa,2BAA2B;IACpC,SAAS,CAAC,QAAQ,CAAC,MAAM,qBAA8B;IACvD,SAAS,CAAC,QAAQ,CAAC,SAAS,wBAAiC;IAE7D,mFAAmF;IACnF,SAAS,CAAC,QAAQ,CAAC,IAAI,OAAQ;IAE/B,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,QAAQ,GAAG,IAAI;IAQnC;;;;;;;;;;OAUG;IACH,SAAS,CAAC,QAAQ,CAAC,GAAG,sBAAc;IAEpC;;;;;;;OAOG;IACH,SAAS,CAAC,OAAO,CAAC,EAAE,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAY9C,SAAS,CAAC,QAAQ,CAAC,KAAK;;;QAKtB;IAEF;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,CAAC,SAAS,oBAAkB;IAE9C,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;yCA/D9B,2BAA2B;2CAA3B,2BAA2B;CAkEvC"}