uni-component-tw 1.0.0

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

@@ -0,0 +1,256 @@
+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.menuButtons = 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 }, menuButtons: { classPropertyName: "menuButtons", publicName: "menuButtons", isSignal: true, isRequired: false, transformFunction: null }, user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { evtToggleMenu: "evtToggleMenu" }, ngImport: i0, template: `
+    <aside id="side-menu">
+      <!-- user  -->
+      <div id="side-menu-user">
+        <div class="side-menu-user-info">
+          @if (user(); as user) {
+            <fa-icon [icon]="ICON.USER"></fa-icon> {{ user.username }}
+          }
+        </div>
+        <dx-button [icon]="'close'" (onClick)="evtToggleMenu.emit(false)"></dx-button>
+      </div>
+
+      <!-- menu  -->
+      @if (menuItems().length) {
+        <nav id="side-menu-menu" role="full-horizontal">
+          <ul>
+            @for (item of menuItems(); track item.id) {
+              @if (item.visible) {
+                <li>
+                  <a
+                    [routerLink]="item.disabled ? null : item.path"
+                    routerLinkActive="item-active"
+                    [ngClass]="{ 'item-disabled': item.disabled }"
+                    (click)="evtToggleMenu.emit(false)">
+                    <fa-icon [icon]="item.icon"></fa-icon>
+                    <span>{{ item.label }}</span>
+                  </a>
+                </li>
+              }
+            }
+          </ul>
+        </nav>
+      }
+
+      <!-- setting  -->
+      <ul id="side-menu-setting">
+        @for (button of menuButtons(); track $index) {
+          <li class="item-setting-button">
+            <button
+              type="button"
+              class="dx-theme-material-typography"
+              [style]="button.style"
+              (click)="button.fun()">
+              <fa-icon [icon]="button.icon"></fa-icon>
+              <span>{{ button.label }}</span>
+            </button>
+          </li>
+        }
+        <li class="item-setting">
+          <fa-icon [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
+          <span>{{ 'lblDarkMode' | translate }}</span>
+          <dx-switch [value]="darkMode()" (onValueChanged)="updateTheme($event)"></dx-switch>
+        </li>
+        <li class="item-setting">
+          <fa-icon [icon]="ICON.LANGUAGE"></fa-icon>
+          <span>{{ 'lblLanguage' | translate }}</span>
+          <dx-select-box
+            [items]="translateService.translateInfo().languagesSupported"
+            [value]="translateService.translateInfo().language"
+            stylingMode="underlined"
+            placeholder=""
+            (onValueChanged)="updateLanguage($event)"></dx-select-box>
+        </li>
+        <!-- User | null | undefined -->
+        @if (user() !== undefined) {
+          <li class="item-logout">
+            <button (click)="user() ? logout() : goToLogin()">
+              <fa-icon [icon]="user() ? ICON.LOGOUT : ICON.LOGIN"></fa-icon>
+              {{ (user() ? 'lblLogout' : 'lblLogin') | translate }}
+            </button>
+          </li>
+        }
+      </ul>
+
+      <!-- logo  -->
+      <div id="side-menu-logo">
+        <img
+          id="img-brand"
+          [ngSrc]="pathBrandLogo()"
+          alt="Brand logo"
+          [height]="30"
+          [width]="125"
+          priority />
+      </div>
+    </aside>
+  `, isInline: true, styles: [":host{position:fixed;top:0;right:0;z-index:999}#side-menu{height:100vh;width:250px;display:grid;grid-template-rows:min-content min-content min-content 1fr 35px;grid-template-columns:1fr;grid-template-areas:\"user\" \"menu\" \"setting\" \".\" \"logo\";gap:2rem;padding:1rem;background-color:#27272a99;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:solid 1.5px #27272a;border-radius:.25rem;box-shadow:#00000059 0 5px 5px;overflow:hidden}#side-menu-user{width:100%;grid-area:user;display:grid;grid-template-rows:1fr;grid-template-columns:1fr min-content;align-items:center;gap:1rem}#side-menu-user .side-menu-user-info{display:grid;grid-template-rows:1fr;grid-template-columns:min-content 1fr;gap:.5rem}#side-menu-menu ul,#side-menu-setting{display:grid;grid-auto-rows:42px;grid-template-columns:1fr;gap:.5rem;overflow:hidden}#side-menu-menu ul a,#side-menu-setting a{display:grid;grid-template-rows:1fr;grid-template-columns:20px 1fr;gap:.75rem;padding:.75rem;color:#fff;border-radius:.25rem}#side-menu-menu{width:100%;grid-area:menu;overflow:hidden}#side-menu-menu a.item-active,#side-menu-menu a:not(.item-disabled):hover{cursor:pointer;background-color:#52525b99}#side-menu-setting{grid-area:setting;padding-top:2rem;border-top:solid 2px #52525b}#side-menu-logo{grid-area:logo;display:flex;justify-content:end;border-bottom:solid 1px #fff}img{width:auto}li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-active{background-color:#52525b99}.item-disabled{pointer-events:none;cursor:default;opacity:.25}.item-logout button{width:100%;display:grid;grid-template-rows:1fr;grid-template-columns:min-content 1fr;align-items:center;gap:.75rem;padding:.75rem;border-radius:.25rem;color:#fff;cursor:pointer}.item-setting{display:grid;grid-template-rows:1fr;grid-template-columns:20px 1fr 60px;align-items:center;gap:.75rem;padding:.75rem;border-radius:.25rem;color:#fff;background-color:#52525b99}.item-setting>*:last-child{margin-left:auto}.item-setting-button{border-radius:.25rem;overflow:hidden;cursor:pointer;transition:.1s ease-in-out}.item-setting-button:active{transform:scale(.9)}.item-setting-button button{height:100%;width:100%;display:grid;grid-template-rows:1fr;grid-template-columns:20px 1fr;align-items:center;gap:.75rem;padding:.75rem;box-shadow:inset 0 3px 6px #000c,inset 0 -3px 6px #00000080,inset 0 1px 3px #fff3;transition:box-shadow .2s ease-in-out}::ng-deep .theme-light #side-menu,::ng-deep .theme-light #side-menu a.item-active,::ng-deep .theme-light #side-menu a:not(.item-disabled):hover,::ng-deep .theme-light #side-menu .item-setting{background-color:#0284c799!important;border-color:#0284c7a6!important;color:#fff!important}::ng-deep .theme-light #side-menu #side-menu,::ng-deep .theme-light #side-menu #side-menu-setting{border-color:#0284c7}::ng-deep .theme-light #side-menu .dx-texteditor .dx-texteditor-input,::ng-deep .theme-light #side-menu .dx-texteditor .dx-dropdowneditor-icon,::ng-deep .theme-light #side-menu .dx-texteditor:after{color:#fff!important;border-color:#fff}: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 id="side-menu">
+      <!-- user  -->
+      <div id="side-menu-user">
+        <div class="side-menu-user-info">
+          @if (user(); as user) {
+            <fa-icon [icon]="ICON.USER"></fa-icon> {{ user.username }}
+          }
+        </div>
+        <dx-button [icon]="'close'" (onClick)="evtToggleMenu.emit(false)"></dx-button>
+      </div>
+
+      <!-- menu  -->
+      @if (menuItems().length) {
+        <nav id="side-menu-menu" role="full-horizontal">
+          <ul>
+            @for (item of menuItems(); track item.id) {
+              @if (item.visible) {
+                <li>
+                  <a
+                    [routerLink]="item.disabled ? null : item.path"
+                    routerLinkActive="item-active"
+                    [ngClass]="{ 'item-disabled': item.disabled }"
+                    (click)="evtToggleMenu.emit(false)">
+                    <fa-icon [icon]="item.icon"></fa-icon>
+                    <span>{{ item.label }}</span>
+                  </a>
+                </li>
+              }
+            }
+          </ul>
+        </nav>
+      }
+
+      <!-- setting  -->
+      <ul id="side-menu-setting">
+        @for (button of menuButtons(); track $index) {
+          <li class="item-setting-button">
+            <button
+              type="button"
+              class="dx-theme-material-typography"
+              [style]="button.style"
+              (click)="button.fun()">
+              <fa-icon [icon]="button.icon"></fa-icon>
+              <span>{{ button.label }}</span>
+            </button>
+          </li>
+        }
+        <li class="item-setting">
+          <fa-icon [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
+          <span>{{ 'lblDarkMode' | translate }}</span>
+          <dx-switch [value]="darkMode()" (onValueChanged)="updateTheme($event)"></dx-switch>
+        </li>
+        <li class="item-setting">
+          <fa-icon [icon]="ICON.LANGUAGE"></fa-icon>
+          <span>{{ 'lblLanguage' | translate }}</span>
+          <dx-select-box
+            [items]="translateService.translateInfo().languagesSupported"
+            [value]="translateService.translateInfo().language"
+            stylingMode="underlined"
+            placeholder=""
+            (onValueChanged)="updateLanguage($event)"></dx-select-box>
+        </li>
+        <!-- User | null | undefined -->
+        @if (user() !== undefined) {
+          <li class="item-logout">
+            <button (click)="user() ? logout() : goToLogin()">
+              <fa-icon [icon]="user() ? ICON.LOGOUT : ICON.LOGIN"></fa-icon>
+              {{ (user() ? 'lblLogout' : 'lblLogin') | translate }}
+            </button>
+          </li>
+        }
+      </ul>
+
+      <!-- logo  -->
+      <div id="side-menu-logo">
+        <img
+          id="img-brand"
+          [ngSrc]="pathBrandLogo()"
+          alt="Brand logo"
+          [height]="30"
+          [width]="125"
+          priority />
+      </div>
+    </aside>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:fixed;top:0;right:0;z-index:999}#side-menu{height:100vh;width:250px;display:grid;grid-template-rows:min-content min-content min-content 1fr 35px;grid-template-columns:1fr;grid-template-areas:\"user\" \"menu\" \"setting\" \".\" \"logo\";gap:2rem;padding:1rem;background-color:#27272a99;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:solid 1.5px #27272a;border-radius:.25rem;box-shadow:#00000059 0 5px 5px;overflow:hidden}#side-menu-user{width:100%;grid-area:user;display:grid;grid-template-rows:1fr;grid-template-columns:1fr min-content;align-items:center;gap:1rem}#side-menu-user .side-menu-user-info{display:grid;grid-template-rows:1fr;grid-template-columns:min-content 1fr;gap:.5rem}#side-menu-menu ul,#side-menu-setting{display:grid;grid-auto-rows:42px;grid-template-columns:1fr;gap:.5rem;overflow:hidden}#side-menu-menu ul a,#side-menu-setting a{display:grid;grid-template-rows:1fr;grid-template-columns:20px 1fr;gap:.75rem;padding:.75rem;color:#fff;border-radius:.25rem}#side-menu-menu{width:100%;grid-area:menu;overflow:hidden}#side-menu-menu a.item-active,#side-menu-menu a:not(.item-disabled):hover{cursor:pointer;background-color:#52525b99}#side-menu-setting{grid-area:setting;padding-top:2rem;border-top:solid 2px #52525b}#side-menu-logo{grid-area:logo;display:flex;justify-content:end;border-bottom:solid 1px #fff}img{width:auto}li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-active{background-color:#52525b99}.item-disabled{pointer-events:none;cursor:default;opacity:.25}.item-logout button{width:100%;display:grid;grid-template-rows:1fr;grid-template-columns:min-content 1fr;align-items:center;gap:.75rem;padding:.75rem;border-radius:.25rem;color:#fff;cursor:pointer}.item-setting{display:grid;grid-template-rows:1fr;grid-template-columns:20px 1fr 60px;align-items:center;gap:.75rem;padding:.75rem;border-radius:.25rem;color:#fff;background-color:#52525b99}.item-setting>*:last-child{margin-left:auto}.item-setting-button{border-radius:.25rem;overflow:hidden;cursor:pointer;transition:.1s ease-in-out}.item-setting-button:active{transform:scale(.9)}.item-setting-button button{height:100%;width:100%;display:grid;grid-template-rows:1fr;grid-template-columns:20px 1fr;align-items:center;gap:.75rem;padding:.75rem;box-shadow:inset 0 3px 6px #000c,inset 0 -3px 6px #00000080,inset 0 1px 3px #fff3;transition:box-shadow .2s ease-in-out}::ng-deep .theme-light #side-menu,::ng-deep .theme-light #side-menu a.item-active,::ng-deep .theme-light #side-menu a:not(.item-disabled):hover,::ng-deep .theme-light #side-menu .item-setting{background-color:#0284c799!important;border-color:#0284c7a6!important;color:#fff!important}::ng-deep .theme-light #side-menu #side-menu,::ng-deep .theme-light #side-menu #side-menu-setting{border-color:#0284c7}::ng-deep .theme-light #side-menu .dx-texteditor .dx-texteditor-input,::ng-deep .theme-light #side-menu .dx-texteditor .dx-dropdowneditor-icon,::ng-deep .theme-light #side-menu .dx-texteditor:after{color:#fff!important;border-color:#fff}: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

@@ -0,0 +1 @@
+{"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 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 MenuButton = {\r\n  id: number;\r\n  icon: IconDefinition;\r\n  label: string;\r\n  style: string;\r\n  fun: (...params: 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 id=\"side-menu\">\r\n      <!-- user  -->\r\n      <div id=\"side-menu-user\">\r\n        <div class=\"side-menu-user-info\">\r\n          @if (user(); as user) {\r\n            <fa-icon [icon]=\"ICON.USER\"></fa-icon> {{ user.username }}\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 id=\"side-menu-menu\" role=\"full-horizontal\">\r\n          <ul>\r\n            @for (item of menuItems(); track item.id) {\r\n              @if (item.visible) {\r\n                <li>\r\n                  <a\r\n                    [routerLink]=\"item.disabled ? null : item.path\"\r\n                    routerLinkActive=\"item-active\"\r\n                    [ngClass]=\"{ 'item-disabled': item.disabled }\"\r\n                    (click)=\"evtToggleMenu.emit(false)\">\r\n                    <fa-icon [icon]=\"item.icon\"></fa-icon>\r\n                    <span>{{ 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      <!-- setting  -->\r\n      <ul id=\"side-menu-setting\">\r\n        @for (button of menuButtons(); track $index) {\r\n          <li class=\"item-setting-button\">\r\n            <button\r\n              type=\"button\"\r\n              class=\"dx-theme-material-typography\"\r\n              [style]=\"button.style\"\r\n              (click)=\"button.fun()\">\r\n              <fa-icon [icon]=\"button.icon\"></fa-icon>\r\n              <span>{{ button.label }}</span>\r\n            </button>\r\n          </li>\r\n        }\r\n        <li class=\"item-setting\">\r\n          <fa-icon [icon]=\"darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE\"></fa-icon>\r\n          <span>{{ 'lblDarkMode' | translate }}</span>\r\n          <dx-switch [value]=\"darkMode()\" (onValueChanged)=\"updateTheme($event)\"></dx-switch>\r\n        </li>\r\n        <li class=\"item-setting\">\r\n          <fa-icon [icon]=\"ICON.LANGUAGE\"></fa-icon>\r\n          <span>{{ 'lblLanguage' | translate }}</span>\r\n          <dx-select-box\r\n            [items]=\"translateService.translateInfo().languagesSupported\"\r\n            [value]=\"translateService.translateInfo().language\"\r\n            stylingMode=\"underlined\"\r\n            placeholder=\"\"\r\n            (onValueChanged)=\"updateLanguage($event)\"></dx-select-box>\r\n        </li>\r\n        <!-- User | null | undefined -->\r\n        @if (user() !== undefined) {\r\n          <li class=\"item-logout\">\r\n            <button (click)=\"user() ? logout() : goToLogin()\">\r\n              <fa-icon [icon]=\"user() ? ICON.LOGOUT : ICON.LOGIN\"></fa-icon>\r\n              {{ (user() ? 'lblLogout' : 'lblLogin') | translate }}\r\n            </button>\r\n          </li>\r\n        }\r\n      </ul>\r\n\r\n      <!-- logo  -->\r\n      <div id=\"side-menu-logo\">\r\n        <img\r\n          id=\"img-brand\"\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  menuButtons = input<MenuButton[]>([]);\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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1 @@
+{"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/fesm2022/uni-component-tw.mjs

@@ -0,0 +1,11 @@
+/*
+ * Public API Surface of component
+ */
+const UNI_COMPONENT = 'uni-component-tw';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UNI_COMPONENT };
+//# sourceMappingURL=uni-component-tw.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uni-component-tw.mjs","sources":["../../../projects/uni-component-tw/index.ts","../../../projects/uni-component-tw/uni-component-tw.ts"],"sourcesContent":["/*\r\n * Public API Surface of component\r\n */\r\n\r\nexport const UNI_COMPONENT = 'uni-component-tw';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;;AAEG;AAEI,MAAM,aAAa,GAAG;;ACJ7B;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1 @@
+export declare const UNI_COMPONENT = "uni-component-tw";

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "uni-component-tw",
+  "version": "1.0.0",
+  "description": "Components angular base",
+  "license": "ISC",
+  "peerDependencies": {
+    "@angular/common": "^18.0.0",
+    "@angular/core": "^18.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.6.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/uni-component-tw.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/uni-component-tw.mjs",
+      "esm": "./esm2022/uni-component-tw.mjs",
+      "default": "./fesm2022/uni-component-tw.mjs"
+    },
+    "./uni-header": {
+      "types": "./uni-header/index.d.ts",
+      "esm2022": "./esm2022/uni-header/uni-component-tw-uni-header.mjs",
+      "esm": "./esm2022/uni-header/uni-component-tw-uni-header.mjs",
+      "default": "./fesm2022/uni-component-tw-uni-header.mjs"
+    },
+    "./uni-article": {
+      "types": "./uni-article/index.d.ts",
+      "esm2022": "./esm2022/uni-article/uni-component-tw-uni-article.mjs",
+      "esm": "./esm2022/uni-article/uni-component-tw-uni-article.mjs",
+      "default": "./fesm2022/uni-component-tw-uni-article.mjs"
+    },
+    "./uni-login-modal": {
+      "types": "./uni-login-modal/index.d.ts",
+      "esm2022": "./esm2022/uni-login-modal/uni-component-tw-uni-login-modal.mjs",
+      "esm": "./esm2022/uni-login-modal/uni-component-tw-uni-login-modal.mjs",
+      "default": "./fesm2022/uni-component-tw-uni-login-modal.mjs"
+    },
+    "./uni-pie-chart": {
+      "types": "./uni-pie-chart/index.d.ts",
+      "esm2022": "./esm2022/uni-pie-chart/uni-component-tw-uni-pie-chart.mjs",
+      "esm": "./esm2022/uni-pie-chart/uni-component-tw-uni-pie-chart.mjs",
+      "default": "./fesm2022/uni-component-tw-uni-pie-chart.mjs"
+    },
+    "./uni-side-menu": {
+      "types": "./uni-side-menu/index.d.ts",
+      "esm2022": "./esm2022/uni-side-menu/uni-component-tw-uni-side-menu.mjs",
+      "esm": "./esm2022/uni-side-menu/uni-component-tw-uni-side-menu.mjs",
+      "default": "./fesm2022/uni-component-tw-uni-side-menu.mjs"
+    },
+    "./uni-wrapper-chart": {
+      "types": "./uni-wrapper-chart/index.d.ts",
+      "esm2022": "./esm2022/uni-wrapper-chart/uni-component-tw-uni-wrapper-chart.mjs",
+      "esm": "./esm2022/uni-wrapper-chart/uni-component-tw-uni-wrapper-chart.mjs",
+      "default": "./fesm2022/uni-component-tw-uni-wrapper-chart.mjs"
+    }
+  }
+}

