npm - @ng-atomic/components - Versions diffs - 18.2.0 → 18.4.0 - Mend

@ng-atomic/components 18.2.0 → 18.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (302) hide show

package/fesm2022/ng-atomic-components-frames-app.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-app.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/app/app.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/app/ng-atomic-components-frames-app.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, PLATFORM_ID, computed, effect, input } from '@angular/core';\nimport { Directive, inject } from '@angular/core';\nimport { RouterOutlet } from '@angular/router';\nimport { LoadingFrame } from '@ng-atomic/components/frames/loading';\nimport { SideNavFrame, SideNavFrameStore } from '@ng-atomic/components/frames/side-nav';\nimport { EntranceFrame } from '@ng-atomic/components/frames/entrance';\nimport { Action, Actions, InjectableComponent, NgAtomicComponent, _computed, applyToInput, provideEffect } from '@ng-atomic/core';\nimport { AbstractControl, FormBuilder } from '@angular/forms';\nimport { makeConfig, UIContext } from '@ng-atomic/common/services/ui';\nimport { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { BackgroundTemplateStore } from '@ng-atomic/components/templates/background';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { FabFrame } from '@ng-atomic/components/frames/fab';\nimport { AppService } from '@ng-atomic/common/services/app';\nimport { SideAppService } from '@ng-atomic/common/services/side-app';\nimport { AuthService } from '@ng-atomic/common/services/auth';\nimport { RootPropertyService } from '@ng-atomic/common/services/root-property';\nimport { makeInitializerConfig } from '@ng-atomic/common/services/initializer';\nimport { injectPrimaryPaths } from '@ng-atomic/common/utils';\n\nenum ActionId {\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components:frames/app] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components:frames/app] Sign In With Twitter',\n SIGN_IN_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign In With Email',\n SIGN_UP_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign Up With Email',\n NAVIGATE = '[@ng-atomic/components:frames/app] Navigate',\n SIGN_OUT = '[@ng-atomic/components:frames/app] Sign Out',\n OPEN_SIDE_APP = '[@ng-atomic/components:frames/app] Open Side App',\n}\n\n@Directive({ standalone: true, selector: 'frames-app' })\nexport class AppFrameStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n return (context) => ({\n fabActions: [],\n fabHide: true,\n isEntrance: true,\n isLoading: false,\n sideAppOpened: false,\n title: 'title',\n form: inject(FormBuilder).group({}) as AbstractControl,\n entranceActions: [\n { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Googleでサインイン', icon: '' },\n ] as Actions,\n sideNavActions: [\n { id: ActionId.SIGN_OUT, name: 'ログアウト', icon: 'exit_to_app' },\n ] as Actions,\n sideNavMode: 'collapsed' as 'expanded' \| 'collapsed',\n sideNavMenuType: SideNavFrameStore.getMenuType(context),\n sideNavMenuTitle: undefined as string,\n sideAppOutletName: 'side-app',\n });\n }, ['components', 'frames', 'app']);\n static provideAppServiceConfig = () => AppFrameStore.Config.provide(() => {\n const app = inject(AppService);\n const fabHide = computed(() => app.sideApp.opened());\n return (config) => ({\n ...config,\n isLoading: app.loading.isLoading(),\n sideNavMode: app.sideNavMode.sideNavMode(),\n sideAppOpened: app.sideApp.opened(),\n fabActions: app.fab.actions(),\n fabHide: fabHide(),\n });\n });\n static provideIconButtonMenuAsDefaultConfig() {\n return [\n RootPropertyService.Config.provide(() => {\n const getProps = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return { '--menu-width': '220px' };\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge': return { '--menu-width': '64px' };\n }\n }\n return (config, context) => ({...config, ...getProps(context)});\n }),\n AppFrameStore.Config.provide(() => {\n const getMenuType = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return 'menu';\n default: return 'icon-button-menu';\n }\n };\n return (config, context) => ({\n ...config,\n sideNavMenuType: getMenuType(context),\n });\n })\n ];\n }\n static Initializer = makeInitializerConfig(AppFrameStore);\n static provideInitializer = AppFrameStore.Initializer.provide;\n static provideExpandSideAppOnInit() {\n return AppFrameStore.Initializer.provide(() => {\n inject(SideAppService).expand();\n });\n }\n static provideSideNavActionsInitializer(actionsFactory: () => Action[]) {\n return AppFrameStore.Initializer.provide((store) => {\n const paths = injectPrimaryPaths();\n function compare(paths: string[], payload?: string[]) {\n if (payload === undefined) return false;\n return payload.every((path, i) => paths[i] === path);\n }\n const actions = actionsFactory();\n\n effect(() => {\n applyToInput(store, 'sideNavActions', actions.map(action => ({\n ...action, disabled: compare(paths(), action?.payload),\n })));\n }, {allowSignalWrites: true});\n });\n }\n static provideNavigateEffect() {\n return provideEffect(AppFrameStore.ActionId.NAVIGATE, () => {\n const app = inject(AppService);\n return (payload: string[]) => {\n app.router.navigate(payload).then(() => app.sideNav.collapse());\n };\n });\n }\n static provideSignOutEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_OUT, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signOut().then(() => {\n app.sideNav.collapse();\n app.snackBar.open('サインアウトしました');\n });\n };\n });\n }\n static provideOpenSideAppEffect() {\n return provideEffect(AppFrameStore.ActionId.OPEN_SIDE_APP, () => {\n const app = inject(AppService);\n return () => {\n console.debug('open side app');\n app.sideApp.expand();\n }\n });\n }\n static provideSignUpWithEmailEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_UP_WITH_EMAIL, () => {\n const app = inject(AppService);\n const store = inject(AppFrameStore);\n const auth = inject(AuthService);\n return () => {\n const data = store.form().getRawValue() as {email: string, password: string};\n app.loading.await(() => {\n return auth.createUserWithEmailAndPassword(data.email, data.password).then(() => {\n app.snackBar.open('新規登録しました。');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n });\n };\n });\n }\n static provideSignInWithEmailEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_EMAIL, () => {\n const app = inject(AppService);\n const store = inject(AppFrameStore);\n const auth = inject(AuthService);\n return () => {\n const data = store.form().getRawValue() as {email: string, password: string};\n app.loading.await(() => {\n return auth.signInWithEmailAndPassword(data.email, data.password).then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n });\n };\n });\n }\n static provideSignInWithGoogleEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_GOOGLE, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signInWithGoogle().then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n const _message = error.message.match(/HTTP Cloud Function returned an error: (.) \\(./);\n const message = _message ? JSON.parse(_message[1]).error.message : error.message;\n app.snackBar.open(message);\n });\n };\n });\n }\n static provideSignInWithTwitterEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_TWITTER, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signInWithTwitter().then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n };\n });\n }\n static provideDefaultEffects() {\n return [\n AppFrameStore.provideNavigateEffect(),\n AppFrameStore.provideSignOutEffect(),\n AppFrameStore.provideOpenSideAppEffect(),\n AppFrameStore.provideSignUpWithEmailEffect(),\n AppFrameStore.provideSignInWithEmailEffect(),\n AppFrameStore.provideSignInWithGoogleEffect(),\n AppFrameStore.provideSignInWithTwitterEffect(),\n ];\n }\n\n static provideDefault() {\n return [\n AppFrameStore.provideAppServiceConfig(),\n AppFrameStore.provideIconButtonMenuAsDefaultConfig(),\n AppFrameStore.provideDefaultEffects(),\n ]\n }\n\n readonly config = AppFrameStore.Config.inject();\n readonly isLoading = input(_computed(() => this.config().isLoading));\n readonly isEntrance = input(_computed(() => this.config().isEntrance));\n readonly sideAppOpened = input(_computed(() => this.config().sideAppOpened));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly entranceActions = input(_computed(() => this.config().entranceActions));\n readonly sideNavActions = input(_computed(() => this.config().sideNavActions));\n readonly sideNavMode = input(_computed(() => this.config().sideNavMode));\n readonly sideNavMenuType = input(_computed(() => this.config().sideNavMenuType));\n readonly sideNavMenuTitle = input(_computed(() => this.config().sideNavMenuTitle));\n readonly sideAppOutletName = input(_computed(() => this.config().sideAppOutletName));\n readonly fabActions = input(_computed(() => this.config().fabActions));\n readonly fabHide = input(_computed(() => this.config().fabHide));\n\n constructor() {\n super();\n AppFrameStore.Initializer.initializeStore(this);\n }\n}\n\n\n@Component({\n selector: 'frames-app',\n standalone: true,\n imports: [\n FabFrame,\n LoadingFrame,\n SideNavFrame,\n RouterOutlet,\n EntranceFrame,\n // DrawerFrameStore,\n DrawerFrame,\n BackgroundTemplateStore,\n ],\n template: `\n <router-outlet/>\n @if (isPlatformBrowser()) {\n @defer {\n <templates-background injectable/>\n }\n }\n <frames-loading [isLoading]=\"store.isLoading()\">\n <frames-fab\n [actions]=\"store.fabActions()\"\n [hide]=\"store.fabHide()\"\n (action)=\"dispatch($event)\"\n >\n <frames-entrance\n [isEntrance]=\"store.isEntrance()\"\n [form]=\"store.form()\"\n [title]=\"store.title()\"\n [actions]=\"store.entranceActions()\"\n (action)=\"dispatch($event)\"\n >\n <frames-drawer\n [opened]=\"store.sideAppOpened()\"\n [position]=\"'end'\"\n [hasBackdrop]=\"false\"\n >\n <frames-side-nav\n [actions]=\"store.sideNavActions()\"\n [mode]=\"store.sideNavMode()\"\n [menuType]=\"store.sideNavMenuType()\"\n [menuTitle]=\"store.sideNavMenuTitle()\"\n (action)=\"dispatch($event)\"\n contents\n >\n <router-outlet contents/>\n </frames-side-nav>\n <div drawer style=\"width: var(--page-width-lv1);height: 100%;\">\n <router-outlet [name]=\"store.sideAppOutletName()\" />\n </div>\n </frames-drawer>\n </frames-entrance>\n </frames-fab>\n </frames-loading>\n `,\n styleUrl: './app.frame.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n AppFrameStore,\n ],\n})\nexport class AppFrame extends NgAtomicComponent {\n protected store = inject(AppFrameStore);\n readonly platformId = inject(PLATFORM_ID);\n\n protected isPlatformServer() {\n return isPlatformServer(this.platformId);\n }\n\n protected isPlatformBrowser() {\n return isPlatformBrowser(this.platformId);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,IAAK,QAQJ,CAAA;AARD,CAAA,UAAK,QAAQ,EAAA;AACX,IAAA,QAAA,CAAA,qBAAA,CAAA,GAAA,wDAA8E,CAAA;AAC9E,IAAA,QAAA,CAAA,sBAAA,CAAA,GAAA,yDAAgF,CAAA;AAChF,IAAA,QAAA,CAAA,oBAAA,CAAA,GAAA,uDAA4E,CAAA;AAC5E,IAAA,QAAA,CAAA,oBAAA,CAAA,GAAA,uDAA4E,CAAA;AAC5E,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,6CAAwD,CAAA;AACxD,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,6CAAwD,CAAA;AACxD,IAAA,QAAA,CAAA,eAAA,CAAA,GAAA,kDAAkE,CAAA;AACpE,CAAC,EARI,QAAQ,KAAR,QAAQ,GAQZ,EAAA,CAAA,CAAA,CAAA;AAGK,MAAO,aAAc,SAAQ,mBAAmB,CAAA;aACpC,IAAQ,CAAA,QAAA,GAAG,QAAH,CAAY,EAAA;AACpB,IAAA,SAAA,IAAA,CAAA,MAAM,GAAG,UAAU,CAAC,MAAK;AACvC,QAAA,OAAO,CAAC,OAAO,MAAM;AACnB,YAAA,UAAU,EAAE,EAAE;AACd,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,aAAa,EAAE,KAAK;AACpB,YAAA,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,EAAE,CAAoB;AACtD,YAAA,eAAe,EAAE;AACf,gBAAA,EAAE,EAAE,EAAE,QAAQ,CAAC,mBAAmB,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE;AAC1D,aAAA;AACZ,YAAA,cAAc,EAAE;AACd,gBAAA,EAAE,EAAE,EAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE;AACnD,aAAA;AACZ,YAAA,WAAW,EAAE,WAAuC;AACpD,YAAA,eAAe,EAAE,iBAAiB,CAAC,WAAW,CAAC,OAAO,CAAC;AACvD,YAAA,gBAAgB,EAAE,SAAmB;AACrC,YAAA,iBAAiB,EAAE,UAAU;AAC9B,SAAA,CAAC,CAAC;KACJ,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CApBZ,CAoBc,EAAA;aAC7B,IAAuB,CAAA,uBAAA,GAAG,MAAM,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,MAAK;AACvE,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAC/B,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AACrD,QAAA,OAAO,CAAC,MAAM,MAAM;AAClB,YAAA,GAAG,MAAM;AACT,YAAA,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE;AAClC,YAAA,WAAW,EAAE,GAAG,CAAC,WAAW,CAAC,WAAW,EAAE;AAC1C,YAAA,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE;AACnC,YAAA,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,OAAO,EAAE;YAC7B,OAAO,EAAE,OAAO,EAAE;AACnB,SAAA,CAAC,CAAC;KACJ,CAAC,CAAC,EAAA;AACH,IAAA,OAAO,oCAAoC,GAAA;QACzC,OAAO;AACL,YAAA,mBAAmB,CAAC,MAAM,CAAC,OAAO,CAAC,MAAK;AACtC,gBAAA,MAAM,QAAQ,GAAG,CAAC,OAAkB,KAAI;AACtC,oBAAA,QAAQ,OAAO,CAAC,UAAU;wBACxB,KAAK,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC;AAClD,wBAAA,KAAK,OAAO,CAAC;AACb,wBAAA,KAAK,QAAQ,CAAC;AACd,wBAAA,KAAK,OAAO,CAAC;wBACb,KAAK,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC;qBAClD;AACH,iBAAC,CAAA;AACD,gBAAA,OAAO,CAAC,MAAM,EAAE,OAAO,MAAM,EAAC,GAAG,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,EAAC,CAAC,CAAC;AAClE,aAAC,CAAC;AACF,YAAA,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,MAAK;AAChC,gBAAA,MAAM,WAAW,GAAG,CAAC,OAAkB,KAAI;AACzC,oBAAA,QAAQ,OAAO,CAAC,UAAU;AACxB,wBAAA,KAAK,QAAQ,EAAE,OAAO,MAAM,CAAC;AAC7B,wBAAA,SAAS,OAAO,kBAAkB,CAAC;qBACpC;AACH,iBAAC,CAAC;AACF,gBAAA,OAAO,CAAC,MAAM,EAAE,OAAO,MAAM;AAC3B,oBAAA,GAAG,MAAM;AACT,oBAAA,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC;AACtC,iBAAA,CAAC,CAAC;AACL,aAAC,CAAC;SACH,CAAC;KACH;AACM,IAAA,SAAA,IAAA,CAAA,WAAW,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAC,EAAA;AACnD,IAAA,SAAA,IAAA,CAAA,kBAAkB,GAAG,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,EAAA;AAC9D,IAAA,OAAO,0BAA0B,GAAA;AAC/B,QAAA,OAAO,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,MAAK;AAC5C,YAAA,MAAM,CAAC,cAAc,CAAC,CAAC,MAAM,EAAE,CAAC;AAClC,SAAC,CAAC,CAAC;KACJ;IACD,OAAO,gCAAgC,CAAC,cAA8B,EAAA;QACpE,OAAO,aAAa,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACjD,YAAA,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;AACnC,YAAA,SAAS,OAAO,CAAC,KAAe,EAAE,OAAkB,EAAA;gBAClD,IAAI,OAAO,KAAK,SAAS;AAAE,oBAAA,OAAO,KAAK,CAAC;AACxC,gBAAA,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;aACtD;AACD,YAAA,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;YAEjC,MAAM,CAAC,MAAK;AACV,gBAAA,YAAY,CAAC,KAAK,EAAE,gBAAgB,EAAE,OAAO,CAAC,GAAG,CAAC,MAAM,KAAK;AAC3D,oBAAA,GAAG,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC;iBACvD,CAAC,CAAC,CAAC,CAAC;AACP,aAAC,EAAE,EAAC,iBAAiB,EAAE,IAAI,EAAC,CAAC,CAAC;AAChC,SAAC,CAAC,CAAC;KACJ;AACD,IAAA,OAAO,qBAAqB,GAAA;QAC1B,OAAO,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAK;AACzD,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;YAC/B,OAAO,CAAC,OAAiB,KAAI;gBAC3B,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;AAClE,aAAC,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AACD,IAAA,OAAO,oBAAoB,GAAA;QACzB,OAAO,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAK;AACzD,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAC/B,YAAA,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACjC,YAAA,OAAO,MAAK;AACV,gBAAA,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAK;AACvB,oBAAA,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;AACvB,oBAAA,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAClC,iBAAC,CAAC,CAAC;AACL,aAAC,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AACD,IAAA,OAAO,wBAAwB,GAAA;QAC7B,OAAO,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,EAAE,MAAK;AAC9D,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAC/B,YAAA,OAAO,MAAK;AACV,gBAAA,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AAC/B,gBAAA,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;AACvB,aAAC,CAAA;AACH,SAAC,CAAC,CAAC;KACJ;AACD,IAAA,OAAO,4BAA4B,GAAA;QACjC,OAAO,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE,MAAK;AACnE,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAC/B,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AACpC,YAAA,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACjC,YAAA,OAAO,MAAK;gBACV,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAuC,CAAC;AAC7E,gBAAA,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAK;AACrB,oBAAA,OAAO,IAAI,CAAC,8BAA8B,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAK;AAC9E,wBAAA,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;AACjC,qBAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAI;AACjB,wBAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;wBACrB,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AACnC,qBAAC,CAAC,CAAC;AACL,iBAAC,CAAC,CAAC;AACL,aAAC,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AACD,IAAA,OAAO,4BAA4B,GAAA;QACjC,OAAO,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE,MAAK;AACnE,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAC/B,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AACpC,YAAA,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACjC,YAAA,OAAO,MAAK;gBACV,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAuC,CAAC;AAC7E,gBAAA,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAK;AACrB,oBAAA,OAAO,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAK;AAC1E,wBAAA,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAChC,qBAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAI;AACjB,wBAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;wBACrB,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AACnC,qBAAC,CAAC,CAAC;AACL,iBAAC,CAAC,CAAC;AACL,aAAC,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AACD,IAAA,OAAO,6BAA6B,GAAA;QAClC,OAAO,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,EAAE,MAAK;AACpE,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAC/B,YAAA,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACjC,YAAA,OAAO,MAAK;AACV,gBAAA,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,MAAK;AAChC,oBAAA,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAChC,iBAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAI;AACjB,oBAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBACrB,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;oBACzF,MAAM,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;AACjF,oBAAA,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC7B,iBAAC,CAAC,CAAC;AACL,aAAC,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AACD,IAAA,OAAO,8BAA8B,GAAA;QACnC,OAAO,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,EAAE,MAAK;AACrE,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAC/B,YAAA,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AACjC,YAAA,OAAO,MAAK;AACV,gBAAA,IAAI,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,MAAK;AACjC,oBAAA,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAChC,iBAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAI;AACjB,oBAAA,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBACrB,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;AACnC,iBAAC,CAAC,CAAC;AACL,aAAC,CAAC;AACJ,SAAC,CAAC,CAAC;KACJ;AACD,IAAA,OAAO,qBAAqB,GAAA;QAC1B,OAAO;YACL,aAAa,CAAC,qBAAqB,EAAE;YACrC,aAAa,CAAC,oBAAoB,EAAE;YACpC,aAAa,CAAC,wBAAwB,EAAE;YACxC,aAAa,CAAC,4BAA4B,EAAE;YAC5C,aAAa,CAAC,4BAA4B,EAAE;YAC5C,aAAa,CAAC,6BAA6B,EAAE;YAC7C,aAAa,CAAC,8BAA8B,EAAE;SAC/C,CAAC;KACH;AAED,IAAA,OAAO,cAAc,GAAA;QACnB,OAAO;YACL,aAAa,CAAC,uBAAuB,EAAE;YACvC,aAAa,CAAC,oCAAoC,EAAE;YACpD,aAAa,CAAC,qBAAqB,EAAE;SACtC,CAAA;KACF;AAiBD,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE,CAAC;AAhBD,QAAA,IAAA,CAAA,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;AACvC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAC5D,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AACpE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACpD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AAClD,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxE,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACtE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAChE,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxE,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAC1E,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC5E,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAI/D,QAAA,aAAa,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;KACjD;8GA3NU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;;AA8RjD,MAAO,QAAS,SAAQ,iBAAiB,CAAA;AA9D/C,IAAA,WAAA,GAAA;;AA+DY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAS3C,KAAA;IAPW,gBAAgB,GAAA;AACxB,QAAA,OAAO,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC1C;IAES,iBAAiB,GAAA;AACzB,QAAA,OAAO,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C;8GAVU,QAAQ,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EA7RR,aAAa,EA4Od,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CT,EAnDC,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,mgFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAQ,uDACR,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,YAAY,EACZ,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,YAAY,2JACZ,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;gBAEb,WAAW,EAAA,QAAA,EAAA,eAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,sBAAA,EAAA,CAAA,MAAA,CAAA,OAAA,4CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;gGAoDF,QAAQ,EAAA,mBAAA,EAAA,MAAA,CAAA,OAAA,4CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,uBAAA,CAAA,CAAA,EAAA,eAAA,EAAA,uBAAA,KAAA,EAAA,UAAA,EAAA,CAAA;sBA9DpB,SAAS;mCACE,YAAY,EAAA,UAAA,EACV,IAAI,EACP,OAAA,EAAA;4BACP,QAAQ;4BACR,YAAY;4BACZ,YAAY;4BACZ,YAAY;4BACZ,aAAa;;4BAEb,WAAW;4BACX,uBAAuB;yBACxB,EACS,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CT,EAEgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;4BACd,aAAa;AACd,yBAAA,EAAA,MAAA,EAAA,CAAA,mgFAAA,CAAA,EAAA,CAAA;;;AC1TH;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-app.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/app/app.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/app/ng-atomic-components-frames-app.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, PLATFORM_ID, computed, effect, input } from '@angular/core';\nimport { Directive, inject } from '@angular/core';\nimport { ActivatedRoute, NavigationExtras, RouterOutlet } from '@angular/router';\nimport { LoadingFrame } from '@ng-atomic/components/frames/loading';\nimport { SideNavFrame, SideNavFrameStore } from '@ng-atomic/components/frames/side-nav';\nimport { EntranceFrame } from '@ng-atomic/components/frames/entrance';\nimport { Action, Actions, InjectableComponent, NgAtomicComponent, _computed, applyToInput, createAction, provideEffect } from '@ng-atomic/core';\nimport { AbstractControl, FormBuilder } from '@angular/forms';\nimport { makeConfig, NavActionId, UIContext } from '@ng-atomic/common/services/ui';\nimport { isPlatformBrowser, isPlatformServer } from '@angular/common';\nimport { BackgroundTemplateStore } from '@ng-atomic/components/templates/background';\nimport { DrawerFrame } from '@ng-atomic/components/frames/drawer';\nimport { FabFrame } from '@ng-atomic/components/frames/fab';\nimport { AppService } from '@ng-atomic/common/services/app';\nimport { SideAppService } from '@ng-atomic/common/services/side-app';\nimport { AuthService } from '@ng-atomic/common/services/auth';\nimport { RootPropertyService } from '@ng-atomic/common/services/root-property';\nimport { makeInitializerConfig } from '@ng-atomic/common/services/initializer';\nimport { injectHasNext, injectPrimaryPaths } from '@ng-atomic/common/utils';\nimport { ProgressBarFrame } from \"@ng-atomic/components/frames/progress-bar\";\n\nenum ActionId {\n SIGN_IN_WITH_GOOGLE = '[@ng-atomic/components:frames/app] Sign In With Google',\n SIGN_IN_WITH_TWITTER = '[@ng-atomic/components:frames/app] Sign In With Twitter',\n SIGN_IN_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign In With Email',\n SIGN_UP_WITH_EMAIL = '[@ng-atomic/components:frames/app] Sign Up With Email',\n NAVIGATE = '[@ng-atomic/components:frames/app] Navigate',\n SIGN_OUT = '[@ng-atomic/components:frames/app] Sign Out',\n NAVIGATE_SIDE_APP = '[@ng-atomic/components:frames/app] Navigate Side App',\n OPEN_SIDE_APP = '[@ng-atomic/components:frames/app] Open Side App',\n}\n\n@Directive({ standalone: true, selector: 'frames-app' })\nexport class AppFrameStore extends InjectableComponent {\n static readonly ActionId = ActionId;\n static readonly Config = makeConfig(() => {\n return (context) => ({\n fabActions: [],\n fabHide: true,\n isEntrance: true,\n isLoading: false,\n isProgress: false,\n sideAppOpened: false,\n title: 'title',\n form: inject(FormBuilder).group({}) as AbstractControl,\n entranceActions: [\n { id: ActionId.SIGN_IN_WITH_GOOGLE, name: 'Googleでサインイン', icon: '' },\n ] as Actions,\n sideNavActions: [\n { id: ActionId.SIGN_OUT, name: 'ログアウト', icon: 'exit_to_app' },\n ] as Actions,\n sideNavBottomActions: [],\n sideNavMode: 'collapsed' as 'expanded' \| 'collapsed',\n sideNavMenuType: SideNavFrameStore.getMenuType(context),\n sideNavMenuTitle: undefined as string,\n sideAppOutletName: 'side',\n });\n }, ['components', 'frames', 'app']);\n static provideAppServiceConfig = () => AppFrameStore.Config.provide(() => {\n const app = inject(AppService);\n const fabHide = computed(() => app.sideApp.opened());\n return (config) => ({\n ...config,\n isLoading: app.loading.isLoading(),\n isProgress: app.loading.isProgress(),\n sideNavMode: app.sideNavMode.sideNavMode(),\n sideAppOpened: app.sideApp.opened(),\n fabActions: app.fab.actions(),\n fabHide: fabHide(),\n });\n });\n static provideIconButtonMenuAsDefaultConfig() {\n return [\n RootPropertyService.Config.provide(() => {\n const getProps = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return { '--menu-width': '220px' };\n case 'small':\n case 'medium':\n case 'large':\n case 'xLarge': return { '--menu-width': '64px' };\n }\n }\n return (config, context) => ({...config, ...getProps(context)});\n }),\n AppFrameStore.Config.provide(() => {\n const getMenuType = (context: UIContext) => {\n switch (context.breakpoint) {\n case 'xSmall': return 'menu';\n default: return 'icon-button-menu';\n }\n };\n return (config, context) => ({\n ...config,\n sideNavMenuType: getMenuType(context),\n });\n })\n ];\n }\n static Initializer = makeInitializerConfig(AppFrameStore);\n static provideInitializer = AppFrameStore.Initializer.provide;\n static provideExpandSideAppOnInit() {\n return AppFrameStore.Initializer.provide(() => {\n inject(SideAppService).expand();\n });\n }\n static provideSideNavActionsInitializer(actionsFactory: () => Action[]) {\n return AppFrameStore.Initializer.provide((store) => {\n const paths = injectPrimaryPaths();\n function compare(paths: string[], payload?: string[]) {\n if (payload === undefined) return false;\n return payload.every((path, i) => paths[i] === path);\n }\n const actions = actionsFactory();\n\n effect(() => {\n applyToInput(store, 'sideNavActions', actions.map(action => ({\n ...action, disabled: compare(paths(), action?.payload),\n })));\n }, {allowSignalWrites: true});\n });\n }\n static provideNavigateEffect() {\n return provideEffect(AppFrameStore.ActionId.NAVIGATE, () => {\n const app = inject(AppService);\n return (payload: string[] \| {commands: string[], extras?: NavigationExtras}) => {\n if (Array.isArray(payload)) {\n app.sideApp.collapse();\n app.router.navigate(payload).then(() => app.sideNav.collapse());\n } else {\n app.sideApp.collapse();\n const {commands, extras} = payload;\n app.router.navigate(commands, extras ?? {}).then(() => app.sideNav.collapse());\n }\n };\n });\n }\n\n static provideNavigateSideAppEffect() {\n return provideEffect(AppFrameStore.ActionId.NAVIGATE_SIDE_APP, () => {\n const app = inject(AppService);\n return (payload: string[] \| {commands: string[], extras?: NavigationExtras & {expanded?: boolean}}) => {\n if (Array.isArray(payload)) {\n app.sideApp.router.navigate(payload);\n } else {\n const {commands, extras} = payload;\n app.sideApp.router.navigate(commands, extras ?? {});\n }\n };\n });\n }\n\n static provideSignOutEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_OUT, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signOut().then(() => {\n app.sideNav.collapse();\n app.snackBar.open('サインアウトしました');\n });\n };\n });\n }\n static provideOpenSideAppEffect() {\n return provideEffect(AppFrameStore.ActionId.OPEN_SIDE_APP, () => {\n const app = inject(AppService);\n return () => {\n app.sideApp.expand();\n }\n });\n }\n static provideCloseSideAppEffect() {\n return provideEffect(NavActionId.CLOSE, () => {\n const app = inject(AppService);\n return () => {\n app.sideApp.collapse();\n };\n });\n }\n static provideSignUpWithEmailEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_UP_WITH_EMAIL, () => {\n const app = inject(AppService);\n const store = inject(AppFrameStore);\n const auth = inject(AuthService);\n return () => {\n const data = store.form().getRawValue() as {email: string, password: string};\n app.loading.await(() => {\n return auth.createUserWithEmailAndPassword(data.email, data.password).then(() => {\n app.snackBar.open('新規登録しました。');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n });\n };\n });\n }\n static provideSignInWithEmailEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_EMAIL, () => {\n const app = inject(AppService);\n const store = inject(AppFrameStore);\n const auth = inject(AuthService);\n return () => {\n const data = store.form().getRawValue() as {email: string, password: string};\n app.loading.await(() => {\n return auth.signInWithEmailAndPassword(data.email, data.password).then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n });\n };\n });\n }\n static provideSignInWithGoogleEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_GOOGLE, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signInWithGoogle().then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n const _message = error.message.match(/HTTP Cloud Function returned an error: (.) \\(./);\n const message = _message ? JSON.parse(_message[1]).error.message : error.message;\n app.snackBar.open(message);\n });\n };\n });\n }\n static provideSignInWithTwitterEffect() {\n return provideEffect(AppFrameStore.ActionId.SIGN_IN_WITH_TWITTER, () => {\n const app = inject(AppService);\n const auth = inject(AuthService);\n return () => {\n auth.signInWithTwitter().then(() => {\n app.snackBar.open('ログインしました');\n }).catch((error) => {\n console.error(error);\n app.snackBar.open(error.message);\n });\n };\n });\n }\n static provideDefaultEffects() {\n return [\n AppFrameStore.provideNavigateEffect(),\n AppFrameStore.provideSignOutEffect(),\n AppFrameStore.provideOpenSideAppEffect(),\n AppFrameStore.provideCloseSideAppEffect(),\n AppFrameStore.provideSignUpWithEmailEffect(),\n AppFrameStore.provideSignInWithEmailEffect(),\n AppFrameStore.provideSignInWithGoogleEffect(),\n AppFrameStore.provideSignInWithTwitterEffect(),\n AppFrameStore.provideNavigateSideAppEffect(),\n ];\n }\n\n static provideDefault() {\n return [\n AppFrameStore.provideAppServiceConfig(),\n AppFrameStore.provideIconButtonMenuAsDefaultConfig(),\n AppFrameStore.provideDefaultEffects(),\n ]\n }\n\n static injectNavActionFactory() {\n const hasNext = injectHasNext();\n const route = inject(ActivatedRoute);\n const navigateActionBuilder = createAction(AppFrameStore.ActionId.NAVIGATE, undefined, {\n icon: 'open_in_new',\n });\n return (commands: any[], name: string) => {\n return navigateActionBuilder.create({\n commands,\n extras: { relativeTo: route, replaceUrl: hasNext() }\n }, {\n name,\n });\n }\n }\n\n readonly config = AppFrameStore.Config.inject();\n readonly isLoading = input(_computed(() => this.config().isLoading));\n readonly isProgress = input(_computed(() => this.config().isProgress));\n readonly isEntrance = input(_computed(() => this.config().isEntrance));\n readonly sideAppOpened = input(_computed(() => this.config().sideAppOpened));\n readonly title = input(_computed(() => this.config().title));\n readonly form = input(_computed(() => this.config().form));\n readonly entranceActions = input(_computed(() => this.config().entranceActions));\n readonly sideNavActions = input(_computed(() => this.config().sideNavActions));\n readonly sideNavBottomActions = input(_computed(() => this.config().sideNavBottomActions));\n readonly sideNavMode = input(_computed(() => this.config().sideNavMode));\n readonly sideNavMenuType = input(_computed(() => this.config().sideNavMenuType));\n readonly sideNavMenuTitle = input(_computed(() => this.config().sideNavMenuTitle));\n readonly sideAppOutletName = input(_computed(() => this.config().sideAppOutletName));\n readonly fabActions = input(_computed(() => this.config().fabActions));\n readonly fabHide = input(_computed(() => this.config().fabHide));\n\n constructor() {\n super();\n AppFrameStore.Initializer.initializeStore(this);\n }\n}\n\n\n@Component({\n selector: 'frames-app',\n standalone: true,\n imports: [\n FabFrame,\n LoadingFrame,\n SideNavFrame,\n RouterOutlet,\n EntranceFrame,\n // DrawerFrameStore,\n DrawerFrame,\n BackgroundTemplateStore,\n ProgressBarFrame,\n],\n template: `\n <router-outlet/>\n @if (isPlatformBrowser()) {\n @defer {\n <templates-background injectable/>\n }\n }\n <frames-loading [isLoading]=\"store.isLoading()\">\n <frames-progress-bar [isProgress]=\"store.isProgress()\" [mode]=\"'query'\">\n <frames-fab\n [actions]=\"store.fabActions()\"\n [hide]=\"store.fabHide()\"\n (action)=\"dispatch($event)\"\n >\n <frames-entrance\n [isEntrance]=\"store.isEntrance()\"\n [form]=\"store.form()\"\n [title]=\"store.title()\"\n [actions]=\"store.entranceActions()\"\n (action)=\"dispatch($event)\"\n >\n <frames-drawer\n [opened]=\"store.sideAppOpened()\"\n [position]=\"'end'\"\n [hasBackdrop]=\"false\"\n >\n <frames-side-nav\n [actions]=\"store.sideNavActions()\"\n [bottomActions]=\"store.sideNavBottomActions()\"\n [mode]=\"store.sideNavMode()\"\n [menuType]=\"store.sideNavMenuType()\"\n [menuTitle]=\"store.sideNavMenuTitle()\"\n (action)=\"dispatch($event)\"\n contents\n >\n <router-outlet contents/>\n </frames-side-nav>\n <div drawer style=\"width: var(--page-width-lv1);height: 100%;\">\n <router-outlet [name]=\"store.sideAppOutletName()\" />\n </div>\n </frames-drawer>\n </frames-entrance>\n </frames-fab>\n </frames-progress-bar>\n </frames-loading>\n `,\n styleUrl: './app.frame.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n AppFrameStore,\n ],\n})\nexport class AppFrame extends NgAtomicComponent {\n protected store = inject(AppFrameStore);\n readonly platformId = inject(PLATFORM_ID);\n\n protected isPlatformServer() {\n return isPlatformServer(this.platformId);\n }\n\n protected isPlatformBrowser() {\n return isPlatformBrowser(this.platformId);\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-components-frames-auto-layout.mjs CHANGED Viewed

@@ -1,21 +1,43 @@
-import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+class AutoLayoutFrameStore {
+    constructor() {
+        this.type = input('horizontal');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: AutoLayoutFrameStore, isStandalone: true, inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrameStore, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                }]
+        }] });
 class AutoLayoutFrame {
+    constructor() {
+        this.store = inject(AutoLayoutFrameStore);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-USaZ: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-USaZ: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-USaZ);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-USaZ) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.2", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", host: { properties: { "attr.type": "store.type()" } }, hostDirectives: [{ directive: AutoLayoutFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-he1l: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-he1l: var(--vertical-padding);--horizontal-padding: 0;--horizontal-padding-SCOPED-IN-auto-layout-he1l: var(--horizontal-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:var(--gap-SCOPED-IN-auto-layout-he1l);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-he1l) var(--horizontal-padding-SCOPED-IN-auto-layout-he1l)}:host[type=horizontal]{flex-direction:row}:host[type=vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
-            args: [{ selector: 'frames-auto-layout', standalone: true, imports: [
-                        CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-USaZ: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-USaZ: var(--vertical-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;gap:var(--gap-SCOPED-IN-auto-layout-USaZ);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-USaZ) 0}:host[horizontal]{flex-direction:row}:host[vertical]{flex-direction:column}\n"] }]
+            args: [{ selector: 'frames-auto-layout', standalone: true, template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: AutoLayoutFrameStore,
+                            inputs: [
+                                'type',
+                            ],
+                        },
+                    ], host: {
+                        '[attr.type]': 'store.type()'
+                    }, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-he1l: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-he1l: var(--vertical-padding);--horizontal-padding: 0;--horizontal-padding-SCOPED-IN-auto-layout-he1l: var(--horizontal-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:var(--gap-SCOPED-IN-auto-layout-he1l);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-he1l) var(--horizontal-padding-SCOPED-IN-auto-layout-he1l)}:host[type=horizontal]{flex-direction:row}:host[type=vertical]{flex-direction:column}\n"] }]
         }] });
 /**
  * Generated bundle index. Do not edit.
  */
