@ojiepermana/angular-theme 22.0.32 → 22.0.34

package/fesm2022/ojiepermana-angular-theme-layout-services.mjs

@@ -1,7 +1,7 @@
 import { isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, PLATFORM_ID, signal, Service, computed, DestroyRef } from '@angular/core';
-import { LAYOUT_SURFACE_STORAGE_KEY, isUiLayoutSurface, LAYOUT_TYPE_STORAGE_KEY, isUiLayoutType, LAYOUT_WIDTH_STORAGE_KEY, isUiLayoutWidth, LAYOUT_APPEARANCE_STORAGE_KEY, LAYOUT_STYLE_STORAGE_KEY, LAYOUT_DEFAULT_SURFACE, LAYOUT_DEFAULT_TYPE, LAYOUT_DEFAULT_STYLE, LAYOUT_DEFAULT_WIDTH, isUiLayoutStyle } from '@ojiepermana/angular-theme/layout/types';
+import { LAYOUT_SURFACE_STORAGE_KEY, isUiLayoutSurface, LAYOUT_TYPE_STORAGE_KEY, isUiLayoutType, LAYOUT_WIDTH_STORAGE_KEY, isUiLayoutWidth, LAYOUT_APPEARANCE_STORAGE_KEY, LAYOUT_DEFAULT_SURFACE, LAYOUT_DEFAULT_TYPE, LAYOUT_DEFAULT_APPEARANCE, LAYOUT_DEFAULT_WIDTH, isUiLayoutAppearance } from '@ojiepermana/angular-theme/layout/types';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Router, NavigationStart, NavigationEnd, NavigationCancel, NavigationError, NavigationSkipped } from '@angular/router';
 import { HttpContextToken } from '@angular/common/http';
@@ -13,13 +13,13 @@ class LayoutService {
     ...(ngDevMode ? [{ debugName: "surfaceState" }] : /* istanbul ignore next */ []));
     typeState = signal(this.getStoredType(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "typeState" }] : /* istanbul ignore next */ []));
-    styleState = signal(this.getStoredStyle(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "styleState" }] : /* istanbul ignore next */ []));
+    appearanceState = signal(this.getStoredAppearance(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appearanceState" }] : /* istanbul ignore next */ []));
     widthState = signal(this.getStoredWidth(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "widthState" }] : /* istanbul ignore next */ []));
     surface = this.surfaceState.asReadonly();
     type = this.typeState.asReadonly();
