@simplysm/angular 14.0.26 → 14.0.27

package/src/features/data-view/sd-data-sheet.types.ts

@@ -1,17 +1,17 @@
-export interface ISdDataSheetItemPropInfo<I> {
+export interface SdDataSheetItemPropInfo<I> {
   isDeleted: (keyof I & string) | undefined;
   lastModifiedAt: (keyof I & string) | undefined;
   lastModifiedBy: (keyof I & string) | undefined;
 }
 
-export interface ISdDataSheetItemInfo<K> {
+export interface SdDataSheetItemInfo<K> {
   key: K;
   canSelect: boolean;
   canEdit: boolean;
   canDelete: boolean;
 }
 
-export interface ISdDataSheetSearchResult<I> {
+export interface SdDataSheetSearchResult<I> {
   items: I[];
   pageLength?: number;
   summary?: Partial<I>;

package/src/features/data-view/setupCloserWhenSingleSelectionChange.ts

@@ -1,11 +1,11 @@
 import { type OutputEmitterRef, type Signal, effect } from "@angular/core";
-import type { ISelectModalOutputResult } from "../../core/types/select-modal-output-result";
+import type { SelectModalOutputResult } from "../../core/types/select-modal-output-result";
 
 export function setupCloserWhenSingleSelectionChange<TItem, TKey>(options: {
   selectedItemKeys: Signal<TKey[]>;
   selectedItems: Signal<TItem[]>;
   selectMode: () => "single" | "multi" | undefined;
-  close: OutputEmitterRef<ISelectModalOutputResult<TItem>>;
+  close: OutputEmitterRef<SelectModalOutputResult<TItem>>;
 }): void {
   let initialized = false;
 

package/src/features/permission-table/{sd-permission-table.control.ts → sd-permission-table.ts}

@@ -10,11 +10,11 @@ import {
   ViewEncapsulation,
 } from "@angular/core";
 import { obj } from "@simplysm/core-common";
-import type { ISdPermission } from "../../core/providers/sd-app-structure.types";
-import { SdCheckboxControl } from "../../ui/form/checkbox/sd-checkbox.control";
-import { SdCollapseIconControl } from "../../ui/navigation/collapse/sd-collapse-icon.control";
-import { SdTypedTemplateDirective } from "../../core/directives/sd-typed-template.directive";
-import { SdAnchorControl } from "../../ui/form/button/sd-anchor.control";
+import type { SdPermission } from "../../core/providers/sd-app-structure.types";
+import { SdCheckbox } from "../../ui/form/checkbox/sd-checkbox";
+import { SdCollapseIcon } from "../../ui/navigation/collapse/sd-collapse-icon";
+import { SdTypedTemplate } from "../../core/directives/sd-typed-template";
+import { SdAnchor } from "../../ui/form/button/sd-anchor";
 
 @Component({
   selector: "sd-permission-table",
@@ -22,11 +22,11 @@ import { SdAnchorControl } from "../../ui/form/button/sd-anchor.control";
   encapsulation: ViewEncapsulation.None,
   standalone: true,
   imports: [
-    SdTypedTemplateDirective,
+    SdTypedTemplate,
     NgTemplateOutlet,
-    SdCollapseIconControl,
-    SdCheckboxControl,
-    SdAnchorControl,
+    SdCollapseIcon,
+    SdCheckbox,
+    SdAnchor,
   ],
   styles: [
     /* language=SCSS */ `
@@ -209,13 +209,13 @@ import { SdAnchorControl } from "../../ui/form/button/sd-anchor.control";
     </ng-template>
   `,
 })
-export class SdPermissionTableControl<TModule> {
+export class SdPermissionTable<TModule> {
   value = model<Record<string, boolean>>({});
 
-  items = input<ISdPermission<TModule>[]>([]);
+  items = input<SdPermission<TModule>[]>([]);
   disabled = input(false, { transform: booleanAttribute });
 
-  collapsedItems = signal(new Set<ISdPermission<TModule>>());
+  collapsedItems = signal(new Set<SdPermission<TModule>>());
 
   depthLength = computed(() => {
     return this._getDepthLength(this.items(), 0);
@@ -223,7 +223,7 @@ export class SdPermissionTableControl<TModule> {
 
   private readonly _permExistsCache = computed(() => {
     const cache = new Map<string, boolean>();
-    const walk = (item: ISdPermission<TModule>, type: "use" | "edit"): boolean => {
+    const walk = (item: SdPermission<TModule>, type: "use" | "edit"): boolean => {
       const key = item.codeChain.join(".") + "." + type;
       const cached = cache.get(key);
       if (cached !== undefined) return cached;
@@ -256,7 +256,7 @@ export class SdPermissionTableControl<TModule> {
     const cache = new Map<string, boolean>();
     const value = this.value();
 
-    const walk = (item: ISdPermission<TModule>, type: "use" | "edit"): boolean => {
+    const walk = (item: SdPermission<TModule>, type: "use" | "edit"): boolean => {
       const key = item.codeChain.join(".") + "." + type;
       const cached = cache.get(key);
       if (cached !== undefined) return cached;
@@ -292,7 +292,7 @@ export class SdPermissionTableControl<TModule> {
     const existsCache = this._permExistsCache();
     const checkedCache = this._permCheckedCache();
 
-    const walk = (item: ISdPermission<TModule>): boolean => {
+    const walk = (item: SdPermission<TModule>): boolean => {
       const key = item.codeChain.join(".");
       const cached = cache.get(key);
       if (cached !== undefined) return cached;
@@ -346,27 +346,27 @@ export class SdPermissionTableControl<TModule> {
     return cached;
   }
 
-  getIsPermCollapsed(item: ISdPermission<TModule>): boolean {
+  getIsPermCollapsed(item: SdPermission<TModule>): boolean {
     return this.collapsedItems().has(item);
   }
 
-  getAllChildren(item: ISdPermission<TModule>): ISdPermission<TModule>[] {
+  getAllChildren(item: SdPermission<TModule>): SdPermission<TModule>[] {
     return item.children?.mapMany((child) => [child, ...this.getAllChildren(child)]) ?? [];
   }
 
-  getEditDisabled(item: ISdPermission<TModule>): boolean {
+  getEditDisabled(item: SdPermission<TModule>): boolean {
     return this._editDisabledCache().get(item.codeChain.join(".")) ?? false;
   }
 
-  getIsPermExists(item: ISdPermission<TModule>, type: "use" | "edit"): boolean {
+  getIsPermExists(item: SdPermission<TModule>, type: "use" | "edit"): boolean {
     return this._permExistsCache().get(item.codeChain.join(".") + "." + type) ?? false;
   }
 
-  getIsPermChecked(item: ISdPermission<TModule>, type: "use" | "edit"): boolean {
+  getIsPermChecked(item: SdPermission<TModule>, type: "use" | "edit"): boolean {
     return this._permCheckedCache().get(item.codeChain.join(".") + "." + type) ?? false;
   }
 
-  onPermCollapseToggle(item: ISdPermission<TModule>) {
+  onPermCollapseToggle(item: SdPermission<TModule>) {
     this.collapsedItems.update((v) => {
       const r = new Set(v);
       if (r.has(item)) {
@@ -382,7 +382,7 @@ export class SdPermissionTableControl<TModule> {
     });
   }
 
-  onPermCheckChange(item: ISdPermission<TModule>, type: "use" | "edit", val: boolean) {
+  onPermCheckChange(item: SdPermission<TModule>, type: "use" | "edit", val: boolean) {
     this.value.update((v) => {
       const r = obj.clone(v);
       this._changePermCheck(r, item, type, val);
@@ -392,7 +392,7 @@ export class SdPermissionTableControl<TModule> {
 
   private _changePermCheck(
     value: Record<string, boolean>,
-    item: ISdPermission<TModule>,
+    item: SdPermission<TModule>,
     type: "use" | "edit",
     val: boolean,
   ) {
@@ -440,7 +440,7 @@ export class SdPermissionTableControl<TModule> {
     return changed;
   }
 
-  private _getDepthLength(items: ISdPermission<TModule>[], depth: number): number {
+  private _getDepthLength(items: SdPermission<TModule>[], depth: number): number {
     return (
       items.max((item) => {
         if (item.children) {
@@ -453,9 +453,9 @@ export class SdPermissionTableControl<TModule> {
   }
 
   protected readonly itemTemplateType!: {
-    item: ISdPermission<TModule>;
+    item: SdPermission<TModule>;
     parentKey: string;
     depth: number;
-    parent: ISdPermission<TModule> | undefined;
+    parent: SdPermission<TModule> | undefined;
   };
 }

package/src/features/shared-data/{sd-shared-data-select-button.control.ts → sd-shared-data-select-button.ts}

@@ -7,27 +7,25 @@ import {
   TemplateRef,
   ViewEncapsulation,
 } from "@angular/core";
-import type { ISharedDataBase } from "../../core/providers/sd-shared-data.provider";
+import type { SharedDataBase } from "../../core/providers/sd-shared-data.provider";
 import {
-  SdItemOfTemplateDirective,
+  SdItemOfTemplate,
   type SdItemOfTemplateContext,
-} from "../../core/directives/sd-item-of-template.directive";
-import {
-  AbsSdDataSelectButton,
-  SdDataSelectButtonControl,
-} from "../data-view/sd-data-select-button.control";
+} from "../../core/directives/sd-item-of-template";
+import { SdDataSelectButton } from "../data-view/sd-data-select-button";
+import { SdDataSelectButtonBase } from "../data-view/sd-data-select-button.base";
 import type {
-  ISdSelectModal,
-  TSdSelectModalInfo,
-} from "../../ui/form/button/sd-modal-select-button.control";
-import type { TSelectModeValue } from "../../ui/form/select/sd-select.control";
+  SdSelectModal,
+  SdSelectModalInfo,
+} from "../../ui/form/button/sd-modal-select-button";
+import type { SelectModeValue } from "../../ui/form/select/sd-select";
 
 @Component({
   selector: "sd-shared-data-select-button",
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [SdDataSelectButtonControl, NgTemplateOutlet, SdItemOfTemplateDirective],
+  imports: [SdDataSelectButton, NgTemplateOutlet, SdItemOfTemplate],
   template: `
     <sd-data-select-button>
       <ng-template [itemOf]="items()" let-item let-index="index">
@@ -45,16 +43,16 @@ import type { TSelectModeValue } from "../../ui/form/select/sd-select.control";
     </sd-data-select-button>
   `,
 })
-export class SdSharedDataSelectButtonControl<
-  TItem extends ISharedDataBase<string | number>,
-  TMode extends keyof TSelectModeValue<string | number>,
-  TModal extends ISdSelectModal<any>,
-> extends AbsSdDataSelectButton<TItem, string | number, TMode> {
+export class SdSharedDataSelectButton<
+  TItem extends SharedDataBase<string | number>,
+  TMode extends keyof SelectModeValue<string | number>,
+  TModal extends SdSelectModal<any>,
+> extends SdDataSelectButtonBase<TItem, string | number, TMode> {
   items = input<TItem[]>([]);
-  modal = input.required<TSdSelectModalInfo<TModal>>();
+  modal = input.required<SdSelectModalInfo<TModal>>();
 
   itemTplRef = contentChild.required<any, TemplateRef<SdItemOfTemplateContext<TItem>>>(
-    SdItemOfTemplateDirective,
+    SdItemOfTemplate,
     { read: TemplateRef },
   );
 

package/src/features/shared-data/{sd-shared-data-select-list.control.ts → sd-shared-data-select-list.ts}

@@ -16,22 +16,22 @@ import {
 } from "@angular/core";
 import { str } from "@simplysm/core-common";
 import { matchesSearchText } from "./matchesSearchText";
-import type { ISharedDataBase } from "../../core/providers/sd-shared-data.provider";
+import type { SharedDataBase } from "../../core/providers/sd-shared-data.provider";
 import {
-  SdItemOfTemplateDirective,
+  SdItemOfTemplate,
   type SdItemOfTemplateContext,
-} from "../../core/directives/sd-item-of-template.directive";
+} from "../../core/directives/sd-item-of-template";
 import { SdModalProvider } from "../../ui/overlay/modal/sd-modal.provider";
 import type {
-  ISdSelectModal,
-  TSdSelectModalInfo,
-} from "../../ui/form/button/sd-modal-select-button.control";
+  SdSelectModal,
+  SdSelectModalInfo,
+} from "../../ui/form/button/sd-modal-select-button";
 import { setupModelHook } from "../../core/utils/setups/setupModelHook";
-import { SdPaginationControl } from "../../ui/navigation/pagination/sd-pagination.control";
-import { SdTextfieldControl } from "../../ui/form/input/sd-textfield.control";
-import { SdAnchorControl } from "../../ui/form/button/sd-anchor.control";
-import { SdListControl } from "../../ui/data/list/sd-list.control";
-import { SdListItemControl } from "../../ui/data/list/sd-list-item.control";
+import { SdPagination } from "../../ui/navigation/pagination/sd-pagination";
+import { SdTextfield } from "../../ui/form/input/sd-textfield";
+import { SdAnchor } from "../../ui/form/button/sd-anchor";
+import { SdList } from "../../ui/data/list/sd-list";
+import { SdListItem } from "../../ui/data/list/sd-list-item";
 import { NgIcon } from "@ng-icons/core";
 import { tablerExternalLink } from "@ng-icons/tabler-icons";
 
@@ -42,11 +42,11 @@ import { tablerExternalLink } from "@ng-icons/tabler-icons";
   standalone: true,
   imports: [
     NgTemplateOutlet,
-    SdTextfieldControl,
-    SdPaginationControl,
-    SdAnchorControl,
-    SdListControl,
-    SdListItemControl,
+    SdTextfield,
+    SdPagination,
+    SdAnchor,
+    SdList,
+    SdListItem,
     NgIcon,
   ],
   host: {
@@ -126,9 +126,9 @@ import { tablerExternalLink } from "@ng-icons/tabler-icons";
     </div>
   `,
 })
-export class SdSharedDataSelectListControl<
-  TItem extends ISharedDataBase<string | number>,
-  TModal extends ISdSelectModal<any>,
+export class SdSharedDataSelectList<
+  TItem extends SharedDataBase<string | number>,
+  TModal extends SdSelectModal<any>,
 > {
   private readonly _sdModal = inject(SdModalProvider);
 
@@ -142,7 +142,7 @@ export class SdSharedDataSelectListControl<
   useUndefined = input(false, { transform: booleanAttribute });
   filterFn = input<(item: TItem, index: number) => boolean>();
 
-  modal = input<TSdSelectModalInfo<TModal>>();
+  modal = input<SdSelectModalInfo<TModal>>();
 
   header = input<string>();
 
@@ -153,7 +153,7 @@ export class SdSharedDataSelectListControl<
     read: TemplateRef,
   });
   itemTplRef = contentChild<any, TemplateRef<SdItemOfTemplateContext<TItem>>>(
-    SdItemOfTemplateDirective,
+    SdItemOfTemplate,
     { read: TemplateRef },
   );
   undefinedTplRef = contentChild<any, TemplateRef<void>>("undefinedTpl", {

package/src/features/shared-data/{sd-shared-data-select.control.ts → sd-shared-data-select.ts}

@@ -15,24 +15,24 @@ import {
   viewChild,
   ViewEncapsulation,
 } from "@angular/core";
-import type { ISharedDataBase } from "../../core/providers/sd-shared-data.provider";
-import { SdSelectControl, type TSelectModeValue } from "../../ui/form/select/sd-select.control";
-import { SdSelectButtonControl } from "../../ui/form/select/sd-select-button.control";
-import { SdSelectItemControl } from "../../ui/form/select/sd-select-item.control";
-import { SdTextfieldControl } from "../../ui/form/input/sd-textfield.control";
+import type { SharedDataBase } from "../../core/providers/sd-shared-data.provider";
+import { SdSelect, type SelectModeValue } from "../../ui/form/select/sd-select";
+import { SdSelectButton } from "../../ui/form/select/sd-select-button";
+import { SdSelectItem } from "../../ui/form/select/sd-select-item";
+import { SdTextfield } from "../../ui/form/input/sd-textfield";
 import {
-  SdItemOfTemplateDirective,
+  SdItemOfTemplate,
   type SdItemOfTemplateContext,
-} from "../../core/directives/sd-item-of-template.directive";
+} from "../../core/directives/sd-item-of-template";
 import {
   SdModalProvider,
-  type ISdModal,
-  type ISdModalInfo,
+  type SdModalContentDef,
+  type SdModalInfo,
 } from "../../ui/overlay/modal/sd-modal.provider";
 import type {
-  ISdSelectModal,
-  TSdSelectModalInfo,
-} from "../../ui/form/button/sd-modal-select-button.control";
+  SdSelectModal,
+  SdSelectModalInfo,
+} from "../../ui/form/button/sd-modal-select-button";
 import { NgIcon } from "@ng-icons/core";
 import { tablerEdit, tablerSearch } from "@ng-icons/tabler-icons";
 import { matchesSearchText } from "./matchesSearchText";
@@ -43,12 +43,12 @@ import { matchesSearchText } from "./matchesSearchText";
   encapsulation: ViewEncapsulation.None,
   standalone: true,
   imports: [
-    SdSelectControl,
-    SdTextfieldControl,
-    SdSelectItemControl,
-    SdItemOfTemplateDirective,
+    SdSelect,
+    SdTextfield,
+    SdSelectItem,
+    SdItemOfTemplate,
     NgTemplateOutlet,
-    SdSelectButtonControl,
+    SdSelectButton,
     NgIcon,
   ],
   template: `
@@ -141,15 +141,15 @@ import { matchesSearchText } from "./matchesSearchText";
     </sd-select>
   `,
 })
-export class SdSharedDataSelectControl<
-  TItem extends ISharedDataBase<string | number>,
-  TMode extends keyof TSelectModeValue<TItem>,
-  TModal extends ISdSelectModal<any>,
+export class SdSharedDataSelect<
+  TItem extends SharedDataBase<string | number>,
+  TMode extends keyof SelectModeValue<TItem>,
+  TModal extends SdSelectModal<any>,
 > {
   private readonly _sdModal = inject(SdModalProvider);
-  private readonly _selectCtrl = viewChild(SdSelectControl);
+  private readonly _selectCtrl = viewChild(SdSelect);
 
-  value = model<TSelectModeValue<TItem["__valueKey"] | undefined>[TMode]>();
+  value = model<SelectModeValue<TItem["__valueKey"] | undefined>[TMode]>();
 
   items = input.required<TItem[]>();
 
@@ -164,8 +164,8 @@ export class SdSharedDataSelectControl<
   filterFn = input<(item: TItem, index: number, ...params: any[]) => boolean>();
   filterFnParams = input<any[]>();
 
-  modal = input<TSdSelectModalInfo<TModal>>();
-  editModal = input<ISdModalInfo<ISdModal<boolean>>>();
+  modal = input<SdSelectModalInfo<TModal>>();
+  editModal = input<SdModalInfo<SdModalContentDef<boolean>>>();
 
   selectClass = input<string>();
   multiSelectionDisplayDirection = input<"vertical">();
@@ -178,7 +178,7 @@ export class SdSharedDataSelectControl<
   displayOrderKeyProp = input<string>();
 
   itemTplRef = contentChild<any, TemplateRef<SdItemOfTemplateContext<TItem>>>(
-    SdItemOfTemplateDirective,
+    SdItemOfTemplate,
     { read: TemplateRef },
   );
   undefinedTplRef = contentChild<any, TemplateRef<void>>("undefinedTpl", {
@@ -321,7 +321,7 @@ export class SdSharedDataSelectControl<
     return this._searchTextMatchCache().get(item.__valueKey) ?? false;
   }
 
-  getChildren = (item: ISharedDataBase<string | number>): TItem[] => {
+  getChildren = (item: SharedDataBase<string | number>): TItem[] => {
     let result =
       this.itemByParentKeyMap()?.get(item.__valueKey as TItem["__valueKey"]) ??
       [];