@taon-dev/ui 21.0.16 → 21.0.17

package/browser-prod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taon-dev/ui/browser-prod",
-  "version": "21.0.16",
+  "version": "21.0.17",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0"

package/browser-prod/types/ui-browser-prod.d.ts

@@ -34,7 +34,7 @@ declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-declare const CURRENT_PACKAGE_VERSION = "21.0.16";
+declare const CURRENT_PACKAGE_VERSION = "21.0.17";
 
 declare function myOrgProj(): void;
 
@@ -439,6 +439,7 @@ declare class TaonDraggableButtonPanelComponent<TContext = unknown> implements O
      */
     stateParamName: string;
     set state(state: TaonDraggableButtonPanelState);
+    initialState: TaonDraggableButtonPanelState;
     readonly stateChange: EventEmitter<TaonDraggableButtonPanelState>;
     protected readonly forceFullScreen: i0.WritableSignal<boolean>;
     private readonly resizeListener;
@@ -468,7 +469,7 @@ declare class TaonDraggableButtonPanelComponent<TContext = unknown> implements O
     private resetDragPosition;
     private isTransitionAllowed;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaonDraggableButtonPanelComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TaonDraggableButtonPanelComponent<any>, "taon-draggable-button-panel", never, { "context": { "alias": "context"; "required": false; }; "basePath": { "alias": "basePath"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "stateParamName": { "alias": "stateParamName"; "required": false; }; "state": { "alias": "state"; "required": false; }; "autoHideIcon": { "alias": "autoHideIcon"; "required": false; }; "iconTemplate": { "alias": "iconTemplate"; "required": false; }; "headerCenterTemplate": { "alias": "headerCenterTemplate"; "required": false; }; }, { "stateChange": "stateChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaonDraggableButtonPanelComponent<any>, "taon-draggable-button-panel", never, { "context": { "alias": "context"; "required": false; }; "basePath": { "alias": "basePath"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "stateParamName": { "alias": "stateParamName"; "required": false; }; "state": { "alias": "state"; "required": false; }; "initialState": { "alias": "initialState"; "required": false; }; "autoHideIcon": { "alias": "autoHideIcon"; "required": false; }; "iconTemplate": { "alias": "iconTemplate"; "required": false; }; "headerCenterTemplate": { "alias": "headerCenterTemplate"; "required": false; }; }, { "stateChange": "stateChange"; }, never, ["*"], true, never>;
 }
 
 declare const TaonDraggableButtonPanelRoutes: Routes;

package/full-dts/build-info._auto-generated_.d.ts

@@ -22,4 +22,4 @@ export declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export declare const CURRENT_PACKAGE_VERSION = "21.0.16";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.17";

package/full-dts/taon-draggable-button-panel/taon-draggable-button-panel.component.d.ts

@@ -26,6 +26,7 @@ export declare class TaonDraggableButtonPanelComponent<TContext = unknown> imple
      */
     stateParamName: string;
     set state(state: TaonDraggableButtonPanelState);
+    initialState: TaonDraggableButtonPanelState;
     readonly stateChange: EventEmitter<TaonDraggableButtonPanelState>;
     protected readonly forceFullScreen: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<boolean>;
     private readonly resizeListener;

package/lib/build-info._auto-generated_.d.ts

@@ -21,4 +21,4 @@ export declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export declare const CURRENT_PACKAGE_VERSION = "21.0.16";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.17";

package/lib/build-info._auto-generated_.js

@@ -25,6 +25,6 @@ exports.CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-exports.CURRENT_PACKAGE_VERSION = '21.0.16';
+exports.CURRENT_PACKAGE_VERSION = '21.0.17';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@taon-dev/ui/lib",
-  "version": "21.0.16"
+  "version": "21.0.17"
 }

package/lib/taon-admin-layout/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514216807(): void;
+export declare function dummy1792624456976(): void;

package/lib/taon-admin-layout/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1792514216807 = dummy1792514216807;
-function dummy1792514216807() { }
+exports.dummy1792624456976 = dummy1792624456976;
+function dummy1792624456976() { }
 //# sourceMappingURL=index.js.map

package/lib/taon-admin-welcome/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514216862(): void;
+export declare function dummy1792624457033(): void;