-    appearance = this.styleState.asReadonly();
+    appearance = this.appearanceState.asReadonly();
     width = this.widthState.asReadonly();
     registerDefaults(defaults) {
         if (defaults.surface !== undefined) {
@@ -78,12 +78,11 @@ class LayoutService {
         this.writeStorage(LAYOUT_TYPE_STORAGE_KEY, type);
     }
     setAppearance(appearance, options = {}) {
-        this.styleState.set(appearance);
+        this.appearanceState.set(appearance);
         if (options.persist === false) {
             return;
         }
         this.writeStorage(LAYOUT_APPEARANCE_STORAGE_KEY, appearance);
-        this.removeStorage(LAYOUT_STYLE_STORAGE_KEY);
     }
     setWidth(width, options = {}) {
         this.widthState.set(width);
@@ -102,10 +101,7 @@ class LayoutService {
     }
     getStoredAppearance() {
         const value = this.readStoredAppearance();
-        return value ?? LAYOUT_DEFAULT_STYLE;
-    }
-    getStoredStyle() {
-        return this.getStoredAppearance();
+        return value ?? LAYOUT_DEFAULT_APPEARANCE;
     }
     getStoredWidth() {
         const value = this.readStorage(LAYOUT_WIDTH_STORAGE_KEY);
@@ -123,18 +119,6 @@ class LayoutService {
             return null;
         }
     }
-    removeStorage(key) {
-        const storage = this.getStorage();
-        if (!storage) {
-            return;
-        }
-        try {
-            storage.removeItem(key);
-        }
-        catch {
-            return;
-        }
-    }
     writeStorage(key, value) {
         const storage = this.getStorage();
         if (!storage) {
@@ -160,11 +144,7 @@ class LayoutService {
     }
     readStoredAppearance() {
         const appearance = this.readStorage(LAYOUT_APPEARANCE_STORAGE_KEY);
-        if (isUiLayoutStyle(appearance)) {
-            return appearance;
-        }
-        const legacyStyle = this.readStorage(LAYOUT_STYLE_STORAGE_KEY);
-        return isUiLayoutStyle(legacyStyle) ? legacyStyle : null;
+        return isUiLayoutAppearance(appearance) ? appearance : null;
     }
     getStoredAppearanceOrDefault(fallback) {
         return this.readStoredAppearance() ?? fallback;

package/fesm2022/ojiepermana-angular-theme-layout-types.mjs

@@ -1,15 +1,14 @@
 const LAYOUT_TYPES = ['vertical', 'horizontal', 'empty', 'fluid'];
 const LAYOUT_SURFACES = ['flat', 'grid', 'honeycome', 'line-vertical', 'line-horizontal'];
-const LAYOUT_STYLES = ['flat', 'border-rail'];
+const LAYOUT_APPEARANCES = ['flat', 'border-rail'];
 const LAYOUT_WIDTHS = ['full', 'wide', 'container', 'fluid'];
 const LAYOUT_DEFAULT_SURFACE = 'flat';
 const LAYOUT_DEFAULT_TYPE = 'vertical';
-const LAYOUT_DEFAULT_STYLE = 'flat';
+const LAYOUT_DEFAULT_APPEARANCE = 'flat';
 const LAYOUT_DEFAULT_WIDTH = 'full';
 const LAYOUT_SURFACE_STORAGE_KEY = 'layout-surface';
 const LAYOUT_APPEARANCE_STORAGE_KEY = 'layout-appearance';
 const LAYOUT_TYPE_STORAGE_KEY = 'layout-type';
-const LAYOUT_STYLE_STORAGE_KEY = 'layout-style';
 const LAYOUT_WIDTH_STORAGE_KEY = 'layout-width';
 function isUiLayoutSurface(value) {
     return value !== null && LAYOUT_SURFACES.includes(value);
@@ -17,8 +16,8 @@ function isUiLayoutSurface(value) {
 function isUiLayoutType(value) {
     return value !== null && LAYOUT_TYPES.includes(value);
 }
-function isUiLayoutStyle(value) {
-    return value !== null && LAYOUT_STYLES.includes(value);
+function isUiLayoutAppearance(value) {
+    return value !== null && LAYOUT_APPEARANCES.includes(value);
 }
 function isUiLayoutWidth(value) {
     return value !== null && LAYOUT_WIDTHS.includes(value);
@@ -28,4 +27,4 @@ function isUiLayoutWidth(value) {
  * Generated bundle index. Do not edit.
  */
 
-export { LAYOUT_APPEARANCE_STORAGE_KEY, LAYOUT_DEFAULT_STYLE, LAYOUT_DEFAULT_SURFACE, LAYOUT_DEFAULT_TYPE, LAYOUT_DEFAULT_WIDTH, LAYOUT_STYLES, LAYOUT_STYLE_STORAGE_KEY, LAYOUT_SURFACES, LAYOUT_SURFACE_STORAGE_KEY, LAYOUT_TYPES, LAYOUT_TYPE_STORAGE_KEY, LAYOUT_WIDTHS, LAYOUT_WIDTH_STORAGE_KEY, isUiLayoutStyle, isUiLayoutSurface, isUiLayoutType, isUiLayoutWidth };
+export { LAYOUT_APPEARANCES, LAYOUT_APPEARANCE_STORAGE_KEY, LAYOUT_DEFAULT_APPEARANCE, LAYOUT_DEFAULT_SURFACE, LAYOUT_DEFAULT_TYPE, LAYOUT_DEFAULT_WIDTH, LAYOUT_SURFACES, LAYOUT_SURFACE_STORAGE_KEY, LAYOUT_TYPES, LAYOUT_TYPE_STORAGE_KEY, LAYOUT_WIDTHS, LAYOUT_WIDTH_STORAGE_KEY, isUiLayoutAppearance, isUiLayoutSurface, isUiLayoutType, isUiLayoutWidth };