@albi_scando/as-design-system-threejs-lib 1.0.9 → 1.1.0

package/dist/types/constants/box-face-normals.constant.d.ts

@@ -0,0 +1,12 @@
+import { Vector3 } from 'three';
+/**
+ * Predefined normals for each face of a cube, used for raycasting and determining which face is being interacted with.
+ */
+export declare const BOX_FACE_NORMALS: {
+    readonly RIGHT: Vector3;
+    readonly LEFT: Vector3;
+    readonly TOP: Vector3;
+    readonly BOTTOM: Vector3;
+    readonly FRONT: Vector3;
+    readonly BACK: Vector3;
+};

package/dist/types/constants/custom-messages.const.d.ts

@@ -3,4 +3,5 @@
  */
 export declare const CUSTOM_MESSAGES: {
     LANGUAGE_CHANGE_CONFIRMED: string;
+    THEME_CHANGE_CONFIRMED: string;
 };

package/dist/types/main.d.ts

@@ -2,4 +2,7 @@ import { APPLICATION_NAME } from './constants/application.constant.ts';
 export { APPLICATION_NAME };
 export { WebComponentsRegistry } from './web-components/registry.ts';
 export { CUSTOM_MESSAGES } from './constants/custom-messages.const.ts';
+export { switchTheme, clearThemes } from './utils/switch-theme.utils.ts';
+export { THEME_TEXTURES_MAPPER } from './mappers/themes.mapper.ts';
 export * as LanguagePicker from './web-components/language-picker/main.ts';
+export * as ThemePicker from './web-components/theme-picker/main.ts';

package/dist/types/mappers/themes.mapper.d.ts

@@ -0,0 +1 @@
+export declare const THEME_TEXTURES_MAPPER: Readonly<Record<string, string>>;

package/dist/types/utils/switch-theme.utils.d.ts

@@ -0,0 +1,4 @@
+import { THEMES } from '@albi_scando/as-const-lib';
+export type ThemeValue = (typeof THEMES)[keyof typeof THEMES];
+export declare const clearThemes: () => void;
+export declare const switchTheme: (theme: ThemeValue) => void;

package/dist/types/web-components/language-picker/component.d.ts

