@ng-prism/plugin-box-model 21.9.0 → 21.9.1
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.
|
@@ -3,10 +3,11 @@ import type { BoxModelData } from './box-model.types.js';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class BoxModelPanelComponent {
|
|
5
5
|
protected readonly stateService: BoxModelStateService;
|
|
6
|
+
readonly activeComponent: import("@angular/core").InputSignal<unknown>;
|
|
6
7
|
fmt(value: number): string;
|
|
7
8
|
contentW(bm: BoxModelData): string;
|
|
8
9
|
contentH(bm: BoxModelData): string;
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<BoxModelPanelComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BoxModelPanelComponent, "prism-box-model-panel", never, {}, {}, never, never, true, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BoxModelPanelComponent, "prism-box-model-panel", never, { "activeComponent": { "alias": "activeComponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
12
|
}
|
|
12
13
|
//# sourceMappingURL=box-model-panel.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box-model-panel.component.d.ts","sourceRoot":"","sources":["../src/box-model-panel.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;;AAEzD,qBAuHa,sBAAsB;IACjC,SAAS,CAAC,QAAQ,CAAC,YAAY,uBAAgC;IAE/D,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI1B,QAAQ,CAAC,EAAE,EAAE,YAAY,GAAG,MAAM;IAYlC,QAAQ,CAAC,EAAE,EAAE,YAAY,GAAG,MAAM;
|
|
1
|
+
{"version":3,"file":"box-model-panel.component.d.ts","sourceRoot":"","sources":["../src/box-model-panel.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;;AAEzD,qBAuHa,sBAAsB;IACjC,SAAS,CAAC,QAAQ,CAAC,YAAY,uBAAgC;IAE/D,QAAQ,CAAC,eAAe,+CAAwB;IAEhD,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI1B,QAAQ,CAAC,EAAE,EAAE,YAAY,GAAG,MAAM;IAYlC,QAAQ,CAAC,EAAE,EAAE,YAAY,GAAG,MAAM;yCArBvB,sBAAsB;2CAAtB,sBAAsB;CAgClC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
|
|
1
|
+
import { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';
|
|
2
2
|
import { BoxModelStateService } from './box-model-state.service.js';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
function BoxModelPanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -77,6 +77,7 @@ function BoxModelPanelComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
77
77
|
} }
|
|
78
78
|
export class BoxModelPanelComponent {
|
|
79
79
|
stateService = inject(BoxModelStateService);
|
|
80
|
+
activeComponent = input(null, ...(ngDevMode ? [{ debugName: "activeComponent" }] : []));
|
|
80
81
|
fmt(value) {
|
|
81
82
|
return value === 0 ? '-' : `${value}`;
|
|
82
83
|
}
|
|
@@ -95,7 +96,7 @@ export class BoxModelPanelComponent {
|
|
|
95
96
|
bm.padding.bottom));
|
|
96
97
|
}
|
|
97
98
|
static ɵfac = function BoxModelPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BoxModelPanelComponent)(); };
|
|
98
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BoxModelPanelComponent, selectors: [["prism-box-model-panel"]], decls: 3, vars: 1, consts: [[1, "prism-bmp"], [1, "prism-bmp__diagram"], [1, "prism-bmp__empty"], [1, "prism-bmp__region", "prism-bmp__region--margin"], [1, "prism-bmp__region-label"], [1, "prism-bmp__sides"], [1, "prism-bmp__side"], [1, "prism-bmp__inner-row"], [1, "prism-bmp__region", "prism-bmp__region--border"], [1, "prism-bmp__side", "prism-bmp__side--dim"], [1, "prism-bmp__region", "prism-bmp__region--padding"], [1, "prism-bmp__content-box"]], template: function BoxModelPanelComponent_Template(rf, ctx) { if (rf & 1) {
|
|
99
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BoxModelPanelComponent, selectors: [["prism-box-model-panel"]], inputs: { activeComponent: [1, "activeComponent"] }, decls: 3, vars: 1, consts: [[1, "prism-bmp"], [1, "prism-bmp__diagram"], [1, "prism-bmp__empty"], [1, "prism-bmp__region", "prism-bmp__region--margin"], [1, "prism-bmp__region-label"], [1, "prism-bmp__sides"], [1, "prism-bmp__side"], [1, "prism-bmp__inner-row"], [1, "prism-bmp__region", "prism-bmp__region--border"], [1, "prism-bmp__side", "prism-bmp__side--dim"], [1, "prism-bmp__region", "prism-bmp__region--padding"], [1, "prism-bmp__content-box"]], template: function BoxModelPanelComponent_Template(rf, ctx) { if (rf & 1) {
|
|
99
100
|
i0.ɵɵdomElementStart(0, "div", 0);
|
|
100
101
|
i0.ɵɵconditionalCreate(1, BoxModelPanelComponent_Conditional_1_Template, 37, 12, "div", 1)(2, BoxModelPanelComponent_Conditional_2_Template, 2, 0, "div", 2);
|
|
101
102
|
i0.ɵɵdomElementEnd();
|
|
@@ -163,5 +164,5 @@ export class BoxModelPanelComponent {
|
|
|
163
164
|
}
|
|
164
165
|
</div>
|
|
165
166
|
`, styles: ["\n :host { display: block; height: 100%; overflow: auto; }\n .prism-bmp {\n padding: 24px;\n font-family: var(--font-sans);\n font-size: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n }\n .prism-bmp__diagram { width: 100%; max-width: 340px; }\n .prism-bmp__region {\n border: 1px dashed; position: relative;\n display: flex; align-items: center; justify-content: center;\n font-family: var(--font-mono); font-size: 10px;\n text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600;\n }\n .prism-bmp__region--margin {\n border-color: color-mix(in srgb, #fbbf24 70%, transparent);\n background: color-mix(in srgb, #fbbf24 8%, transparent);\n padding: 32px; color: #fbbf24;\n }\n .prism-bmp__region--border {\n border-color: color-mix(in srgb, #f472b6 70%, transparent);\n background: color-mix(in srgb, #f472b6 8%, transparent);\n padding: 14px; color: #f472b6; flex: 1;\n }\n .prism-bmp__region--padding {\n border-color: color-mix(in srgb, #34d399 70%, transparent);\n background: color-mix(in srgb, #34d399 10%, transparent);\n padding: 20px; color: #34d399; flex: 1;\n }\n .prism-bmp__region-label {\n position: absolute; top: 6px; left: 50%; transform: translateX(-50%);\n font-size: 10px; font-weight: 600; text-transform: uppercase;\n letter-spacing: 0.08em; color: inherit; opacity: 0.8;\n }\n .prism-bmp__sides { display: flex; flex-direction: column; align-items: center; gap: 2px; padding-top: 14px; }\n .prism-bmp__inner-row { display: flex; align-items: center; gap: 2px; width: 100%; }\n .prism-bmp__inner-row > .prism-bmp__region { flex: 1; }\n .prism-bmp__side {\n font-family: var(--font-mono); font-size: 10px;\n color: var(--prism-text-muted);\n min-width: 28px; text-align: center; padding: 1px 4px;\n }\n .prism-bmp__side--dim { color: var(--prism-text-ghost); }\n .prism-bmp__content-box {\n flex: 1; text-align: center;\n font-family: var(--font-mono); font-size: 12px;\n color: var(--prism-primary);\n border: 1px solid var(--prism-primary);\n background: color-mix(in srgb, var(--prism-primary) 15%, transparent);\n border-radius: var(--radius-xs); padding: 22px 36px;\n text-transform: none; letter-spacing: 0; font-weight: 500;\n }\n .prism-bmp__empty { color: var(--prism-text-muted); font-size: 13px; }\n "] }]
|
|
166
|
-
}], null,
|
|
167
|
+
}], null, { activeComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeComponent", required: false }] }] }); })();
|
|
167
168
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BoxModelPanelComponent, { className: "BoxModelPanelComponent", filePath: "box-model-panel.component.ts", lineNumber: 124 }); })();
|