@ng-atomic/common 18.2.1 → 18.4.0

package/fesm2022/ng-atomic-common-pipes-domain.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-common-pipes-domain.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/pipes/domain/domain.pipe.ts","../../../../../packages/@ng-atomic/common/src/lib/pipes/domain/ng-atomic-common-pipes-domain.ts"],"sourcesContent":["import { InjectionToken, Injector, Pipe, Signal, inject, signal, PipeTransform } from '@angular/core';\nimport { Entity, Type, getLangMap, getModelName, getProps } from '@nx-ddd/common/domain/models';\nimport { SignalOrValue, wrapFactory } from '@ng-atomic/common/pipes/signal';\n\nexport type DomainLangMap = Record<string, string>;\nexport const DOMAIN_MODEL = new InjectionToken<Type<{id: string}>>('Domain Model');\nexport const DOMAIN_LANG_MAP = new InjectionToken<DomainLangMap>('domain lang map');\nexport const DOMAIN_PROPS = new InjectionToken<Signal<string[]>>('Domain Props');\nexport const DOMAIN_MODEL_NAME = new InjectionToken<Signal<string>>('Domain Model Name');\n\n@Pipe({standalone: true, name: 'domain', pure: true})\nexport class DomainPipe implements PipeTransform {\n  protected map = inject(DOMAIN_LANG_MAP, {optional: true}) ?? {};\n\n  transform(input: string, map: DomainLangMap = this.map) {\n    return map[input] ?? input;\n  }\n}\n\nexport function provideLangMap(useFactory: () => DomainLangMap) {\n  return { provide: DOMAIN_LANG_MAP, useFactory };\n}\n\nexport function provideDomainLang<E>(domain: Type<E>, mergeObj: DomainLangMap = {}) {\n  return provideLangMap(() => getLangMap(domain, mergeObj));\n}\n\nexport function provideModel<E>(useFactory: () => Type<E>) {\n  return { provide: DOMAIN_MODEL, useFactory};\n}\n\nexport function injectModel<E = Entity>(): Type<E> {\n  return inject(DOMAIN_MODEL, {optional: true}) as Type<E> ?? null;\n}\n\nexport function provideProps(useFactory: () => SignalOrValue<string[]>) {\n  return { provide: DOMAIN_PROPS, useFactory: wrapFactory(useFactory)}\n}\n\nexport function provideModelName(useFactory: () => SignalOrValue<string>) {\n  return { provide: DOMAIN_MODEL_NAME, useFactory: wrapFactory(useFactory)}\n}\n\nexport function injectProps(): Signal<string[]> {\n  return inject(DOMAIN_PROPS, {optional: true}) ?? signal([]);\n}\n\nexport function injectModelName(injector?: Injector): Signal<string> {\n  if (injector) return injector.get(DOMAIN_MODEL_NAME, null) ?? signal(null);\n  return inject(DOMAIN_MODEL_NAME, {optional: true}) ?? signal(null);\n}\n\nexport function provideDomain<E>(useFactory: () => Type<E>) {\n  return [\n    provideModel(useFactory),\n    provideLangMap(() => getLangMap(useFactory())),\n    provideProps(() => getProps(useFactory())),\n    provideModelName(() => getModelName(useFactory()))\n  ]\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-common-pipes-domain.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/pipes/domain/domain.pipe.ts","../../../../../packages/@ng-atomic/common/src/lib/pipes/domain/ng-atomic-common-pipes-domain.ts"],"sourcesContent":["import { InjectionToken, Injector, Pipe, Signal, inject, signal, PipeTransform } from '@angular/core';\nimport { Entity, Type, getLangMap, getModelName, getProps } from '@nx-ddd/common/domain/models';\nimport { SignalOrValue, wrapFactory } from '@ng-atomic/common/pipes/signal';\nimport { get, has } from 'lodash-es';\n\nexport type DomainLangMap = Record<string, string>;\nexport const DOMAIN_MODEL = new InjectionToken<Type<{id: string}>>('Domain Model');\nexport const DOMAIN_LANG_MAP = new InjectionToken<DomainLangMap>('domain lang map');\nexport const DOMAIN_PROPS = new InjectionToken<Signal<string[]>>('Domain Props');\nexport const DOMAIN_MODEL_NAME = new InjectionToken<Signal<string>>('Domain Model Name');\n\n\n\n@Pipe({standalone: true, name: 'domain', pure: true})\nexport class DomainPipe implements PipeTransform {\n  protected map = inject(DOMAIN_LANG_MAP, {optional: true}) ?? {};\n  protected regexResolvers = Object.entries(this.map).map(([regexKey, value]) => {\n    const regexIndicators = /[.*+?^${}()|[\\]\\\\]/;\n    if (regexIndicators.test(regexKey)) {\n      return (key: string) => {\n        const regex = new RegExp(regexKey);\n        return regex.test(key) ? value : null;\n      }\n    }\n    return () => null;\n  });\n\n  transform(input: string, map: DomainLangMap = this.map) {\n    if (has(map, input)) return get(map, input);\n    for (const resolver of this.regexResolvers) {\n      const result = resolver(input);\n      if (result) return result;\n    }\n    return map[input] ?? input;\n  }\n}\n\nexport function provideLangMap(useFactory: () => DomainLangMap) {\n  return { provide: DOMAIN_LANG_MAP, useFactory };\n}\n\nexport function provideDomainLang<E>(domain: Type<E>, mergeObj: DomainLangMap = {}) {\n  return provideLangMap(() => getLangMap(domain, mergeObj));\n}\n\nexport function provideModel<E>(useFactory: () => Type<E>) {\n  return { provide: DOMAIN_MODEL, useFactory};\n}\n\nexport function injectModel<E = Entity>(): Type<E> {\n  return inject(DOMAIN_MODEL, {optional: true}) as Type<E> ?? null;\n}\n\nexport function provideProps(useFactory: () => SignalOrValue<string[]>) {\n  return { provide: DOMAIN_PROPS, useFactory: wrapFactory(useFactory)}\n}\n\nexport function provideModelName(useFactory: () => SignalOrValue<string>) {\n  return { provide: DOMAIN_MODEL_NAME, useFactory: wrapFactory(useFactory)}\n}\n\nexport function injectProps(): Signal<string[]> {\n  return inject(DOMAIN_PROPS, {optional: true}) ?? signal([]);\n}\n\nexport function injectModelName(injector?: Injector): Signal<string> {\n  if (injector) return injector.get(DOMAIN_MODEL_NAME, null) ?? signal(null);\n  return inject(DOMAIN_MODEL_NAME, {optional: true}) ?? signal(null);\n}\n\nexport function provideDomain<E>(useFactory: () => Type<E>) {\n  return [\n    provideModel(useFactory),\n    provideLangMap(() => getLangMap(useFactory())),\n    provideProps(() => getProps(useFactory())),\n    provideModelName(() => getModelName(useFactory()))\n  ]\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-common-pipes-smart-field.mjs

@@ -4,7 +4,7 @@ import get from 'lodash.get';
 
 /** @deprecated */
 const FORM_FIELD_MAP = new InjectionToken('[@ng-atomic] Smart Form Field');
-/** @deprecated */
+/** @deprecated use fieldMap input*/
 function provideFormFieldMap(useFactory) {
     return { provide: FORM_FIELD_MAP, useFactory };
 }

package/fesm2022/ng-atomic-common-pipes-smart-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-common-pipes-smart-field.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/pipes/smart-field/smart-field.pipe.ts","../../../../../packages/@ng-atomic/common/src/lib/pipes/smart-field/ng-atomic-common-pipes-smart-field.ts"],"sourcesContent":["import { InjectionToken, Pipe, PipeTransform, Signal, inject } from '@angular/core';\nimport { Action } from '@ng-atomic/core';\nimport { SignalOrValue } from '@ng-atomic/common/pipes/signal';\nimport get from 'lodash.get';\n\n\nexport interface Option<T> {\n  name: string;\n  value: T;\n}\n\ninterface BaseField {\n  placeholder?: string;\n  hint?: SignalOrValue<string>;\n  actions?: Action[] | Signal<Action[]>;\n}\n\ninterface TextField extends BaseField {\n  type: 'text';\n  autoComplete?: SignalOrValue<string[]>;\n}\n\ninterface PasswordField extends BaseField {\n  type: 'password';\n}\n\ninterface NumberField extends BaseField {\n  type: 'number';\n}\n\ninterface TextareaField extends BaseField {\n  type: 'textarea';\n  rows?: number;\n}\n\ninterface DateInputField extends BaseField {\n  type: 'date';\n}\n\ninterface DateRangeInputField extends BaseField {\n  type: 'date-range';\n}\n\ninterface SelectField<T> extends BaseField {\n  type: 'select';\n  options: Option<T>[] | Signal<Option<T>[]>;\n  multiple?: boolean;\n}\n\ninterface TimeRangeField extends BaseField {\n  type: 'time-range';\n}\n\n//* @deprecated use multiple option */\ninterface MultiSelectField<T> extends BaseField {\n  type: 'multi-select';\n  options: Option<T>[] | Signal<Option<T>[]>;\n}\n\ninterface FileField extends BaseField {\n  type: 'file';\n  progress?: Signal<number | null>;\n}\n\ninterface ActionField extends BaseField {\n  type: 'action';\n  actions: Action[] | Signal<Action[]>;\n  buttonType?: 'flat' | 'raised' | 'stroked' | 'icon';\n  disabled?: boolean;\n}\n\ninterface AgreementField {\n  type: 'agreement';\n  labelTemp: null | any;\n}\n\ninterface SliderField extends BaseField {\n  type: 'slider';\n  slider: {\n    min?: number;\n    max?: number;\n    step?: number;\n  }\n}\n\ninterface HiddenField {\n  type: 'hidden';\n}\n\ninterface PreviewField extends BaseField {\n  type: 'preview';\n}\n\ninterface PreviewImageField extends BaseField {\n  type: 'preview:image';\n}\n\nexport type FormField<V = any> = \n  | TextField\n  | PasswordField\n  | TextareaField\n  | DateInputField\n  | DateRangeInputField\n  | SelectField<V>\n  | TimeRangeField\n  | MultiSelectField<V>\n  | FileField\n  | ActionField\n  | HiddenField\n  | NumberField\n  | PreviewField\n  | AgreementField\n  | SliderField\n  | PreviewImageField;\n\nexport interface FormFieldMap {\n  [key: string]: FormField<any> | FormFieldMap;\n}\n\n/** @deprecated */\nexport const FORM_FIELD_MAP = new InjectionToken<FormFieldMap>('[@ng-atomic] Smart Form Field');\n\n/** @deprecated */\nexport function provideFormFieldMap(useFactory: () => FormFieldMap) {\n  return { provide: FORM_FIELD_MAP, useFactory };\n}\n\ntype Enum<T> = Record<string, T>;\n\n/** @deprecated */\nexport function buildOptions<T>(_enum: Enum<T>): Option<T>[] {\n  return Object.values(_enum).map(value => ({value, name: value}) as Option<T>);\n}\n\n/** @deprecated */\n@Pipe({name: 'smartField', standalone: true, pure: true})\nexport class SmartFieldPipe implements PipeTransform {\n  protected map = inject(FORM_FIELD_MAP, {optional: true}) ?? {\n    createdAt: { type: 'date' },\n    updatedAt: { type: 'date' },\n    deletedAt: { type: 'date' },\n  };\n\n  transform(key: string, map: FormFieldMap = this.map): FormField<any> {\n    return get(map, key) ?? {type: 'input'};\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAuHA;MACa,cAAc,GAAG,IAAI,cAAc,CAAe,+BAA+B,EAAE;AAEhG;AACM,SAAU,mBAAmB,CAAC,UAA8B,EAAA;AAChE,IAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC;AACjD,CAAC;AAID;AACM,SAAU,YAAY,CAAI,KAAc,EAAA;IAC5C,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,KAAK,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,CAAc,CAAC,CAAC;AAChF,CAAC;AAED;MAEa,cAAc,CAAA;AAD3B,IAAA,WAAA,GAAA;QAEY,IAAG,CAAA,GAAA,GAAG,MAAM,CAAC,cAAc,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,IAAI;AAC1D,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC5B,CAAC;AAKH,KAAA;AAHC,IAAA,SAAS,CAAC,GAAW,EAAE,GAAoB,GAAA,IAAI,CAAC,GAAG,EAAA;AACjD,QAAA,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;KACzC;8GATU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;4GAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,IAAI;mBAAC,EAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAA;;;ACvIxD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-common-pipes-smart-field.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/pipes/smart-field/smart-field.pipe.ts","../../../../../packages/@ng-atomic/common/src/lib/pipes/smart-field/ng-atomic-common-pipes-smart-field.ts"],"sourcesContent":["import { InjectionToken, Pipe, PipeTransform, Signal, inject } from '@angular/core';\nimport { Action } from '@ng-atomic/core';\nimport { SignalOrValue } from '@ng-atomic/common/pipes/signal';\nimport get from 'lodash.get';\n\n\nexport interface Option<T> {\n  name: string;\n  value: T;\n}\n\ninterface BaseField {\n  placeholder?: string;\n  hint?: SignalOrValue<string>;\n  actions?: Action[] | Signal<Action[]>;\n}\n\ninterface TextField extends BaseField {\n  type: 'text';\n  autoComplete?: SignalOrValue<string[]>;\n}\n\ninterface PasswordField extends BaseField {\n  type: 'password';\n}\n\ninterface NumberField extends BaseField {\n  type: 'number';\n}\n\ninterface TextareaField extends BaseField {\n  type: 'textarea';\n  rows?: number;\n}\n\ninterface DateInputField extends BaseField {\n  type: 'date';\n}\n\ninterface DateRangeInputField extends BaseField {\n  type: 'date-range';\n}\n\ninterface SelectField<T> extends BaseField {\n  type: 'select';\n  options: Option<T>[] | Signal<Option<T>[]>;\n  multiple?: boolean;\n}\n\ninterface TimeRangeField extends BaseField {\n  type: 'time-range';\n}\n\n//* @deprecated use multiple option */\ninterface MultiSelectField<T> extends BaseField {\n  type: 'multi-select';\n  options: Option<T>[] | Signal<Option<T>[]>;\n}\n\ninterface FileField extends BaseField {\n  type: 'file';\n  progress?: Signal<number | null>;\n}\n\ninterface ActionField extends BaseField {\n  type: 'action';\n  actions: Action[] | Signal<Action[]>;\n  buttonType?: 'flat' | 'raised' | 'stroked' | 'icon';\n  disabled?: boolean;\n}\n\ninterface AgreementField {\n  type: 'agreement';\n  labelTemp: null | any;\n}\n\ninterface SliderField extends BaseField {\n  type: 'slider';\n  slider: {\n    min?: number;\n    max?: number;\n    step?: number;\n  }\n}\n\ninterface HiddenField {\n  type: 'hidden';\n}\n\ninterface PreviewField extends BaseField {\n  type: 'preview';\n}\n\ninterface PreviewImageField extends BaseField {\n  type: 'preview:image';\n}\n\nexport type FormField<V = any> = \n  | TextField\n  | PasswordField\n  | TextareaField\n  | DateInputField\n  | DateRangeInputField\n  | SelectField<V>\n  | TimeRangeField\n  | MultiSelectField<V>\n  | FileField\n  | ActionField\n  | HiddenField\n  | NumberField\n  | PreviewField\n  | AgreementField\n  | SliderField\n  | PreviewImageField;\n\nexport interface FormFieldMap {\n  [key: string]: FormField<any> | FormFieldMap;\n}\n\n/** @deprecated */\nexport const FORM_FIELD_MAP = new InjectionToken<FormFieldMap>('[@ng-atomic] Smart Form Field');\n\n/** @deprecated use fieldMap input*/\nexport function provideFormFieldMap(useFactory: () => FormFieldMap) {\n  return { provide: FORM_FIELD_MAP, useFactory };\n}\n\ntype Enum<T> = Record<string, T>;\n\n/** @deprecated */\nexport function buildOptions<T>(_enum: Enum<T>): Option<T>[] {\n  return Object.values(_enum).map(value => ({value, name: value}) as Option<T>);\n}\n\n/** @deprecated */\n@Pipe({name: 'smartField', standalone: true, pure: true})\nexport class SmartFieldPipe implements PipeTransform {\n  protected map = inject(FORM_FIELD_MAP, {optional: true}) ?? {\n    createdAt: { type: 'date' },\n    updatedAt: { type: 'date' },\n    deletedAt: { type: 'date' },\n  };\n\n  transform(key: string, map: FormFieldMap = this.map): FormField<any> {\n    return get(map, key) ?? {type: 'input'};\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAuHA;MACa,cAAc,GAAG,IAAI,cAAc,CAAe,+BAA+B,EAAE;AAEhG;AACM,SAAU,mBAAmB,CAAC,UAA8B,EAAA;AAChE,IAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC;AACjD,CAAC;AAID;AACM,SAAU,YAAY,CAAI,KAAc,EAAA;IAC5C,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,KAAK,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAC,CAAc,CAAC,CAAC;AAChF,CAAC;AAED;MAEa,cAAc,CAAA;AAD3B,IAAA,WAAA,GAAA;QAEY,IAAG,CAAA,GAAA,GAAG,MAAM,CAAC,cAAc,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,IAAI;AAC1D,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC5B,CAAC;AAKH,KAAA;AAHC,IAAA,SAAS,CAAC,GAAW,EAAE,GAAoB,GAAA,IAAI,CAAC,GAAG,EAAA;AACjD,QAAA,OAAO,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;KACzC;8GATU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;4GAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,CAAA,EAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,IAAI;mBAAC,EAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAA;;;ACvIxD;;AAEG;;;;"}

package/fesm2022/ng-atomic-common-services-app.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable } from '@angular/core';
-import { Router } from '@angular/router';
+import { Injectable, inject } from '@angular/core';
+import * as i1 from '@angular/router';
+import { NavigationStart, Router } from '@angular/router';
 import { LoadingService } from '@ng-atomic/common/services/loading';
 import { SideAppService } from '@ng-atomic/common/services/side-app';
 import { SideNavModeService } from '@ng-atomic/common/services/side-nav-mode';
@@ -8,11 +9,55 @@ import { FabService } from '@ng-atomic/common/services/fab';
 import { SnackBarService } from '@ng-atomic/common/services/snack-bar';
 import { Clipboard } from '@angular/cdk/clipboard';
 import { MatDialog } from '@angular/material/dialog';
+import { SheetService } from '@ng-atomic/common/services/sheets';
 
+class HistoryInjectorService {
+    constructor(router) {
+        this.router = router;
+        this.isInitialNavigation = true;
+        this.router.events.subscribe((event) => {
+            if (event instanceof NavigationStart && this.isInitialNavigation) {
+                this.isInitialNavigation = false; // 最初のナビゲーションのみ適用
+                this.injectParentRoutes(event.url);
+            }
+        });
+    }
+    async injectParentRoutes(currentUrl) {
+        const urlTree = this.router.parseUrl(currentUrl);
+        const segments = this.getFilteredSegments(urlTree);
+        console.debug('[HistoryInjector] Filtered segments:', segments);
+        if (segments.length > 1) {
+            for (let i = 1; i < segments.length; i++) {
+                const parentUrl = '/' + segments.slice(0, i).map(segment => segment.path).join('/');
+                console.debug('[HistoryInjector] Adding parent URL to history:', parentUrl);
+                await this.router.navigateByUrl(parentUrl);
+            }
+            // 最終的に元のURLに遷移
+            await this.router.navigateByUrl(currentUrl);
+        }
+    }
+    getFilteredSegments(urlTree) {
+        const segments = urlTree.root.children['primary']?.segments || [];
+        // `skip=true`のマトリクスパラメーターが含まれるセグメントを除外
+        return segments.filter(segment => {
+            const skip = segment.parameterMap.get('skip');
+            return skip !== 'true';
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: HistoryInjectorService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: HistoryInjectorService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: HistoryInjectorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.Router }] });
 class AppService {
     constructor() {
         this.dialog = inject(MatDialog);
         this.loading = inject(LoadingService);
+        this.sheet = inject(SheetService);
         this.sideApp = inject(SideAppService);
         this.sideNavMode = inject(SideNavModeService);
         this.sideNav = inject(SideNavModeService);
@@ -20,6 +65,7 @@ class AppService {
         this.fab = inject(FabService);
         this.snackBar = inject(SnackBarService);
         this.clipboard = inject(Clipboard);
+        this.navigationInterceptor = inject(HistoryInjectorService);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AppService, providedIn: 'root' }); }
@@ -35,5 +81,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AppService };
+export { AppService, HistoryInjectorService };
 //# sourceMappingURL=ng-atomic-common-services-app.mjs.map