@@ -4,14 +4,15 @@ export interface LanguagePickerComponentOptions {
     selected?: Locales | undefined;
 }
 export declare class LanguagePickerComponent extends HTMLElement {
-    private static readonly _languagesAttribute;
-    private static readonly _selectedAttribute;
+    private static readonly textureLoader;
+    private static readonly languagesAttribute;
+    private static readonly selectedAttribute;
     private readonly _shadowRoot;
-    private _container;
-    private _canvas;
-    private _camera;
     private _renderer;
     private _scene;
+    private _camera;
+    private _container;
+    private _canvas;
     private _controls;
     private _resizeObserver;
     private _clock;
@@ -51,7 +52,7 @@ export declare class LanguagePickerComponent extends HTMLElement {
     private _setupUI;
     private _setupFlags;
     private _computeIntroCameraEndPosition;
-    private _setupLanguageDialog;
+    private _setupConfirmationDialog;
     /**
      * Handles the confirmation of a language change.
      *

package/dist/types/web-components/theme-picker/component.d.ts

@@ -0,0 +1,82 @@
+export interface ThemeCubeComponentOptions {
+    options: Set<string>;
+    selected?: string | undefined;
+}
+export declare class ThemeCubeComponent extends HTMLElement {
+    private static readonly FACE_VISUALS;
+    private static readonly CUBE_SIDE_LENGTH;
+    private static readonly textureLoader;
+    private static readonly themesAttribute;
+    private static readonly selectedAttribute;
+    readonly shadowRoot: ShadowRoot;
+    private _root;
+    private _canvas;
+    private _hintTop;
+    private _previewTitle;
+    private _previewSub;
+    private _applyBtn;
+    private _confirmationDialog;
+    private _isConfirmationDialogOpen;
+    private _renderer;
+    private _scene;
+    private _camera;
+    private _cube;
+    private _cubeGeometry;
+    private _cubeMaterials;
+    private readonly _clock;
+    private _animFrameId;
+    private _resizeObserver;
+    private _themes;
+    private _themeTextures;
+    private _selected;
+    private _currentFaceThemeId;
+    private _isDragging;
+    private _lastPointerX;
+    private _lastPointerY;
+    private _dragPointerId;
+    private _rotX;
+    private _rotY;
+    private _idleSeconds;
+    private _autoSpinEnabled;
+    private _autoVelX;
+    private _autoVelY;
+    private _isInitialized;
+    private _isInitializing;
+    private readonly _tmpCamDir;
+    private readonly _tmpWorldNormal;
+    static get observedAttributes(): string[];
+    constructor(input?: ThemeCubeComponentOptions);
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private initializeComponent;
+    private _sanitizeThemes;
+    private _setupDOM;
+    private _setupScene;
+    private _setupCube;
+    private _setupApplyButton;
+    private _handleApplyClick;
+    private _applyTheme;
+    private _updatePreviewDialog;
+    private _animate;
+    private _updateIdleAutoSpin;
+    private _getFrontFaceIndex;
+    private _updateCameraForLayout;
+    private _updatePanelPosition;
+    private _setMaterialTexture;
+    private _createFallbackFaceTexture;
+    private _getThemeIdForFace;
+    private _formatThemeName;
+    private _restoreThemePreview;
+    private _stopAutoSpinFromInteraction;
+    private _onPointerDown;
+    private _onPointerMove;
+    private _onPointerUp;
+    private _bindEvents;
+    private _unbindEvents;
+    private _parseThemesAttribute;
+    private _setupConfirmationDialog;
+    private _handleConfirmation;
+    private _handleConfirmationCancel;
+    private _resolveThemeFaceVisual;
+}

package/dist/types/web-components/theme-picker/custom-messages.const.d.ts

@@ -0,0 +1,3 @@
+export declare const COMPONENT_CUSTOM_MESSAGES: {
+    THEME_CHANGE_CONFIRMED: string;
+};

package/dist/types/web-components/theme-picker/main.d.ts

@@ -0,0 +1,4 @@
+export { ThemeCubeComponent } from './component';
+export type { ThemeCubeComponentOptions } from './component';
+export { selector } from './selector';
+export { COMPONENT_CUSTOM_MESSAGES } from './custom-messages.const';

package/dist/types/web-components/theme-picker/selector.d.ts

@@ -0,0 +1 @@
+export declare const selector = "theme-picker";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@albi_scando/as-design-system-threejs-lib",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "A library of reusable, strongly typed threejs Web Components built with TypeScript, designed for creating consistent and maintainable user interfaces.",
   "type": "module",
   "files": [
@@ -47,8 +47,8 @@
   },
   "devDependencies": {
     "@albi_scando/as-const-languages-lib": "^1.1.1",
-    "@albi_scando/as-const-lib": "^1.9.0",
-    "@albi_scando/as-design-system-lib": "^1.6.4",
+    "@albi_scando/as-const-lib": "^1.11.0",
+    "@albi_scando/as-design-system-lib": "^1.7.0",
     "@albi_scando/as-threejs-flags-lib": "^2.3.2",
     "@commitlint/cli": "^20.4.1",
     "@commitlint/config-conventional": "^20.4.1",
@@ -58,8 +58,8 @@
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^12.0.3",
     "@semantic-release/npm": "^13.1.3",
-    "@storybook/addon-docs": "10.2.19",
-    "@storybook/html-vite": "10.2.19",
+    "@storybook/addon-docs": "10.3.0",
+    "@storybook/html-vite": "10.3.0",
     "@types/node": "^25.2.1",
     "@types/numeric": "^1.2.6",
     "@vitest/coverage-v8": "^4.0.18",
@@ -72,7 +72,7 @@
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-regexp": "^3.0.0",
     "eslint-plugin-security": "^3.0.1",
-    "eslint-plugin-storybook": "10.2.19",
+    "eslint-plugin-storybook": "10.3.0",
     "globals": "^17.3.0",
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
@@ -80,7 +80,7 @@
     "prettier": "3.8.1",
     "sass": "^1.97.3",
     "semantic-release": "^25.0.3",
-    "storybook": "10.2.19",
+    "storybook": "10.3.0",
     "typedoc": "^0.28.16",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.54.0",