-export { AutoLayoutFrame };
+export { AutoLayoutFrame, AutoLayoutFrameStore };
 //# sourceMappingURL=ng-atomic-components-frames-auto-layout.mjs.map

package/fesm2022/ng-atomic-components-frames-auto-layout.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-auto-layout.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/auto-layout/auto-layout.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/auto-layout/~~auto-layout.frame.html","../../../../../packages/@~~ng-atomic~~/components/src/lib/frames/auto~~-~~layout/ng-atomic-~~components-frames-auto-layout.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\n\n@Component({\n selector: 'frames-auto-layout',\n standalone: true,\n ~~imports~~: ~~[\n CommonModule,\n ],\n templateUrl: './auto~~-~~layout.frame.html',\~~n styleUrls: ['./auto-layout.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AutoLayoutFrame { }\n","~~<ng-content></ng-content>","~~/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;MAaa~~,~~eAAe~~,CAAA;~~8GAAf~~,~~eAAe~~,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;~~kGAAf~~,~~eAAe~~,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,~~oBAAA~~,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECb5B~~,~~2BAAyB~~,EAAA,MAAA,EAAA,CAAA,~~4aAAA~~,CAAA,EAAA,YAAA,EAAA,~~CAAA~~,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,~~EDOrB~~,~~YAAY~~,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~2FAMH~~,eAAe,EAAA,UAAA,EAAA,CAAA;~~kBAV3B~~,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,~~EACP~~,~~OAAA~~,EAAA~~;wBACP~~,~~YAAY;qBACb~~,~~EAGgB~~,~~eAAA~~,~~EAAA~~,uBAAuB,CAAC,MAAM,EAAA,~~QAAA~~,EAAA,~~2BAAA~~,EAAA,MAAA,EAAA,CAAA,~~4aAAA,~~CAAA,EAAA,CAAA;;;~~AEXjD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"ng-atomic-components-frames-auto-layout.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/auto-layout/auto-layout.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/auto-layout/ng-atomic-components-frames-auto-layout.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\n\n@Directive({\n standalone: true,\n})\nexport class AutoLayoutFrameStore {\n readonly type = input<'horizontal' \| 'vertical'>('horizontal');\n}\n\n@Component({\n selector: 'frames-auto-layout',\n standalone: true,\n template: `<ng-content></ng-content>`,\n styleUrls: ['./auto-layout.frame.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: AutoLayoutFrameStore,\n inputs: [\n 'type',\n ],\n },\n ],\n host: {\n '[attr.type]': 'store.type()'\n }\n})\nexport class AutoLayoutFrame {\n protected store = inject(AutoLayoutFrameStore);\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;MAMa,oBAAoB,CAAA;AAHjC,IAAA,WAAA,GAAA;AAIW,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAA4B,YAAY,CAAC,CAAC;AAChE,KAAA;8GAFY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;MAuBY,eAAe,CAAA;AAlB5B,IAAA,WAAA,GAAA;AAmBY,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAChD,KAAA;8GAFY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,cAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAtBf,oBAAoB,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAOrB,CAA2B,yBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+lBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAe1B,eAAe,EAAA,UAAA,EAAA,CAAA;kBAlB3B,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACN,QAAA,EAAA,CAAA,yBAAA,CAA2B,mBAEpB,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,oBAAoB;AAC/B,4BAAA,MAAM,EAAE;gCACN,MAAM;AACP,6BAAA;AACF,yBAAA;qBACF,EACK,IAAA,EAAA;AACJ,wBAAA,aAAa,EAAE,cAAc;AAC9B,qBAAA,EAAA,MAAA,EAAA,CAAA,+lBAAA,CAAA,EAAA,CAAA;;;AC1BH;;AAEG;;;;"}

package/fesm2022/ng-atomic-components-frames-columns.mjs CHANGED Viewed

@@ -103,7 +103,7 @@ class ColumnsFrame extends NgAtomicComponent {
         <ng-container [ngTemplateOutlet]="right()?.templateRef" />
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-NLYl: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-NLYl)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-NLYl)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-oUpU: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-oUpU)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-oUpU)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrame, decorators: [{
             type: Component,
@@ -134,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         }
                     ], host: {
                         '[attr.type]': 'store.type()',
-                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-NLYl: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-NLYl)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-NLYl)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
+                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-oUpU: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-oUpU)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-oUpU)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
         }] });
 class ColumnsFrameModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