package/fesm2022/ng-atomic-common-services-app.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-common-services-app.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/services/app/app.service.ts","../../../../../packages/@ng-atomic/common/src/lib/services/app/ng-atomic-common-services-app.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { LoadingService } from '@ng-atomic/common/services/loading';\nimport { SideAppService } from '@ng-atomic/common/services/side-app';\nimport { SideNavModeService } from '@ng-atomic/common/services/side-nav-mode';\nimport { FabService } from '@ng-atomic/common/services/fab';\nimport { SnackBarService } from '@ng-atomic/common/services/snack-bar';\nimport { Clipboard } from '@angular/cdk/clipboard';\nimport { MatDialog } from '@angular/material/dialog';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AppService {\n  readonly dialog = inject(MatDialog);\n  readonly loading = inject(LoadingService);\n  readonly sideApp = inject(SideAppService);\n  readonly sideNavMode = inject(SideNavModeService);\n  readonly sideNav = inject(SideNavModeService);\n  readonly router = inject(Router);\n  readonly fab = inject(FabService);\n  readonly snackBar = inject(SnackBarService);\n  readonly clipboard = inject(Clipboard);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;MAaa,UAAU,CAAA;AAHvB,IAAA,WAAA,GAAA;AAIW,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC3B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACzC,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACrC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AACxB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AACzB,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AACnC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AACxC,KAAA;8GAVY,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAV,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,cAFT,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,UAAU,EAAA,UAAA,EAAA,CAAA;kBAHtB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-common-services-app.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/services/app/app.service.ts","../../../../../packages/@ng-atomic/common/src/lib/services/app/ng-atomic-common-services-app.ts"],"sourcesContent":["import { Injectable, inject } from '@angular/core';\nimport { NavigationStart, Router, UrlSegment, UrlTree } from '@angular/router';\nimport { LoadingService } from '@ng-atomic/common/services/loading';\nimport { SideAppService } from '@ng-atomic/common/services/side-app';\nimport { SideNavModeService } from '@ng-atomic/common/services/side-nav-mode';\nimport { FabService } from '@ng-atomic/common/services/fab';\nimport { SnackBarService } from '@ng-atomic/common/services/snack-bar';\nimport { Clipboard } from '@angular/cdk/clipboard';\nimport { MatDialog } from '@angular/material/dialog';\nimport { SheetService } from '@ng-atomic/common/services/sheets';\n\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class HistoryInjectorService {\n  private isInitialNavigation = true;\n\n  constructor(private router: Router) {\n    this.router.events.subscribe((event) => {\n      if (event instanceof NavigationStart && this.isInitialNavigation) {\n        this.isInitialNavigation = false; // 最初のナビゲーションのみ適用\n        this.injectParentRoutes(event.url);\n      }\n    });\n  }\n\n  private async injectParentRoutes(currentUrl: string): Promise<void> {\n    const urlTree: UrlTree = this.router.parseUrl(currentUrl);\n    const segments = this.getFilteredSegments(urlTree);\n\n    console.debug('[HistoryInjector] Filtered segments:', segments);\n\n    if (segments.length > 1) {\n      for (let i = 1; i < segments.length; i++) {\n        const parentUrl = '/' + segments.slice(0, i).map(segment => segment.path).join('/');\n        console.debug('[HistoryInjector] Adding parent URL to history:', parentUrl);\n        await this.router.navigateByUrl(parentUrl);\n      }\n\n      // 最終的に元のURLに遷移\n      await this.router.navigateByUrl(currentUrl);\n    }\n  }\n\n  private getFilteredSegments(urlTree: UrlTree): UrlSegment[] {\n    const segments = urlTree.root.children['primary']?.segments || [];\n\n    // `skip=true`のマトリクスパラメーターが含まれるセグメントを除外\n    return segments.filter(segment => {\n      const skip = segment.parameterMap.get('skip');\n      return skip !== 'true';\n    });\n  }\n}\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AppService {\n  readonly dialog = inject(MatDialog);\n  readonly loading = inject(LoadingService);\n  readonly sheet = inject(SheetService);\n  readonly sideApp = inject(SideAppService);\n  readonly sideNavMode = inject(SideNavModeService);\n  readonly sideNav = inject(SideNavModeService);\n  readonly router = inject(Router);\n  readonly fab = inject(FabService);\n  readonly snackBar = inject(SnackBarService);\n  readonly clipboard = inject(Clipboard);\n  readonly navigationInterceptor = inject(HistoryInjectorService);\n  \n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-common-services-fab.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { signal, inject, Injectable } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
+import { signal, inject, computed, isSignal, Injectable } from '@angular/core';
 import { Router, ActivatedRoute, NavigationEnd } from '@angular/router';
+import { computedAsync } from 'ngxtension/computed-async';
 import { filter, map, switchMap } from 'rxjs';
 
 class FabService {
@@ -10,8 +10,14 @@ class FabService {
         this.router = inject(Router);
         this.route = inject(ActivatedRoute);
         this.route$ = this.router.events.pipe(filter(event => event instanceof NavigationEnd), map(() => this.findLastChild(this.route)));
-        this.actions$ = this.route$.pipe(switchMap((route) => route.data), map(data => data.fabActions || []));
-        this.actions = toSignal(this.actions$);
+        this.data = computedAsync(() => {
+            return this.route$.pipe(switchMap((route) => route.data));
+        });
+        this.actions = computed(() => {
+            return isSignal(this.data()?.fabActions)
+                ? this.data().fabActions()
+                : this.data()?.fabActions || [];
+        });
     }
     findLastChild(route) {
         let child = route;

package/fesm2022/ng-atomic-common-services-fab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-common-services-fab.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/services/fab/fab.service.ts","../../../../../packages/@ng-atomic/common/src/lib/services/fab/ng-atomic-common-services-fab.ts"],"sourcesContent":["import { inject, Injectable, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { Action } from '@ng-atomic/core';\nimport { filter, map, Observable, switchMap, tap } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class FabService {\n  readonly hidden = signal(false);\n  protected readonly router = inject(Router);\n  protected readonly route = inject(ActivatedRoute);\n  readonly route$ = this.router.events.pipe(\n    filter(event => event instanceof NavigationEnd),\n    map(() => this.findLastChild(this.route)),\n  );\n\n  readonly actions$: Observable<Action[]> = this.route$.pipe(\n    switchMap((route) => route.data),\n    map(data => data.fabActions || []),\n  );\n  readonly actions = toSignal(this.actions$);\n\n  private findLastChild(route: ActivatedRoute): ActivatedRoute {\n    let child = route;\n    while (child.firstChild) {\n      child = child.firstChild;\n    }\n    return child;\n  }\n\n  show() {\n    this.hidden.set(false);\n  }\n\n  hide() {\n    this.hidden.set(true);\n  }\n\n  toggle() {\n    this.hidden.update(hidden => !hidden);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MASa,UAAU,CAAA;AAHvB,IAAA,WAAA,GAAA;AAIW,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACb,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACzC,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CACvC,MAAM,CAAC,KAAK,IAAI,KAAK,YAAY,aAAa,CAAC,EAC/C,GAAG,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAC1C,CAAC;AAEO,QAAA,IAAA,CAAA,QAAQ,GAAyB,IAAI,CAAC,MAAM,CAAC,IAAI,CACxD,SAAS,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,EAChC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CACnC,CAAC;AACO,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAqB5C,KAAA;AAnBS,IAAA,aAAa,CAAC,KAAqB,EAAA;QACzC,IAAI,KAAK,GAAG,KAAK,CAAC;AAClB,QAAA,OAAO,KAAK,CAAC,UAAU,EAAE;AACvB,YAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC;SAC1B;AACD,QAAA,OAAO,KAAK,CAAC;KACd;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KACxB;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACvB;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;KACvC;8GAjCU,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAV,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,cAFT,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,UAAU,EAAA,UAAA,EAAA,CAAA;kBAHtB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-common-services-fab.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/services/fab/fab.service.ts","../../../../../packages/@ng-atomic/common/src/lib/services/fab/ng-atomic-common-services-fab.ts"],"sourcesContent":["import { computed, inject, Injectable, isSignal, Signal, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { Action } from '@ng-atomic/core';\nimport { computedAsync } from 'ngxtension/computed-async';\nimport { filter, map, Observable, switchMap, tap } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class FabService {\n  readonly hidden = signal(false);\n  protected readonly router = inject(Router);\n  protected readonly route = inject(ActivatedRoute);\n  readonly route$ = this.router.events.pipe(\n    filter(event => event instanceof NavigationEnd),\n    map(() => this.findLastChild(this.route)),\n  );\n\n  readonly data = computedAsync(() => {\n    return this.route$.pipe(\n      switchMap((route) => route.data),\n    );\n  });\n\n  readonly actions = computed(() => {\n    return isSignal(this.data()?.fabActions)\n      ? this.data().fabActions()\n      : this.data()?.fabActions || [];\n  });\n\n  private findLastChild(route: ActivatedRoute): ActivatedRoute {\n    let child = route;\n    while (child.firstChild) {\n      child = child.firstChild;\n    }\n    return child;\n  }\n\n  show() {\n    this.hidden.set(false);\n  }\n\n  hide() {\n    this.hidden.set(true);\n  }\n\n  toggle() {\n    this.hidden.update(hidden => !hidden);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAUa,UAAU,CAAA;AAHvB,IAAA,WAAA,GAAA;AAIW,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACb,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACzC,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CACvC,MAAM,CAAC,KAAK,IAAI,KAAK,YAAY,aAAa,CAAC,EAC/C,GAAG,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAC1C,CAAC;AAEO,QAAA,IAAA,CAAA,IAAI,GAAG,aAAa,CAAC,MAAK;AACjC,YAAA,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CACrB,SAAS,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,CACjC,CAAC;AACJ,SAAC,CAAC,CAAC;AAEM,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;YAC/B,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,UAAU,CAAC;AACtC,kBAAE,IAAI,CAAC,IAAI,EAAE,CAAC,UAAU,EAAE;kBACxB,IAAI,CAAC,IAAI,EAAE,EAAE,UAAU,IAAI,EAAE,CAAC;AACpC,SAAC,CAAC,CAAC;AAqBJ,KAAA;AAnBS,IAAA,aAAa,CAAC,KAAqB,EAAA;QACzC,IAAI,KAAK,GAAG,KAAK,CAAC;AAClB,QAAA,OAAO,KAAK,CAAC,UAAU,EAAE;AACvB,YAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC;SAC1B;AACD,QAAA,OAAO,KAAK,CAAC;KACd;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;KACxB;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACvB;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC;KACvC;8GAvCU,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAV,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAU,cAFT,MAAM,EAAA,CAAA,CAAA,EAAA;;2FAEP,UAAU,EAAA,UAAA,EAAA,CAAA;kBAHtB,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/ng-atomic-common-services-form-_index.mjs

@@ -35,7 +35,7 @@ function injectIndexFormBuilder() {
     return inject(IndexFormBuilder);
 }
 function injectIndexForm({ columns = undefined, sort = undefined, query = undefined, page = undefined } = {}) {
-    return inject(IndexFormBuilder).build({
+    return injectIndexFormBuilder().build({
         columns,
         sort,
         query,

package/fesm2022/ng-atomic-common-services-form-_index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-common-services-form-_index.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/services/form/_index/index.service.ts","../../../../../packages/@ng-atomic/common/src/lib/services/form/_index/ng-atomic-common-services-form-_index.ts"],"sourcesContent":["import { Injectable, inject } from \"@angular/core\";\nimport { FormBuilder } from \"@angular/forms\";\nimport { PaginationFormValue, PaginationService } from \"@ng-atomic/common/services/form/pagination\";\nimport { SortFormValue, SortService } from \"@ng-atomic/common/services/form/sort\";\nimport { injectProps } from \"@ng-atomic/common/pipes/domain\";\nimport { ColumnsFormBuilder, buildColumns, ColumnsFormValue } from \"@ng-atomic/common/services/form/columns\";\nimport { omitBy } from \"lodash-es\";\nexport { buildColumns }; \n\n@Injectable({ providedIn: 'root' })\nexport class IndexFormBuilder {\n  readonly columns = inject(ColumnsFormBuilder);\n  readonly sort = inject(SortService);\n  readonly pagination = inject(PaginationService)\n  readonly fb = inject(FormBuilder);\n\n  build({\n    query = undefined,\n    sort = {},\n    page,\n    columns = buildColumns(['__checkbox', ...injectProps()(), '__actions'])\n  }: {\n    query?: string,\n    page?: Partial<PaginationFormValue>,\n    sort?: Partial<SortFormValue>,\n    columns?: ColumnsFormValue,\n  } = {}) {\n    const omit = <T extends object>(obj: T) => omitBy(obj, value => value === undefined) as T;\n    return this.fb.group(omit({\n      query: typeof query !== 'undefined' ? this.fb.control(query) : undefined,\n      page: page ? this.pagination.build(page) : undefined,\n      sort: this.sort.build(sort),\n      columns: this.columns.build(columns),\n    }));\n  }\n}\n\n\nexport function injectIndexFormBuilder() {\n  return inject(IndexFormBuilder);\n}\n\nexport function injectIndexForm({\n  columns = undefined,\n  sort = undefined,\n  query = undefined,\n  page = undefined\n}: {\n  columns?: ColumnsFormValue,\n  sort?: Partial<SortFormValue>,\n  query?: string,\n  page?: Partial<PaginationFormValue>,\n} = {}) {\n  return inject(IndexFormBuilder).build({\n    columns,\n    sort,\n    query,\n    page,\n  });\n}\n\nexport {\n  /** @deprecates use instead `IndexFormBuilder` */\n  IndexFormBuilder as IndexTemplateFormBuilder,\n  /** @deprecates use instead `injectIndexForm` */\n  injectIndexForm as injectIndexTemplateForm,\n  /** @deprecates use instead `injectIndexFormBuilder` */\n  injectIndexFormBuilder as injectIndexTemplateFormBuilder,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAUa,gBAAgB,CAAA;AAD7B,IAAA,WAAA,GAAA;AAEW,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACrC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAC3B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;AACtC,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAqBnC,KAAA;AAnBC,IAAA,KAAK,CAAC,EACJ,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,EAAE,EACT,IAAI,EACJ,OAAO,GAAG,YAAY,CAAC,CAAC,YAAY,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,WAAW,CAAC,CAAC,EAAA,GAMrE,EAAE,EAAA;AACJ,QAAA,MAAM,IAAI,GAAG,CAAmB,GAAM,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,IAAI,KAAK,KAAK,SAAS,CAAM,CAAC;AAC1F,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;AACxB,YAAA,KAAK,EAAE,OAAO,KAAK,KAAK,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS;AACxE,YAAA,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS;YACpD,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;AACrC,SAAA,CAAC,CAAC,CAAC;KACL;8GAxBU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cADH,MAAM,EAAA,CAAA,CAAA,EAAA;;2FACnB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;SA6BlB,sBAAsB,GAAA;AACpC,IAAA,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAClC,CAAC;AAEK,SAAU,eAAe,CAAC,EAC9B,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,SAAS,KAMd,EAAE,EAAA;AACJ,IAAA,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC;QACpC,OAAO;QACP,IAAI;QACJ,KAAK;QACL,IAAI;AACL,KAAA,CAAC,CAAC;AACL;;AC3DA;;AAEG;;;;"}
+{"version":3,"file":"ng-atomic-common-services-form-_index.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/services/form/_index/index.service.ts","../../../../../packages/@ng-atomic/common/src/lib/services/form/_index/ng-atomic-common-services-form-_index.ts"],"sourcesContent":["import { Injectable, inject } from \"@angular/core\";\nimport { FormBuilder } from \"@angular/forms\";\nimport { PaginationFormValue, PaginationService } from \"@ng-atomic/common/services/form/pagination\";\nimport { SortFormValue, SortService } from \"@ng-atomic/common/services/form/sort\";\nimport { injectProps } from \"@ng-atomic/common/pipes/domain\";\nimport { ColumnsFormBuilder, buildColumns, ColumnsFormValue } from \"@ng-atomic/common/services/form/columns\";\nimport { omitBy } from \"lodash-es\";\nexport { buildColumns }; \n\n@Injectable({ providedIn: 'root' })\nexport class IndexFormBuilder {\n  readonly columns = inject(ColumnsFormBuilder);\n  readonly sort = inject(SortService);\n  readonly pagination = inject(PaginationService)\n  readonly fb = inject(FormBuilder);\n\n  build({\n    query = undefined,\n    sort = {},\n    page,\n    columns = buildColumns(['__checkbox', ...injectProps()(), '__actions'])\n  }: {\n    query?: string,\n    page?: Partial<PaginationFormValue>,\n    sort?: Partial<SortFormValue>,\n    columns?: ColumnsFormValue,\n  } = {}) {\n    const omit = <T extends object>(obj: T) => omitBy(obj, value => value === undefined) as T;\n    return this.fb.group(omit({\n      query: typeof query !== 'undefined' ? this.fb.control(query) : undefined,\n      page: page ? this.pagination.build(page) : undefined,\n      sort: this.sort.build(sort),\n      columns: this.columns.build(columns),\n    }));\n  }\n}\n\n\nexport function injectIndexFormBuilder() {\n  return inject(IndexFormBuilder);\n}\n\nexport function injectIndexForm({\n  columns = undefined,\n  sort = undefined,\n  query = undefined,\n  page = undefined\n}: {\n  columns?: ColumnsFormValue,\n  sort?: Partial<SortFormValue>,\n  query?: string,\n  page?: Partial<PaginationFormValue>,\n} = {}) {\n  return injectIndexFormBuilder().build({\n    columns,\n    sort,\n    query,\n    page,\n  });\n}\n\nexport {\n  /** @deprecates use instead `IndexFormBuilder` */\n  IndexFormBuilder as IndexTemplateFormBuilder,\n  /** @deprecates use instead `injectIndexForm` */\n  injectIndexForm as injectIndexTemplateForm,\n  /** @deprecates use instead `injectIndexFormBuilder` */\n  injectIndexFormBuilder as injectIndexTemplateFormBuilder,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAUa,gBAAgB,CAAA;AAD7B,IAAA,WAAA,GAAA;AAEW,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AACrC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAC3B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;AACtC,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAqBnC,KAAA;AAnBC,IAAA,KAAK,CAAC,EACJ,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,EAAE,EACT,IAAI,EACJ,OAAO,GAAG,YAAY,CAAC,CAAC,YAAY,EAAE,GAAG,WAAW,EAAE,EAAE,EAAE,WAAW,CAAC,CAAC,EAAA,GAMrE,EAAE,EAAA;AACJ,QAAA,MAAM,IAAI,GAAG,CAAmB,GAAM,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,IAAI,KAAK,KAAK,SAAS,CAAM,CAAC;AAC1F,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC;AACxB,YAAA,KAAK,EAAE,OAAO,KAAK,KAAK,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,SAAS;AACxE,YAAA,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS;YACpD,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;AACrC,SAAA,CAAC,CAAC,CAAC;KACL;8GAxBU,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cADH,MAAM,EAAA,CAAA,CAAA,EAAA;;2FACnB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAD5B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;SA6BlB,sBAAsB,GAAA;AACpC,IAAA,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAClC,CAAC;AAEK,SAAU,eAAe,CAAC,EAC9B,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,SAAS,KAMd,EAAE,EAAA;AACJ,IAAA,OAAO,sBAAsB,EAAE,CAAC,KAAK,CAAC;QACpC,OAAO;QACP,IAAI;QACJ,KAAK;QACL,IAAI;AACL,KAAA,CAAC,CAAC;AACL;;AC3DA;;AAEG;;;;"}

package/fesm2022/ng-atomic-common-services-form-columns.mjs

@@ -39,26 +39,30 @@ class ColumnsFormBuilder {
                     type: this.fb.control({ value: 'tree', disabled: true }),
                     headerText: this.fb.control(column.headerText),
                     visible: this.fb.control(column.visible),
-                    width: this.fb.control(80),
+                    width: this.fb.control(column.width),
+                    sticky: this.fb.control(column.sticky),
                 });
             case 'text':
                 return this.fb.group({
                     type: this.fb.control({ value: 'text', disabled: true }),
                     visible: this.fb.control(column.visible),
-                    width: this.fb.control(80),
+                    width: this.fb.control(column.width),
+                    sticky: this.fb.control(column.sticky),
                 });
             case 'checkbox':
                 return this.fb.group({
                     type: this.fb.control({ value: 'checkbox', disabled: true }),
                     visible: this.fb.control(column.visible),
-                    width: this.fb.control(80),
+                    width: this.fb.control(column.width),
+                    sticky: this.fb.control(column.sticky),
                 });
             case 'actions':
                 return this.fb.group({
                     type: this.fb.control({ value: 'actions', disabled: true }),
                     visible: this.fb.control(column.visible),
-                    width: this.fb.control(80),
+                    width: this.fb.control(column.width),
                     actions: this.fb.control(column.actions),
+                    sticky: this.fb.control(column.sticky),
                 });
             default:
                 throw new Error(`Unknown column type: ${column.type}`);
@@ -74,7 +78,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
 function injectColumnsForm() {
     return inject(ColumnsFormBuilder).build();
 }
-function toColumns(column, i) {
+function toColumns(column, i, sticky) {
     if (typeof column === 'string') {
         if (column === '__actions') {
             return {
@@ -82,6 +86,7 @@ function toColumns(column, i) {
                 name: `actions_${i}`,
                 visible: true,
                 width: 80,
+                sticky,
             };
         }
         else if (column === '__checkbox') {
@@ -89,7 +94,8 @@ function toColumns(column, i) {
                 type: 'checkbox',
                 name: 'checkbox',
                 visible: true,
-                width: 80,
+                width: 24,
+                sticky,
             };
         }
         else if (column.startsWith('__tree')) {
@@ -98,7 +104,8 @@ function toColumns(column, i) {
                 name: column.split('__tree_')?.[1] ?? '__tree',
                 headerText: column.split('__tree_')?.[1] ?? '',
                 visible: true,
-                width: 200,
+                width: 320,
+                sticky,
             };
         }
         else {
@@ -107,6 +114,7 @@ function toColumns(column, i) {
                 name: column,
                 visible: true,
                 width: 80,
+                sticky,
             };
         }
     }
@@ -116,12 +124,13 @@ function toColumns(column, i) {
             name: `actions_${i}`,
             visible: true,
             width: 80,
+            sticky,
             actions: wrapActions(column),
         };
     }
 }
-function buildColumns(columns) {
-    const _columns = columns.map((column, i) => toColumns(column, i));
+function buildColumns(columns, { stickyStart = 0, stickyEnd = 0, } = {}) {
+    const _columns = columns.map((column, i) => toColumns(column, i, i < stickyStart || i >= columns.length - stickyEnd));
     return {
         ids: _columns.map((column) => column.name),
         map: _columns.reduce((obj, column) => ({ ...obj, [column.name]: column }), {}),

package/fesm2022/ng-atomic-common-services-form-columns.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-common-services-form-columns.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/services/form/columns/columns.service.ts","../../../../../packages/@ng-atomic/common/src/lib/services/form/columns/ng-atomic-common-services-form-columns.ts"],"sourcesContent":["import { inject, Injectable } from \"@angular/core\";\nimport { FormArray, FormBuilder, FormControl, FormGroup, FormRecord, Validators } from \"@angular/forms\";\nimport { Actions, wrapActions } from \"@ng-atomic/core\";\nimport { Column } from \"@ng-atomic/common/models\";\n\nexport type ActionsColumnForm = FormGroup<{\n  type: FormControl<'actions'>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n  actions: FormControl<any>,\n}>;\n\nexport type CheckboxColumnForm = FormGroup<{\n  type: FormControl<'checkbox'>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type TextColumnForm = FormGroup<{\n  type: FormControl<'text'>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type TreeColumnForm = FormGroup<{\n  type: FormControl<'tree'>,\n  headerText: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n}>;\n\nexport type ColumnsForm = FormArray<FormRecord<ActionsColumnForm | CheckboxColumnForm | TextColumnForm | TreeColumnForm>>;\n\nexport interface ColumnsFormValue {\n  ids: string[],\n  map: { [key: string]: Column },\n}\n\n@Injectable({providedIn: 'root'})\nexport class ColumnsFormBuilder {\n  protected readonly fb = inject(FormBuilder).nonNullable;\n\n  build(columns: ColumnsFormValue = {\n    ids: ['id', 'user'],\n    map: {\n      user: {\n        type: 'text' as const,\n        headerText: 'User',\n        width: 80,\n        visible: true,\n      },\n      id: {\n        type: 'text',\n        headerText: 'ID',\n        width: 80,\n        visible: true,\n      },\n    },\n  }) {\n    return this.fb.group({\n      ids: this.fb.control(columns.ids, Validators.required),\n      map: this.fb.group(Object.entries(columns.map).reduce((obj, [key, value]) => ({\n        ...obj,\n        [key]: this.buildColumnForm(value),\n      }), {})),\n    });\n  }\n\n  protected buildColumnForm(column: Column) {\n    switch (column.type) {\n      case 'tree':\n        return this.fb.group({\n          type: this.fb.control({value: 'tree' as const, disabled: true}),\n          headerText: this.fb.control(column.headerText),\n          visible: this.fb.control(column.visible),\n          width: this.fb.control(80),\n        }) as TreeColumnForm;\n      case 'text': \n        return this.fb.group({\n          type: this.fb.control({value: 'text' as const, disabled: true}),\n          visible: this.fb.control(column.visible),\n          width: this.fb.control(80),\n        }) as TextColumnForm;\n      case 'checkbox':\n        return this.fb.group({\n          type: this.fb.control({value: 'checkbox' as const, disabled: true}),\n          visible: this.fb.control(column.visible),\n          width: this.fb.control(80),\n        }) as CheckboxColumnForm;\n      case 'actions':\n        return this.fb.group({\n          type: this.fb.control({value: 'actions' as const, disabled: true}),\n          visible: this.fb.control(column.visible),\n          width: this.fb.control(80),\n          actions: this.fb.control(column.actions),\n        }) as ActionsColumnForm;\n      default:\n        throw new Error(`Unknown column type: ${(column as any).type}`);\n    }\n  }\n}\n\nexport function injectColumnsForm() {\n  return inject(ColumnsFormBuilder).build();\n}\n\nfunction toColumns(column: (string | Actions), i: number): Column {\n  if (typeof column === 'string') {\n    if (column === '__actions') {\n      return {\n        type: 'actions',\n        name: `actions_${i}`,\n        visible: true,\n        width: 80,\n      }\n    } else if (column === '__checkbox') {\n      return {\n        type: 'checkbox',\n        name: 'checkbox',\n        visible: true,\n        width: 80,\n      }\n    } else if (column.startsWith('__tree')) {\n      return {\n        type: 'tree',\n        name: column.split('__tree_')?.[1] ?? '__tree',\n        headerText: column.split('__tree_')?.[1] ?? '',\n        visible: true,\n        width: 200,\n      }\n    } else {\n      return {\n        type: 'text',\n        name: column,\n        visible: true,\n        width: 80,\n      };\n    }      \n  } else {\n    return {\n      type: 'actions',\n      name: `actions_${i}`,\n      visible: true,\n      width: 80,\n      actions: wrapActions(column),\n    };\n  }\n}\n\nexport function buildColumns(columns: (string | Actions)[]): {ids: string[], map: {[key: string]: Column}} {\n  const _columns = columns.map((column, i) => toColumns(column, i));\n  return {\n    ids: _columns.map((column) => column.name),\n    map: _columns.reduce((obj, column) => ({...obj, [column.name]: column}), {}),\n  };\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-common-services-form-columns.mjs","sources":["../../../../../packages/@ng-atomic/common/src/lib/services/form/columns/columns.service.ts","../../../../../packages/@ng-atomic/common/src/lib/services/form/columns/ng-atomic-common-services-form-columns.ts"],"sourcesContent":["import { inject, Injectable } from \"@angular/core\";\nimport { FormArray, FormBuilder, FormControl, FormGroup, FormRecord, Validators } from \"@angular/forms\";\nimport { Actions, wrapActions } from \"@ng-atomic/core\";\nimport { Column } from \"@ng-atomic/common/models\";\n\nexport type ActionsColumnForm = FormGroup<{\n  type: FormControl<'actions'>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n  actions: FormControl<any>,\n  sticky: FormControl<boolean>,\n}>;\n\nexport type CheckboxColumnForm = FormGroup<{\n  type: FormControl<'checkbox'>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n  sticky: FormControl<boolean>,\n}>;\n\nexport type TextColumnForm = FormGroup<{\n  type: FormControl<'text'>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n  sticky: FormControl<boolean>,\n}>;\n\nexport type TreeColumnForm = FormGroup<{\n  type: FormControl<'tree'>,\n  headerText: FormControl<string>,\n  visible: FormControl<boolean>,\n  width: FormControl<number>,\n  sticky: FormControl<boolean>,\n}>;\n\nexport type ColumnsForm = FormArray<FormRecord<ActionsColumnForm | CheckboxColumnForm | TextColumnForm | TreeColumnForm>>;\n\nexport interface ColumnsFormValue {\n  ids: string[],\n  map: { [key: string]: Column },\n}\n\n@Injectable({providedIn: 'root'})\nexport class ColumnsFormBuilder {\n  protected readonly fb = inject(FormBuilder).nonNullable;\n\n  build(columns: ColumnsFormValue = {\n    ids: ['id', 'user'],\n    map: {\n      user: {\n        type: 'text' as const,\n        headerText: 'User',\n        width: 80,\n        visible: true,\n      },\n      id: {\n        type: 'text',\n        headerText: 'ID',\n        width: 80,\n        visible: true,\n      },\n    },\n  }) {\n    return this.fb.group({\n      ids: this.fb.control(columns.ids, Validators.required),\n      map: this.fb.group(Object.entries(columns.map).reduce((obj, [key, value]) => ({\n        ...obj,\n        [key]: this.buildColumnForm(value),\n      }), {})),\n    });\n  }\n\n  protected buildColumnForm(column: Column) {\n    switch (column.type) {\n      case 'tree':\n        return this.fb.group({\n          type: this.fb.control({value: 'tree' as const, disabled: true}),\n          headerText: this.fb.control(column.headerText),\n          visible: this.fb.control(column.visible),\n          width: this.fb.control(column.width),\n          sticky: this.fb.control(column.sticky),\n        }) as TreeColumnForm;\n      case 'text': \n        return this.fb.group({\n          type: this.fb.control({value: 'text' as const, disabled: true}),\n          visible: this.fb.control(column.visible),\n          width: this.fb.control(column.width),\n          sticky: this.fb.control(column.sticky),\n        }) as TextColumnForm;\n      case 'checkbox':\n        return this.fb.group({\n          type: this.fb.control({value: 'checkbox' as const, disabled: true}),\n          visible: this.fb.control(column.visible),\n          width: this.fb.control(column.width),\n          sticky: this.fb.control(column.sticky),\n        }) as CheckboxColumnForm;\n      case 'actions':\n        return this.fb.group({\n          type: this.fb.control({value: 'actions' as const, disabled: true}),\n          visible: this.fb.control(column.visible),\n          width: this.fb.control(column.width),\n          actions: this.fb.control(column.actions),\n          sticky: this.fb.control(column.sticky),\n        }) as ActionsColumnForm;\n      default:\n        throw new Error(`Unknown column type: ${(column as any).type}`);\n    }\n  }\n}\n\nexport function injectColumnsForm() {\n  return inject(ColumnsFormBuilder).build();\n}\n\nfunction toColumns(column: (string | Actions), i: number, sticky: boolean): Column {\n  if (typeof column === 'string') {\n    if (column === '__actions') {\n      return {\n        type: 'actions',\n        name: `actions_${i}`,\n        visible: true,\n        width: 80,\n        sticky,\n      }\n    } else if (column === '__checkbox') {\n      return {\n        type: 'checkbox',\n        name: 'checkbox',\n        visible: true,\n        width: 24,\n        sticky,\n      }\n    } else if (column.startsWith('__tree')) {\n      return {\n        type: 'tree',\n        name: column.split('__tree_')?.[1] ?? '__tree',\n        headerText: column.split('__tree_')?.[1] ?? '',\n        visible: true,\n        width: 320,\n        sticky,\n      }\n    } else {\n      return {\n        type: 'text',\n        name: column,\n        visible: true,\n        width: 80,\n        sticky,\n      };\n    }      \n  } else {\n    return {\n      type: 'actions',\n      name: `actions_${i}`,\n      visible: true,\n      width: 80,\n      sticky,\n      actions: wrapActions(column),\n    };\n  }\n}\n\nexport function buildColumns(columns: (string | Actions)[], {\n  stickyStart = 0,\n  stickyEnd = 0,\n}: {\n  stickyStart?: number,\n  stickyEnd?: number,\n} = {}): {ids: string[], map: {[key: string]: Column}} {\n  const _columns = columns.map((column, i) => toColumns(column, i, i < stickyStart || i >= columns.length - stickyEnd));\n  return {\n    ids: _columns.map((column) => column.name),\n    map: _columns.reduce((obj, column) => ({...obj, [column.name]: column}), {}),\n  };\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-common-services-form-json-schema.mjs

@@ -0,0 +1,193 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable } from '@angular/core';
+import { Validators, FormBuilder } from '@angular/forms';
+import { ValidationTypes } from 'class-validator';
+import { targetConstructorToSchema as targetConstructorToSchema$1 } from 'class-validator-jsonschema';
+import { defaultMetadataStorage } from 'class-transformer/esm5/storage';
+import { merge } from 'lodash-es';
+
+function getPropType(target, property) {
+    return Reflect.getMetadata('design:type', target, property);
+}
+function targetToSchema(type, options) {
+    if (typeof type === 'function') {
+        if (type.prototype === String.prototype ||
+            type.prototype === Symbol.prototype) {
+            return { type: 'string' };
+        }
+        else if (type.prototype === Number.prototype) {
+            return { type: 'number' };
+        }
+        else if (type.prototype === Boolean.prototype) {
+            return { type: 'boolean' };
+        }
+        return targetConstructorToSchema(type, options);
+    }
+}
+const additionalConverters = {
+    [ValidationTypes.NESTED_VALIDATION]: (meta, options) => {
+        if (typeof meta.target === 'function') {
+            const typeMeta = options.classTransformerMetadataStorage
+                ? options.classTransformerMetadataStorage.findTypeMetadata(meta.target, meta.propertyName)
+                : null;
+            const childType = typeMeta
+                ? typeMeta.typeFunction()
+                : getPropType(meta.target.prototype, meta.propertyName);
+            return targetToSchema(childType, options);
+        }
+    },
+    isDayjs: (meta) => {
+        return {
+            type: 'string',
+            format: 'date-time', // JSON Schemaで日付型を指定
+        };
+    },
+};
+function targetConstructorToSchema(target, options = {}) {
+    return targetConstructorToSchema$1(target, {
+        ...options,
+        additionalConverters,
+        classTransformerMetadataStorage: defaultMetadataStorage,
+    });
+}
+
+function buildFormGroupByJsonSchema(schema, { fb = inject(FormBuilder).nonNullable, value = {}, } = {}) {
+    if (!schema || !schema?.properties) {
+        return fb.group({});
+    }
+    const group = {};
+    for (const key in schema.properties) {
+        const property = schema.properties[key];
+        const validators = [];
+        if (schema.required && schema.required.includes(key)) {
+            validators.push(Validators.required);
+        }
+        group[key] = buildFormByJsonSchemaProperty(property, { fb, value: value?.[key], validators });
+    }
+    return fb.group(group);
+}
+function buildFormArrayByJsonSchema(schema, { fb = inject(FormBuilder).nonNullable, value = [], } = {}) {
+    if (!schema || !schema.items) {
+        return fb.array([]);
+    }
+    console.debug('[buildFormArrayByJsonSchema] schema:', schema);
+    const array = fb.array([
+        buildFormGroupByJsonSchema(schema.items, { fb }),
+    ]);
+    return array;
+}
+function buildFormByJsonSchemaProperty(property, { fb = inject(FormBuilder).nonNullable, value = null, validators = [], } = {}) {
+    if (property.type === 'string') {
+        if (property.format === 'date-time') {
+            return fb.control(value ?? property.default ?? null, validators);
+        }
+        else if (property.format === 'binary') {
+            return fb.control(value ?? property.default ?? null, validators);
+        }
+        else {
+            return fb.control(value ?? property.default ?? '', validators);
+        }
+    }
+    else if (property.type === 'integer') {
+        return fb.control(value ?? property.default ?? 0, validators);
+    }
+    else if (property.type === 'number') {
+        return fb.control(value ?? property.default ?? 0, validators);
+    }
+    else if (property.type === 'object') {
+        return buildFormGroupByJsonSchema(property, { fb, value: (value || {}) });
+    }
+    else if (property.type === 'array') {
+        return buildFormArrayByJsonSchema(property, { fb, value: (value || []) });
+    }
+}
+function buildFormFieldMapByJsonSchema(schema, options = {}) {
+    if (!schema || !schema.properties) {
+        return {
+            id: { type: 'hidden' },
+        };
+    }
+    const fieldMap = {};
+    for (const key in schema.properties) {
+        const property = schema.properties[key];
+        if (property.type === 'string') {
+            if (property.enum) {
+                fieldMap[key] = { type: 'select', options: property.enum.map((v) => ({ value: v, name: v })) };
+            }
+            else if (property.format === 'date-time') {
+                fieldMap[key] = { type: 'date' };
+            }
+            else if (property.format === 'binary') {
+                fieldMap[key] = { type: 'file' };
+            }
+            else {
+                fieldMap[key] = { type: 'text' };
+            }
+        }
+        else if (property.type === 'object') {
+            const childFieldMap = buildFormFieldMapByJsonSchema(property, options);
+            for (const childKey in childFieldMap) {
+                fieldMap[`${key}.${childKey}`] = childFieldMap[childKey];
+            }
+        }
+        else if (property.type === 'array') {
+            const childFieldMap = buildFormFieldMapByJsonSchema(property.items, options);
+            for (const childKey in childFieldMap) {
+                // TODO: 正規表現でパスマッチを判定できるようにする。
+                fieldMap[`${key}.\\d+.${childKey}`] = childFieldMap[childKey];
+            }
+        }
+        else {
+            fieldMap[key] = { type: property.type };
+        }
+        // const type =  ? 'date' : property.type;
+    }
+    console.debug('[buildFormFieldMapByJsonSchema] fieldMap:', fieldMap);
+    return merge(fieldMap, options.merge);
+}
+function buildFormByJsonSchema(schema, { fb = inject(FormBuilder).nonNullable, value = {}, fieldMap = {}, } = {}) {
+    return {
+        form: buildFormGroupByJsonSchema(schema, { fb, value }),
+        fieldMap: buildFormFieldMapByJsonSchema(schema, { merge: fieldMap }),
+    };
+}
+function buildFormGroup(klass, { fb = inject(FormBuilder).nonNullable, value, }) {
+    const schema = targetConstructorToSchema(klass);
+    return buildFormGroupByJsonSchema(schema, { fb, value });
+}
+function buildFormFieldMap(klass, options) {
+    const schema = targetConstructorToSchema(klass);
+    const map = buildFormFieldMapByJsonSchema(schema, options);
+    return merge(map, options.merge);
+}
+function buildForm(klass, { fb = inject(FormBuilder).nonNullable, value = {}, fieldMap = {}, } = {}) {
+    const schema = targetConstructorToSchema(klass);
+    return {
+        form: buildFormGroupByJsonSchema(schema, { fb, value }),
+        fieldMap: buildFormFieldMapByJsonSchema(schema, { merge: fieldMap }),
+    };
+}
+class JsonSchemaFormService {
+    constructor() {
+        this.fb = inject(FormBuilder).nonNullable;
+    }
+    build(schema, { fb = this.fb, value = {}, } = {}) {
+        return buildFormGroupByJsonSchema(schema, { fb, value });
+    }
+    buildFieldMap(schema, options = {}) {
+        return buildFormFieldMapByJsonSchema(schema, options);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: JsonSchemaFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: JsonSchemaFormService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: JsonSchemaFormService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { JsonSchemaFormService, buildForm, buildFormArrayByJsonSchema, buildFormByJsonSchema, buildFormByJsonSchemaProperty, buildFormFieldMap, buildFormFieldMapByJsonSchema, buildFormGroup, buildFormGroupByJsonSchema };
+//# sourceMappingURL=ng-atomic-common-services-form-json-schema.mjs.map