package/uni-article/index.d.ts

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

package/uni-article/src/uni-article.component.d.ts

@@ -0,0 +1,16 @@
+import { SimpleChanges, OnChanges } from '@angular/core';
+import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+export declare class UniArticleComponent implements OnChanges {
+    readonly color: import("@angular/core").InputSignal<string>;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    readonly icon: import("@angular/core").InputSignal<IconDefinition | undefined>;
+    readonly setIsOpen: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly headerCloseButton: import("@angular/core").InputSignal<boolean>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    isHeader: import("@angular/core").Signal<string | boolean | IconDefinition>;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected toggleIsOpen(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniArticleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UniArticleComponent, "uni-article", never, { "color": { "alias": "color"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "setIsOpen": { "alias": "setIsOpen"; "required": false; "isSignal": true; }; "headerCloseButton": { "alias": "headerCloseButton"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/uni-header/index.d.ts

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

package/uni-header/src/uni-header.component.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class UniHeaderComponent {
+    title: import("@angular/core").InputSignal<string>;
+    version: import("@angular/core").InputSignal<string>;
+    pathBrandLogo: import("@angular/core").InputSignal<string>;
+    pathAppLogo: import("@angular/core").InputSignal<string | undefined>;
+    sideMenu: import("@angular/core").InputSignal<boolean>;
+    evtToggleMenu: import("@angular/core").OutputEmitterRef<true>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UniHeaderComponent, "uni-header", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "version": { "alias": "version"; "required": true; "isSignal": true; }; "pathBrandLogo": { "alias": "pathBrandLogo"; "required": true; "isSignal": true; }; "pathAppLogo": { "alias": "pathAppLogo"; "required": false; "isSignal": true; }; "sideMenu": { "alias": "sideMenu"; "required": false; "isSignal": true; }; }, { "evtToggleMenu": "evtToggleMenu"; }, never, never, true, never>;
+}

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

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

package/uni-login-modal/src/uni-login-modal.component.d.ts

@@ -0,0 +1,30 @@
+import { Router } from '@angular/router';
+import { Location } from '@angular/common';
+import { FormControl, FormGroup } from '@angular/forms';
+import { UNIAuthService } from 'uni-service/auth';
+import { UNIToastService } from 'uni-service/toast';
+import { UNITranslateService } from 'uni-service/translate';
+import * as i0 from "@angular/core";
+export type LoginForm = {
+    username: string;
+    password: string;
+};
+export declare class UNILoginModalComponent {
+    readonly router: Router;
+    readonly location: Location;
+    readonly authService: UNIAuthService;
+    readonly toastService: UNIToastService;
+    readonly translateService: UNITranslateService;
+    visibile: import("@angular/core").InputSignal<boolean>;
+    routeHome: import("@angular/core").InputSignal<string | undefined>;
+    enableGoBack: import("@angular/core").InputSignal<boolean>;
+    readonly loginForm: FormGroup<{
+        username: FormControl<string>;
+        password: FormControl<string>;
+    }>;
+    login(): void;
+    logout(): void;
+    onHiding(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UNILoginModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UNILoginModalComponent, "uni-login-modal", never, { "visibile": { "alias": "visibile"; "required": false; "isSignal": true; }; "routeHome": { "alias": "routeHome"; "required": false; "isSignal": true; }; "enableGoBack": { "alias": "enableGoBack"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

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

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

@@ -0,0 +1,32 @@
+import { PieChartType } from 'devextreme/viz/pie_chart_types';
+import * as i0 from "@angular/core";
+export type ChartDataSource = {
+    name: string;
+    value: number | undefined;
+    color: string;
+};
+export declare class UniPieChartComponent {
+    chartDataSource: import("@angular/core").InputSignal<ChartDataSource[]>;
+    chartPercentage: import("@angular/core").InputSignal<number | undefined>;
+    chartType: import("@angular/core").InputSignal<PieChartType>;
+    chartDiameter: import("@angular/core").InputSignal<number>;
+    chartInnerRadius: import("@angular/core").InputSignal<number>;
+    tooltipIsEnabled: import("@angular/core").InputSignal<boolean>;
+    legendPosition: import("@angular/core").InputSignal<"none" | "bottom" | "left" | "right" | "top">;
+    legendWithValue: import("@angular/core").InputSignal<boolean>;
+    legendGap: import("@angular/core").InputSignal<string>;
+    uom: import("@angular/core").InputSignal<string>;
+    paletteColor: import("@angular/core").Signal<string[]>;
+    gridColumn: import("@angular/core").Signal<"1fr min-content" | "min-content 1fr" | "1fr">;
+    gridRow: import("@angular/core").Signal<"1fr min-content" | "min-content 1fr" | "1fr">;
+    constructor();
+    customizeTooltip(pointInfo: {
+        argumentText: string;
+        valueText: string;
+    }): {
+        text: string;
+        color: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniPieChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UniPieChartComponent, "uni-pie-chart", never, { "chartDataSource": { "alias": "chartDataSource"; "required": true; "isSignal": true; }; "chartPercentage": { "alias": "chartPercentage"; "required": false; "isSignal": true; }; "chartType": { "alias": "chartType"; "required": false; "isSignal": true; }; "chartDiameter": { "alias": "chartDiameter"; "required": false; "isSignal": true; }; "chartInnerRadius": { "alias": "chartInnerRadius"; "required": false; "isSignal": true; }; "tooltipIsEnabled": { "alias": "tooltipIsEnabled"; "required": false; "isSignal": true; }; "legendPosition": { "alias": "legendPosition"; "required": false; "isSignal": true; }; "legendWithValue": { "alias": "legendWithValue"; "required": false; "isSignal": true; }; "legendGap": { "alias": "legendGap"; "required": false; "isSignal": true; }; "uom": { "alias": "uom"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

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