package/fesm2022/ng-atomic-components-frames-divider.mjs CHANGED Viewed

@@ -64,7 +64,7 @@ class DividerFrame extends NgAtomicComponent {
       <ng-content select="[second]"></ng-content>
       @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-T799: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-T799: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-T799: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-T799: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-T799: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-T799: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-T799: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-T799: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-T799: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-T799: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-T799),var(--min-first-content-height-SCOPED-IN-divider-T799)),var(--max-first-content-height-SCOPED-IN-divider-T799));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-T799),var(--min-first-content-height-SCOPED-IN-divider-T799)),var(--max-first-content-height-SCOPED-IN-divider-T799)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-T799)}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-J49B: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-J49B: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-J49B: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-J49B: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-J49B: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-J49B: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-J49B: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-J49B: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-J49B: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-J49B: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-J49B),var(--min-first-content-height-SCOPED-IN-divider-J49B)),var(--max-first-content-height-SCOPED-IN-divider-J49B));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-J49B),var(--min-first-content-height-SCOPED-IN-divider-J49B)),var(--max-first-content-height-SCOPED-IN-divider-J49B)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-J49B)}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
       <ng-content select="[second]"></ng-content>
       @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-T799: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-T799: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-T799: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-T799: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-T799: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-T799: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-T799: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-T799: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-T799: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-T799: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-T799),var(--min-first-content-height-SCOPED-IN-divider-T799)),var(--max-first-content-height-SCOPED-IN-divider-T799));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-T799),var(--min-first-content-height-SCOPED-IN-divider-T799)),var(--max-first-content-height-SCOPED-IN-divider-T799)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-T799)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-J49B: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-J49B: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-J49B: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-J49B: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-J49B: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-J49B: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-J49B: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-J49B: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-J49B: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-J49B: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-J49B),var(--min-first-content-height-SCOPED-IN-divider-J49B)),var(--max-first-content-height-SCOPED-IN-divider-J49B));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-J49B),var(--min-first-content-height-SCOPED-IN-divider-J49B)),var(--max-first-content-height-SCOPED-IN-divider-J49B)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-J49B)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-drawer.mjs CHANGED Viewed

