@albi_scando/as-design-system-threejs-lib 1.1.3 → 1.1.4

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

@@ -1,18 +1,16 @@
 import { Locales } from '@albi_scando/as-const-languages-lib';
-export interface LanguagePickerComponentOptions {
-    languages: Locales[];
-    selected?: Locales;
-}
+export declare const OBSERVED_ATTRIBUTES: {
+    LANGUAGES: string;
+    SELECTED: string;
+};
 export declare class LanguagePickerComponent extends HTMLElement {
     private static readonly textureLoader;
-    private static readonly languagesAttribute;
-    private static readonly selectedAttribute;
+    readonly shadowRoot: ShadowRoot;
     static get observedAttributes(): string[];
-    private readonly _shadowRoot;
     private _renderer;
     private _scene;
     private _camera;
-    private _container;
+    private _root;
     private _canvas;
     private _controls;
     private _resizeObserver;
@@ -35,13 +33,14 @@ export declare class LanguagePickerComponent extends HTMLElement {
     private _introCameraHoldDuration;
     private _isIntroCameraAnimating;
     private _isIntroCameraHolding;
-    private _languages;
+    private options;
+    private flags;
     /**
      * Single source of truth for which language is currently selected.
      * Everything else (rotation, BarMenu) is derived from this.
      */
-    private _selectedId;
-    private _previewId;
+    private selected;
+    private selectedTmp;
     private _menuContainer;
     private _menuIntroStartScale;
     private _barMenu;
@@ -49,29 +48,52 @@ export declare class LanguagePickerComponent extends HTMLElement {
     private _confirmationDialog;
     private _isInitialized;
     private _isInitializing;
-    constructor(options?: LanguagePickerComponentOptions);
-    private _indexOfId;
-    private _idOfIndex;
+    private _barMenuVisibleIndex;
+    private _programmaticScrollTimer;
+    constructor();
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /**
+     * Initialize the component with a set of languages.
+     * @param languages Set of locale keys representing the languages to display.
+     */
+    private _initializeComponent;
+    /**
+     * Cache references to important HTML elements.
+     */
+    private setupHtmlElements;
+    /**
+     * Set up Three.js elemnents.
+     */
+    private setupScene;
+    /**
+     * Create flag meshes, position them in a circle, and set up their wind parameters.
+     */
+    private setupFlags;
+    /**
+     * Set up a ResizeObserver to handle canvas resizing and update the camera aspect ratio.
+     */
+    private resizeHandler;
+    private listenToBarMenuNavigation;
+    /**
+     * Cache references to UI elements like the BarMenu and menu container, and set initial styles.
+     */
+    private setupUI;
+    private _computeIntroCameraEndPosition;
     /**
      * Programmatically select a language by its locale key.
      * Rotates the flags ring and syncs the BarMenu to show the correct autonym.
      * Safe to call before init — queued and applied once the component is ready.
      */
     selectLanguage(language: Locales): void;
-    /**
-     * Rotate and sync BarMenu without touching _selectedId.
-     * Used by BarMenu arrows and button clicks (before confirmation).
-     */
-    private _applyPreview;
     addLanguage(_language: string): void;
     addLocales(_languages: string[]): void;
     removeLanguage(_language: string): void;
     removeLocales(_languages: string[]): void;
     /**
      * Rotate the flags group so that the flag at `index` faces the camera.
+     * @param id Locale key of the language to rotate to.
      */
     private _rotateToId;
     /**
@@ -80,13 +102,8 @@ export declare class LanguagePickerComponent extends HTMLElement {
      * synthetic next/prev clicks — no more DOM polling.
      */
     private _syncBarMenuToId;
-    private _initializeComponent;
-    private _listenToBarMenuNavigation;
-    private _setupScene;
-    private _setupUI;
-    private _setupFlags;
-    private _computeIntroCameraEndPosition;
-    private _setupConfirmationDialog;
+    private setupConfirmationDialog;
+    private barMenuButtonClickHandler;
     private _handleConfirmation;
     private _animate;
     private _updateGroupRotation;

package/dist/types/web-components/language-picker/default-values.const.d.ts

@@ -0,0 +1,5 @@
+import { Locales } from '@albi_scando/as-const-languages-lib';
+export declare const DEFAULT_VALUES: {
+    readonly selected: "ENGLISH_UNITED_KINGDOM";
+    readonly options: Set<Locales>;
+};

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

@@ -1,4 +1,4 @@
 export { LanguagePickerComponent } from './component';
-export type { LanguagePickerComponentOptions } from './component';
+export { OBSERVED_ATTRIBUTES } from './component';
 export { selector } from './selector';
 export { COMPONENT_CUSTOM_MESSAGES } from './custom-messages.const';

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

@@ -6,9 +6,9 @@ export declare class ThemeCubeComponent extends HTMLElement {
     private static readonly FACE_VISUALS;
     private static readonly CUBE_SIDE_LENGTH;
     private static readonly textureLoader;
+    readonly shadowRoot: ShadowRoot;
     private static readonly themesAttribute;
     private static readonly selectedAttribute;
-    readonly shadowRoot: ShadowRoot;
     private _root;
     private _canvas;
     private _hintTop;
@@ -50,6 +50,7 @@ export declare class ThemeCubeComponent extends HTMLElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private initializeComponent;
+    private setupHtmlElements;
     private _sanitizeThemes;
     private _setupDOM;
     private _setupScene;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@albi_scando/as-design-system-threejs-lib",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "A library of reusable, strongly typed threejs Web Components built with TypeScript, designed for creating consistent and maintainable user interfaces.",
   "type": "module",
   "files": [