@ng-atomic/components 19.140.4 → 19.145.0

package/fesm2022/ng-atomic-components-templates-settings.mjs

@@ -65,7 +65,7 @@ class SettingsTemplate extends NgAtomicComponent {
       </mat-list-item>
     </mat-list>
     </div>
-  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-settings-Ik5t: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-settings-Ik5t: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-settings-Ik5t: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-settings-Ik5t: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-settings-Ik5t: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-settings-Ik5t: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-settings-Ik5t: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-settings-Ik5t);--navigator-background-color-SCOPED-IN-settings-Ik5t: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-settings-Ik5t);--navigator-on-background-color-SCOPED-IN-settings-Ik5t: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-settings-Ik5t);--on-primary-color: var(--on-primary-color-SCOPED-IN-settings-Ik5t);--surface-color: var(--surface-color-SCOPED-IN-settings-Ik5t);--on-surface-color: var(--on-surface-color-SCOPED-IN-settings-Ik5t);--background-color: var(--background-color-SCOPED-IN-settings-Ik5t);--on-background-color: var(--on-background-color-SCOPED-IN-settings-Ik5t)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-settings-Ik5t);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-settings-Ik5t)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </frames-scroll>`, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-settings-6pqI: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-settings-6pqI: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-settings-6pqI: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-settings-6pqI: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-settings-6pqI: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-settings-6pqI: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-settings-6pqI: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-settings-6pqI);--navigator-background-color-SCOPED-IN-settings-6pqI: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-settings-6pqI);--navigator-on-background-color-SCOPED-IN-settings-6pqI: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-settings-6pqI);--on-primary-color: var(--on-primary-color-SCOPED-IN-settings-6pqI);--surface-color: var(--surface-color-SCOPED-IN-settings-6pqI);--on-surface-color: var(--on-surface-color-SCOPED-IN-settings-6pqI);--background-color: var(--background-color-SCOPED-IN-settings-6pqI);--on-background-color: var(--on-background-color-SCOPED-IN-settings-6pqI)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-settings-6pqI);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-settings-6pqI)}\n"], dependencies: [{ kind: "component", type: ScrollFrame, selector: "frames-scroll" }, { kind: "component", type: NavigatorOrganism, selector: "organisms-navigator" }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatActionList, selector: "mat-action-list", exportAs: ["matActionList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i1.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: IconAtom, selector: "atoms-icon", inputs: ["name", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SettingsTemplate, decorators: [{
             type: Component,
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
     </div>
   </frames-scroll>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'template'
-                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-settings-Ik5t: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-settings-Ik5t: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-settings-Ik5t: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-settings-Ik5t: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-settings-Ik5t: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-settings-Ik5t: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-settings-Ik5t: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-settings-Ik5t);--navigator-background-color-SCOPED-IN-settings-Ik5t: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-settings-Ik5t);--navigator-on-background-color-SCOPED-IN-settings-Ik5t: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-settings-Ik5t);--on-primary-color: var(--on-primary-color-SCOPED-IN-settings-Ik5t);--surface-color: var(--surface-color-SCOPED-IN-settings-Ik5t);--on-surface-color: var(--on-surface-color-SCOPED-IN-settings-Ik5t);--background-color: var(--background-color-SCOPED-IN-settings-Ik5t);--on-background-color: var(--on-background-color-SCOPED-IN-settings-Ik5t)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-settings-Ik5t);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-settings-Ik5t)}\n"] }]
+                    }, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-settings-6pqI: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-settings-6pqI: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-settings-6pqI: var(--secondary-color);--surface-color: inherit;--surface-color-SCOPED-IN-settings-6pqI: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-settings-6pqI: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-settings-6pqI: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-settings-6pqI: var(--on-background-color);--navigator-background-color: var(--primary-color-SCOPED-IN-settings-6pqI);--navigator-background-color-SCOPED-IN-settings-6pqI: var(--navigator-background-color);--navigator-on-background-color: var(--on-primary-color-SCOPED-IN-settings-6pqI);--navigator-on-background-color-SCOPED-IN-settings-6pqI: var(--navigator-on-background-color);width:100%;height:100%;background:#fff;display:block}:host *{--primary-color: var(--primary-color-SCOPED-IN-settings-6pqI);--on-primary-color: var(--on-primary-color-SCOPED-IN-settings-6pqI);--surface-color: var(--surface-color-SCOPED-IN-settings-6pqI);--on-surface-color: var(--on-surface-color-SCOPED-IN-settings-6pqI);--background-color: var(--background-color-SCOPED-IN-settings-6pqI);--on-background-color: var(--on-background-color-SCOPED-IN-settings-6pqI)}:host organisms-navigator{--background-color: var(--navigator-background-color-SCOPED-IN-settings-6pqI);--on-background-color: var(--navigator-on-background-color-SCOPED-IN-settings-6pqI)}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], navStartActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "navStartActions", required: false }] }] } });
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-atomic/components",
-  "version": "19.140.4",
+  "version": "19.145.0",
   "license": "MIT",
   "peerDependencies": {
     "@angular/animations": "19.1.4",
@@ -16,7 +16,7 @@
     "@codemirror/state": "^6.0.0",
     "@codemirror/theme-one-dark": "^6.0.0",
     "@codemirror/view": "^6.0.0",
-    "@ng-atomic/common": "19.140.4",
+    "@ng-atomic/common": "19.145.0",
     "@webcontainer/api": "^1.1.7",
     "cm6-graphql": "^0.0.4",
     "codemirror": "^6.0.0",
@@ -29,7 +29,7 @@
     "resize-observer-polyfill": "^1.5.1",
     "rxjs": "^7.0.0",
     "xterm": "^5.3.0",
-    "@ng-atomic/core": "19.140.4",
+    "@ng-atomic/core": "19.145.0",
     "@codemirror/lang-json": "^6.0.1",
     "ngxtension": "^2.0.0",
     "d3": "7.9.0",

package/types/ng-atomic-components-frames-horizontal-divider.d.ts

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { Signal, ElementRef } from '@angular/core';
 import { CdkDragStart, CdkDragMove } from '@angular/cdk/drag-drop';
 import { NgAtomicComponent } from '@ng-atomic/core';
@@ -10,19 +10,21 @@ declare enum ActionId {
 }
 declare class HorizontalDividerFrame extends NgAtomicComponent {
     static ActionId: typeof ActionId;
+    readonly collapse: _angular_core.InputSignal<"first" | "second" | null>;
     private el;
     protected firstContentWidth: number;
+    protected dragScale: number;
     readonly firstContent: Signal<ElementRef<HTMLDivElement>>;
     readonly divider: Signal<ElementRef<HTMLDivElement>>;
-    readonly dragging: i0.WritableSignal<boolean>;
+    readonly dragging: _angular_core.WritableSignal<boolean>;
     protected onDragStart($event: CdkDragStart): void;
     protected onDragMoved($event: CdkDragMove): void;
     protected onDragEnd($event: CdkDragMove): void;
     setFirstContentWidth(width: number, unit?: 'px' | '%', { animate }?: {
         animate?: boolean;
     }): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalDividerFrame, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalDividerFrame, "frames-horizontal-divider", never, {}, {}, never, ["[first]", "[second]"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalDividerFrame, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalDividerFrame, "frames-horizontal-divider", never, { "collapse": { "alias": "collapse"; "required": false; "isSignal": true; }; }, {}, never, ["[first]", "[second]"], true, never>;
 }
 
 export { HorizontalDividerFrame };

package/types/ng-atomic-components-organisms-markdown-preview-section.d.ts

@@ -1,15 +1,28 @@
 import * as i0 from '@angular/core';
+import { InjectionToken } from '@angular/core';
 
+type MermaidRenderFn = (id: string, code: string) => Promise<{
+    svg: string;
+}>;
+declare const MERMAID_RENDER: InjectionToken<MermaidRenderFn>;
 declare class MarkdownPreviewSectionStore {
     readonly content: i0.InputSignal<string>;
+    readonly base: i0.InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownPreviewSectionStore, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MarkdownPreviewSectionStore, "organisms-markdown-preview-section", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MarkdownPreviewSectionStore, "organisms-markdown-preview-section", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "base": { "alias": "base"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 declare class MarkdownPreviewSectionOrganism {
     protected store: MarkdownPreviewSectionStore;
+    private readonly mermaidRender;
+    private readonly contentContainer;
+    private mermaidQueue;
     readonly renderedContent: i0.Signal<string>;
+    constructor();
+    private renderMermaidDiagrams;
+    private renderMermaidElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownPreviewSectionOrganism, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MarkdownPreviewSectionOrganism, "organisms-markdown-preview-section", never, {}, {}, never, never, true, [{ directive: typeof MarkdownPreviewSectionStore; inputs: { "content": "content"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MarkdownPreviewSectionOrganism, "organisms-markdown-preview-section", never, {}, {}, never, never, true, [{ directive: typeof MarkdownPreviewSectionStore; inputs: { "content": "content"; "base": "base"; }; outputs: {}; }]>;
 }
 
-export { MarkdownPreviewSectionOrganism, MarkdownPreviewSectionStore };
+export { MERMAID_RENDER, MarkdownPreviewSectionOrganism, MarkdownPreviewSectionStore };
+export type { MermaidRenderFn };