@@ -37,7 +37,7 @@ class DrawerFrame extends NgAtomicComponent {
     <mat-drawer-content>
       <ng-content select=[contents] />
     </mat-drawer-content>
-  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-GIU8: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-GIU8: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-GIU8: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-GIU8: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-GIU8)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-GIU8)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-Jkmm: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-Jkmm: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-Jkmm: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-Jkmm: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-Jkmm)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-Jkmm)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: DrawerFrameStore,
                             inputs: ['opened', 'mode', 'hasBackdrop', 'position'],
                         }
-                    ], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-GIU8: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-GIU8: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-GIU8: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-GIU8: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-GIU8)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-GIU8)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
+                    ], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-Jkmm: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-Jkmm: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-Jkmm: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-Jkmm: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-Jkmm)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-Jkmm)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-entrance.mjs CHANGED Viewed

@@ -43,7 +43,7 @@ class EntranceFrame extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-overlay>
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-WeHA: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-WeHA: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-WeHA: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-WeHA: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-WeHA: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-WeHA: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-WeHA: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-WeHA: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-WeHA: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-WeHA: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-WeHA: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-WeHA: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-WeHA);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-WeHA);--surface-color: var(--surface-color-SCOPED-IN-entrance-WeHA);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-WeHA);--background-color: var(--background-color-SCOPED-IN-entrance-WeHA);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-WeHA);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-WeHA);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-WeHA)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-yenV: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-yenV: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-yenV: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-yenV: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-yenV: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-yenV: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-yenV: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-yenV: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-yenV: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-yenV: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-yenV: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-yenV: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-yenV);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-yenV);--surface-color: var(--surface-color-SCOPED-IN-entrance-yenV);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-yenV);--background-color: var(--background-color-SCOPED-IN-entrance-yenV);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-yenV);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-yenV);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-yenV)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: EntranceFrame, decorators: [{
             type: Component,
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: EntranceFrameStore,
                             inputs: ['isEntrance', 'actions', 'form', 'title'],
                         },
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-WeHA: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-WeHA: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-WeHA: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-WeHA: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-WeHA: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-WeHA: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-WeHA: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-WeHA: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-WeHA: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-WeHA: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-WeHA: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-WeHA: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-WeHA);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-WeHA);--surface-color: var(--surface-color-SCOPED-IN-entrance-WeHA);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-WeHA);--background-color: var(--background-color-SCOPED-IN-entrance-WeHA);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-WeHA);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-WeHA);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-WeHA)}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-yenV: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-yenV: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-yenV: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-yenV: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-yenV: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-yenV: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-yenV: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-yenV: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-yenV: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-yenV: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-yenV: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-yenV: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-yenV);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-yenV);--surface-color: var(--surface-color-SCOPED-IN-entrance-yenV);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-yenV);--background-color: var(--background-color-SCOPED-IN-entrance-yenV);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-yenV);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-yenV);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-yenV)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-fab.mjs CHANGED Viewed

