uni-component-tw 1.2.0 → 2.0.0

package/fesm2022/uni-component-tw-uni-side-menu.mjs

@@ -1,324 +0,0 @@
-import * as i1 from '@angular/common';
-import { CommonModule, NgOptimizedImage } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, input, output, signal, Component, ChangeDetectionStrategy } from '@angular/core';
-import { Router, RouterLink, RouterLinkActive } from '@angular/router';
-import * as i2 from 'devextreme-angular/ui/button';
-import { DxButtonModule } from 'devextreme-angular/ui/button';
-import * as i3 from 'devextreme-angular/ui/switch';
-import { DxSwitchModule } from 'devextreme-angular/ui/switch';
-import * as i4 from 'devextreme-angular/ui/select-box';
-import { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { faUser, faArrowRightToBracket, faArrowRightFromBracket, faSun, faMoon, faLanguage } from '@fortawesome/free-solid-svg-icons';
-import { UNITranslateService, UNITranslatePipe } from 'uni-service/translate';
-import { UNIAuthService } from 'uni-service/auth';
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-class UniSideMenuComponent {
-    constructor() {
-        /* Service */
-        this.router = inject(Router);
-        this.authService = inject(UNIAuthService);
-        this.translateService = inject(UNITranslateService);
-        /* Input */
-        this.pathBrandLogo = input.required();
-        this.menuItems = input([]);
-        this.menuInteractions = input([]);
-        this.user = input.required();
-        /* Output */
-        this.evtToggleMenu = output();
-        /* Variables */
-        this.darkMode = signal(localStorage.getItem('uni-theme') === 'dark');
-        /* Icons */
-        this.ICON = {
-            USER: faUser,
-            LOGIN: faArrowRightToBracket,
-            LOGOUT: faArrowRightFromBracket,
-            LIGHT_MODE: faSun,
-            DARK_MODE: faMoon,
-            LANGUAGE: faLanguage,
-        };
-    }
-    /* ---------------------- Methods ---------------------- */
-    updateTheme(e) {
-        localStorage.setItem('uni-theme', e.value ? 'dark' : 'light');
-        window.location.reload();
-    }
-    updateLanguage(e) {
-        this.translateService.setLanguage(e.value);
-        window.location.reload();
-    }
-    goToLogin() {
-        this.evtToggleMenu.emit(false);
-        this.router.navigate(['login']);
-    }
-    logout() {
-        this.authService.logout$().subscribe(() => {
-            const firstItem = this.menuItems().find((item) => item.visible && !item.disabled);
-            this.evtToggleMenu.emit(false);
-            this.router.navigate([firstItem?.path ?? 'login']);
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: UniSideMenuComponent, isStandalone: true, selector: "uni-side-menu", inputs: { pathBrandLogo: { classPropertyName: "pathBrandLogo", publicName: "pathBrandLogo", isSignal: true, isRequired: true, transformFunction: null }, menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, menuInteractions: { classPropertyName: "menuInteractions", publicName: "menuInteractions", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { evtToggleMenu: "evtToggleMenu" }, ngImport: i0, template: `
-    <aside
-      class="flex h-screen w-[250px] flex-col gap-4 overflow-hidden rounded bg-zinc-800/60 p-4 shadow backdrop-blur-xl">
-      <!-- user  -->
-      <div class="flex w-full items-center gap-4">
-        <div class="flex flex-1 gap-2">
-          @if (user(); as user) {
-            <fa-icon [icon]="ICON.USER"></fa-icon>
-            <span class="flex-1 truncate">{{ user.username }}</span>
-          }
-        </div>
-        <dx-button [icon]="'close'" (onClick)="evtToggleMenu.emit(false)"></dx-button>
-      </div>
-
-      <!-- menu  -->
-      @if (menuItems().length) {
-        <nav class="mt-8">
-          <ul class="flex flex-col gap-2">
-            @for (item of menuItems(); track item.id) {
-              @if (item.visible) {
-                <li>
-                  <a
-                    class="flex gap-2 rounded p-2 !text-white"
-                    [ngClass]="{
-                      'hover:bg-zinc-600/60': !item.disabled,
-                      'cursor-auto !opacity-25': item.disabled,
-                    }"
-                    [routerLink]="item.disabled ? null : item.path"
-                    routerLinkActive="bg-zinc-600/60"
-                    (click)="evtToggleMenu.emit(false)">
-                    <fa-icon class="basis-6" [icon]="item.icon"></fa-icon>
-                    <span class="flex-1 truncate">{{ item.label }}</span>
-                  </a>
-                </li>
-              }
-            }
-          </ul>
-        </nav>
-      }
-
-      @if (menuInteractions().length) {
-        <hr class="my-4 h-px border-0 bg-gray-600" />
-
-        <ul class="flex flex-col gap-2">
-          @for (item of menuInteractions(); track item.id) {
-            @if (item.data.type === 'button') {
-              <li class="item-setting-button">
-                <button
-                  type="button"
-                  class="dx-theme-material-typography flex h-12 w-full items-center gap-2 rounded p-4"
-                  [class]="item.class"
-                  (click)="item.fun()">
-                  <fa-icon class="basis-6" [icon]="item.data.icon"></fa-icon>
-                  <span class="flex-1 truncate">{{ item.label }}</span>
-                </button>
-              </li>
-            } @else if (item.data.type === 'select') {
-              <li class="flex h-12 items-center gap-4 rounded bg-zinc-600/60 p-3 shadow">
-                <span class="truncate">{{ item.label }}</span>
-                <dx-select-box
-                  class="flex-1 basis-24"
-                  valueExpr="id"
-                  displayExpr="description"
-                  [items]="item.data.combos"
-                  [value]="item.data.value"
-                  stylingMode="underlined"
-                  placeholder=""
-                  (onValueChanged)="item.fun($event)"></dx-select-box>
-              </li>
-            }
-          }
-        </ul>
-      }
-
-      <!-- setting  -->
-      <hr class="my-4 h-px border-0 bg-gray-600" />
-
-      <ul class="flex flex-col gap-2">
-        <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
-          <fa-icon class="basis-6" [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
-          <span class="flex-1 truncate">{{ 'lblDarkMode' | translate }}</span>
-          <dx-switch [value]="darkMode()" (onValueChanged)="updateTheme($event)"></dx-switch>
-        </li>
-        <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
-          <fa-icon class="basis-6" [icon]="ICON.LANGUAGE"></fa-icon>
-          <span class="flex-1 truncate">{{ 'lblLanguage' | translate }}</span>
-          <dx-select-box
-            class="basis-12"
-            [items]="translateService.translateInfo().languagesSupported"
-            [value]="translateService.translateInfo().language"
-            stylingMode="underlined"
-            (onValueChanged)="updateLanguage($event)"></dx-select-box>
-        </li>
-        <!-- User | null | undefined -->
-        @if (user() !== undefined) {
-          <li>
-            <button
-              class="flex w-full items-center gap-2 rounded border border-white p-4 text-white shadow transition duration-300 ease-in-out hover:bg-white hover:text-gray-800"
-              (click)="user() ? logout() : goToLogin()">
-              <fa-icon [icon]="user() ? ICON.LOGOUT : ICON.LOGIN"></fa-icon>
-              <span class="flex-1 truncate">{{
-                (user() ? 'lblLogout' : 'lblLogin') | translate
-              }}</span>
-            </button>
-          </li>
-        }
-      </ul>
-
-      <!-- logo  -->
-      <div class="mt-auto flex content-end border-b border-white">
-        <img
-          class="ml-auto h-12"
-          [ngSrc]="pathBrandLogo()"
-          alt="Brand logo"
-          [height]="30"
-          [width]="125"
-          priority />
-      </div>
-    </aside>
-  `, isInline: true, styles: ["@tailwind base;@tailwind components;@tailwind utilities;:host{position:fixed;top:0;right:0;z-index:999}.item-setting-button button{box-shadow:inset 0 3px 6px #0009,inset 0 -3px 6px #0000004d,0 3px 6px #0006;transition:all .1s ease}.item-setting-button button:active{transform:translateY(1px);box-shadow:inset 0 3px 6px #0009,inset 0 -3px 6px #0000004d}:host ::ng-deep .dx-texteditor.dx-editor-underlined .dx-texteditor-input{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "ngmodule", type: DxButtonModule }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "ngmodule", type: DxSwitchModule }, { kind: "component", type: i3.DxSwitchComponent, selector: "dx-switch", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "switchedOffText", "switchedOnText", "tabIndex", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "switchedOffTextChange", "switchedOnTextChange", "tabIndexChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "ngmodule", type: DxSelectBoxModule }, { kind: "component", type: i4.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "pipe", type: UNITranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniSideMenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'uni-side-menu', standalone: true, imports: [
-                        CommonModule,
-                        RouterLink,
-                        RouterLinkActive,
-                        NgOptimizedImage,
-                        DxButtonModule,
-                        DxSwitchModule,
-                        DxSelectBoxModule,
-                        FaIconComponent,
-                        UNITranslatePipe,
-                    ], template: `
-    <aside
-      class="flex h-screen w-[250px] flex-col gap-4 overflow-hidden rounded bg-zinc-800/60 p-4 shadow backdrop-blur-xl">
-      <!-- user  -->
-      <div class="flex w-full items-center gap-4">
-        <div class="flex flex-1 gap-2">
-          @if (user(); as user) {
-            <fa-icon [icon]="ICON.USER"></fa-icon>
-            <span class="flex-1 truncate">{{ user.username }}</span>
-          }
-        </div>
-        <dx-button [icon]="'close'" (onClick)="evtToggleMenu.emit(false)"></dx-button>
-      </div>
-
-      <!-- menu  -->
-      @if (menuItems().length) {
-        <nav class="mt-8">
-          <ul class="flex flex-col gap-2">
-            @for (item of menuItems(); track item.id) {
-              @if (item.visible) {
-                <li>
-                  <a
-                    class="flex gap-2 rounded p-2 !text-white"
-                    [ngClass]="{
-                      'hover:bg-zinc-600/60': !item.disabled,
-                      'cursor-auto !opacity-25': item.disabled,
-                    }"
-                    [routerLink]="item.disabled ? null : item.path"
-                    routerLinkActive="bg-zinc-600/60"
-                    (click)="evtToggleMenu.emit(false)">
-                    <fa-icon class="basis-6" [icon]="item.icon"></fa-icon>
-                    <span class="flex-1 truncate">{{ item.label }}</span>
-                  </a>
-                </li>
-              }
-            }
-          </ul>
-        </nav>
-      }
-
-      @if (menuInteractions().length) {
-        <hr class="my-4 h-px border-0 bg-gray-600" />
-
-        <ul class="flex flex-col gap-2">
-          @for (item of menuInteractions(); track item.id) {
-            @if (item.data.type === 'button') {
-              <li class="item-setting-button">
-                <button
-                  type="button"
-                  class="dx-theme-material-typography flex h-12 w-full items-center gap-2 rounded p-4"
-                  [class]="item.class"
-                  (click)="item.fun()">
-                  <fa-icon class="basis-6" [icon]="item.data.icon"></fa-icon>
-                  <span class="flex-1 truncate">{{ item.label }}</span>
-                </button>
-              </li>
-            } @else if (item.data.type === 'select') {
-              <li class="flex h-12 items-center gap-4 rounded bg-zinc-600/60 p-3 shadow">
-                <span class="truncate">{{ item.label }}</span>
-                <dx-select-box
-                  class="flex-1 basis-24"
-                  valueExpr="id"
-                  displayExpr="description"
-                  [items]="item.data.combos"
-                  [value]="item.data.value"
-                  stylingMode="underlined"
-                  placeholder=""
-                  (onValueChanged)="item.fun($event)"></dx-select-box>
-              </li>
-            }
-          }
-        </ul>
-      }
-
-      <!-- setting  -->
-      <hr class="my-4 h-px border-0 bg-gray-600" />
-
-      <ul class="flex flex-col gap-2">
-        <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
-          <fa-icon class="basis-6" [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
-          <span class="flex-1 truncate">{{ 'lblDarkMode' | translate }}</span>
-          <dx-switch [value]="darkMode()" (onValueChanged)="updateTheme($event)"></dx-switch>
-        </li>
-        <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
-          <fa-icon class="basis-6" [icon]="ICON.LANGUAGE"></fa-icon>
-          <span class="flex-1 truncate">{{ 'lblLanguage' | translate }}</span>
-          <dx-select-box
-            class="basis-12"
-            [items]="translateService.translateInfo().languagesSupported"
-            [value]="translateService.translateInfo().language"
-            stylingMode="underlined"
-            (onValueChanged)="updateLanguage($event)"></dx-select-box>
-        </li>
-        <!-- User | null | undefined -->
-        @if (user() !== undefined) {
-          <li>
-            <button
-              class="flex w-full items-center gap-2 rounded border border-white p-4 text-white shadow transition duration-300 ease-in-out hover:bg-white hover:text-gray-800"
-              (click)="user() ? logout() : goToLogin()">
-              <fa-icon [icon]="user() ? ICON.LOGOUT : ICON.LOGIN"></fa-icon>
-              <span class="flex-1 truncate">{{
-                (user() ? 'lblLogout' : 'lblLogin') | translate
-              }}</span>
-            </button>
-          </li>
-        }
-      </ul>
-
-      <!-- logo  -->
-      <div class="mt-auto flex content-end border-b border-white">
-        <img
-          class="ml-auto h-12"
-          [ngSrc]="pathBrandLogo()"
-          alt="Brand logo"
-          [height]="30"
-          [width]="125"
-          priority />
-      </div>
-    </aside>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@tailwind base;@tailwind components;@tailwind utilities;:host{position:fixed;top:0;right:0;z-index:999}.item-setting-button button{box-shadow:inset 0 3px 6px #0009,inset 0 -3px 6px #0000004d,0 3px 6px #0006;transition:all .1s ease}.item-setting-button button:active{transform:translateY(1px);box-shadow:inset 0 3px 6px #0009,inset 0 -3px 6px #0000004d}:host ::ng-deep .dx-texteditor.dx-editor-underlined .dx-texteditor-input{padding:0}\n"] }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { UniSideMenuComponent };
-//# sourceMappingURL=uni-component-tw-uni-side-menu.mjs.map

package/fesm2022/uni-component-tw-uni-side-menu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"uni-component-tw-uni-side-menu.mjs","sources":["../../../projects/uni-component-tw/uni-side-menu/src/uni-side-menu.component.ts","../../../projects/uni-component-tw/uni-side-menu/uni-component-tw-uni-side-menu.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { CommonModule, NgOptimizedImage } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, inject, input, output, signal } from '@angular/core';\r\nimport { Router, RouterLink, RouterLinkActive } from '@angular/router';\r\nimport { DxButtonModule } from 'devextreme-angular/ui/button';\r\nimport { DxSwitchModule } from 'devextreme-angular/ui/switch';\r\nimport { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';\r\nimport { ValueChangedEvent as SwitchValueChangedEvent } from 'devextreme/ui/switch_types';\r\nimport { ValueChangedEvent as SelectBoxValueChangedEvent } from 'devextreme/ui/select_box_types';\r\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\r\nimport {\r\n  IconDefinition,\r\n  faArrowRightFromBracket,\r\n  faArrowRightToBracket,\r\n  faLanguage,\r\n  faMoon,\r\n  faSun,\r\n  faUser,\r\n} from '@fortawesome/free-solid-svg-icons';\r\nimport { UNITranslatePipe, UNITranslateService } from 'uni-service/translate';\r\nimport { UNIAuthService, User } from 'uni-service/auth';\r\n\r\nexport type Combo = {\r\n  id: number;\r\n  code: string;\r\n  description: string;\r\n};\r\n\r\nexport type MenuItem = {\r\n  id: number;\r\n  icon: IconDefinition;\r\n  label: string;\r\n  path: string;\r\n  visible: boolean;\r\n  disabled: boolean;\r\n};\r\n\r\nexport type MenuInteraction = {\r\n  id: number;\r\n  data:\r\n    | { type: 'button'; icon: IconDefinition }\r\n    | { type: 'select'; combos: Combo[]; value: number | null };\r\n  label: string;\r\n  class: string;\r\n  fun: (...args: any) => void;\r\n  visible: boolean;\r\n  disabled: boolean;\r\n};\r\n\r\n@Component({\r\n  selector: 'uni-side-menu',\r\n  standalone: true,\r\n  imports: [\r\n    CommonModule,\r\n    RouterLink,\r\n    RouterLinkActive,\r\n    NgOptimizedImage,\r\n    DxButtonModule,\r\n    DxSwitchModule,\r\n    DxSelectBoxModule,\r\n    FaIconComponent,\r\n    UNITranslatePipe,\r\n  ],\r\n  template: `\r\n    <aside\r\n      class=\"flex h-screen w-[250px] flex-col gap-4 overflow-hidden rounded bg-zinc-800/60 p-4 shadow backdrop-blur-xl\">\r\n      <!-- user  -->\r\n      <div class=\"flex w-full items-center gap-4\">\r\n        <div class=\"flex flex-1 gap-2\">\r\n          @if (user(); as user) {\r\n            <fa-icon [icon]=\"ICON.USER\"></fa-icon>\r\n            <span class=\"flex-1 truncate\">{{ user.username }}</span>\r\n          }\r\n        </div>\r\n        <dx-button [icon]=\"'close'\" (onClick)=\"evtToggleMenu.emit(false)\"></dx-button>\r\n      </div>\r\n\r\n      <!-- menu  -->\r\n      @if (menuItems().length) {\r\n        <nav class=\"mt-8\">\r\n          <ul class=\"flex flex-col gap-2\">\r\n            @for (item of menuItems(); track item.id) {\r\n              @if (item.visible) {\r\n                <li>\r\n                  <a\r\n                    class=\"flex gap-2 rounded p-2 !text-white\"\r\n                    [ngClass]=\"{\r\n                      'hover:bg-zinc-600/60': !item.disabled,\r\n                      'cursor-auto !opacity-25': item.disabled,\r\n                    }\"\r\n                    [routerLink]=\"item.disabled ? null : item.path\"\r\n                    routerLinkActive=\"bg-zinc-600/60\"\r\n                    (click)=\"evtToggleMenu.emit(false)\">\r\n                    <fa-icon class=\"basis-6\" [icon]=\"item.icon\"></fa-icon>\r\n                    <span class=\"flex-1 truncate\">{{ item.label }}</span>\r\n                  </a>\r\n                </li>\r\n              }\r\n            }\r\n          </ul>\r\n        </nav>\r\n      }\r\n\r\n      @if (menuInteractions().length) {\r\n        <hr class=\"my-4 h-px border-0 bg-gray-600\" />\r\n\r\n        <ul class=\"flex flex-col gap-2\">\r\n          @for (item of menuInteractions(); track item.id) {\r\n            @if (item.data.type === 'button') {\r\n              <li class=\"item-setting-button\">\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"dx-theme-material-typography flex h-12 w-full items-center gap-2 rounded p-4\"\r\n                  [class]=\"item.class\"\r\n                  (click)=\"item.fun()\">\r\n                  <fa-icon class=\"basis-6\" [icon]=\"item.data.icon\"></fa-icon>\r\n                  <span class=\"flex-1 truncate\">{{ item.label }}</span>\r\n                </button>\r\n              </li>\r\n            } @else if (item.data.type === 'select') {\r\n              <li class=\"flex h-12 items-center gap-4 rounded bg-zinc-600/60 p-3 shadow\">\r\n                <span class=\"truncate\">{{ item.label }}</span>\r\n                <dx-select-box\r\n                  class=\"flex-1 basis-24\"\r\n                  valueExpr=\"id\"\r\n                  displayExpr=\"description\"\r\n                  [items]=\"item.data.combos\"\r\n                  [value]=\"item.data.value\"\r\n                  stylingMode=\"underlined\"\r\n                  placeholder=\"\"\r\n                  (onValueChanged)=\"item.fun($event)\"></dx-select-box>\r\n              </li>\r\n            }\r\n          }\r\n        </ul>\r\n      }\r\n\r\n      <!-- setting  -->\r\n      <hr class=\"my-4 h-px border-0 bg-gray-600\" />\r\n\r\n      <ul class=\"flex flex-col gap-2\">\r\n        <li class=\"flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow\">\r\n          <fa-icon class=\"basis-6\" [icon]=\"darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE\"></fa-icon>\r\n          <span class=\"flex-1 truncate\">{{ 'lblDarkMode' | translate }}</span>\r\n          <dx-switch [value]=\"darkMode()\" (onValueChanged)=\"updateTheme($event)\"></dx-switch>\r\n        </li>\r\n        <li class=\"flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow\">\r\n          <fa-icon class=\"basis-6\" [icon]=\"ICON.LANGUAGE\"></fa-icon>\r\n          <span class=\"flex-1 truncate\">{{ 'lblLanguage' | translate }}</span>\r\n          <dx-select-box\r\n            class=\"basis-12\"\r\n            [items]=\"translateService.translateInfo().languagesSupported\"\r\n            [value]=\"translateService.translateInfo().language\"\r\n            stylingMode=\"underlined\"\r\n            (onValueChanged)=\"updateLanguage($event)\"></dx-select-box>\r\n        </li>\r\n        <!-- User | null | undefined -->\r\n        @if (user() !== undefined) {\r\n          <li>\r\n            <button\r\n              class=\"flex w-full items-center gap-2 rounded border border-white p-4 text-white shadow transition duration-300 ease-in-out hover:bg-white hover:text-gray-800\"\r\n              (click)=\"user() ? logout() : goToLogin()\">\r\n              <fa-icon [icon]=\"user() ? ICON.LOGOUT : ICON.LOGIN\"></fa-icon>\r\n              <span class=\"flex-1 truncate\">{{\r\n                (user() ? 'lblLogout' : 'lblLogin') | translate\r\n              }}</span>\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n\r\n      <!-- logo  -->\r\n      <div class=\"mt-auto flex content-end border-b border-white\">\r\n        <img\r\n          class=\"ml-auto h-12\"\r\n          [ngSrc]=\"pathBrandLogo()\"\r\n          alt=\"Brand logo\"\r\n          [height]=\"30\"\r\n          [width]=\"125\"\r\n          priority />\r\n      </div>\r\n    </aside>\r\n  `,\r\n  styleUrl: './uni-side-menu.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class UniSideMenuComponent {\r\n  /* Service */\r\n  readonly router = inject(Router);\r\n  readonly authService = inject(UNIAuthService);\r\n  readonly translateService = inject(UNITranslateService);\r\n\r\n  /* Input */\r\n  pathBrandLogo = input.required<string>();\r\n  menuItems = input<MenuItem[]>([]);\r\n  menuInteractions = input<MenuInteraction[]>([]);\r\n  user = input.required<User | null | undefined>();\r\n\r\n  /* Output */\r\n  evtToggleMenu = output<false>();\r\n\r\n  /* Variables */\r\n  darkMode = signal<boolean>(localStorage.getItem('uni-theme') === 'dark');\r\n\r\n  /* Icons */\r\n  readonly ICON = {\r\n    USER: faUser,\r\n    LOGIN: faArrowRightToBracket,\r\n    LOGOUT: faArrowRightFromBracket,\r\n    LIGHT_MODE: faSun,\r\n    DARK_MODE: faMoon,\r\n    LANGUAGE: faLanguage,\r\n  };\r\n\r\n  /* ---------------------- Methods ---------------------- */\r\n  protected updateTheme(e: SwitchValueChangedEvent): void {\r\n    localStorage.setItem('uni-theme', e.value ? 'dark' : 'light');\r\n    window.location.reload();\r\n  }\r\n\r\n  protected updateLanguage(e: SelectBoxValueChangedEvent): void {\r\n    this.translateService.setLanguage(e.value);\r\n    window.location.reload();\r\n  }\r\n\r\n  protected goToLogin(): void {\r\n    this.evtToggleMenu.emit(false);\r\n    this.router.navigate(['login']);\r\n  }\r\n\r\n  protected logout(): void {\r\n    this.authService.logout$().subscribe(() => {\r\n      const firstItem = this.menuItems().find((item) => item.visible && !item.disabled);\r\n      this.evtToggleMenu.emit(false);\r\n      this.router.navigate([firstItem?.path ?? 'login']);\r\n    });\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/uni-component-tw-uni-wrapper-chart.mjs

@@ -1,43 +0,0 @@
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, viewChild, effect, Component, ChangeDetectionStrategy } from '@angular/core';
-
-class UniWrapperChartComponent {
-    /* ----------------------- Constructor & lifecycle --------------------------- */
-    constructor() {
-        /* Inputs & outputs */
-        this.title = input();
-        this.gridTemplateColumns = input('1fr');
-        this.gridTitle = input('1rem');
-        this.gridGap = input('1rem');
-        /* Ref */
-        this.containerDataSource = viewChild.required('container_datasource');
-        this.containerWithAside = viewChild('container_with_aside');
-        effect(() => {
-            this.containerDataSource().nativeElement.style.gridTemplateRows = this.title()
-                ? 'min-content 1fr'
-                : '1fr';
-            this.containerDataSource().nativeElement.style.gap = this.title() ? this.gridTitle() : '0rem';
-        });
-        effect(() => {
-            if (this.containerWithAside()) {
-                this.containerWithAside().nativeElement.style.gridTemplateColumns =
-                    this.gridTemplateColumns();
-                this.containerWithAside().nativeElement.style.gap = this.gridGap();
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniWrapperChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: UniWrapperChartComponent, isStandalone: true, selector: "uni-wrapper-chart", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, gridTemplateColumns: { classPropertyName: "gridTemplateColumns", publicName: "gridTemplateColumns", isSignal: true, isRequired: false, transformFunction: null }, gridTitle: { classPropertyName: "gridTitle", publicName: "gridTitle", isSignal: true, isRequired: false, transformFunction: null }, gridGap: { classPropertyName: "gridGap", publicName: "gridGap", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "containerDataSource", first: true, predicate: ["container_datasource"], descendants: true, isSignal: true }, { propertyName: "containerWithAside", first: true, predicate: ["container_with_aside"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #container_datasource class=\"container-datasource\">\r\n  @if (title(); as title) {\r\n    <h5>{{ title }}</h5>\r\n  }\r\n\r\n  @if (gridTemplateColumns() !== '1fr') {\r\n    <div #container_with_aside class=\"container-with-aside\">\r\n      <ng-content select=\"[aside]\"></ng-content>\r\n      <div class=\"container-chart\">\r\n        <ng-content select=\"[chart]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <div class=\"container-chart\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n", styles: [":host{display:block;height:100%;width:100%;overflow:hidden}.container-datasource{height:100%;display:grid;grid-template-columns:1fr;gap:.5rem;overflow:hidden}.container-with-aside{height:100%;width:100%;display:grid;grid-template-rows:1fr;overflow:hidden}.container-chart{overflow:hidden}:host ::ng-deep .container-chart>*{height:100%;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniWrapperChartComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'uni-wrapper-chart', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #container_datasource class=\"container-datasource\">\r\n  @if (title(); as title) {\r\n    <h5>{{ title }}</h5>\r\n  }\r\n\r\n  @if (gridTemplateColumns() !== '1fr') {\r\n    <div #container_with_aside class=\"container-with-aside\">\r\n      <ng-content select=\"[aside]\"></ng-content>\r\n      <div class=\"container-chart\">\r\n        <ng-content select=\"[chart]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <div class=\"container-chart\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n", styles: [":host{display:block;height:100%;width:100%;overflow:hidden}.container-datasource{height:100%;display:grid;grid-template-columns:1fr;gap:.5rem;overflow:hidden}.container-with-aside{height:100%;width:100%;display:grid;grid-template-rows:1fr;overflow:hidden}.container-chart{overflow:hidden}:host ::ng-deep .container-chart>*{height:100%;width:100%}\n"] }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { UniWrapperChartComponent };
-//# sourceMappingURL=uni-component-tw-uni-wrapper-chart.mjs.map

package/fesm2022/uni-component-tw-uni-wrapper-chart.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"uni-component-tw-uni-wrapper-chart.mjs","sources":["../../../projects/uni-component-tw/uni-wrapper-chart/src/uni-wrapper-chart.component.ts","../../../projects/uni-component-tw/uni-wrapper-chart/src/uni-wrapper-chart.component.html","../../../projects/uni-component-tw/uni-wrapper-chart/uni-component-tw-uni-wrapper-chart.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  effect,\r\n  input,\r\n  viewChild,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'uni-wrapper-chart',\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  templateUrl: './uni-wrapper-chart.component.html',\r\n  styleUrls: ['./uni-wrapper-chart.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class UniWrapperChartComponent {\r\n  /* Inputs & outputs */\r\n  public readonly title = input<string>();\r\n  public readonly gridTemplateColumns = input<string>('1fr');\r\n  public readonly gridTitle = input<string>('1rem');\r\n  public readonly gridGap = input<string>('1rem');\r\n\r\n  /* Ref */\r\n  protected readonly containerDataSource =\r\n    viewChild.required<ElementRef<HTMLDivElement>>('container_datasource');\r\n  protected readonly containerWithAside =\r\n    viewChild<ElementRef<HTMLDivElement>>('container_with_aside');\r\n\r\n  /* ----------------------- Constructor & lifecycle --------------------------- */\r\n  constructor() {\r\n    effect(() => {\r\n      this.containerDataSource().nativeElement.style.gridTemplateRows = this.title()\r\n        ? 'min-content 1fr'\r\n        : '1fr';\r\n      this.containerDataSource().nativeElement.style.gap = this.title() ? this.gridTitle() : '0rem';\r\n    });\r\n    effect(() => {\r\n      if (this.containerWithAside()) {\r\n        this.containerWithAside()!.nativeElement.style.gridTemplateColumns =\r\n          this.gridTemplateColumns();\r\n        this.containerWithAside()!.nativeElement.style.gap = this.gridGap();\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div #container_datasource class=\"container-datasource\">\r\n  @if (title(); as title) {\r\n    <h5>{{ title }}</h5>\r\n  }\r\n\r\n  @if (gridTemplateColumns() !== '1fr') {\r\n    <div #container_with_aside class=\"container-with-aside\">\r\n      <ng-content select=\"[aside]\"></ng-content>\r\n      <div class=\"container-chart\">\r\n        <ng-content select=\"[chart]\"></ng-content>\r\n      </div>\r\n    </div>\r\n  } @else {\r\n    <div class=\"container-chart\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/uni-article/index.d.ts

@@ -1 +0,0 @@
-export * from './src/uni-article.component';

package/uni-header/index.d.ts

@@ -1 +0,0 @@
-export * from './src/uni-header.component';

package/uni-login-modal/index.d.ts

@@ -1 +0,0 @@
-export * from './src/uni-login-modal.component';

package/uni-pie-chart/index.d.ts

@@ -1 +0,0 @@
-export * from './src/uni-pie-chart.component';

package/uni-side-menu/index.d.ts

@@ -1 +0,0 @@
-export * from './src/uni-side-menu.component';

package/uni-wrapper-chart/index.d.ts

@@ -1 +0,0 @@
-export * from './src/uni-wrapper-chart.component';

package/uni-wrapper-chart/src/uni-wrapper-chart.component.d.ts

@@ -1,13 +0,0 @@
-import { ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class UniWrapperChartComponent {
-    readonly title: import("@angular/core").InputSignal<string | undefined>;
-    readonly gridTemplateColumns: import("@angular/core").InputSignal<string>;
-    readonly gridTitle: import("@angular/core").InputSignal<string>;
-    readonly gridGap: import("@angular/core").InputSignal<string>;
-    protected readonly containerDataSource: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
-    protected readonly containerWithAside: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<UniWrapperChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UniWrapperChartComponent, "uni-wrapper-chart", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "gridTemplateColumns": { "alias": "gridTemplateColumns"; "required": false; "isSignal": true; }; "gridTitle": { "alias": "gridTitle"; "required": false; "isSignal": true; }; "gridGap": { "alias": "gridGap"; "required": false; "isSignal": true; }; }, {}, never, ["[aside]", "[chart]", "*"], true, never>;
-}