package/lib/taon-admin-welcome/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1792514216862 = dummy1792514216862;
-function dummy1792514216862() { }
+exports.dummy1792624457033 = dummy1792624457033;
+function dummy1792624457033() { }
 //# sourceMappingURL=index.js.map

package/lib/taon-datatable/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514216890(): void;
+export declare function dummy1792624457064(): void;

package/lib/taon-datatable/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1792514216890 = dummy1792514216890;
-function dummy1792514216890() { }
+exports.dummy1792624457064 = dummy1792624457064;
+function dummy1792624457064() { }
 //# sourceMappingURL=index.js.map

package/lib/taon-draggable-button-panel/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514216914(): void;
+export declare function dummy1792624457089(): void;

package/lib/taon-draggable-button-panel/index.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummy1792514216914 = dummy1792514216914;
-function dummy1792514216914() { }
+exports.dummy1792624457089 = dummy1792624457089;
+function dummy1792624457089() { }
 //# sourceMappingURL=index.js.map

package/lib-esm/lib/build-info._auto-generated_.d.ts

@@ -21,4 +21,4 @@ export declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export declare const CURRENT_PACKAGE_VERSION = "21.0.16";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.17";

package/lib-esm/lib/build-info._auto-generated_.js

@@ -22,6 +22,6 @@ export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export const CURRENT_PACKAGE_VERSION = '21.0.16';
+export const CURRENT_PACKAGE_VERSION = '21.0.17';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib-esm/lib/taon-admin-layout/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514216807(): void;
+export declare function dummy1792624456976(): void;

package/lib-esm/lib/taon-admin-layout/index.js

@@ -1,2 +1,2 @@
-export function dummy1792514216807() { }
+export function dummy1792624456976() { }
 //# sourceMappingURL=index.js.map

package/lib-esm/lib/taon-admin-welcome/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514216862(): void;
+export declare function dummy1792624457033(): void;

package/lib-esm/lib/taon-admin-welcome/index.js

@@ -1,2 +1,2 @@
-export function dummy1792514216862() { }
+export function dummy1792624457033() { }
 //# sourceMappingURL=index.js.map

package/lib-esm/lib/taon-datatable/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514216890(): void;
+export declare function dummy1792624457064(): void;

package/lib-esm/lib/taon-datatable/index.js

@@ -1,2 +1,2 @@
-export function dummy1792514216890() { }
+export function dummy1792624457064() { }
 //# sourceMappingURL=index.js.map

package/lib-esm/lib/taon-draggable-button-panel/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514216914(): void;
+export declare function dummy1792624457089(): void;

package/lib-esm/lib/taon-draggable-button-panel/index.js

@@ -1,2 +1,2 @@
-export function dummy1792514216914() { }
+export function dummy1792624457089() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/build-info._auto-generated_.d.ts

@@ -21,4 +21,4 @@ export declare const CURRENT_PACKAGE_TAON_VERSION = "v21";
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export declare const CURRENT_PACKAGE_VERSION = "21.0.16";
+export declare const CURRENT_PACKAGE_VERSION = "21.0.17";

package/lib-prod/build-info._auto-generated_.js

@@ -22,6 +22,6 @@ export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-export const CURRENT_PACKAGE_VERSION = '21.0.16';
+export const CURRENT_PACKAGE_VERSION = '21.0.17';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 //# sourceMappingURL=build-info._auto-generated_.js.map

package/lib-prod/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@taon-dev/ui/lib-prod",
-  "version": "21.0.16"
+  "version": "21.0.17"
 }

package/lib-prod/taon-admin-layout/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514240318(): void;
+export declare function dummy1792624480217(): void;

package/lib-prod/taon-admin-layout/index.js

@@ -1,2 +1,2 @@
-export function dummy1792514240318() { }
+export function dummy1792624480217() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/taon-admin-welcome/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514240382(): void;
+export declare function dummy1792624480274(): void;

package/lib-prod/taon-admin-welcome/index.js

@@ -1,2 +1,2 @@
-export function dummy1792514240382() { }
+export function dummy1792624480274() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/taon-datatable/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514240411(): void;
+export declare function dummy1792624480304(): void;