@@ -65,7 +65,7 @@ class FabFrame extends NgAtomicComponent {
         <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
       </button>
     }
-  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-RpFU: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-RpFU);--container-color-SCOPED-IN-fab-RpFU: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-RpFU: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-RpFU: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-RpFU: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-RpFU);right:var(--fab-button-right-SCOPED-IN-fab-RpFU);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-aonS: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-aonS);--container-color-SCOPED-IN-fab-aonS: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-aonS: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-aonS: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-aonS: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-aonS);right:var(--fab-button-right-SCOPED-IN-fab-aonS);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: FabFrame, decorators: [{
             type: Component,
@@ -86,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         },
                     ], host: {
                         '[attr.hide]': 'store.hide()',
-                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-RpFU: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-RpFU);--container-color-SCOPED-IN-fab-RpFU: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-RpFU: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-RpFU: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-RpFU: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-RpFU);right:var(--fab-button-right-SCOPED-IN-fab-RpFU);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
+                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-aonS: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-aonS);--container-color-SCOPED-IN-fab-aonS: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-aonS: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-aonS: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-aonS: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-aonS);right:var(--fab-button-right-SCOPED-IN-fab-aonS);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-line-up.mjs CHANGED Viewed

@@ -10,16 +10,12 @@ import ResizeObserver from 'resize-observer-polyfill';
 const LINE_UP_ANIMATIONS = [
     trigger('hasNext', [
         transition(':enter', [
-            // style({ transform: 'translateX(-100%)', }),
-            // animate('300ms ease-out', style({ transform: 'translateX(0%)', })),
             query(':enter', [style({ transform: 'translateX(-100%)', })], { optional: true }),
-            query(':enter', [animate('300ms ease-out', style({ transform: 'translateX(0%)', })),], { optional: true }),
+            query(':enter', [animate('300ms linear', style({ transform: 'translateX(0%)', })),], { optional: true }),
         ]),
         transition(':leave', [
-            // style({transform: 'translateX(0%)'}),
-            // animate('30000ms ease-in', style({transform: 'translateX(-100%)'})),
             query(':leave', [style({ transform: 'translateX(0%)' })], { optional: true }),
-            query(':leave', [animate('300ms ease-in', style({ transform: 'translateX(-100%)' }))], { optional: true }),
+            query(':leave', [animate('300ms linear', style({ transform: 'translateX(-100%)' }))], { optional: true }),
         ]),
     ])
 ];
