@simplysm/angular 14.0.27 → 14.0.29

package/src/core/providers/sd-app-structure.provider.ts

@@ -14,18 +14,16 @@ export function injectPermsSignal<K extends string>(viewCodes: string[], keys: K
 // 권한은 모듈만 체크하고
 // 메뉴는 모듈/권한 모두 체크함
 @Injectable({ providedIn: "root" })
-export abstract class SdAppStructureProvider<TModule = unknown> {
+export class SdAppStructureProvider<TModule = unknown> {
   private readonly _clientFactory = inject(SdServiceClientFactoryProvider);
   private readonly _config = inject(SdAngularConfigProvider);
 
-  abstract serviceKey: string;
-  abstract usableModules: Signal<TModule[] | undefined>;
-  abstract permRecord: Signal<Record<string, boolean> | undefined>;
-
+  readonly usableModules = signal<TModule[] | undefined>(undefined);
+  readonly permRecord = signal<Record<string, boolean> | undefined>(undefined);
   readonly items = signal<AppStructureItem<TModule>[]>([]);
 
-  async fetchItems(): Promise<void> {
-    const client = this._clientFactory.get(this.serviceKey);
+  async initialize(serviceKey: string): Promise<void> {
+    const client = this._clientFactory.get(serviceKey);
     const svc = client.getService<AppStructureService>("AppStructure");
     const itemsMap = await svc.getItems();
     this.items.set(

package/src/core/providers/sd-shared-data.provider.ts

@@ -107,8 +107,8 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
     }
 
     const client = this._clientFactory.get(entry.info.serviceKey);
-    await client.emitEvent(
-      SdSharedDataChangeEvent,
+    const event = client.getEvent<typeof SdSharedDataChangeEvent>("SdSharedDataChange");
+    await event.emit(
       (item) => item.name === (name as string) && obj.equal(item.filter, entry.info.filter),
       changeKeys,
     );
@@ -131,8 +131,8 @@ export abstract class SdSharedDataProvider<T extends Record<string, SharedDataBa
         // 이벤트 리스너 등록
         if (entry.listenerKey == null) {
           const client = this._clientFactory.get(entry.info.serviceKey);
-          entry.listenerKey = await client.addListener(
-            SdSharedDataChangeEvent,
+          const event = client.getEvent<typeof SdSharedDataChangeEvent>("SdSharedDataChange");
+          entry.listenerKey = await event.addListener(
             { name, filter: entry.info.filter },
             async (changeKeys) => {
               await this._onEvent(name, entry, changeKeys);

package/src/index.ts

@@ -105,11 +105,7 @@ export { matchesSearchText } from "./features/shared-data/matchesSearchText";
 // ui/layout
 export { SdDockContainer } from "./ui/layout/dock/sd-dock-container";
 export { SdDock } from "./ui/layout/dock/sd-dock";
-export { SdPane } from "./ui/layout/sd-pane";
 export { SdGap } from "./ui/layout/sd-gap";
-export { SdView } from "./ui/layout/view/sd-view";
-export { SdViewItem } from "./ui/layout/view/sd-view-item";
-export { SdCard } from "./ui/layout/sd-card";
 export {
   SdKanbanBoard,
   type SdKanbanBoardDropInfo,
@@ -168,8 +164,6 @@ export { SdCollapseIcon } from "./ui/navigation/collapse/sd-collapse-icon";
 // ui/navigation/tab
 export { SdTab } from "./ui/navigation/tab/sd-tab";
 export { SdTabItem } from "./ui/navigation/tab/sd-tab-item";
-export { SdTabview } from "./ui/navigation/tab/sd-tabview";
-export { SdTabviewItem } from "./ui/navigation/tab/sd-tabview-item";
 
 // ui/navigation/menu
 export { getMenuRouterLinkOption, getIsMenuSelected } from "./ui/navigation/menu-utils";

package/src/ui/layout/kanban/sd-kanban.ts

@@ -19,14 +19,13 @@ import {
 import { SdKanbanLane } from "./sd-kanban-lane";
 import { SdEvents } from "../../../core/directives/sd-events";
 import type { SdResizeEvent } from "../../../core/plugins/events/sd-resize-event.plugin";
-import { SdCard } from "../sd-card";
 
 @Component({
   selector: "sd-kanban",
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [SdEvents, SdCard],
+  imports: [SdEvents],
   host: {
     "[attr.data-sd-dragging-this]": "dragKanban() === thisRef",
     "[attr.data-sd-dragging]": "dragKanban() != null",
@@ -47,14 +46,15 @@ import { SdCard } from "../sd-card";
       [style.height]="dragOvered() ? (dragKanban()?.heightOnDrag() ?? 0) + 'px' : '0px'"
       [style.display]="dragKanban() ? 'block' : 'none'"
     ></div>
-    <sd-card
+    <div
+      class="card"
       [class]="contentClass()"
       [draggable]="draggable()"
       (dragstart)="onCardDragStart()"
       (sdResize)="onCardResize($event)"
     >
       <ng-content></ng-content>
-    </sd-card>
+    </div>
   `,
   styles: [
     /* language=SCSS */ `
@@ -79,7 +79,7 @@ import { SdCard } from "../sd-card";
             pointer-events: auto;
           }
 
-          > sd-card {
+          > .card {
             pointer-events: none;
             cursor: pointer;
           }
@@ -103,7 +103,7 @@ import { SdCard } from "../sd-card";
           }
         }
 
-        > sd-card {
+        > .card {
           white-space: normal;
           user-select: none;
           margin-bottom: var(--gap-lg);
@@ -145,7 +145,7 @@ export class SdKanban<L, T> implements SdKanbanDragRef<L, T>, SdKanbanDropTarget
 
   constructor() {
     afterNextRender(() => {
-      const card = this._elRef.nativeElement.querySelector("sd-card");
+      const card = this._elRef.nativeElement.querySelector(".card");
       if (card != null) {
         const marginBottom = getComputedStyle(card).marginBottom;
         this.cardHeight.set(card.clientHeight + (parseInt(marginBottom) || 0));

package/dist/ui/layout/sd-card.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SdCard {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdCard, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdCard, "sd-card,[sdCard]", never, {}, {}, never, never, true, never>;
-}
-//# sourceMappingURL=sd-card.d.ts.map

package/dist/ui/layout/sd-card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-card.d.ts","sourceRoot":"","sources":["../../../src/ui/layout/sd-card.ts"],"names":[],"mappings":";AAEA,qBAOa,MAAM;yCAAN,MAAM;2CAAN,MAAM;CAAG"}

package/dist/ui/layout/sd-card.js

@@ -1,16 +0,0 @@
-import { Directive } from "@angular/core";
-import * as i0 from "@angular/core";
-export class SdCard {
-    static ɵfac = function SdCard_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdCard)(); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdCard, selectors: [["sd-card"], ["", "sdCard", ""]], hostAttrs: [1, "card"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdCard, [{
-        type: Directive,
-        args: [{
-                selector: "sd-card,[sdCard]",
-                standalone: true,
-                host: {
-                    class: "card",
-                },
-            }]
-    }], null, null); })();

package/dist/ui/layout/sd-pane.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SdPane {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdPane, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdPane, "sd-pane,[sdPane]", never, {}, {}, never, never, true, never>;
-}
-//# sourceMappingURL=sd-pane.d.ts.map

package/dist/ui/layout/sd-pane.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-pane.d.ts","sourceRoot":"","sources":["../../../src/ui/layout/sd-pane.ts"],"names":[],"mappings":";AAEA,qBAQa,MAAM;yCAAN,MAAM;2CAAN,MAAM;CAAG"}

package/dist/ui/layout/sd-pane.js

@@ -1,17 +0,0 @@
-import { Directive } from "@angular/core";
-import * as i0 from "@angular/core";
-export class SdPane {
-    static ɵfac = function SdPane_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdPane)(); };
-    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: SdPane, selectors: [["sd-pane"], ["", "sdPane", ""]], hostAttrs: [1, "fill", 2, "display", "block"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdPane, [{
-        type: Directive,
-        args: [{
-                selector: "sd-pane,[sdPane]",
-                standalone: true,
-                host: {
-                    class: "fill",
-                    style: "display: block;",
-                },
-            }]
-    }], null, null); })();

package/dist/ui/layout/view/sd-view-item.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SdViewItem {
-    value: import("@angular/core").InputSignal<any>;
-    private readonly _parentControl;
-    isSelected: import("@angular/core").Signal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdViewItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdViewItem, "sd-view-item", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-//# sourceMappingURL=sd-view-item.d.ts.map

package/dist/ui/layout/view/sd-view-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-view-item.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/view/sd-view-item.ts"],"names":[],"mappings":";AAUA,qBA4Ba,UAAU;IACrB,KAAK,2CAAgB;IAErB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAkB;IAEjD,UAAU,0CAAgE;yCAL/D,UAAU;2CAAV,UAAU;CAMtB"}

package/dist/ui/layout/view/sd-view-item.js

@@ -1,25 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from "@angular/core";
-import { SdView } from "./sd-view";
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-export class SdViewItem {
-    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    _parentControl = inject(SdView);
-    isSelected = computed(() => this._parentControl.value() === this.value(), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdViewItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdViewItem)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdViewItem, selectors: [["sd-view-item"]], hostVars: 1, hostBindings: function SdViewItem_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵattribute("data-sd-selected", ctx.isSelected());
-        } }, inputs: { value: [1, "value"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdViewItem_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, styles: ["sd-view-item {\n  display: none;\n}\nsd-view-item[data-sd-selected=true] {\n  display: block;\n}\nsd-view[data-sd-fill=true] sd-view-item {\n  height: 100%;\n}"], encapsulation: 2, changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdViewItem, [{
-        type: Component,
-        args: [{ selector: "sd-view-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
-    <ng-content></ng-content>
-  `, host: {
-                    "[attr.data-sd-selected]": "isSelected()",
-                }, styles: ["sd-view-item {\n  display: none;\n}\nsd-view-item[data-sd-selected=true] {\n  display: block;\n}\nsd-view[data-sd-fill=true] sd-view-item {\n  height: 100%;\n}"] }]
-    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdViewItem, { className: "SdViewItem", filePath: "packages/angular/src/ui/layout/view/sd-view-item.ts", lineNumber: 39, forbidOrphanRendering: true }); })();

package/dist/ui/layout/view/sd-view.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SdView {
-    value: import("@angular/core").InputSignal<any>;
-    fill: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdView, "sd-view", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-//# sourceMappingURL=sd-view.d.ts.map

package/dist/ui/layout/view/sd-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-view.d.ts","sourceRoot":"","sources":["../../../../src/ui/layout/view/sd-view.ts"],"names":[],"mappings":";AAEA,qBAyBa,MAAM;IACjB,KAAK,2CAAgB;IACrB,IAAI,qEAAiD;yCAF1C,MAAM;2CAAN,MAAM;CAGlB"}

package/dist/ui/layout/view/sd-view.js

@@ -1,23 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from "@angular/core";
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-export class SdView {
-    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    fill = input(false, { ...(ngDevMode ? { debugName: "fill" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    static ɵfac = function SdView_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdView)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdView, selectors: [["sd-view"]], hostVars: 1, hostBindings: function SdView_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵattribute("data-sd-fill", ctx.fill());
-        } }, inputs: { value: [1, "value"], fill: [1, "fill"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdView_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, styles: ["sd-view {\n  display: block;\n  background: var(--control-color);\n}\nsd-view[data-sd-fill=true] {\n  height: 100%;\n}"], encapsulation: 2, changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdView, [{
-        type: Component,
-        args: [{ selector: "sd-view", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
-    <ng-content></ng-content>
-  `, host: {
-                    "[attr.data-sd-fill]": "fill()",
-                }, styles: ["sd-view {\n  display: block;\n  background: var(--control-color);\n}\nsd-view[data-sd-fill=true] {\n  height: 100%;\n}"] }]
-    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdView, { className: "SdView", filePath: "packages/angular/src/ui/layout/view/sd-view.ts", lineNumber: 28, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/tab/sd-tabview-item.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SdTabviewItem<T> {
-    value: import("@angular/core").InputSignal<T>;
-    header: import("@angular/core").InputSignal<string | undefined>;
-    private readonly _parentControl;
-    isSelected: import("@angular/core").Signal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTabviewItem<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabviewItem<any>, "sd-tabview-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-//# sourceMappingURL=sd-tabview-item.d.ts.map

package/dist/ui/navigation/tab/sd-tabview-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-tabview-item.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/tab/sd-tabview-item.ts"],"names":[],"mappings":";AAWA,qBA2Ba,aAAa,CAAC,CAAC;IAC1B,KAAK,yCAAuB;IAC5B,MAAM,0DAAmB;IAEzB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAE7B;IAEF,UAAU,0CAAgE;yCAR/D,aAAa;2CAAb,aAAa;CASzB"}

package/dist/ui/navigation/tab/sd-tabview-item.js

@@ -1,26 +0,0 @@
-import { ChangeDetectionStrategy, Component, computed, forwardRef, inject, input, ViewEncapsulation, } from "@angular/core";
-import { SdTabview } from "./sd-tabview";
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-export class SdTabviewItem {
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : /* istanbul ignore next */ []));
-    _parentControl = inject(forwardRef(() => SdTabview));
-    isSelected = computed(() => this._parentControl.value() === this.value(), ...(ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdTabviewItem_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabviewItem)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabviewItem, selectors: [["sd-tabview-item"]], hostVars: 1, hostBindings: function SdTabviewItem_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵattribute("data-sd-selected", ctx.isSelected());
-        } }, inputs: { value: [1, "value"], header: [1, "header"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function SdTabviewItem_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, styles: ["sd-tabview-item {\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\nsd-tabview-item[data-sd-selected=true] {\n  display: block;\n}"], encapsulation: 2, changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabviewItem, [{
-        type: Component,
-        args: [{ selector: "sd-tabview-item", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [], template: `
-    <ng-content></ng-content>
-  `, host: {
-                    "[attr.data-sd-selected]": "isSelected()",
-                }, styles: ["sd-tabview-item {\n  display: none;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\nsd-tabview-item[data-sd-selected=true] {\n  display: block;\n}"] }]
-    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabviewItem, { className: "SdTabviewItem", filePath: "packages/angular/src/ui/navigation/tab/sd-tabview-item.ts", lineNumber: 39, forbidOrphanRendering: true }); })();

package/dist/ui/navigation/tab/sd-tabview.d.ts

@@ -1,9 +0,0 @@
-import { SdTabviewItem } from "./sd-tabview-item";
-import * as i0 from "@angular/core";
-export declare class SdTabview<T> {
-    value: import("@angular/core").ModelSignal<T | undefined>;
-    itemControls: import("@angular/core").Signal<readonly SdTabviewItem<T>[]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTabview<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdTabview<any>, "sd-tabview", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["itemControls"], ["*"], true, never>;
-}
-//# sourceMappingURL=sd-tabview.d.ts.map

package/dist/ui/navigation/tab/sd-tabview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sd-tabview.d.ts","sourceRoot":"","sources":["../../../../src/ui/navigation/tab/sd-tabview.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;;AAElD,qBAuBa,SAAS,CAAC,CAAC;IACtB,KAAK,qDAAc;IAEnB,YAAY,8DAAoD;yCAHrD,SAAS;2CAAT,SAAS;CAIrB"}

package/dist/ui/navigation/tab/sd-tabview.js

@@ -1,67 +0,0 @@
-import { ChangeDetectionStrategy, Component, contentChildren, model, ViewEncapsulation, } from "@angular/core";
-import { SdTabItem } from "./sd-tab-item";
-import { SdTab } from "./sd-tab";
-import { SdTabviewItem } from "./sd-tabview-item";
-import * as i0 from "@angular/core";
-const _c0 = ["*"];
-const _forTrack0 = ($index, $item) => $item.value();
-function SdTabview_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "sd-tab-item", 1);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const itemControl_r1 = ctx.$implicit;
-    i0.ɵɵproperty("value", itemControl_r1.value());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", itemControl_r1.header() || itemControl_r1.value(), " ");
-} }
-export class SdTabview {
-    value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
-    itemControls = contentChildren(SdTabviewItem, ...(ngDevMode ? [{ debugName: "itemControls" }] : /* istanbul ignore next */ []));
-    static ɵfac = function SdTabview_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SdTabview)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SdTabview, selectors: [["sd-tabview"]], contentQueries: function SdTabview_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuerySignal(dirIndex, ctx.itemControls, SdTabviewItem, 4);
-        } if (rf & 2) {
-            i0.ɵɵqueryAdvance();
-        } }, hostAttrs: [1, "flex-column", "fill"], inputs: { value: [1, "value"] }, outputs: { value: "valueChange" }, ngContentSelectors: _c0, decls: 5, vars: 1, consts: [[3, "valueChange", "value"], [3, "value"], [1, "flex-fill"]], template: function SdTabview_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "sd-tab", 0);
-            i0.ɵɵtwoWayListener("valueChange", function SdTabview_Template_sd_tab_valueChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return $event; });
-            i0.ɵɵrepeaterCreate(1, SdTabview_For_2_Template, 2, 2, "sd-tab-item", 1, _forTrack0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "div", 2);
-            i0.ɵɵprojection(4);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵtwoWayProperty("value", ctx.value);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.itemControls());
-        } }, dependencies: [SdTab, SdTabItem], encapsulation: 2, changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SdTabview, [{
-        type: Component,
-        args: [{
-                selector: "sd-tabview",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                standalone: true,
-                imports: [SdTab, SdTabItem],
-                host: {
-                    class: "flex-column fill",
-                },
-                template: `
-    <sd-tab [(value)]="value">
-      @for (itemControl of itemControls(); track itemControl.value()) {
-        <sd-tab-item [value]="itemControl.value()">
-          {{ itemControl.header() || itemControl.value() }}
-        </sd-tab-item>
-      }
-    </sd-tab>
-
-    <div class="flex-fill">
-      <ng-content />
-    </div>
-  `,
-            }]
-    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], itemControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdTabviewItem), { isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdTabview, { className: "SdTabview", filePath: "packages/angular/src/ui/navigation/tab/sd-tabview.ts", lineNumber: 35, forbidOrphanRendering: true }); })();

package/src/ui/layout/sd-card.ts

@@ -1,10 +0,0 @@
-import { Directive } from "@angular/core";
-
-@Directive({
-  selector: "sd-card,[sdCard]",
-  standalone: true,
-  host: {
-    class: "card",
-  },
-})
-export class SdCard {}

package/src/ui/layout/sd-pane.ts

@@ -1,11 +0,0 @@
-import { Directive } from "@angular/core";
-
-@Directive({
-  selector: "sd-pane,[sdPane]",
-  standalone: true,
-  host: {
-    class: "fill",
-    style: "display: block;",
-  },
-})
-export class SdPane {}

package/src/ui/layout/view/sd-view-item.ts

@@ -1,45 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  inject,
-  input,
-  ViewEncapsulation,
-} from "@angular/core";
-import { SdView } from "./sd-view";
-
-@Component({
-  selector: "sd-view-item",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [],
-  styles: [
-    /* language=SCSS */ `
-      sd-view-item {
-        display: none;
-
-        &[data-sd-selected="true"] {
-          display: block;
-        }
-
-        sd-view[data-sd-fill="true"] & {
-          height: 100%;
-        }
-      }
-    `,
-  ],
-  template: `
-    <ng-content></ng-content>
-  `,
-  host: {
-    "[attr.data-sd-selected]": "isSelected()",
-  },
-})
-export class SdViewItem {
-  value = input<any>();
-
-  private readonly _parentControl = inject(SdView);
-
-  isSelected = computed(() => this._parentControl.value() === this.value());
-}

package/src/ui/layout/view/sd-view.ts

@@ -1,31 +0,0 @@
-import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from "@angular/core";
-
-@Component({
-  selector: "sd-view",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [],
-  styles: [
-    /* language=SCSS */ `
-      sd-view {
-        display: block;
-        background: var(--control-color);
-
-        &[data-sd-fill="true"] {
-          height: 100%;
-        }
-      }
-    `,
-  ],
-  template: `
-    <ng-content></ng-content>
-  `,
-  host: {
-    "[attr.data-sd-fill]": "fill()",
-  },
-})
-export class SdView {
-  value = input<any>();
-  fill = input(false, { transform: booleanAttribute });
-}

package/src/ui/navigation/tab/sd-tabview-item.ts

@@ -1,48 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  forwardRef,
-  inject,
-  input,
-  ViewEncapsulation,
-} from "@angular/core";
-import { SdTabview } from "./sd-tabview";
-
-@Component({
-  selector: "sd-tabview-item",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [],
-  styles: [
-    /* language=SCSS */ `
-      sd-tabview-item {
-        display: none;
-        width: 100%;
-        height: 100%;
-        overflow: auto;
-
-        &[data-sd-selected="true"] {
-          display: block;
-        }
-      }
-    `,
-  ],
-  template: `
-    <ng-content></ng-content>
-  `,
-  host: {
-    "[attr.data-sd-selected]": "isSelected()",
-  },
-})
-export class SdTabviewItem<T> {
-  value = input.required<T>();
-  header = input<string>();
-
-  private readonly _parentControl = inject<SdTabview<T>>(
-    forwardRef(() => SdTabview),
-  );
-
-  isSelected = computed(() => this._parentControl.value() === this.value());
-}

package/src/ui/navigation/tab/sd-tabview.ts

@@ -1,39 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  contentChildren,
-  model,
-  ViewEncapsulation,
-} from "@angular/core";
-import { SdTabItem } from "./sd-tab-item";
-import { SdTab } from "./sd-tab";
-import { SdTabviewItem } from "./sd-tabview-item";
-
-@Component({
-  selector: "sd-tabview",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [SdTab, SdTabItem],
-  host: {
-    class: "flex-column fill",
-  },
-  template: `
-    <sd-tab [(value)]="value">
-      @for (itemControl of itemControls(); track itemControl.value()) {
-        <sd-tab-item [value]="itemControl.value()">
-          {{ itemControl.header() || itemControl.value() }}
-        </sd-tab-item>
-      }
-    </sd-tab>
-
-    <div class="flex-fill">
-      <ng-content />
-    </div>
-  `,
-})
-export class SdTabview<T> {
-  value = model<T>();
-
-  itemControls = contentChildren<SdTabviewItem<T>>(SdTabviewItem);
-}