package/lib-prod/taon-datatable/index.js

@@ -1,2 +1,2 @@
-export function dummy1792514240411() { }
+export function dummy1792624480304() { }
 //# sourceMappingURL=index.js.map

package/lib-prod/taon-draggable-button-panel/index.d.ts

@@ -1 +1 @@
-export declare function dummy1792514240438(): void;
+export declare function dummy1792624480329(): void;

package/lib-prod/taon-draggable-button-panel/index.js

@@ -1,2 +1,2 @@
-export function dummy1792514240438() { }
+export function dummy1792624480329() { }
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taon-dev/ui",
-  "version": "21.0.16",
+  "version": "21.0.17",
   "scripts": {
     "taon init": "taon init",
     "taon start": "taon start",

package/ts-source/browser-code/build-info._auto-generated_.ts

@@ -15,4 +15,4 @@ export const APP_ID = 'com.domain.example.ui';
 export const BUILD_BASE_HREF = '';
 export const PROJECT_NPM_NAME = '@taon-dev/ui';
 export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
-export const CURRENT_PACKAGE_VERSION = '21.0.16';
+export const CURRENT_PACKAGE_VERSION = '21.0.17';

package/ts-source/browser-code/taon-draggable-button-panel/taon-draggable-button-panel.component.ts

@@ -60,6 +60,8 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
     set state(state: TaonDraggableButtonPanelState) {
         this.currentState.set(state);
     }
+    @Input()
+    initialState: TaonDraggableButtonPanelState = TaonDraggableButtonPanelState.WINDOW;
     @Output()
     readonly stateChange = new EventEmitter<TaonDraggableButtonPanelState>();
     protected readonly forceFullScreen = signal(window.innerWidth < 900);
@@ -158,7 +160,7 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
         await this.saveStateToUrl(next);
     }
     protected open(): void {
-        void this.setState(TaonDraggableButtonPanelState.WINDOW);
+        void this.setState(this.initialState);
     }
     protected toggle(): void {
         if (this.currentState() === this.State.CLICKABLE_BUTTON) {
@@ -245,6 +247,8 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
         const transitions: Record<TaonDraggableButtonPanelState, TaonDraggableButtonPanelState[]> = {
             [TaonDraggableButtonPanelState.CLICKABLE_BUTTON]: [
                 TaonDraggableButtonPanelState.WINDOW,
+                TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE,
+                TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED,
             ],
             [TaonDraggableButtonPanelState.WINDOW]: [
                 TaonDraggableButtonPanelState.CLICKABLE_BUTTON,

package/ts-source/browser-code-prod/build-info._auto-generated_.ts

@@ -15,4 +15,4 @@ export const APP_ID = 'com.domain.example.ui';
 export const BUILD_BASE_HREF = '';
 export const PROJECT_NPM_NAME = '@taon-dev/ui';
 export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
-export const CURRENT_PACKAGE_VERSION = '21.0.16';
+export const CURRENT_PACKAGE_VERSION = '21.0.17';

package/ts-source/browser-code-prod/taon-draggable-button-panel/taon-draggable-button-panel.component.ts

@@ -60,6 +60,8 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
     set state(state: TaonDraggableButtonPanelState) {
         this.currentState.set(state);
     }
+    @Input()
+    initialState: TaonDraggableButtonPanelState = TaonDraggableButtonPanelState.WINDOW;
     @Output()
     readonly stateChange = new EventEmitter<TaonDraggableButtonPanelState>();
     protected readonly forceFullScreen = signal(window.innerWidth < 900);
@@ -158,7 +160,7 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
         await this.saveStateToUrl(next);
     }
     protected open(): void {
-        void this.setState(TaonDraggableButtonPanelState.WINDOW);
+        void this.setState(this.initialState);
     }
     protected toggle(): void {
         if (this.currentState() === this.State.CLICKABLE_BUTTON) {
@@ -245,6 +247,8 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
         const transitions: Record<TaonDraggableButtonPanelState, TaonDraggableButtonPanelState[]> = {
             [TaonDraggableButtonPanelState.CLICKABLE_BUTTON]: [
                 TaonDraggableButtonPanelState.WINDOW,
+                TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE,
+                TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED,
             ],
             [TaonDraggableButtonPanelState.WINDOW]: [
                 TaonDraggableButtonPanelState.CLICKABLE_BUTTON,

package/ts-source/websql-code/build-info._auto-generated_.ts

@@ -15,4 +15,4 @@ export const APP_ID = 'com.domain.example.ui';
 export const BUILD_BASE_HREF = '';
 export const PROJECT_NPM_NAME = '@taon-dev/ui';
 export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
-export const CURRENT_PACKAGE_VERSION = '21.0.16';
+export const CURRENT_PACKAGE_VERSION = '21.0.17';

package/ts-source/websql-code/taon-draggable-button-panel/taon-draggable-button-panel.component.ts

@@ -60,6 +60,8 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
     set state(state: TaonDraggableButtonPanelState) {
         this.currentState.set(state);
     }
+    @Input()
+    initialState: TaonDraggableButtonPanelState = TaonDraggableButtonPanelState.WINDOW;
     @Output()
     readonly stateChange = new EventEmitter<TaonDraggableButtonPanelState>();
     protected readonly forceFullScreen = signal(window.innerWidth < 900);
@@ -158,7 +160,7 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
         await this.saveStateToUrl(next);
     }
     protected open(): void {
-        void this.setState(TaonDraggableButtonPanelState.WINDOW);
+        void this.setState(this.initialState);
     }
     protected toggle(): void {
         if (this.currentState() === this.State.CLICKABLE_BUTTON) {
@@ -245,6 +247,8 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
         const transitions: Record<TaonDraggableButtonPanelState, TaonDraggableButtonPanelState[]> = {
             [TaonDraggableButtonPanelState.CLICKABLE_BUTTON]: [
                 TaonDraggableButtonPanelState.WINDOW,
+                TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE,
+                TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED,
             ],
             [TaonDraggableButtonPanelState.WINDOW]: [
                 TaonDraggableButtonPanelState.CLICKABLE_BUTTON,

package/ts-source/websql-code-prod/build-info._auto-generated_.ts

@@ -15,4 +15,4 @@ export const APP_ID = 'com.domain.example.ui';
 export const BUILD_BASE_HREF = '';
 export const PROJECT_NPM_NAME = '@taon-dev/ui';
 export const CURRENT_PACKAGE_TAON_VERSION = 'v21';
-export const CURRENT_PACKAGE_VERSION = '21.0.16';
+export const CURRENT_PACKAGE_VERSION = '21.0.17';

package/ts-source/websql-code-prod/taon-draggable-button-panel/taon-draggable-button-panel.component.ts

@@ -60,6 +60,8 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
     set state(state: TaonDraggableButtonPanelState) {
         this.currentState.set(state);
     }
+    @Input()
+    initialState: TaonDraggableButtonPanelState = TaonDraggableButtonPanelState.WINDOW;
     @Output()
     readonly stateChange = new EventEmitter<TaonDraggableButtonPanelState>();
     protected readonly forceFullScreen = signal(window.innerWidth < 900);
@@ -158,7 +160,7 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
         await this.saveStateToUrl(next);
     }
     protected open(): void {
-        void this.setState(TaonDraggableButtonPanelState.WINDOW);
+        void this.setState(this.initialState);
     }
     protected toggle(): void {
         if (this.currentState() === this.State.CLICKABLE_BUTTON) {
@@ -245,6 +247,8 @@ export class TaonDraggableButtonPanelComponent<TContext = unknown> implements On
         const transitions: Record<TaonDraggableButtonPanelState, TaonDraggableButtonPanelState[]> = {
             [TaonDraggableButtonPanelState.CLICKABLE_BUTTON]: [
                 TaonDraggableButtonPanelState.WINDOW,
+                TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE,
+                TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED,
             ],
             [TaonDraggableButtonPanelState.WINDOW]: [
                 TaonDraggableButtonPanelState.CLICKABLE_BUTTON,

package/websql/fesm2022/ui-websql.mjs

@@ -68,7 +68,7 @@ const CURRENT_PACKAGE_TAON_VERSION = 'v21';
 /**
  *  Autogenerated by current cli tool. Use *tnp release* to bump version.
  */
-const CURRENT_PACKAGE_VERSION = '21.0.16';
+const CURRENT_PACKAGE_VERSION = '21.0.17';
 // THIS FILE IS GENERATED - DO NOT MODIFY
 
 const t$3 = Translation.for('src/lib/my-organization-proj.ts', { "src/lib/my-organization-proj.ts": { "en-US": async () => (await import('./ui-websql-my-organization-proj.ts.en-US.i18n.data-CoSik70Y.mjs')).default, "pl-PL": async () => (await import('./ui-websql-my-organization-proj.ts.pl-PL.i18n.data-BZPsT3Zk.mjs')).default } });
@@ -1718,6 +1718,7 @@ class TaonDraggableButtonPanelComponent {
          * Matrix parameter used for persisting the panel state.
          */
         this.stateParamName = 'state';
+        this.initialState = TaonDraggableButtonPanelState.WINDOW;
         this.stateChange = new EventEmitter();
         this.forceFullScreen = signal(window.innerWidth < 900, ...(ngDevMode ? [{ debugName: "forceFullScreen" }] : []));
         this.resizeListener = () => {
@@ -1910,7 +1911,7 @@ class TaonDraggableButtonPanelComponent {
     //#endregion
     //#region methods / open
     open() {
-        void this.setState(TaonDraggableButtonPanelState.WINDOW);
+        void this.setState(this.initialState);
     }
     toggle() {
         if (this.currentState() === this.State.CLICKABLE_BUTTON) {
@@ -2052,6 +2053,8 @@ class TaonDraggableButtonPanelComponent {
         const transitions = {
             [TaonDraggableButtonPanelState.CLICKABLE_BUTTON]: [
                 TaonDraggableButtonPanelState.WINDOW,
+                TaonDraggableButtonPanelState.FULL_SCREEN_DRAGGABLE,
+                TaonDraggableButtonPanelState.FULL_SCREEN_LOCKED,
             ],
             [TaonDraggableButtonPanelState.WINDOW]: [
                 TaonDraggableButtonPanelState.CLICKABLE_BUTTON,
@@ -2072,7 +2075,7 @@ class TaonDraggableButtonPanelComponent {
         return transitions[current].includes(next);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonDraggableButtonPanelComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonDraggableButtonPanelComponent, isStandalone: true, selector: "taon-draggable-button-panel", inputs: { context: "context", basePath: "basePath", buttonIcon: "buttonIcon", title: "title", outlet: "outlet", stateParamName: "stateParamName", state: "state", autoHideIcon: "autoHideIcon", iconTemplate: "iconTemplate", headerCenterTemplate: "headerCenterTemplate" }, outputs: { stateChange: "stateChange" }, providers: [TaonAdminMenuContext], viewQueries: [{ propertyName: "drag", first: true, predicate: CdkDrag, descendants: true }], ngImport: i0, template: "@if (currentState() === State.CLICKABLE_BUTTON || !autoHideIcon) {\n  @if (iconTemplate) {\n    <ng-container [ngTemplateOutlet]=\"iconTemplate\" />\n  } @else {\n    <button\n      class=\"taon-admin-panel-toogle-open-button\"\n      [class.taon-admin-panel-toogle-button-dimmer-opacity]=\"\n        effectiveState() !== State.CLICKABLE_BUTTON\n      \"\n      mat-icon-button\n      type=\"button\"\n      [matTooltip]=\"title\"\n      (click)=\"toggle()\">\n      <mat-icon>{{ buttonIcon }}</mat-icon>\n    </button>\n  }\n}\n\n<section\n  cdkDrag\n  [hidden]=\"currentState() === State.CLICKABLE_BUTTON\"\n  [cdkDragDisabled]=\"!isDraggingEnabled()\"\n  class=\"taon-draggable-panel\"\n  [class.taon-window]=\"effectiveState() === State.WINDOW\"\n  [class.taon-window-full]=\"effectiveState() !== State.WINDOW\"\n  [class.taon-fullscreen]=\"\n    effectiveState() === State.FULL_SCREEN_DRAGGABLE ||\n    effectiveState() === State.FULL_SCREEN_LOCKED\n  \">\n  <header\n    cdkDragHandle\n    (dblclick)=\"toogleFullscreen($event)\"\n    class=\"taon-window-bar\">\n    <!-- LEFT -->\n    <div class=\"flex min-w-0 flex-1 items-center gap-2\">\n      <mat-icon class=\"text-gray-500\"> admin_panel_settings </mat-icon>\n\n      <span class=\"truncate font-medium\">\n        {{ title }}\n      </span>\n    </div>\n\n    <!-- EXACT CENTER -->\n    <div class=\"flex min-w-0 items-center justify-center\">\n      @if (headerCenterTemplate) {\n        <ng-container [ngTemplateOutlet]=\"headerCenterTemplate\" />\n      }\n    </div>\n\n    <!-- #region window buttons -->\n    <div class=\"flex shrink-0 items-center\">\n      <!-- Desktop-only window/fullscreen controls -->\n      @if (!forceFullScreen()) {\n        @if (currentState() !== State.WINDOW) {\n          <button\n            mat-icon-button\n            type=\"button\"\n            matTooltip=\"Window mode\"\n            (click)=\"windowMode()\">\n            <mat-icon>filter_none</mat-icon>\n          </button>\n        }\n\n        @if (currentState() === State.WINDOW) {\n          <button\n            mat-icon-button\n            type=\"button\"\n            matTooltip=\"Full screen\"\n            (click)=\"fullScreenDraggable()\">\n            <mat-icon>fullscreen</mat-icon>\n          </button>\n        }\n\n        @if (currentState() !== State.FULL_SCREEN_LOCKED) {\n          <button\n            mat-icon-button\n            type=\"button\"\n            matTooltip=\"Lock full screen\"\n            (click)=\"lockFullScreen()\">\n            <mat-icon>lock_open</mat-icon>\n          </button>\n        } @else {\n          <button\n            mat-icon-button\n            type=\"button\"\n            matTooltip=\"Unlock\"\n            (click)=\"fullScreenDraggable()\">\n            <mat-icon>lock</mat-icon>\n          </button>\n        }\n      }\n\n      <!-- ALWAYS available -->\n      <button\n        mat-icon-button\n        type=\"button\"\n        matTooltip=\"Close admin panel\"\n        (click)=\"returnToButton()\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n    <!-- #endregion -->\n  </header>\n\n  <div class=\"min-h-0 flex-1 overflow-hidden\">\n    <ng-content />\n  </div>\n</section>\n", styles: [":host{display:contents}.taon-admin-panel-toogle-button-dimmer-opacity{opacity:.6}.taon-draggable-panel{position:fixed;display:flex;flex-direction:column;min-width:320px;min-height:240px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 50px #00000026;z-index:1000}.taon-window{width:70vw;height:70vh;left:15vw;top:25vh;border-radius:6px}.taon-fullscreen{width:100vw;height:100dvh;left:0;top:0;border-radius:0}.taon-window-bar{height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;flex-shrink:0;padding-left:12px;border-bottom:1px solid #e5e7eb;background:#fafafa;-webkit-user-select:none;user-select:none;cursor:move}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", type: TaonDraggableButtonPanelComponent, isStandalone: true, selector: "taon-draggable-button-panel", inputs: { context: "context", basePath: "basePath", buttonIcon: "buttonIcon", title: "title", outlet: "outlet", stateParamName: "stateParamName", state: "state", initialState: "initialState", autoHideIcon: "autoHideIcon", iconTemplate: "iconTemplate", headerCenterTemplate: "headerCenterTemplate" }, outputs: { stateChange: "stateChange" }, providers: [TaonAdminMenuContext], viewQueries: [{ propertyName: "drag", first: true, predicate: CdkDrag, descendants: true }], ngImport: i0, template: "@if (currentState() === State.CLICKABLE_BUTTON || !autoHideIcon) {\n  @if (iconTemplate) {\n    <ng-container [ngTemplateOutlet]=\"iconTemplate\" />\n  } @else {\n    <button\n      class=\"taon-admin-panel-toogle-open-button\"\n      [class.taon-admin-panel-toogle-button-dimmer-opacity]=\"\n        effectiveState() !== State.CLICKABLE_BUTTON\n      \"\n      mat-icon-button\n      type=\"button\"\n      [matTooltip]=\"title\"\n      (click)=\"toggle()\">\n      <mat-icon>{{ buttonIcon }}</mat-icon>\n    </button>\n  }\n}\n\n<section\n  cdkDrag\n  [hidden]=\"currentState() === State.CLICKABLE_BUTTON\"\n  [cdkDragDisabled]=\"!isDraggingEnabled()\"\n  class=\"taon-draggable-panel\"\n  [class.taon-window]=\"effectiveState() === State.WINDOW\"\n  [class.taon-window-full]=\"effectiveState() !== State.WINDOW\"\n  [class.taon-fullscreen]=\"\n    effectiveState() === State.FULL_SCREEN_DRAGGABLE ||\n    effectiveState() === State.FULL_SCREEN_LOCKED\n  \">\n  <header\n    cdkDragHandle\n    (dblclick)=\"toogleFullscreen($event)\"\n    class=\"taon-window-bar\">\n    <!-- LEFT -->\n    <div class=\"flex min-w-0 flex-1 items-center gap-2\">\n      <mat-icon class=\"text-gray-500\"> admin_panel_settings </mat-icon>\n\n      <span class=\"truncate font-medium\">\n        {{ title }}\n      </span>\n    </div>\n\n    <!-- EXACT CENTER -->\n    <div class=\"flex min-w-0 items-center justify-center\">\n      @if (headerCenterTemplate) {\n        <ng-container [ngTemplateOutlet]=\"headerCenterTemplate\" />\n      }\n    </div>\n\n    <!-- #region window buttons -->\n    <div class=\"flex shrink-0 items-center\">\n      <!-- Desktop-only window/fullscreen controls -->\n      @if (!forceFullScreen()) {\n        @if (currentState() !== State.WINDOW) {\n          <button\n            mat-icon-button\n            type=\"button\"\n            matTooltip=\"Window mode\"\n            (click)=\"windowMode()\">\n            <mat-icon>filter_none</mat-icon>\n          </button>\n        }\n\n        @if (currentState() === State.WINDOW) {\n          <button\n            mat-icon-button\n            type=\"button\"\n            matTooltip=\"Full screen\"\n            (click)=\"fullScreenDraggable()\">\n            <mat-icon>fullscreen</mat-icon>\n          </button>\n        }\n\n        @if (currentState() !== State.FULL_SCREEN_LOCKED) {\n          <button\n            mat-icon-button\n            type=\"button\"\n            matTooltip=\"Lock full screen\"\n            (click)=\"lockFullScreen()\">\n            <mat-icon>lock_open</mat-icon>\n          </button>\n        } @else {\n          <button\n            mat-icon-button\n            type=\"button\"\n            matTooltip=\"Unlock\"\n            (click)=\"fullScreenDraggable()\">\n            <mat-icon>lock</mat-icon>\n          </button>\n        }\n      }\n\n      <!-- ALWAYS available -->\n      <button\n        mat-icon-button\n        type=\"button\"\n        matTooltip=\"Close admin panel\"\n        (click)=\"returnToButton()\">\n        <mat-icon>close</mat-icon>\n      </button>\n    </div>\n    <!-- #endregion -->\n  </header>\n\n  <div class=\"min-h-0 flex-1 overflow-hidden\">\n    <ng-content />\n  </div>\n</section>\n", styles: [":host{display:contents}.taon-admin-panel-toogle-button-dimmer-opacity{opacity:.6}.taon-draggable-panel{position:fixed;display:flex;flex-direction:column;min-width:320px;min-height:240px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 50px #00000026;z-index:1000}.taon-window{width:70vw;height:70vh;left:15vw;top:25vh;border-radius:6px}.taon-fullscreen{width:100vw;height:100dvh;left:0;top:0;border-radius:0}.taon-window-bar{height:48px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;flex-shrink:0;padding-left:12px;border-bottom:1px solid #e5e7eb;background:#fafafa;-webkit-user-select:none;user-select:none;cursor:move}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$2.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TaonDraggableButtonPanelComponent, decorators: [{
             type: Component,
@@ -2102,6 +2105,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 type: Input
             }], state: [{
                 type: Input
+            }], initialState: [{
+                type: Input
             }], stateChange: [{
                 type: Output
             }], autoHideIcon: [{