@@ -147,7 +143,7 @@ class LineUpFrame {
     @if (store.hasNext()) {
       <div class="next" @hasNext><ng-content select=[next] /></div>
     }
-  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-Gm6v: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-Gm6v: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-Gm6v: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-Gm6v: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-Gm6v: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-Gm6v));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-Gm6v);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
+  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-9may: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-9may: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-9may: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-9may: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-9may: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-9may));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-9may);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LineUpFrame, decorators: [{
             type: Component,
@@ -163,7 +159,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                         },
                     ], host: {
                         'attr.has-next': 'store.hasNext()',
-                    }, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-Gm6v: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-Gm6v: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-Gm6v: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-Gm6v: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-Gm6v: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-Gm6v));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-Gm6v);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
+                    }, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-9may: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-9may: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-9may: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-9may: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-9may: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-9may));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-9may);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-line-up.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ng-atomic-components-frames-line-up.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.animations.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.service.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/resize-observer.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/ng-atomic-components-frames-line-up.ts"],"sourcesContent":["import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';\n\nexport const LINE_UP_ANIMATIONS = [\n trigger('hasNext', [\n transition(':enter', [\n // style({ transform: 'translateX(-100%)', }),\n // animate('300ms ease-out', style({ transform: 'translateX(0%)', })),\n query(':enter', [style({ transform: 'translateX(-100%)', })], { optional: true }),\n query(':enter', [animate('300ms ease-out', style({ transform: 'translateX(0%)', })),], { optional: true }),\n ]),\n transition(':leave', [\n // style({transform: 'translateX(0%)'}),\n // animate('30000ms ease-in', style({transform: 'translateX(-100%)'})),\n query(':leave', [style({transform: 'translateX(0%)'})], { optional: true }),\n query(':leave', [animate('300ms ease-in', style({transform: 'translateX(-100%)'}))], { optional: true }),\n ]),\n ])\n];\n","import { Injectable, signal } from \"@angular/core\";\nimport { LineUpFrame } from \"./line-up.frame\";\nimport { takeUntilDestroyed, toObservable } from \"@angular/core/rxjs-interop\";\nimport { distinctUntilChanged } from \"rxjs\";\n\ninterface State {\n [scope: string]: {\n frames: LineUpFrame[];\n sizeMap: Record<number, number>;\n }\n}\n\n\n@Injectable({providedIn: 'root'})\nexport class LineUpFrameService {\n readonly sizeMap = signal<State>({});\n readonly sizeMap$ = toObservable(this.sizeMap).pipe(\n distinctUntilChanged(),\n takeUntilDestroyed(),\n );\n\n register(frame: LineUpFrame, scope: string) {\n this.sizeMap.update(record => {\n record[scope] ??= {frames: [], sizeMap: {}};\n record[scope].frames.push(frame);\n return {...record};\n });\n }\n\n update(frame: LineUpFrame, mainWidth: number, scope: string) {\n const index = this.findIndex(frame, scope);\n this.sizeMap.update(record => {\n record[scope] ??= {frames: [], sizeMap: {}};\n record[scope].sizeMap[index] = mainWidth;\n return {...record};\n })\n }\n\n unregister(frame: LineUpFrame, scope: string) {\n const index = this.findIndex(frame, scope);\n this.sizeMap.update(record => {\n record[scope].frames = [...record[scope].frames.filter((value) => value !== frame)];\n delete record[scope].sizeMap[index];\n return {...record};\n })\n }\n\n findIndex(frame: LineUpFrame, scope: string): number {\n return this.sizeMap()[scope].frames.findIndex((value) => value === frame);\n }\n\n isFirst(frame: LineUpFrame, scope: string): boolean {\n const index = this.findIndex(frame, scope);\n return Math.min(...Object.keys(this.getSizeMap(scope)).map(key => parseInt(key, 10))) === index;\n }\n\n getSizeMap(scope: string) {\n return this.sizeMap()[scope].sizeMap ?? {};\n }\n\n getFollowingWidth(scope: string, frame: LineUpFrame): number {\n return Object.entries(this.getSizeMap(scope))\n .filter(([key]) => parseInt(key, 10) >= this.findIndex(frame, scope))\n .reduce((acc, [_, width]) => width + acc, 0);\n }\n}\n","import { NEVER, Observable } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { ElementRef } from '@angular/core';\n\nexport function fromResize(el: ElementRef<Element>): Observable<number> {\n if (!el) return NEVER;\n return new Observable<any>((observer) => {\n const resizeObserver = new ResizeObserver(entries => {\n entries.forEach((entry) => observer.next(entry));\n });\n resizeObserver.observe(el.nativeElement);\n return () => resizeObserver.disconnect();\n }).pipe(\n map((el) => el.contentRect?.width ?? 0),\n startWith(0),\n distinctUntilChanged(),\n );\n}\n","import { ChangeDetectionStrategy, Component, Directive, ElementRef, OnDestroy, OnInit, PLATFORM_ID, inject, input, viewChild, AfterViewInit } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { distinctUntilChanged, filter, map, startWith, switchMap } from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { LineUpFrameService } from './line-up.service';\nimport { fromResize } from './resize-observer';\nimport { combineLatest, fromEvent, of } from 'rxjs';\n\n@Directive({standalone: true, selector: 'frames-line-up'})\nexport class LineUpFrameStore {\n readonly scope = input('default');\n readonly hasNext = input(false);\n}\n\n@Component({\n standalone: true,\n imports: [],\n selector: 'frames-line-up',\n template: `\n <div class=\"main\" #main><ng-content select=[main] /></div>\n @if (store.hasNext()) {\n <div class=\"next\" @hasNext><ng-content select=[next] /></div>\n }\n `,\n styleUrls: ['./line-up.frame.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n animations: LINE_UP_ANIMATIONS,\n hostDirectives: [\n {\n directive: LineUpFrameStore,\n inputs: ['scope', 'hasNext'],\n },\n ],\n host: {\n 'attr.has-next': 'store.hasNext()',\n }\n})\nexport class LineUpFrame implements OnInit, OnDestroy, AfterViewInit {\n protected store = inject(LineUpFrameStore);\n private service = inject(LineUpFrameService);\n private el = inject(ElementRef);\n private platformId = inject(PLATFORM_ID);\n\n readonly resizeWindow$ = of(null).pipe(\n switchMap(() => {\n return isPlatformBrowser(this.platformId)\n ? fromEvent(window, 'resize').pipe(startWith(null))\n : of(null);\n }),\n )\n\n readonly elWidth$ = this.resizeWindow$.pipe(\n switchMap(() => fromResize(this.el).pipe(startWith(null))),\n map(() => this.el.nativeElement?.clientWidth ?? 0),\n takeUntilDestroyed(),\n );\n \n readonly main = viewChild('main', {read: ElementRef});\n readonly main$ = toObservable(this.main);\n readonly mainWidth$ = combineLatest({\n main: this.main$,\n resize: this.resizeWindow$\n }).pipe(\n switchMap(({main}) => fromResize(main).pipe(startWith(null))),\n map(() => this.main()),\n map((main) => main?.nativeElement?.clientWidth ?? 0),\n takeUntilDestroyed(),\n );\n readonly allWidth$ = combineLatest({\n map: this.service.sizeMap$,\n window: this.resizeWindow$\n }) .pipe(\n map(() => this.service.getFollowingWidth(this.store.scope(), this)),\n takeUntilDestroyed(),\n );\n\n readonly delta$ = combineLatest({\n el: this.elWidth$,\n all: this.allWidth$,\n }).pipe(\n filter(() => this.service.isFirst(this, this.store.scope())),\n map(({el, all}) => Math.min(el - all, 0)),\n distinctUntilChanged(),\n takeUntilDestroyed(),\n );\n\n ngOnInit(): void {\n this.service.register(this, this.store.scope());\n }\n\n ngAfterViewInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.mainWidth$.subscribe((width) => this.service.update(this, width, this.store.scope()));\n this.delta$.subscribe((delta) => this.setTranslateX(delta));\n }\n }\n\n ngOnDestroy(): void {\n this.service.unregister(this, this.store.scope());\n }\n\n protected setTranslateX(value: number) {\n this.el.nativeElement.style.setProperty('--translate-x', `${value}px`);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["distinctUntilChanged"],"mappings":"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"}
1	+ {"version":3,"file":"ng-atomic-components-frames-line-up.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.animations.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.service.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/resize-observer.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/line-up.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/line-up/ng-atomic-components-frames-line-up.ts"],"sourcesContent":["import { animate, query, sequence, state, style, transition, trigger, group } from '@angular/animations';\n\nexport const LINE_UP_ANIMATIONS = [\n trigger('hasNext', [\n transition(':enter', [\n query(':enter', [style({ transform: 'translateX(-100%)', })], { optional: true }),\n query(':enter', [animate('300ms linear', style({ transform: 'translateX(0%)', })),], { optional: true }),\n ]),\n transition(':leave', [\n query(':leave', [style({transform: 'translateX(0%)'})], { optional: true }),\n query(':leave', [animate('300ms linear', style({transform: 'translateX(-100%)'}))], { optional: true }),\n ]),\n ])\n];\n","import { Injectable, signal } from \"@angular/core\";\nimport { LineUpFrame } from \"./line-up.frame\";\nimport { takeUntilDestroyed, toObservable } from \"@angular/core/rxjs-interop\";\nimport { distinctUntilChanged } from \"rxjs\";\n\ninterface State {\n [scope: string]: {\n frames: LineUpFrame[];\n sizeMap: Record<number, number>;\n }\n}\n\n\n@Injectable({providedIn: 'root'})\nexport class LineUpFrameService {\n readonly sizeMap = signal<State>({});\n readonly sizeMap$ = toObservable(this.sizeMap).pipe(\n distinctUntilChanged(),\n takeUntilDestroyed(),\n );\n\n register(frame: LineUpFrame, scope: string) {\n this.sizeMap.update(record => {\n record[scope] ??= {frames: [], sizeMap: {}};\n record[scope].frames.push(frame);\n return {...record};\n });\n }\n\n update(frame: LineUpFrame, mainWidth: number, scope: string) {\n const index = this.findIndex(frame, scope);\n this.sizeMap.update(record => {\n record[scope] ??= {frames: [], sizeMap: {}};\n record[scope].sizeMap[index] = mainWidth;\n return {...record};\n })\n }\n\n unregister(frame: LineUpFrame, scope: string) {\n const index = this.findIndex(frame, scope);\n this.sizeMap.update(record => {\n record[scope].frames = [...record[scope].frames.filter((value) => value !== frame)];\n delete record[scope].sizeMap[index];\n return {...record};\n })\n }\n\n findIndex(frame: LineUpFrame, scope: string): number {\n return this.sizeMap()[scope].frames.findIndex((value) => value === frame);\n }\n\n isFirst(frame: LineUpFrame, scope: string): boolean {\n const index = this.findIndex(frame, scope);\n return Math.min(...Object.keys(this.getSizeMap(scope)).map(key => parseInt(key, 10))) === index;\n }\n\n getSizeMap(scope: string) {\n return this.sizeMap()[scope].sizeMap ?? {};\n }\n\n getFollowingWidth(scope: string, frame: LineUpFrame): number {\n return Object.entries(this.getSizeMap(scope))\n .filter(([key]) => parseInt(key, 10) >= this.findIndex(frame, scope))\n .reduce((acc, [_, width]) => width + acc, 0);\n }\n}\n","import { NEVER, Observable } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { distinctUntilChanged, map } from 'rxjs/operators';\nimport { ElementRef } from '@angular/core';\n\nexport function fromResize(el: ElementRef<Element>): Observable<number> {\n if (!el) return NEVER;\n return new Observable<any>((observer) => {\n const resizeObserver = new ResizeObserver(entries => {\n entries.forEach((entry) => observer.next(entry));\n });\n resizeObserver.observe(el.nativeElement);\n return () => resizeObserver.disconnect();\n }).pipe(\n map((el) => el.contentRect?.width ?? 0),\n startWith(0),\n distinctUntilChanged(),\n );\n}\n","import { ChangeDetectionStrategy, Component, Directive, ElementRef, OnDestroy, OnInit, PLATFORM_ID, inject, input, viewChild, AfterViewInit } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { distinctUntilChanged, filter, map, startWith, switchMap } from 'rxjs/operators';\nimport { LINE_UP_ANIMATIONS } from './line-up.animations';\nimport { LineUpFrameService } from './line-up.service';\nimport { fromResize } from './resize-observer';\nimport { combineLatest, fromEvent, of } from 'rxjs';\n\n@Directive({standalone: true, selector: 'frames-line-up'})\nexport class LineUpFrameStore {\n readonly scope = input('default');\n readonly hasNext = input(false);\n}\n\n@Component({\n standalone: true,\n imports: [],\n selector: 'frames-line-up',\n template: `\n <div class=\"main\" #main><ng-content select=[main] /></div>\n @if (store.hasNext()) {\n <div class=\"next\" @hasNext><ng-content select=[next] /></div>\n }\n `,\n styleUrls: ['./line-up.frame.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n animations: LINE_UP_ANIMATIONS,\n hostDirectives: [\n {\n directive: LineUpFrameStore,\n inputs: ['scope', 'hasNext'],\n },\n ],\n host: {\n 'attr.has-next': 'store.hasNext()',\n }\n})\nexport class LineUpFrame implements OnInit, OnDestroy, AfterViewInit {\n protected store = inject(LineUpFrameStore);\n private service = inject(LineUpFrameService);\n private el = inject(ElementRef);\n private platformId = inject(PLATFORM_ID);\n\n readonly resizeWindow$ = of(null).pipe(\n switchMap(() => {\n return isPlatformBrowser(this.platformId)\n ? fromEvent(window, 'resize').pipe(startWith(null))\n : of(null);\n }),\n )\n\n readonly elWidth$ = this.resizeWindow$.pipe(\n switchMap(() => fromResize(this.el).pipe(startWith(null))),\n map(() => this.el.nativeElement?.clientWidth ?? 0),\n takeUntilDestroyed(),\n );\n \n readonly main = viewChild('main', {read: ElementRef});\n readonly main$ = toObservable(this.main);\n readonly mainWidth$ = combineLatest({\n main: this.main$,\n resize: this.resizeWindow$\n }).pipe(\n switchMap(({main}) => fromResize(main).pipe(startWith(null))),\n map(() => this.main()),\n map((main) => main?.nativeElement?.clientWidth ?? 0),\n takeUntilDestroyed(),\n );\n readonly allWidth$ = combineLatest({\n map: this.service.sizeMap$,\n window: this.resizeWindow$\n }) .pipe(\n map(() => this.service.getFollowingWidth(this.store.scope(), this)),\n takeUntilDestroyed(),\n );\n\n readonly delta$ = combineLatest({\n el: this.elWidth$,\n all: this.allWidth$,\n }).pipe(\n filter(() => this.service.isFirst(this, this.store.scope())),\n map(({el, all}) => Math.min(el - all, 0)),\n distinctUntilChanged(),\n takeUntilDestroyed(),\n );\n\n ngOnInit(): void {\n this.service.register(this, this.store.scope());\n }\n\n ngAfterViewInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.mainWidth$.subscribe((width) => this.service.update(this, width, this.store.scope()));\n this.delta$.subscribe((delta) => this.setTranslateX(delta));\n }\n }\n\n ngOnDestroy(): void {\n this.service.unregister(this, this.store.scope());\n }\n\n protected setTranslateX(value: number) {\n this.el.nativeElement.style.setProperty('--translate-x', `${value}px`);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["distinctUntilChanged"],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-loading.mjs CHANGED Viewed

@@ -26,7 +26,7 @@ class LoadingFrame extends NgAtomicComponent {
     @if(store.isLoading()) {
       <div class="loading"><mat-spinner /></div>
     }
-  `, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-QnXB: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-QnXB: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-QnXB);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-QnXB)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-dmN2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-dmN2: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-dmN2);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-dmN2)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: LoadingFrame, decorators: [{
             type: Component,
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImpor
                             directive: LoadingFrameStore,
                             inputs: ['isLoading'],
                         }
-                    ], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-QnXB: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-QnXB: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-QnXB);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-QnXB)}\n"] }]
+                    ], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-dmN2: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-dmN2: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mdc-circular-progress-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-dmN2);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-dmN2)}\n"] }]
         }] });
 /**

package/fesm2022/ng-atomic-components-frames-progress-bar.mjs ADDED Viewed

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { input, Directive, inject, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { NgAtomicComponent } from '@ng-atomic/core';
+class ProgressBarFrameStore {
+    constructor() {
+        this.mode = input('determinate');
+        this.isProgress = input(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ProgressBarFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.1.2", type: ProgressBarFrameStore, isStandalone: true, selector: "frames-progress-bar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, isProgress: { classPropertyName: "isProgress", publicName: "isProgress", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ProgressBarFrameStore, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'frames-progress-bar',
+                }]
+        }] });
+class ProgressBarFrame extends NgAtomicComponent {
+    constructor() {
+        super(...arguments);
+        this.store = inject(ProgressBarFrameStore);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ProgressBarFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.2", type: ProgressBarFrame, isStandalone: true, selector: "frames-progress-bar", usesInheritance: true, hostDirectives: [{ directive: ProgressBarFrameStore, inputs: ["mode", "mode", "isProgress", "isProgress"] }], ngImport: i0, template: `
+    @if (store.isProgress()) {
+      <mat-progress-bar [mode]="store.mode()" [color]="'accent'"/>
+    }
+    <ng-content />
+  `, isInline: true, styles: [":host{display:block}:host{position:relative;display:contents}:host mat-progress-bar{position:absolute;top:0;left:0;z-index:100}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.2", ngImport: i0, type: ProgressBarFrame, decorators: [{
+            type: Component,
+            args: [{ selector: 'frames-progress-bar', standalone: true, imports: [
+                        MatProgressBarModule,
+                    ], template: `
+    @if (store.isProgress()) {
+      <mat-progress-bar [mode]="store.mode()" [color]="'accent'"/>
+    }
+    <ng-content />
+  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
+                        {
+                            directive: ProgressBarFrameStore,
+                            inputs: [
+                                'mode',
+                                'isProgress',
+                            ],
+                        }
+                    ], styles: [":host{display:block}:host{position:relative;display:contents}:host mat-progress-bar{position:absolute;top:0;left:0;z-index:100}\n"] }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { ProgressBarFrame, ProgressBarFrameStore };
+//# sourceMappingURL=ng-atomic-components-frames-progress-bar.mjs.map