uni-component-tw 1.0.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/esm2022/uni-article/src/uni-article.component.mjs +3 -3
  2. package/esm2022/uni-side-menu/src/uni-side-menu.component.mjs +143 -75
  3. package/fesm2022/uni-component-tw-uni-article.mjs +2 -2
  4. package/fesm2022/uni-component-tw-uni-article.mjs.map +1 -1
  5. package/fesm2022/uni-component-tw-uni-side-menu.mjs +142 -74
  6. package/fesm2022/uni-component-tw-uni-side-menu.mjs.map +1 -1
  7. package/package.json +7 -7
  8. package/uni-side-menu/src/uni-side-menu.component.d.ts +18 -6
package/esm2022/uni-article/src/uni-article.component.mjs CHANGED
@@ -65,7 +65,7 @@ export class UniArticleComponent {
65
65
  <ng-content></ng-content>
66
66
  }
67
67
  </article>
68
- `, isInline: true, styles: [":host{display:block;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
68
+ `, isInline: true, styles: ["@tailwind base;@tailwind components;@tailwind utilities;:host{display:block;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
69
69
  }
70
70
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniArticleComponent, decorators: [{
71
71
  type: Component,
@@ -103,6 +103,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
103
103
  <ng-content></ng-content>
104
104
  }
105
105
  </article>
106
- `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;overflow:hidden}\n"] }]
106
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@tailwind base;@tailwind components;@tailwind utilities;:host{display:block;overflow:hidden}\n"] }]
107
107
  }] });
108
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5pLWFydGljbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdW5pLWNvbXBvbmVudC10dy91bmktYXJ0aWNsZS9zcmMvdW5pLWFydGljbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsS0FBSyxFQUNMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7O0FBb0RuRSxNQUFNLE9BQU8sbUJBQW1CO0lBakRoQztRQWtERSxZQUFZO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQyxDQUFDLCtCQUErQjtRQUNqRSxVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUMsQ0FBQyxpQ0FBaUM7UUFDMUQsU0FBSSxHQUFHLEtBQUssRUFBa0IsQ0FBQyxDQUFDLHFDQUFxQztRQUNyRSxjQUFTLEdBQUcsS0FBSyxFQUF1QixDQUFDLENBQUMsNkJBQTZCO1FBQ3ZFLHNCQUFpQixHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQyxDQUFDLDZDQUE2QztRQUVqRyxlQUFlO1FBQ2YsV0FBTSxHQUFHLE1BQU0sQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUMvQixhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUMsQ0FBQztLQWdCcEY7SUFkQyx3RUFBd0U7SUFDeEUsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDOUIsa0VBQWtFO1FBQ2xFLElBQUksU0FBUyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsSUFBSSxTQUFTLENBQUMsWUFBWSxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQ2hGLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELGdFQUFnRTtJQUN0RCxZQUFZO1FBQ3BCLHdDQUF3QztRQUN4QyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNwQyxDQUFDOzhHQXpCVSxtQkFBbUI7a0dBQW5CLG1CQUFtQiw0dUJBN0NwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtDVCwrR0FuQ1MsWUFBWSw0SEFBRSxjQUFjLHMwQkFBRSxlQUFlOzsyRkE4QzVDLG1CQUFtQjtrQkFqRC9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxDQUFDLFlBQzlDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0NULG1CQVNnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgY29tcHV0ZWQsXHJcbiAgaW5wdXQsXHJcbiAgc2lnbmFsLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgT25DaGFuZ2VzLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEeEJ1dHRvbk1vZHVsZSB9IGZyb20gJ2RldmV4dHJlbWUtYW5ndWxhci91aS9idXR0b24nO1xyXG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XHJcbmltcG9ydCB7IEljb25EZWZpbml0aW9uIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndW5pLWFydGljbGUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRHhCdXR0b25Nb2R1bGUsIEZhSWNvbkNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxhcnRpY2xlXHJcbiAgICAgIGNsYXNzPVwidW5pX2FydGljbGUgZmxleCBoLWZ1bGwgZmxleC1jb2wgcm91bmRlZCBib3JkZXItMiBwLTRcIlxyXG4gICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImNvbG9yKCkgKyAnMjYnXCJcclxuICAgICAgW3N0eWxlLmJvcmRlckNvbG9yXT1cImNvbG9yKCkgKyAnMzMnXCI+XHJcbiAgICAgIDwhLS0gVGl0bGUgLS0+XHJcbiAgICAgIEBpZiAoaXNIZWFkZXIoKSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ1bmlfYXJ0aWNsZV9oZWFkZXIgZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTRcIiBbbmdDbGFzc109XCJ7ICdtYi00JzogaXNPcGVuKCkgfVwiPlxyXG4gICAgICAgICAgPCEtLSBJY29uYSBuZWxsYSB0ZXN0YXRhLCBzZSBwcmVzZW50ZSAtLT5cclxuICAgICAgICAgIEBpZiAoaWNvbigpOyBhcyBpY29uKSB7XHJcbiAgICAgICAgICAgIDxmYS1pY29uIGNsYXNzPVwidW5pLWFydGljbGUtaGVhZGVyLWljb25cIiBbaWNvbl09XCJpY29uXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgfVxyXG5cclxuICAgICAgICAgIDwhLS0gVGl0b2xvIG5lbGxhIHRlc3RhdGEsIHNlIHByZXNlbnRlIC0tPlxyXG4gICAgICAgICAgQGlmICh0aXRsZSgpOyBhcyB0aXRsZSkge1xyXG4gICAgICAgICAgICA8aDUgY2xhc3M9XCJ1bmlfYXJ0aWNsZV9oZWFkZXJfdGl0bGUgdHJ1bmNhdGUgdXBwZXJjYXNlXCI+e3sgdGl0bGUgfX08L2g1PlxyXG4gICAgICAgICAgfVxyXG5cclxuICAgICAgICAgIDwhLS0gQm90dG9uZSBwZXIgYXByaXJlL2NoaXVkZXJlIGwnYXJ0aWNvbG8sIHNlIHByZXNlbnRlIC0tPlxyXG4gICAgICAgICAgQGlmIChoZWFkZXJDbG9zZUJ1dHRvbigpKSB7XHJcbiAgICAgICAgICAgIDxkeC1idXR0b25cclxuICAgICAgICAgICAgICBjbGFzcz1cInVuaV9hcnRpY2xlX2hlYWRlcl9idXR0b24gbWwtYXV0b1wiXHJcbiAgICAgICAgICAgICAgW2ljb25dPVwiaXNPcGVuKCkgPyAnY2xvc2UnIDogJ2V4cGFuZGZvcm0nXCJcclxuICAgICAgICAgICAgICAob25DbGljayk9XCJ0b2dnbGVJc09wZW4oKVwiPlxyXG4gICAgICAgICAgICA8L2R4LWJ1dHRvbj5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG5cclxuICAgICAgPCEtLSBDb250ZW51dG8gZGVsbCdhcnRpY29sbywgdmlzaWJpbGUgc29sbyBzZSBhcGVydG8gLS0+XHJcbiAgICAgIEBpZiAoaXNPcGVuKCkpIHtcclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgIH1cclxuICAgIDwvYXJ0aWNsZT5cclxuICBgLFxyXG4gIHN0eWxlczogW1xyXG4gICAgYFxyXG4gICAgICA6aG9zdCB7XHJcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBdLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVW5pQXJ0aWNsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgLyogSW5wdXRzICovXHJcbiAgcmVhZG9ubHkgY29sb3IgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7IC8vIENvbG9yZSBkaSBiYXNlIGRlbGwnYXJ0aWNvbG9cclxuICByZWFkb25seSB0aXRsZSA9IGlucHV0PHN0cmluZz4oKTsgLy8gVGl0b2xvIG9wemlvbmFsZSBkZWxsJ2FydGljb2xvXHJcbiAgcmVhZG9ubHkgaWNvbiA9IGlucHV0PEljb25EZWZpbml0aW9uPigpOyAvLyBJY29uYSBvcHppb25hbGUgcGVyIGwnaW50ZXN0YXppb25lXHJcbiAgcmVhZG9ubHkgc2V0SXNPcGVuID0gaW5wdXQ8Ym9vbGVhbiB8IHVuZGVmaW5lZD4oKTsgLy8gU3RhdG8gaW5pemlhbGUgZGkgYXBlcnR1cmFcclxuICByZWFkb25seSBoZWFkZXJDbG9zZUJ1dHRvbiA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTsgLy8gU2UgbW9zdHJhcmUgaWwgYnV0dG9uIHBlciBjaGl1ZGVyZSBhcnRpY2xlXHJcblxyXG4gIC8qIFZhcmlhYmxlcyAqL1xyXG4gIGlzT3BlbiA9IHNpZ25hbDxib29sZWFuPih0cnVlKTtcclxuICBpc0hlYWRlciA9IGNvbXB1dGVkKCgpID0+IHRoaXMuaWNvbigpIHx8IHRoaXMudGl0bGUoKSB8fCB0aGlzLmhlYWRlckNsb3NlQnV0dG9uKCkpO1xyXG5cclxuICAvKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSBMaWZlY3ljbGUgSG9vayAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBjb25zdCB7IHNldElzT3BlbiB9ID0gY2hhbmdlcztcclxuICAgIC8vIFZlcmlmaWNhIHNlICdzZXRJc09wZW4nIMOoIGNhbWJpYXRvIGUgbm9uIMOoIGlsIHByaW1vIGNhbWJpYW1lbnRvXHJcbiAgICBpZiAoc2V0SXNPcGVuICYmICFzZXRJc09wZW4uZmlyc3RDaGFuZ2UgJiYgc2V0SXNPcGVuLmN1cnJlbnRWYWx1ZSAhPT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIHRoaXMuaXNPcGVuLnNldChzZXRJc09wZW4uY3VycmVudFZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tIE1ldG9kaSAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cclxuICBwcm90ZWN0ZWQgdG9nZ2xlSXNPcGVuKCk6IHZvaWQge1xyXG4gICAgLy8gSW52ZXJ0ZSBsbyBzdGF0byBkaSBhcGVydHVyYS9jaGl1c3VyYVxyXG4gICAgdGhpcy5pc09wZW4udXBkYXRlKCh2YWwpID0+ICF2YWwpO1xyXG4gIH1cclxufVxyXG4iXX0=
108
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5pLWFydGljbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdW5pLWNvbXBvbmVudC10dy91bmktYXJ0aWNsZS9zcmMvdW5pLWFydGljbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsS0FBSyxFQUNMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7O0FBNkNuRSxNQUFNLE9BQU8sbUJBQW1CO0lBMUNoQztRQTJDRSxZQUFZO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQyxDQUFDLCtCQUErQjtRQUNqRSxVQUFLLEdBQUcsS0FBSyxFQUFVLENBQUMsQ0FBQyxpQ0FBaUM7UUFDMUQsU0FBSSxHQUFHLEtBQUssRUFBa0IsQ0FBQyxDQUFDLHFDQUFxQztRQUNyRSxjQUFTLEdBQUcsS0FBSyxFQUF1QixDQUFDLENBQUMsNkJBQTZCO1FBQ3ZFLHNCQUFpQixHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQyxDQUFDLDZDQUE2QztRQUVqRyxlQUFlO1FBQ2YsV0FBTSxHQUFHLE1BQU0sQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUMvQixhQUFRLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUMsQ0FBQztLQWdCcEY7SUFkQyx3RUFBd0U7SUFDeEUsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDOUIsa0VBQWtFO1FBQ2xFLElBQUksU0FBUyxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsSUFBSSxTQUFTLENBQUMsWUFBWSxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQ2hGLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELGdFQUFnRTtJQUN0RCxZQUFZO1FBQ3BCLHdDQUF3QztRQUN4QyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNwQyxDQUFDOzhHQXpCVSxtQkFBbUI7a0dBQW5CLG1CQUFtQiw0dUJBdENwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtDVCx1S0FuQ1MsWUFBWSw0SEFBRSxjQUFjLHMwQkFBRSxlQUFlOzsyRkF1QzVDLG1CQUFtQjtrQkExQy9CLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxDQUFDLFlBQzlDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0NULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgY29tcHV0ZWQsXHJcbiAgaW5wdXQsXHJcbiAgc2lnbmFsLFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgT25DaGFuZ2VzLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEeEJ1dHRvbk1vZHVsZSB9IGZyb20gJ2RldmV4dHJlbWUtYW5ndWxhci91aS9idXR0b24nO1xyXG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XHJcbmltcG9ydCB7IEljb25EZWZpbml0aW9uIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndW5pLWFydGljbGUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRHhCdXR0b25Nb2R1bGUsIEZhSWNvbkNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxhcnRpY2xlXHJcbiAgICAgIGNsYXNzPVwidW5pX2FydGljbGUgZmxleCBoLWZ1bGwgZmxleC1jb2wgcm91bmRlZCBib3JkZXItMiBwLTRcIlxyXG4gICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImNvbG9yKCkgKyAnMjYnXCJcclxuICAgICAgW3N0eWxlLmJvcmRlckNvbG9yXT1cImNvbG9yKCkgKyAnMzMnXCI+XHJcbiAgICAgIDwhLS0gVGl0bGUgLS0+XHJcbiAgICAgIEBpZiAoaXNIZWFkZXIoKSkge1xyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ1bmlfYXJ0aWNsZV9oZWFkZXIgZmxleCBpdGVtcy1jZW50ZXIgZ2FwLTRcIiBbbmdDbGFzc109XCJ7ICdtYi00JzogaXNPcGVuKCkgfVwiPlxyXG4gICAgICAgICAgPCEtLSBJY29uYSBuZWxsYSB0ZXN0YXRhLCBzZSBwcmVzZW50ZSAtLT5cclxuICAgICAgICAgIEBpZiAoaWNvbigpOyBhcyBpY29uKSB7XHJcbiAgICAgICAgICAgIDxmYS1pY29uIGNsYXNzPVwidW5pLWFydGljbGUtaGVhZGVyLWljb25cIiBbaWNvbl09XCJpY29uXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgfVxyXG5cclxuICAgICAgICAgIDwhLS0gVGl0b2xvIG5lbGxhIHRlc3RhdGEsIHNlIHByZXNlbnRlIC0tPlxyXG4gICAgICAgICAgQGlmICh0aXRsZSgpOyBhcyB0aXRsZSkge1xyXG4gICAgICAgICAgICA8aDUgY2xhc3M9XCJ1bmlfYXJ0aWNsZV9oZWFkZXJfdGl0bGUgdHJ1bmNhdGUgdXBwZXJjYXNlXCI+e3sgdGl0bGUgfX08L2g1PlxyXG4gICAgICAgICAgfVxyXG5cclxuICAgICAgICAgIDwhLS0gQm90dG9uZSBwZXIgYXByaXJlL2NoaXVkZXJlIGwnYXJ0aWNvbG8sIHNlIHByZXNlbnRlIC0tPlxyXG4gICAgICAgICAgQGlmIChoZWFkZXJDbG9zZUJ1dHRvbigpKSB7XHJcbiAgICAgICAgICAgIDxkeC1idXR0b25cclxuICAgICAgICAgICAgICBjbGFzcz1cInVuaV9hcnRpY2xlX2hlYWRlcl9idXR0b24gbWwtYXV0b1wiXHJcbiAgICAgICAgICAgICAgW2ljb25dPVwiaXNPcGVuKCkgPyAnY2xvc2UnIDogJ2V4cGFuZGZvcm0nXCJcclxuICAgICAgICAgICAgICAob25DbGljayk9XCJ0b2dnbGVJc09wZW4oKVwiPlxyXG4gICAgICAgICAgICA8L2R4LWJ1dHRvbj5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgfVxyXG5cclxuICAgICAgPCEtLSBDb250ZW51dG8gZGVsbCdhcnRpY29sbywgdmlzaWJpbGUgc29sbyBzZSBhcGVydG8gLS0+XHJcbiAgICAgIEBpZiAoaXNPcGVuKCkpIHtcclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgIH1cclxuICAgIDwvYXJ0aWNsZT5cclxuICBgLFxyXG4gIHN0eWxlVXJsOiAnLi91bmktYXJ0aWNsZS5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVbmlBcnRpY2xlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICAvKiBJbnB1dHMgKi9cclxuICByZWFkb25seSBjb2xvciA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTsgLy8gQ29sb3JlIGRpIGJhc2UgZGVsbCdhcnRpY29sb1xyXG4gIHJlYWRvbmx5IHRpdGxlID0gaW5wdXQ8c3RyaW5nPigpOyAvLyBUaXRvbG8gb3B6aW9uYWxlIGRlbGwnYXJ0aWNvbG9cclxuICByZWFkb25seSBpY29uID0gaW5wdXQ8SWNvbkRlZmluaXRpb24+KCk7IC8vIEljb25hIG9wemlvbmFsZSBwZXIgbCdpbnRlc3RhemlvbmVcclxuICByZWFkb25seSBzZXRJc09wZW4gPSBpbnB1dDxib29sZWFuIHwgdW5kZWZpbmVkPigpOyAvLyBTdGF0byBpbml6aWFsZSBkaSBhcGVydHVyYVxyXG4gIHJlYWRvbmx5IGhlYWRlckNsb3NlQnV0dG9uID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpOyAvLyBTZSBtb3N0cmFyZSBpbCBidXR0b24gcGVyIGNoaXVkZXJlIGFydGljbGVcclxuXHJcbiAgLyogVmFyaWFibGVzICovXHJcbiAgaXNPcGVuID0gc2lnbmFsPGJvb2xlYW4+KHRydWUpO1xyXG4gIGlzSGVhZGVyID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5pY29uKCkgfHwgdGhpcy50aXRsZSgpIHx8IHRoaXMuaGVhZGVyQ2xvc2VCdXR0b24oKSk7XHJcblxyXG4gIC8qIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tIExpZmVjeWNsZSBIb29rIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGNvbnN0IHsgc2V0SXNPcGVuIH0gPSBjaGFuZ2VzO1xyXG4gICAgLy8gVmVyaWZpY2Egc2UgJ3NldElzT3Blbicgw6ggY2FtYmlhdG8gZSBub24gw6ggaWwgcHJpbW8gY2FtYmlhbWVudG9cclxuICAgIGlmIChzZXRJc09wZW4gJiYgIXNldElzT3Blbi5maXJzdENoYW5nZSAmJiBzZXRJc09wZW4uY3VycmVudFZhbHVlICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgdGhpcy5pc09wZW4uc2V0KHNldElzT3Blbi5jdXJyZW50VmFsdWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyogLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gTWV0b2RpIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xyXG4gIHByb3RlY3RlZCB0b2dnbGVJc09wZW4oKTogdm9pZCB7XHJcbiAgICAvLyBJbnZlcnRlIGxvIHN0YXRvIGRpIGFwZXJ0dXJhL2NoaXVzdXJhXHJcbiAgICB0aGlzLmlzT3Blbi51cGRhdGUoKHZhbCkgPT4gIXZhbCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
package/esm2022/uni-side-menu/src/uni-side-menu.component.mjs CHANGED
@@ -23,7 +23,7 @@ export class UniSideMenuComponent {
23
23
  /* Input */
24
24
  this.pathBrandLogo = input.required();
25
25
  this.menuItems = input([]);
26
- this.menuButtons = input([]);
26
+ this.menuInteractions = input([]);
27
27
  this.user = input.required();
28
28
  /* Output */
29
29
  this.evtToggleMenu = output();
@@ -60,13 +60,15 @@ export class UniSideMenuComponent {
60
60
  });
61
61
  }
62
62
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
63
- 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: `
64
- <aside id="side-menu">
63
+ 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: `
64
+ <aside
65
+ class="flex h-screen w-[250px] flex-col gap-4 overflow-hidden rounded bg-zinc-800/60 p-4 shadow backdrop-blur-xl">
65
66
  <!-- user -->
66
- <div id="side-menu-user">
67
- <div class="side-menu-user-info">
67
+ <div class="flex w-full items-center gap-4">
68
+ <div class="flex flex-1 gap-2">
68
69
  @if (user(); as user) {
69
- <fa-icon [icon]="ICON.USER"></fa-icon> {{ user.username }}
70
+ <fa-icon [icon]="ICON.USER"></fa-icon>
71
+ <span class="flex-1 truncate">{{ user.username }}</span>
70
72
  }
71
73
  </div>
72
74
  <dx-button [icon]="'close'" (onClick)="evtToggleMenu.emit(false)"></dx-button>
@@ -74,18 +76,22 @@ export class UniSideMenuComponent {
74
76
 
75
77
  <!-- menu -->
76
78
  @if (menuItems().length) {
77
- <nav id="side-menu-menu" role="full-horizontal">
78
- <ul>
79
+ <nav class="mt-8">
80
+ <ul class="flex flex-col gap-2">
79
81
  @for (item of menuItems(); track item.id) {
80
82
  @if (item.visible) {
81
83
  <li>
82
84
  <a
85
+ class="flex gap-2 rounded p-2 !text-white"
86
+ [ngClass]="{
87
+ 'hover:bg-zinc-600/60': !item.disabled,
88
+ 'cursor-auto !opacity-25': item.disabled,
89
+ }"
83
90
  [routerLink]="item.disabled ? null : item.path"
84
- routerLinkActive="item-active"
85
- [ngClass]="{ 'item-disabled': item.disabled }"
91
+ routerLinkActive="bg-zinc-600/60"
86
92
  (click)="evtToggleMenu.emit(false)">
87
- <fa-icon [icon]="item.icon"></fa-icon>
88
- <span>{{ item.label }}</span>
93
+ <fa-icon class="basis-6" [icon]="item.icon"></fa-icon>
94
+ <span class="flex-1 truncate">{{ item.label }}</span>
89
95
  </a>
90
96
  </li>
91
97
  }
@@ -94,50 +100,78 @@ export class UniSideMenuComponent {
94
100
  </nav>
95
101
  }
96
102
 
103
+ @if (menuInteractions().length) {
104
+ <hr class="my-4 h-px border-0 bg-gray-600" />
105
+
106
+ <ul class="flex flex-col gap-2">
107
+ @for (item of menuInteractions(); track item.id) {
108
+ @if (item.data.type === 'button') {
109
+ <li class="item-setting-button">
110
+ <button
111
+ type="button"
112
+ class="dx-theme-material-typography flex h-12 w-full items-center gap-2 rounded p-4"
113
+ [class]="item.class"
114
+ (click)="item.fun()">
115
+ <fa-icon class="basis-6" [icon]="item.data.icon"></fa-icon>
116
+ <span class="flex-1 truncate">{{ item.label }}</span>
117
+ </button>
118
+ </li>
119
+ } @else if (item.data.type === 'select') {
120
+ <li class="flex h-12 items-center gap-4 rounded bg-zinc-600/60 p-3 shadow">
121
+ <span class="truncate">{{ item.label }}</span>
122
+ <dx-select-box
123
+ class="flex-1 basis-24"
124
+ valueExpr="id"
125
+ displayExpr="description"
126
+ [items]="item.data.combos"
127
+ [value]="item.data.value"
128
+ stylingMode="underlined"
129
+ placeholder=""
130
+ (onValueChanged)="item.fun($event)"></dx-select-box>
131
+ </li>
132
+ }
133
+ }
134
+ </ul>
135
+ }
136
+
97
137
  <!-- setting -->
98
- <ul id="side-menu-setting">
99
- @for (button of menuButtons(); track $index) {
100
- <li class="item-setting-button">
101
- <button
102
- type="button"
103
- class="dx-theme-material-typography"
104
- [style]="button.style"
105
- (click)="button.fun()">
106
- <fa-icon [icon]="button.icon"></fa-icon>
107
- <span>{{ button.label }}</span>
108
- </button>
109
- </li>
110
- }
111
- <li class="item-setting">
112
- <fa-icon [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
113
- <span>{{ 'lblDarkMode' | translate }}</span>
138
+ <hr class="my-4 h-px border-0 bg-gray-600" />
139
+
140
+ <ul class="flex flex-col gap-2">
141
+ <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
142
+ <fa-icon class="basis-6" [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
143
+ <span class="flex-1 truncate">{{ 'lblDarkMode' | translate }}</span>
114
144
  <dx-switch [value]="darkMode()" (onValueChanged)="updateTheme($event)"></dx-switch>
115
145
  </li>
116
- <li class="item-setting">
117
- <fa-icon [icon]="ICON.LANGUAGE"></fa-icon>
118
- <span>{{ 'lblLanguage' | translate }}</span>
146
+ <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
147
+ <fa-icon class="basis-6" [icon]="ICON.LANGUAGE"></fa-icon>
148
+ <span class="flex-1 truncate">{{ 'lblLanguage' | translate }}</span>
119
149
  <dx-select-box
150
+ class="basis-12"
120
151
  [items]="translateService.translateInfo().languagesSupported"
121
152
  [value]="translateService.translateInfo().language"
122
153
  stylingMode="underlined"
123
- placeholder=""
124
154
  (onValueChanged)="updateLanguage($event)"></dx-select-box>
125
155
  </li>
126
156
  <!-- User | null | undefined -->
127
157
  @if (user() !== undefined) {
128
- <li class="item-logout">
129
- <button (click)="user() ? logout() : goToLogin()">
158
+ <li>
159
+ <button
160
+ 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"
161
+ (click)="user() ? logout() : goToLogin()">
130
162
  <fa-icon [icon]="user() ? ICON.LOGOUT : ICON.LOGIN"></fa-icon>
131
- {{ (user() ? 'lblLogout' : 'lblLogin') | translate }}
163
+ <span class="flex-1 truncate">{{
164
+ (user() ? 'lblLogout' : 'lblLogin') | translate
165
+ }}</span>
132
166
  </button>
133
167
  </li>
134
168
  }
135
169
  </ul>
136
170
 
137
171
  <!-- logo -->
138
- <div id="side-menu-logo">
172
+ <div class="mt-auto flex content-end border-b border-white">
139
173
  <img
140
- id="img-brand"
174
+ class="ml-auto h-12"
141
175
  [ngSrc]="pathBrandLogo()"
142
176
  alt="Brand logo"
143
177
  [height]="30"
@@ -145,7 +179,7 @@ export class UniSideMenuComponent {
145
179
  priority />
146
180
  </div>
147
181
  </aside>
148
- `, 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 }); }
182
+ `, 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 }); }
149
183
  }
150
184
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniSideMenuComponent, decorators: [{
151
185
  type: Component,
@@ -160,12 +194,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
160
194
  FaIconComponent,
161
195
  UNITranslatePipe,
162
196
  ], template: `
163
- <aside id="side-menu">
197
+ <aside
198
+ class="flex h-screen w-[250px] flex-col gap-4 overflow-hidden rounded bg-zinc-800/60 p-4 shadow backdrop-blur-xl">
164
199
  <!-- user -->
165
- <div id="side-menu-user">
166
- <div class="side-menu-user-info">
200
+ <div class="flex w-full items-center gap-4">
201
+ <div class="flex flex-1 gap-2">
167
202
  @if (user(); as user) {
168
- <fa-icon [icon]="ICON.USER"></fa-icon> {{ user.username }}
203
+ <fa-icon [icon]="ICON.USER"></fa-icon>
204
+ <span class="flex-1 truncate">{{ user.username }}</span>
169
205
  }
170
206
  </div>
171
207
  <dx-button [icon]="'close'" (onClick)="evtToggleMenu.emit(false)"></dx-button>
@@ -173,18 +209,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
173
209
 
174
210
  <!-- menu -->
175
211
  @if (menuItems().length) {
176
- <nav id="side-menu-menu" role="full-horizontal">
177
- <ul>
212
+ <nav class="mt-8">
213
+ <ul class="flex flex-col gap-2">
178
214
  @for (item of menuItems(); track item.id) {
179
215
  @if (item.visible) {
180
216
  <li>
181
217
  <a
218
+ class="flex gap-2 rounded p-2 !text-white"
219
+ [ngClass]="{
220
+ 'hover:bg-zinc-600/60': !item.disabled,
221
+ 'cursor-auto !opacity-25': item.disabled,
222
+ }"
182
223
  [routerLink]="item.disabled ? null : item.path"
183
- routerLinkActive="item-active"
184
- [ngClass]="{ 'item-disabled': item.disabled }"
224
+ routerLinkActive="bg-zinc-600/60"
185
225
  (click)="evtToggleMenu.emit(false)">
186
- <fa-icon [icon]="item.icon"></fa-icon>
187
- <span>{{ item.label }}</span>
226
+ <fa-icon class="basis-6" [icon]="item.icon"></fa-icon>
227
+ <span class="flex-1 truncate">{{ item.label }}</span>
188
228
  </a>
189
229
  </li>
190
230
  }
@@ -193,50 +233,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
193
233
  </nav>
194
234
  }
195
235
 
236
+ @if (menuInteractions().length) {
237
+ <hr class="my-4 h-px border-0 bg-gray-600" />
238
+
239
+ <ul class="flex flex-col gap-2">
240
+ @for (item of menuInteractions(); track item.id) {
241
+ @if (item.data.type === 'button') {
242
+ <li class="item-setting-button">
243
+ <button
244
+ type="button"
245
+ class="dx-theme-material-typography flex h-12 w-full items-center gap-2 rounded p-4"
246
+ [class]="item.class"
247
+ (click)="item.fun()">
248
+ <fa-icon class="basis-6" [icon]="item.data.icon"></fa-icon>
249
+ <span class="flex-1 truncate">{{ item.label }}</span>
250
+ </button>
251
+ </li>
252
+ } @else if (item.data.type === 'select') {
253
+ <li class="flex h-12 items-center gap-4 rounded bg-zinc-600/60 p-3 shadow">
254
+ <span class="truncate">{{ item.label }}</span>
255
+ <dx-select-box
256
+ class="flex-1 basis-24"
257
+ valueExpr="id"
258
+ displayExpr="description"
259
+ [items]="item.data.combos"
260
+ [value]="item.data.value"
261
+ stylingMode="underlined"
262
+ placeholder=""
263
+ (onValueChanged)="item.fun($event)"></dx-select-box>
264
+ </li>
265
+ }
266
+ }
267
+ </ul>
268
+ }
269
+
196
270
  <!-- setting -->
197
- <ul id="side-menu-setting">
198
- @for (button of menuButtons(); track $index) {
199
- <li class="item-setting-button">
200
- <button
201
- type="button"
202
- class="dx-theme-material-typography"
203
- [style]="button.style"
204
- (click)="button.fun()">
205
- <fa-icon [icon]="button.icon"></fa-icon>
206
- <span>{{ button.label }}</span>
207
- </button>
208
- </li>
209
- }
210
- <li class="item-setting">
211
- <fa-icon [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
212
- <span>{{ 'lblDarkMode' | translate }}</span>
271
+ <hr class="my-4 h-px border-0 bg-gray-600" />
272
+
273
+ <ul class="flex flex-col gap-2">
274
+ <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
275
+ <fa-icon class="basis-6" [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
276
+ <span class="flex-1 truncate">{{ 'lblDarkMode' | translate }}</span>
213
277
  <dx-switch [value]="darkMode()" (onValueChanged)="updateTheme($event)"></dx-switch>
214
278
  </li>
215
- <li class="item-setting">
216
- <fa-icon [icon]="ICON.LANGUAGE"></fa-icon>
217
- <span>{{ 'lblLanguage' | translate }}</span>
279
+ <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
280
+ <fa-icon class="basis-6" [icon]="ICON.LANGUAGE"></fa-icon>
281
+ <span class="flex-1 truncate">{{ 'lblLanguage' | translate }}</span>
218
282
  <dx-select-box
283
+ class="basis-12"
219
284
  [items]="translateService.translateInfo().languagesSupported"
220
285
  [value]="translateService.translateInfo().language"
221
286
  stylingMode="underlined"
222
- placeholder=""
223
287
  (onValueChanged)="updateLanguage($event)"></dx-select-box>
224
288
  </li>
225
289
  <!-- User | null | undefined -->
226
290
  @if (user() !== undefined) {
227
- <li class="item-logout">
228
- <button (click)="user() ? logout() : goToLogin()">
291
+ <li>
292
+ <button
293
+ 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"
294
+ (click)="user() ? logout() : goToLogin()">
229
295
  <fa-icon [icon]="user() ? ICON.LOGOUT : ICON.LOGIN"></fa-icon>
230
- {{ (user() ? 'lblLogout' : 'lblLogin') | translate }}
296
+ <span class="flex-1 truncate">{{
297
+ (user() ? 'lblLogout' : 'lblLogin') | translate
298
+ }}</span>
231
299
  </button>
232
300
  </li>
233
301
  }
234
302
  </ul>
235
303
 
236
304
  <!-- logo -->
237
- <div id="side-menu-logo">
305
+ <div class="mt-auto flex content-end border-b border-white">
238
306
  <img
239
- id="img-brand"
307
+ class="ml-auto h-12"
240
308
  [ngSrc]="pathBrandLogo()"
241
309
  alt="Brand logo"
242
310
  [height]="30"
@@ -244,6 +312,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
244
312
  priority />
245
313
  </div>
246
314
  </aside>
247
- `, 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"] }]
315
+ `, 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"] }]
248
316
  }] });
249
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5pLXNpZGUtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91bmktY29tcG9uZW50LXR3L3VuaS1zaWRlLW1lbnUvc3JjL3VuaS1zaWRlLW1lbnUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBR3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLHFCQUFxQixFQUNyQixVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFRLE1BQU0sa0JBQWtCLENBQUM7Ozs7OztBQTRIeEQsTUFBTSxPQUFPLG9CQUFvQjtJQXZHakM7UUF3R0UsYUFBYTtRQUNKLFdBQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxNQUFNLENBQUMs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Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFGVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnkgKi9cclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ09wdGltaXplZEltYWdlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBpbnB1dCwgb3V0cHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyLCBSb3V0ZXJMaW5rLCBSb3V0ZXJMaW5rQWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgRHhCdXR0b25Nb2R1bGUgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXIvdWkvYnV0dG9uJztcclxuaW1wb3J0IHsgRHhTd2l0Y2hNb2R1bGUgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXIvdWkvc3dpdGNoJztcclxuaW1wb3J0IHsgRHhTZWxlY3RCb3hNb2R1bGUgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXIvdWkvc2VsZWN0LWJveCc7XHJcbmltcG9ydCB7IFZhbHVlQ2hhbmdlZEV2ZW50IGFzIFN3aXRjaFZhbHVlQ2hhbmdlZEV2ZW50IH0gZnJvbSAnZGV2ZXh0cmVtZS91aS9zd2l0Y2hfdHlwZXMnO1xyXG5pbXBvcnQgeyBWYWx1ZUNoYW5nZWRFdmVudCBhcyBTZWxlY3RCb3hWYWx1ZUNoYW5nZWRFdmVudCB9IGZyb20gJ2RldmV4dHJlbWUvdWkvc2VsZWN0X2JveF90eXBlcyc7XHJcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcclxuaW1wb3J0IHtcclxuICBJY29uRGVmaW5pdGlvbixcclxuICBmYUFycm93UmlnaHRGcm9tQnJhY2tldCxcclxuICBmYUFycm93UmlnaHRUb0JyYWNrZXQsXHJcbiAgZmFMYW5ndWFnZSxcclxuICBmYU1vb24sXHJcbiAgZmFTdW4sXHJcbiAgZmFVc2VyLFxyXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XHJcbmltcG9ydCB7IFVOSVRyYW5zbGF0ZVBpcGUsIFVOSVRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICd1bmktc2VydmljZS90cmFuc2xhdGUnO1xyXG5pbXBvcnQgeyBVTklBdXRoU2VydmljZSwgVXNlciB9IGZyb20gJ3VuaS1zZXJ2aWNlL2F1dGgnO1xyXG5cclxuZXhwb3J0IHR5cGUgTWVudUl0ZW0gPSB7XHJcbiAgaWQ6IG51bWJlcjtcclxuICBpY29uOiBJY29uRGVmaW5pdGlvbjtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIHBhdGg6IHN0cmluZztcclxuICB2aXNpYmxlOiBib29sZWFuO1xyXG4gIGRpc2FibGVkOiBib29sZWFuO1xyXG59O1xyXG5cclxuZXhwb3J0IHR5cGUgTWVudUJ1dHRvbiA9IHtcclxuICBpZDogbnVtYmVyO1xyXG4gIGljb246IEljb25EZWZpbml0aW9uO1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgc3R5bGU6IHN0cmluZztcclxuICBmdW46ICguLi5wYXJhbXM6IGFueSkgPT4gdm9pZDtcclxuICB2aXNpYmxlOiBib29sZWFuO1xyXG4gIGRpc2FibGVkOiBib29sZWFuO1xyXG59O1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd1bmktc2lkZS1tZW51JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFJvdXRlckxpbmssXHJcbiAgICBSb3V0ZXJMaW5rQWN0aXZlLFxyXG4gICAgTmdPcHRpbWl6ZWRJbWFnZSxcclxuICAgIER4QnV0dG9uTW9kdWxlLFxyXG4gICAgRHhTd2l0Y2hNb2R1bGUsXHJcbiAgICBEeFNlbGVjdEJveE1vZHVsZSxcclxuICAgIEZhSWNvbkNvbXBvbmVudCxcclxuICAgIFVOSVRyYW5zbGF0ZVBpcGUsXHJcbiAgXSxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGFzaWRlIGlkPVwic2lkZS1tZW51XCI+XHJcbiAgICAgIDwhLS0gdXNlciAgLS0+XHJcbiAgICAgIDxkaXYgaWQ9XCJzaWRlLW1lbnUtdXNlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlLW1lbnUtdXNlci1pbmZvXCI+XHJcbiAgICAgICAgICBAaWYgKHVzZXIoKTsgYXMgdXNlcikge1xyXG4gICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJJQ09OLlVTRVJcIj48L2ZhLWljb24+IHt7IHVzZXIudXNlcm5hbWUgfX1cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZHgtYnV0dG9uIFtpY29uXT1cIidjbG9zZSdcIiAob25DbGljayk9XCJldnRUb2dnbGVNZW51LmVtaXQoZmFsc2UpXCI+PC9keC1idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPCEtLSBtZW51ICAtLT5cclxuICAgICAgQGlmIChtZW51SXRlbXMoKS5sZW5ndGgpIHtcclxuICAgICAgICA8bmF2IGlkPVwic2lkZS1tZW51LW1lbnVcIiByb2xlPVwiZnVsbC1ob3Jpem9udGFsXCI+XHJcbiAgICAgICAgICA8dWw+XHJcbiAgICAgICAgICAgIEBmb3IgKGl0ZW0gb2YgbWVudUl0ZW1zKCk7IHRyYWNrIGl0ZW0uaWQpIHtcclxuICAgICAgICAgICAgICBAaWYgKGl0ZW0udmlzaWJsZSkge1xyXG4gICAgICAgICAgICAgICAgPGxpPlxyXG4gICAgICAgICAgICAgICAgICA8YVxyXG4gICAgICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0uZGlzYWJsZWQgPyBudWxsIDogaXRlbS5wYXRoXCJcclxuICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiaXRlbS1hY3RpdmVcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2l0ZW0tZGlzYWJsZWQnOiBpdGVtLmRpc2FibGVkIH1cIlxyXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJldnRUb2dnbGVNZW51LmVtaXQoZmFsc2UpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiaXRlbS5pY29uXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L3VsPlxyXG4gICAgICAgIDwvbmF2PlxyXG4gICAgICB9XHJcblxyXG4gICAgICA8IS0tIHNldHRpbmcgIC0tPlxyXG4gICAgICA8dWwgaWQ9XCJzaWRlLW1lbnUtc2V0dGluZ1wiPlxyXG4gICAgICAgIEBmb3IgKGJ1dHRvbiBvZiBtZW51QnV0dG9ucygpOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgIDxsaSBjbGFzcz1cIml0ZW0tc2V0dGluZy1idXR0b25cIj5cclxuICAgICAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgIGNsYXNzPVwiZHgtdGhlbWUtbWF0ZXJpYWwtdHlwb2dyYXBoeVwiXHJcbiAgICAgICAgICAgICAgW3N0eWxlXT1cImJ1dHRvbi5zdHlsZVwiXHJcbiAgICAgICAgICAgICAgKGNsaWNrKT1cImJ1dHRvbi5mdW4oKVwiPlxyXG4gICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImJ1dHRvbi5pY29uXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICAgIDxzcGFuPnt7IGJ1dHRvbi5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICA8L2xpPlxyXG4gICAgICAgIH1cclxuICAgICAgICA8bGkgY2xhc3M9XCJpdGVtLXNldHRpbmdcIj5cclxuICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImRhcmtNb2RlKCkgPyBJQ09OLkRBUktfTU9ERSA6IElDT04uTElHSFRfTU9ERVwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgIDxzcGFuPnt7ICdsYmxEYXJrTW9kZScgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8ZHgtc3dpdGNoIFt2YWx1ZV09XCJkYXJrTW9kZSgpXCIgKG9uVmFsdWVDaGFuZ2VkKT1cInVwZGF0ZVRoZW1lKCRldmVudClcIj48L2R4LXN3aXRjaD5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICAgIDxsaSBjbGFzcz1cIml0ZW0tc2V0dGluZ1wiPlxyXG4gICAgICAgICAgPGZhLWljb24gW2ljb25dPVwiSUNPTi5MQU5HVUFHRVwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgIDxzcGFuPnt7ICdsYmxMYW5ndWFnZScgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8ZHgtc2VsZWN0LWJveFxyXG4gICAgICAgICAgICBbaXRlbXNdPVwidHJhbnNsYXRlU2VydmljZS50cmFuc2xhdGVJbmZvKCkubGFuZ3VhZ2VzU3VwcG9ydGVkXCJcclxuICAgICAgICAgICAgW3ZhbHVlXT1cInRyYW5zbGF0ZVNlcnZpY2UudHJhbnNsYXRlSW5mbygpLmxhbmd1YWdlXCJcclxuICAgICAgICAgICAgc3R5bGluZ01vZGU9XCJ1bmRlcmxpbmVkXCJcclxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJcIlxyXG4gICAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwidXBkYXRlTGFuZ3VhZ2UoJGV2ZW50KVwiPjwvZHgtc2VsZWN0LWJveD5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICAgIDwhLS0gVXNlciB8IG51bGwgfCB1bmRlZmluZWQgLS0+XHJcbiAgICAgICAgQGlmICh1c2VyKCkgIT09IHVuZGVmaW5lZCkge1xyXG4gICAgICAgICAgPGxpIGNsYXNzPVwiaXRlbS1sb2dvdXRcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwidXNlcigpID8gbG9nb3V0KCkgOiBnb1RvTG9naW4oKVwiPlxyXG4gICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cInVzZXIoKSA/IElDT04uTE9HT1VUIDogSUNPTi5MT0dJTlwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICB7eyAodXNlcigpID8gJ2xibExvZ291dCcgOiAnbGJsTG9naW4nKSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L3VsPlxyXG5cclxuICAgICAgPCEtLSBsb2dvICAtLT5cclxuICAgICAgPGRpdiBpZD1cInNpZGUtbWVudS1sb2dvXCI+XHJcbiAgICAgICAgPGltZ1xyXG4gICAgICAgICAgaWQ9XCJpbWctYnJhbmRcIlxyXG4gICAgICAgICAgW25nU3JjXT1cInBhdGhCcmFuZExvZ28oKVwiXHJcbiAgICAgICAgICBhbHQ9XCJCcmFuZCBsb2dvXCJcclxuICAgICAgICAgIFtoZWlnaHRdPVwiMzBcIlxyXG4gICAgICAgICAgW3dpZHRoXT1cIjEyNVwiXHJcbiAgICAgICAgICBwcmlvcml0eSAvPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvYXNpZGU+XHJcbiAgYCxcclxuICBzdHlsZVVybDogJy4vdW5pLXNpZGUtbWVudS5jb21wb25lbnQuc2NzcycsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVbmlTaWRlTWVudUNvbXBvbmVudCB7XHJcbiAgLyogU2VydmljZSAqL1xyXG4gIHJlYWRvbmx5IHJvdXRlciA9IGluamVjdChSb3V0ZXIpO1xyXG4gIHJlYWRvbmx5IGF1dGhTZXJ2aWNlID0gaW5qZWN0KFVOSUF1dGhTZXJ2aWNlKTtcclxuICByZWFkb25seSB0cmFuc2xhdGVTZXJ2aWNlID0gaW5qZWN0KFVOSVRyYW5zbGF0ZVNlcnZpY2UpO1xyXG5cclxuICAvKiBJbnB1dCAqL1xyXG4gIHBhdGhCcmFuZExvZ28gPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XHJcbiAgbWVudUl0ZW1zID0gaW5wdXQ8TWVudUl0ZW1bXT4oW10pO1xyXG4gIG1lbnVCdXR0b25zID0gaW5wdXQ8TWVudUJ1dHRvbltdPihbXSk7XHJcbiAgdXNlciA9IGlucHV0LnJlcXVpcmVkPFVzZXIgfCBudWxsIHwgdW5kZWZpbmVkPigpO1xyXG5cclxuICAvKiBPdXRwdXQgKi9cclxuICBldnRUb2dnbGVNZW51ID0gb3V0cHV0PGZhbHNlPigpO1xyXG5cclxuICAvKiBWYXJpYWJsZXMgKi9cclxuICBkYXJrTW9kZSA9IHNpZ25hbDxib29sZWFuPihsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgndW5pLXRoZW1lJykgPT09ICdkYXJrJyk7XHJcblxyXG4gIC8qIEljb25zICovXHJcbiAgcmVhZG9ubHkgSUNPTiA9IHtcclxuICAgIFVTRVI6IGZhVXNlcixcclxuICAgIExPR0lOOiBmYUFycm93UmlnaHRUb0JyYWNrZXQsXHJcbiAgICBMT0dPVVQ6IGZhQXJyb3dSaWdodEZyb21CcmFja2V0LFxyXG4gICAgTElHSFRfTU9ERTogZmFTdW4sXHJcbiAgICBEQVJLX01PREU6IGZhTW9vbixcclxuICAgIExBTkdVQUdFOiBmYUxhbmd1YWdlLFxyXG4gIH07XHJcblxyXG4gIC8qIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gTWV0aG9kcyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXHJcbiAgcHJvdGVjdGVkIHVwZGF0ZVRoZW1lKGU6IFN3aXRjaFZhbHVlQ2hhbmdlZEV2ZW50KTogdm9pZCB7XHJcbiAgICBsb2NhbFN0b3JhZ2Uuc2V0SXRlbSgndW5pLXRoZW1lJywgZS52YWx1ZSA/ICdkYXJrJyA6ICdsaWdodCcpO1xyXG4gICAgd2luZG93LmxvY2F0aW9uLnJlbG9hZCgpO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIHVwZGF0ZUxhbmd1YWdlKGU6IFNlbGVjdEJveFZhbHVlQ2hhbmdlZEV2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLnRyYW5zbGF0ZVNlcnZpY2Uuc2V0TGFuZ3VhZ2UoZS52YWx1ZSk7XHJcbiAgICB3aW5kb3cubG9jYXRpb24ucmVsb2FkKCk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgZ29Ub0xvZ2luKCk6IHZvaWQge1xyXG4gICAgdGhpcy5ldnRUb2dnbGVNZW51LmVtaXQoZmFsc2UpO1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoWydsb2dpbiddKTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBsb2dvdXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmF1dGhTZXJ2aWNlLmxvZ291dCQoKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICBjb25zdCBmaXJzdEl0ZW0gPSB0aGlzLm1lbnVJdGVtcygpLmZpbmQoKGl0ZW0pID0+IGl0ZW0udmlzaWJsZSAmJiAhaXRlbS5kaXNhYmxlZCk7XHJcbiAgICAgIHRoaXMuZXZ0VG9nZ2xlTWVudS5lbWl0KGZhbHNlKTtcclxuICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoW2ZpcnN0SXRlbT8ucGF0aCA/PyAnbG9naW4nXSk7XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIl19
317
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5pLXNpZGUtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91bmktY29tcG9uZW50LXR3L3VuaS1zaWRlLW1lbnUvc3JjL3VuaS1zaWRlLW1lbnUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEcsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzlELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBR3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLHFCQUFxQixFQUNyQixVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsY0FBYyxFQUFRLE1BQU0sa0JBQWtCLENBQUM7Ozs7OztBQXNLeEQsTUFBTSxPQUFPLG9CQUFvQjtJQXpJakM7UUEwSUUsYUFBYTtRQUNKLFdBQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxNQUFNLENBQUMs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QUNqQixZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVIVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnkgKi9cclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ09wdGltaXplZEltYWdlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBpbnB1dCwgb3V0cHV0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyLCBSb3V0ZXJMaW5rLCBSb3V0ZXJMaW5rQWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgRHhCdXR0b25Nb2R1bGUgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXIvdWkvYnV0dG9uJztcclxuaW1wb3J0IHsgRHhTd2l0Y2hNb2R1bGUgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXIvdWkvc3dpdGNoJztcclxuaW1wb3J0IHsgRHhTZWxlY3RCb3hNb2R1bGUgfSBmcm9tICdkZXZleHRyZW1lLWFuZ3VsYXIvdWkvc2VsZWN0LWJveCc7XHJcbmltcG9ydCB7IFZhbHVlQ2hhbmdlZEV2ZW50IGFzIFN3aXRjaFZhbHVlQ2hhbmdlZEV2ZW50IH0gZnJvbSAnZGV2ZXh0cmVtZS91aS9zd2l0Y2hfdHlwZXMnO1xyXG5pbXBvcnQgeyBWYWx1ZUNoYW5nZWRFdmVudCBhcyBTZWxlY3RCb3hWYWx1ZUNoYW5nZWRFdmVudCB9IGZyb20gJ2RldmV4dHJlbWUvdWkvc2VsZWN0X2JveF90eXBlcyc7XHJcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcclxuaW1wb3J0IHtcclxuICBJY29uRGVmaW5pdGlvbixcclxuICBmYUFycm93UmlnaHRGcm9tQnJhY2tldCxcclxuICBmYUFycm93UmlnaHRUb0JyYWNrZXQsXHJcbiAgZmFMYW5ndWFnZSxcclxuICBmYU1vb24sXHJcbiAgZmFTdW4sXHJcbiAgZmFVc2VyLFxyXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XHJcbmltcG9ydCB7IFVOSVRyYW5zbGF0ZVBpcGUsIFVOSVRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICd1bmktc2VydmljZS90cmFuc2xhdGUnO1xyXG5pbXBvcnQgeyBVTklBdXRoU2VydmljZSwgVXNlciB9IGZyb20gJ3VuaS1zZXJ2aWNlL2F1dGgnO1xyXG5cclxuZXhwb3J0IHR5cGUgQ29tYm8gPSB7XHJcbiAgaWQ6IG51bWJlcjtcclxuICBjb2RlOiBzdHJpbmc7XHJcbiAgZGVzY3JpcHRpb246IHN0cmluZztcclxufTtcclxuXHJcbmV4cG9ydCB0eXBlIE1lbnVJdGVtID0ge1xyXG4gIGlkOiBudW1iZXI7XHJcbiAgaWNvbjogSWNvbkRlZmluaXRpb247XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICBwYXRoOiBzdHJpbmc7XHJcbiAgdmlzaWJsZTogYm9vbGVhbjtcclxuICBkaXNhYmxlZDogYm9vbGVhbjtcclxufTtcclxuXHJcbmV4cG9ydCB0eXBlIE1lbnVJbnRlcmFjdGlvbiA9IHtcclxuICBpZDogbnVtYmVyO1xyXG4gIGRhdGE6XHJcbiAgICB8IHsgdHlwZTogJ2J1dHRvbic7IGljb246IEljb25EZWZpbml0aW9uIH1cclxuICAgIHwgeyB0eXBlOiAnc2VsZWN0JzsgY29tYm9zOiBDb21ib1tdOyB2YWx1ZTogbnVtYmVyIHwgbnVsbCB9O1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgY2xhc3M6IHN0cmluZztcclxuICBmdW46ICguLi5hcmdzOiBhbnkpID0+IHZvaWQ7XHJcbiAgdmlzaWJsZTogYm9vbGVhbjtcclxuICBkaXNhYmxlZDogYm9vbGVhbjtcclxufTtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndW5pLXNpZGUtbWVudScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBSb3V0ZXJMaW5rLFxyXG4gICAgUm91dGVyTGlua0FjdGl2ZSxcclxuICAgIE5nT3B0aW1pemVkSW1hZ2UsXHJcbiAgICBEeEJ1dHRvbk1vZHVsZSxcclxuICAgIER4U3dpdGNoTW9kdWxlLFxyXG4gICAgRHhTZWxlY3RCb3hNb2R1bGUsXHJcbiAgICBGYUljb25Db21wb25lbnQsXHJcbiAgICBVTklUcmFuc2xhdGVQaXBlLFxyXG4gIF0sXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxhc2lkZVxyXG4gICAgICBjbGFzcz1cImZsZXggaC1zY3JlZW4gdy1bMjUwcHhdIGZsZXgtY29sIGdhcC00IG92ZXJmbG93LWhpZGRlbiByb3VuZGVkIGJnLXppbmMtODAwLzYwIHAtNCBzaGFkb3cgYmFja2Ryb3AtYmx1ci14bFwiPlxyXG4gICAgICA8IS0tIHVzZXIgIC0tPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZmxleCB3LWZ1bGwgaXRlbXMtY2VudGVyIGdhcC00XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC0xIGdhcC0yXCI+XHJcbiAgICAgICAgICBAaWYgKHVzZXIoKTsgYXMgdXNlcikge1xyXG4gICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJJQ09OLlVTRVJcIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmxleC0xIHRydW5jYXRlXCI+e3sgdXNlci51c2VybmFtZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZHgtYnV0dG9uIFtpY29uXT1cIidjbG9zZSdcIiAob25DbGljayk9XCJldnRUb2dnbGVNZW51LmVtaXQoZmFsc2UpXCI+PC9keC1idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgPCEtLSBtZW51ICAtLT5cclxuICAgICAgQGlmIChtZW51SXRlbXMoKS5sZW5ndGgpIHtcclxuICAgICAgICA8bmF2IGNsYXNzPVwibXQtOFwiPlxyXG4gICAgICAgICAgPHVsIGNsYXNzPVwiZmxleCBmbGV4LWNvbCBnYXAtMlwiPlxyXG4gICAgICAgICAgICBAZm9yIChpdGVtIG9mIG1lbnVJdGVtcygpOyB0cmFjayBpdGVtLmlkKSB7XHJcbiAgICAgICAgICAgICAgQGlmIChpdGVtLnZpc2libGUpIHtcclxuICAgICAgICAgICAgICAgIDxsaT5cclxuICAgICAgICAgICAgICAgICAgPGFcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggZ2FwLTIgcm91bmRlZCBwLTIgIXRleHQtd2hpdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAgICAgICAgICAgICAgICdob3ZlcjpiZy16aW5jLTYwMC82MCc6ICFpdGVtLmRpc2FibGVkLFxyXG4gICAgICAgICAgICAgICAgICAgICAgJ2N1cnNvci1hdXRvICFvcGFjaXR5LTI1JzogaXRlbS5kaXNhYmxlZCxcclxuICAgICAgICAgICAgICAgICAgICB9XCJcclxuICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJpdGVtLmRpc2FibGVkID8gbnVsbCA6IGl0ZW0ucGF0aFwiXHJcbiAgICAgICAgICAgICAgICAgICAgcm91dGVyTGlua0FjdGl2ZT1cImJnLXppbmMtNjAwLzYwXCJcclxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiZXZ0VG9nZ2xlTWVudS5lbWl0KGZhbHNlKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxmYS1pY29uIGNsYXNzPVwiYmFzaXMtNlwiIFtpY29uXT1cIml0ZW0uaWNvblwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZsZXgtMSB0cnVuY2F0ZVwiPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L3VsPlxyXG4gICAgICAgIDwvbmF2PlxyXG4gICAgICB9XHJcblxyXG4gICAgICBAaWYgKG1lbnVJbnRlcmFjdGlvbnMoKS5sZW5ndGgpIHtcclxuICAgICAgICA8aHIgY2xhc3M9XCJteS00IGgtcHggYm9yZGVyLTAgYmctZ3JheS02MDBcIiAvPlxyXG5cclxuICAgICAgICA8dWwgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGdhcC0yXCI+XHJcbiAgICAgICAgICBAZm9yIChpdGVtIG9mIG1lbnVJbnRlcmFjdGlvbnMoKTsgdHJhY2sgaXRlbS5pZCkge1xyXG4gICAgICAgICAgICBAaWYgKGl0ZW0uZGF0YS50eXBlID09PSAnYnV0dG9uJykge1xyXG4gICAgICAgICAgICAgIDxsaSBjbGFzcz1cIml0ZW0tc2V0dGluZy1idXR0b25cIj5cclxuICAgICAgICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZHgtdGhlbWUtbWF0ZXJpYWwtdHlwb2dyYXBoeSBmbGV4IGgtMTIgdy1mdWxsIGl0ZW1zLWNlbnRlciBnYXAtMiByb3VuZGVkIHAtNFwiXHJcbiAgICAgICAgICAgICAgICAgIFtjbGFzc109XCJpdGVtLmNsYXNzXCJcclxuICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIml0ZW0uZnVuKClcIj5cclxuICAgICAgICAgICAgICAgICAgPGZhLWljb24gY2xhc3M9XCJiYXNpcy02XCIgW2ljb25dPVwiaXRlbS5kYXRhLmljb25cIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmxleC0xIHRydW5jYXRlXCI+e3sgaXRlbS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgIH0gQGVsc2UgaWYgKGl0ZW0uZGF0YS50eXBlID09PSAnc2VsZWN0Jykge1xyXG4gICAgICAgICAgICAgIDxsaSBjbGFzcz1cImZsZXggaC0xMiBpdGVtcy1jZW50ZXIgZ2FwLTQgcm91bmRlZCBiZy16aW5jLTYwMC82MCBwLTMgc2hhZG93XCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRydW5jYXRlXCI+e3sgaXRlbS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxkeC1zZWxlY3QtYm94XHJcbiAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZmxleC0xIGJhc2lzLTI0XCJcclxuICAgICAgICAgICAgICAgICAgdmFsdWVFeHByPVwiaWRcIlxyXG4gICAgICAgICAgICAgICAgICBkaXNwbGF5RXhwcj1cImRlc2NyaXB0aW9uXCJcclxuICAgICAgICAgICAgICAgICAgW2l0ZW1zXT1cIml0ZW0uZGF0YS5jb21ib3NcIlxyXG4gICAgICAgICAgICAgICAgICBbdmFsdWVdPVwiaXRlbS5kYXRhLnZhbHVlXCJcclxuICAgICAgICAgICAgICAgICAgc3R5bGluZ01vZGU9XCJ1bmRlcmxpbmVkXCJcclxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJcIlxyXG4gICAgICAgICAgICAgICAgICAob25WYWx1ZUNoYW5nZWQpPVwiaXRlbS5mdW4oJGV2ZW50KVwiPjwvZHgtc2VsZWN0LWJveD5cclxuICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC91bD5cclxuICAgICAgfVxyXG5cclxuICAgICAgPCEtLSBzZXR0aW5nICAtLT5cclxuICAgICAgPGhyIGNsYXNzPVwibXktNCBoLXB4IGJvcmRlci0wIGJnLWdyYXktNjAwXCIgLz5cclxuXHJcbiAgICAgIDx1bCBjbGFzcz1cImZsZXggZmxleC1jb2wgZ2FwLTJcIj5cclxuICAgICAgICA8bGkgY2xhc3M9XCJmbGV4IGgtMTIgaXRlbXMtY2VudGVyIGdhcC0yIHJvdW5kZWQgYmctemluYy02MDAvNjAgcC00IHRleHQtd2hpdGUgc2hhZG93XCI+XHJcbiAgICAgICAgICA8ZmEtaWNvbiBjbGFzcz1cImJhc2lzLTZcIiBbaWNvbl09XCJkYXJrTW9kZSgpID8gSUNPTi5EQVJLX01PREUgOiBJQ09OLkxJR0hUX01PREVcIj48L2ZhLWljb24+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImZsZXgtMSB0cnVuY2F0ZVwiPnt7ICdsYmxEYXJrTW9kZScgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8ZHgtc3dpdGNoIFt2YWx1ZV09XCJkYXJrTW9kZSgpXCIgKG9uVmFsdWVDaGFuZ2VkKT1cInVwZGF0ZVRoZW1lKCRldmVudClcIj48L2R4LXN3aXRjaD5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICAgIDxsaSBjbGFzcz1cImZsZXggaC0xMiBpdGVtcy1jZW50ZXIgZ2FwLTIgcm91bmRlZCBiZy16aW5jLTYwMC82MCBwLTQgdGV4dC13aGl0ZSBzaGFkb3dcIj5cclxuICAgICAgICAgIDxmYS1pY29uIGNsYXNzPVwiYmFzaXMtNlwiIFtpY29uXT1cIklDT04uTEFOR1VBR0VcIj48L2ZhLWljb24+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImZsZXgtMSB0cnVuY2F0ZVwiPnt7ICdsYmxMYW5ndWFnZScgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8ZHgtc2VsZWN0LWJveFxyXG4gICAgICAgICAgICBjbGFzcz1cImJhc2lzLTEyXCJcclxuICAgICAgICAgICAgW2l0ZW1zXT1cInRyYW5zbGF0ZVNlcnZpY2UudHJhbnNsYXRlSW5mbygpLmxhbmd1YWdlc1N1cHBvcnRlZFwiXHJcbiAgICAgICAgICAgIFt2YWx1ZV09XCJ0cmFuc2xhdGVTZXJ2aWNlLnRyYW5zbGF0ZUluZm8oKS5sYW5ndWFnZVwiXHJcbiAgICAgICAgICAgIHN0eWxpbmdNb2RlPVwidW5kZXJsaW5lZFwiXHJcbiAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJ1cGRhdGVMYW5ndWFnZSgkZXZlbnQpXCI+PC9keC1zZWxlY3QtYm94PlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgICAgPCEtLSBVc2VyIHwgbnVsbCB8IHVuZGVmaW5lZCAtLT5cclxuICAgICAgICBAaWYgKHVzZXIoKSAhPT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgICAgICA8bGk+XHJcbiAgICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgICBjbGFzcz1cImZsZXggdy1mdWxsIGl0ZW1zLWNlbnRlciBnYXAtMiByb3VuZGVkIGJvcmRlciBib3JkZXItd2hpdGUgcC00IHRleHQtd2hpdGUgc2hhZG93IHRyYW5zaXRpb24gZHVyYXRpb24tMzAwIGVhc2UtaW4tb3V0IGhvdmVyOmJnLXdoaXRlIGhvdmVyOnRleHQtZ3JheS04MDBcIlxyXG4gICAgICAgICAgICAgIChjbGljayk9XCJ1c2VyKCkgPyBsb2dvdXQoKSA6IGdvVG9Mb2dpbigpXCI+XHJcbiAgICAgICAgICAgICAgPGZhLWljb24gW2ljb25dPVwidXNlcigpID8gSUNPTi5MT0dPVVQgOiBJQ09OLkxPR0lOXCI+PC9mYS1pY29uPlxyXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmxleC0xIHRydW5jYXRlXCI+e3tcclxuICAgICAgICAgICAgICAgICh1c2VyKCkgPyAnbGJsTG9nb3V0JyA6ICdsYmxMb2dpbicpIHwgdHJhbnNsYXRlXHJcbiAgICAgICAgICAgICAgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgPC9saT5cclxuICAgICAgICB9XHJcbiAgICAgIDwvdWw+XHJcblxyXG4gICAgICA8IS0tIGxvZ28gIC0tPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibXQtYXV0byBmbGV4IGNvbnRlbnQtZW5kIGJvcmRlci1iIGJvcmRlci13aGl0ZVwiPlxyXG4gICAgICAgIDxpbWdcclxuICAgICAgICAgIGNsYXNzPVwibWwtYXV0byBoLTEyXCJcclxuICAgICAgICAgIFtuZ1NyY109XCJwYXRoQnJhbmRMb2dvKClcIlxyXG4gICAgICAgICAgYWx0PVwiQnJhbmQgbG9nb1wiXHJcbiAgICAgICAgICBbaGVpZ2h0XT1cIjMwXCJcclxuICAgICAgICAgIFt3aWR0aF09XCIxMjVcIlxyXG4gICAgICAgICAgcHJpb3JpdHkgLz5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2FzaWRlPlxyXG4gIGAsXHJcbiAgc3R5bGVVcmw6ICcuL3VuaS1zaWRlLW1lbnUuY29tcG9uZW50LnNjc3MnLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVW5pU2lkZU1lbnVDb21wb25lbnQge1xyXG4gIC8qIFNlcnZpY2UgKi9cclxuICByZWFkb25seSByb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcclxuICByZWFkb25seSBhdXRoU2VydmljZSA9IGluamVjdChVTklBdXRoU2VydmljZSk7XHJcbiAgcmVhZG9ubHkgdHJhbnNsYXRlU2VydmljZSA9IGluamVjdChVTklUcmFuc2xhdGVTZXJ2aWNlKTtcclxuXHJcbiAgLyogSW5wdXQgKi9cclxuICBwYXRoQnJhbmRMb2dvID0gaW5wdXQucmVxdWlyZWQ8c3RyaW5nPigpO1xyXG4gIG1lbnVJdGVtcyA9IGlucHV0PE1lbnVJdGVtW10+KFtdKTtcclxuICBtZW51SW50ZXJhY3Rpb25zID0gaW5wdXQ8TWVudUludGVyYWN0aW9uW10+KFtdKTtcclxuICB1c2VyID0gaW5wdXQucmVxdWlyZWQ8VXNlciB8IG51bGwgfCB1bmRlZmluZWQ+KCk7XHJcblxyXG4gIC8qIE91dHB1dCAqL1xyXG4gIGV2dFRvZ2dsZU1lbnUgPSBvdXRwdXQ8ZmFsc2U+KCk7XHJcblxyXG4gIC8qIFZhcmlhYmxlcyAqL1xyXG4gIGRhcmtNb2RlID0gc2lnbmFsPGJvb2xlYW4+KGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd1bmktdGhlbWUnKSA9PT0gJ2RhcmsnKTtcclxuXHJcbiAgLyogSWNvbnMgKi9cclxuICByZWFkb25seSBJQ09OID0ge1xyXG4gICAgVVNFUjogZmFVc2VyLFxyXG4gICAgTE9HSU46IGZhQXJyb3dSaWdodFRvQnJhY2tldCxcclxuICAgIExPR09VVDogZmFBcnJvd1JpZ2h0RnJvbUJyYWNrZXQsXHJcbiAgICBMSUdIVF9NT0RFOiBmYVN1bixcclxuICAgIERBUktfTU9ERTogZmFNb29uLFxyXG4gICAgTEFOR1VBR0U6IGZhTGFuZ3VhZ2UsXHJcbiAgfTtcclxuXHJcbiAgLyogLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSBNZXRob2RzIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cclxuICBwcm90ZWN0ZWQgdXBkYXRlVGhlbWUoZTogU3dpdGNoVmFsdWVDaGFuZ2VkRXZlbnQpOiB2b2lkIHtcclxuICAgIGxvY2FsU3RvcmFnZS5zZXRJdGVtKCd1bmktdGhlbWUnLCBlLnZhbHVlID8gJ2RhcmsnIDogJ2xpZ2h0Jyk7XHJcbiAgICB3aW5kb3cubG9jYXRpb24ucmVsb2FkKCk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgdXBkYXRlTGFuZ3VhZ2UoZTogU2VsZWN0Qm94VmFsdWVDaGFuZ2VkRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMudHJhbnNsYXRlU2VydmljZS5zZXRMYW5ndWFnZShlLnZhbHVlKTtcclxuICAgIHdpbmRvdy5sb2NhdGlvbi5yZWxvYWQoKTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBnb1RvTG9naW4oKTogdm9pZCB7XHJcbiAgICB0aGlzLmV2dFRvZ2dsZU1lbnUuZW1pdChmYWxzZSk7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbJ2xvZ2luJ10pO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIGxvZ291dCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYXV0aFNlcnZpY2UubG9nb3V0JCgpLnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGZpcnN0SXRlbSA9IHRoaXMubWVudUl0ZW1zKCkuZmluZCgoaXRlbSkgPT4gaXRlbS52aXNpYmxlICYmICFpdGVtLmRpc2FibGVkKTtcclxuICAgICAgdGhpcy5ldnRUb2dnbGVNZW51LmVtaXQoZmFsc2UpO1xyXG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbZmlyc3RJdGVtPy5wYXRoID8/ICdsb2dpbiddKTtcclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iXX0=
package/fesm2022/uni-component-tw-uni-article.mjs CHANGED
@@ -66,7 +66,7 @@ class UniArticleComponent {
66
66
  <ng-content></ng-content>
67
67
  }
68
68
  </article>
69
- `, isInline: true, styles: [":host{display:block;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
69
+ `, isInline: true, styles: ["@tailwind base;@tailwind components;@tailwind utilities;:host{display:block;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
70
70
  }
71
71
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniArticleComponent, decorators: [{
72
72
  type: Component,
@@ -104,7 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
104
104
  <ng-content></ng-content>
105
105
  }
106
106
  </article>
107
- `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;overflow:hidden}\n"] }]
107
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@tailwind base;@tailwind components;@tailwind utilities;:host{display:block;overflow:hidden}\n"] }]
108
108
  }] });
109
109
 
110
110
  /**
package/fesm2022/uni-component-tw-uni-article.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"uni-component-tw-uni-article.mjs","sources":["../../../projects/uni-component-tw/uni-article/src/uni-article.component.ts","../../../projects/uni-component-tw/uni-article/uni-component-tw-uni-article.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n ChangeDetectionStrategy,\r\n Component,\r\n computed,\r\n input,\r\n signal,\r\n SimpleChanges,\r\n OnChanges,\r\n} from '@angular/core';\r\nimport { DxButtonModule } from 'devextreme-angular/ui/button';\r\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\r\nimport { IconDefinition } from '@fortawesome/free-solid-svg-icons';\r\n\r\n@Component({\r\n selector: 'uni-article',\r\n standalone: true,\r\n imports: [CommonModule, DxButtonModule, FaIconComponent],\r\n template: `\r\n <article\r\n class=\"uni_article flex h-full flex-col rounded border-2 p-4\"\r\n [style.backgroundColor]=\"color() + '26'\"\r\n [style.borderColor]=\"color() + '33'\">\r\n <!-- Title -->\r\n @if (isHeader()) {\r\n <div class=\"uni_article_header flex items-center gap-4\" [ngClass]=\"{ 'mb-4': isOpen() }\">\r\n <!-- Icona nella testata, se presente -->\r\n @if (icon(); as icon) {\r\n <fa-icon class=\"uni-article-header-icon\" [icon]=\"icon\"></fa-icon>\r\n }\r\n\r\n <!-- Titolo nella testata, se presente -->\r\n @if (title(); as title) {\r\n <h5 class=\"uni_article_header_title truncate uppercase\">{{ title }}</h5>\r\n }\r\n\r\n <!-- Bottone per aprire/chiudere l'articolo, se presente -->\r\n @if (headerCloseButton()) {\r\n <dx-button\r\n class=\"uni_article_header_button ml-auto\"\r\n [icon]=\"isOpen() ? 'close' : 'expandform'\"\r\n (onClick)=\"toggleIsOpen()\">\r\n </dx-button>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Contenuto dell'articolo, visibile solo se aperto -->\r\n @if (isOpen()) {\r\n <ng-content></ng-content>\r\n }\r\n </article>\r\n `,\r\n styles: [\r\n `\r\n :host {\r\n display: block;\r\n overflow: hidden;\r\n }\r\n `,\r\n ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class UniArticleComponent implements OnChanges {\r\n /* Inputs */\r\n readonly color = input.required<string>(); // Colore di base dell'articolo\r\n readonly title = input<string>(); // Titolo opzionale dell'articolo\r\n readonly icon = input<IconDefinition>(); // Icona opzionale per l'intestazione\r\n readonly setIsOpen = input<boolean | undefined>(); // Stato iniziale di apertura\r\n readonly headerCloseButton = input<boolean>(false); // Se mostrare il button per chiudere article\r\n\r\n /* Variables */\r\n isOpen = signal<boolean>(true);\r\n isHeader = computed(() => this.icon() || this.title() || this.headerCloseButton());\r\n\r\n /* ----------------------- Lifecycle Hook --------------------------- */\r\n ngOnChanges(changes: SimpleChanges): void {\r\n const { setIsOpen } = changes;\r\n // Verifica se 'setIsOpen' è cambiato e non è il primo cambiamento\r\n if (setIsOpen && !setIsOpen.firstChange && setIsOpen.currentValue !== undefined) {\r\n this.isOpen.set(setIsOpen.currentValue);\r\n }\r\n }\r\n\r\n /* ----------------------- Metodi --------------------------- */\r\n protected toggleIsOpen(): void {\r\n // Inverte lo stato di apertura/chiusura\r\n this.isOpen.update((val) => !val);\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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"}
1
+ {"version":3,"file":"uni-component-tw-uni-article.mjs","sources":["../../../projects/uni-component-tw/uni-article/src/uni-article.component.ts","../../../projects/uni-component-tw/uni-article/uni-component-tw-uni-article.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n ChangeDetectionStrategy,\r\n Component,\r\n computed,\r\n input,\r\n signal,\r\n SimpleChanges,\r\n OnChanges,\r\n} from '@angular/core';\r\nimport { DxButtonModule } from 'devextreme-angular/ui/button';\r\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\r\nimport { IconDefinition } from '@fortawesome/free-solid-svg-icons';\r\n\r\n@Component({\r\n selector: 'uni-article',\r\n standalone: true,\r\n imports: [CommonModule, DxButtonModule, FaIconComponent],\r\n template: `\r\n <article\r\n class=\"uni_article flex h-full flex-col rounded border-2 p-4\"\r\n [style.backgroundColor]=\"color() + '26'\"\r\n [style.borderColor]=\"color() + '33'\">\r\n <!-- Title -->\r\n @if (isHeader()) {\r\n <div class=\"uni_article_header flex items-center gap-4\" [ngClass]=\"{ 'mb-4': isOpen() }\">\r\n <!-- Icona nella testata, se presente -->\r\n @if (icon(); as icon) {\r\n <fa-icon class=\"uni-article-header-icon\" [icon]=\"icon\"></fa-icon>\r\n }\r\n\r\n <!-- Titolo nella testata, se presente -->\r\n @if (title(); as title) {\r\n <h5 class=\"uni_article_header_title truncate uppercase\">{{ title }}</h5>\r\n }\r\n\r\n <!-- Bottone per aprire/chiudere l'articolo, se presente -->\r\n @if (headerCloseButton()) {\r\n <dx-button\r\n class=\"uni_article_header_button ml-auto\"\r\n [icon]=\"isOpen() ? 'close' : 'expandform'\"\r\n (onClick)=\"toggleIsOpen()\">\r\n </dx-button>\r\n }\r\n </div>\r\n }\r\n\r\n <!-- Contenuto dell'articolo, visibile solo se aperto -->\r\n @if (isOpen()) {\r\n <ng-content></ng-content>\r\n }\r\n </article>\r\n `,\r\n styleUrl: './uni-article.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class UniArticleComponent implements OnChanges {\r\n /* Inputs */\r\n readonly color = input.required<string>(); // Colore di base dell'articolo\r\n readonly title = input<string>(); // Titolo opzionale dell'articolo\r\n readonly icon = input<IconDefinition>(); // Icona opzionale per l'intestazione\r\n readonly setIsOpen = input<boolean | undefined>(); // Stato iniziale di apertura\r\n readonly headerCloseButton = input<boolean>(false); // Se mostrare il button per chiudere article\r\n\r\n /* Variables */\r\n isOpen = signal<boolean>(true);\r\n isHeader = computed(() => this.icon() || this.title() || this.headerCloseButton());\r\n\r\n /* ----------------------- Lifecycle Hook --------------------------- */\r\n ngOnChanges(changes: SimpleChanges): void {\r\n const { setIsOpen } = changes;\r\n // Verifica se 'setIsOpen' è cambiato e non è il primo cambiamento\r\n if (setIsOpen && !setIsOpen.firstChange && setIsOpen.currentValue !== undefined) {\r\n this.isOpen.set(setIsOpen.currentValue);\r\n }\r\n }\r\n\r\n /* ----------------------- Metodi --------------------------- */\r\n protected toggleIsOpen(): void {\r\n // Inverte lo stato di apertura/chiusura\r\n this.isOpen.update((val) => !val);\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-side-menu.mjs CHANGED
@@ -24,7 +24,7 @@ class UniSideMenuComponent {
24
24
  /* Input */
25
25
  this.pathBrandLogo = input.required();
26
26
  this.menuItems = input([]);
27
- this.menuButtons = input([]);
27
+ this.menuInteractions = input([]);
28
28
  this.user = input.required();
29
29
  /* Output */
30
30
  this.evtToggleMenu = output();
@@ -61,13 +61,15 @@ class UniSideMenuComponent {
61
61
  });
62
62
  }
63
63
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
64
- 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: `
65
- <aside id="side-menu">
64
+ 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: `
65
+ <aside
66
+ class="flex h-screen w-[250px] flex-col gap-4 overflow-hidden rounded bg-zinc-800/60 p-4 shadow backdrop-blur-xl">
66
67
  <!-- user -->
67
- <div id="side-menu-user">
68
- <div class="side-menu-user-info">
68
+ <div class="flex w-full items-center gap-4">
69
+ <div class="flex flex-1 gap-2">
69
70
  @if (user(); as user) {
70
- <fa-icon [icon]="ICON.USER"></fa-icon> {{ user.username }}
71
+ <fa-icon [icon]="ICON.USER"></fa-icon>
72
+ <span class="flex-1 truncate">{{ user.username }}</span>
71
73
  }
72
74
  </div>
73
75
  <dx-button [icon]="'close'" (onClick)="evtToggleMenu.emit(false)"></dx-button>
@@ -75,18 +77,22 @@ class UniSideMenuComponent {
75
77
 
76
78
  <!-- menu -->
77
79
  @if (menuItems().length) {
78
- <nav id="side-menu-menu" role="full-horizontal">
79
- <ul>
80
+ <nav class="mt-8">
81
+ <ul class="flex flex-col gap-2">
80
82
  @for (item of menuItems(); track item.id) {
81
83
  @if (item.visible) {
82
84
  <li>
83
85
  <a
86
+ class="flex gap-2 rounded p-2 !text-white"
87
+ [ngClass]="{
88
+ 'hover:bg-zinc-600/60': !item.disabled,
89
+ 'cursor-auto !opacity-25': item.disabled,
90
+ }"
84
91
  [routerLink]="item.disabled ? null : item.path"
85
- routerLinkActive="item-active"
86
- [ngClass]="{ 'item-disabled': item.disabled }"
92
+ routerLinkActive="bg-zinc-600/60"
87
93
  (click)="evtToggleMenu.emit(false)">
88
- <fa-icon [icon]="item.icon"></fa-icon>
89
- <span>{{ item.label }}</span>
94
+ <fa-icon class="basis-6" [icon]="item.icon"></fa-icon>
95
+ <span class="flex-1 truncate">{{ item.label }}</span>
90
96
  </a>
91
97
  </li>
92
98
  }
@@ -95,50 +101,78 @@ class UniSideMenuComponent {
95
101
  </nav>
96
102
  }
97
103
 
104
+ @if (menuInteractions().length) {
105
+ <hr class="my-4 h-px border-0 bg-gray-600" />
106
+
107
+ <ul class="flex flex-col gap-2">
108
+ @for (item of menuInteractions(); track item.id) {
109
+ @if (item.data.type === 'button') {
110
+ <li class="item-setting-button">
111
+ <button
112
+ type="button"
113
+ class="dx-theme-material-typography flex h-12 w-full items-center gap-2 rounded p-4"
114
+ [class]="item.class"
115
+ (click)="item.fun()">
116
+ <fa-icon class="basis-6" [icon]="item.data.icon"></fa-icon>
117
+ <span class="flex-1 truncate">{{ item.label }}</span>
118
+ </button>
119
+ </li>
120
+ } @else if (item.data.type === 'select') {
121
+ <li class="flex h-12 items-center gap-4 rounded bg-zinc-600/60 p-3 shadow">
122
+ <span class="truncate">{{ item.label }}</span>
123
+ <dx-select-box
124
+ class="flex-1 basis-24"
125
+ valueExpr="id"
126
+ displayExpr="description"
127
+ [items]="item.data.combos"
128
+ [value]="item.data.value"
129
+ stylingMode="underlined"
130
+ placeholder=""
131
+ (onValueChanged)="item.fun($event)"></dx-select-box>
132
+ </li>
133
+ }
134
+ }
135
+ </ul>
136
+ }
137
+
98
138
  <!-- setting -->
99
- <ul id="side-menu-setting">
100
- @for (button of menuButtons(); track $index) {
101
- <li class="item-setting-button">
102
- <button
103
- type="button"
104
- class="dx-theme-material-typography"
105
- [style]="button.style"
106
- (click)="button.fun()">
107
- <fa-icon [icon]="button.icon"></fa-icon>
108
- <span>{{ button.label }}</span>
109
- </button>
110
- </li>
111
- }
112
- <li class="item-setting">
113
- <fa-icon [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
114
- <span>{{ 'lblDarkMode' | translate }}</span>
139
+ <hr class="my-4 h-px border-0 bg-gray-600" />
140
+
141
+ <ul class="flex flex-col gap-2">
142
+ <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
143
+ <fa-icon class="basis-6" [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
144
+ <span class="flex-1 truncate">{{ 'lblDarkMode' | translate }}</span>
115
145
  <dx-switch [value]="darkMode()" (onValueChanged)="updateTheme($event)"></dx-switch>
116
146
  </li>
117
- <li class="item-setting">
118
- <fa-icon [icon]="ICON.LANGUAGE"></fa-icon>
119
- <span>{{ 'lblLanguage' | translate }}</span>
147
+ <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
148
+ <fa-icon class="basis-6" [icon]="ICON.LANGUAGE"></fa-icon>
149
+ <span class="flex-1 truncate">{{ 'lblLanguage' | translate }}</span>
120
150
  <dx-select-box
151
+ class="basis-12"
121
152
  [items]="translateService.translateInfo().languagesSupported"
122
153
  [value]="translateService.translateInfo().language"
123
154
  stylingMode="underlined"
124
- placeholder=""
125
155
  (onValueChanged)="updateLanguage($event)"></dx-select-box>
126
156
  </li>
127
157
  <!-- User | null | undefined -->
128
158
  @if (user() !== undefined) {
129
- <li class="item-logout">
130
- <button (click)="user() ? logout() : goToLogin()">
159
+ <li>
160
+ <button
161
+ 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"
162
+ (click)="user() ? logout() : goToLogin()">
131
163
  <fa-icon [icon]="user() ? ICON.LOGOUT : ICON.LOGIN"></fa-icon>
132
- {{ (user() ? 'lblLogout' : 'lblLogin') | translate }}
164
+ <span class="flex-1 truncate">{{
165
+ (user() ? 'lblLogout' : 'lblLogin') | translate
166
+ }}</span>
133
167
  </button>
134
168
  </li>
135
169
  }
136
170
  </ul>
137
171
 
138
172
  <!-- logo -->
139
- <div id="side-menu-logo">
173
+ <div class="mt-auto flex content-end border-b border-white">
140
174
  <img
141
- id="img-brand"
175
+ class="ml-auto h-12"
142
176
  [ngSrc]="pathBrandLogo()"
143
177
  alt="Brand logo"
144
178
  [height]="30"
@@ -146,7 +180,7 @@ class UniSideMenuComponent {
146
180
  priority />
147
181
  </div>
148
182
  </aside>
149
- `, 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 }); }
183
+ `, 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 }); }
150
184
  }
151
185
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: UniSideMenuComponent, decorators: [{
152
186
  type: Component,
@@ -161,12 +195,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
161
195
  FaIconComponent,
162
196
  UNITranslatePipe,
163
197
  ], template: `
164
- <aside id="side-menu">
198
+ <aside
199
+ class="flex h-screen w-[250px] flex-col gap-4 overflow-hidden rounded bg-zinc-800/60 p-4 shadow backdrop-blur-xl">
165
200
  <!-- user -->
166
- <div id="side-menu-user">
167
- <div class="side-menu-user-info">
201
+ <div class="flex w-full items-center gap-4">
202
+ <div class="flex flex-1 gap-2">
168
203
  @if (user(); as user) {
169
- <fa-icon [icon]="ICON.USER"></fa-icon> {{ user.username }}
204
+ <fa-icon [icon]="ICON.USER"></fa-icon>
205
+ <span class="flex-1 truncate">{{ user.username }}</span>
170
206
  }
171
207
  </div>
172
208
  <dx-button [icon]="'close'" (onClick)="evtToggleMenu.emit(false)"></dx-button>
@@ -174,18 +210,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
174
210
 
175
211
  <!-- menu -->
176
212
  @if (menuItems().length) {
177
- <nav id="side-menu-menu" role="full-horizontal">
178
- <ul>
213
+ <nav class="mt-8">
214
+ <ul class="flex flex-col gap-2">
179
215
  @for (item of menuItems(); track item.id) {
180
216
  @if (item.visible) {
181
217
  <li>
182
218
  <a
219
+ class="flex gap-2 rounded p-2 !text-white"
220
+ [ngClass]="{
221
+ 'hover:bg-zinc-600/60': !item.disabled,
222
+ 'cursor-auto !opacity-25': item.disabled,
223
+ }"
183
224
  [routerLink]="item.disabled ? null : item.path"
184
- routerLinkActive="item-active"
185
- [ngClass]="{ 'item-disabled': item.disabled }"
225
+ routerLinkActive="bg-zinc-600/60"
186
226
  (click)="evtToggleMenu.emit(false)">
187
- <fa-icon [icon]="item.icon"></fa-icon>
188
- <span>{{ item.label }}</span>
227
+ <fa-icon class="basis-6" [icon]="item.icon"></fa-icon>
228
+ <span class="flex-1 truncate">{{ item.label }}</span>
189
229
  </a>
190
230
  </li>
191
231
  }
@@ -194,50 +234,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
194
234
  </nav>
195
235
  }
196
236
 
237
+ @if (menuInteractions().length) {
238
+ <hr class="my-4 h-px border-0 bg-gray-600" />
239
+
240
+ <ul class="flex flex-col gap-2">
241
+ @for (item of menuInteractions(); track item.id) {
242
+ @if (item.data.type === 'button') {
243
+ <li class="item-setting-button">
244
+ <button
245
+ type="button"
246
+ class="dx-theme-material-typography flex h-12 w-full items-center gap-2 rounded p-4"
247
+ [class]="item.class"
248
+ (click)="item.fun()">
249
+ <fa-icon class="basis-6" [icon]="item.data.icon"></fa-icon>
250
+ <span class="flex-1 truncate">{{ item.label }}</span>
251
+ </button>
252
+ </li>
253
+ } @else if (item.data.type === 'select') {
254
+ <li class="flex h-12 items-center gap-4 rounded bg-zinc-600/60 p-3 shadow">
255
+ <span class="truncate">{{ item.label }}</span>
256
+ <dx-select-box
257
+ class="flex-1 basis-24"
258
+ valueExpr="id"
259
+ displayExpr="description"
260
+ [items]="item.data.combos"
261
+ [value]="item.data.value"
262
+ stylingMode="underlined"
263
+ placeholder=""
264
+ (onValueChanged)="item.fun($event)"></dx-select-box>
265
+ </li>
266
+ }
267
+ }
268
+ </ul>
269
+ }
270
+
197
271
  <!-- setting -->
198
- <ul id="side-menu-setting">
199
- @for (button of menuButtons(); track $index) {
200
- <li class="item-setting-button">
201
- <button
202
- type="button"
203
- class="dx-theme-material-typography"
204
- [style]="button.style"
205
- (click)="button.fun()">
206
- <fa-icon [icon]="button.icon"></fa-icon>
207
- <span>{{ button.label }}</span>
208
- </button>
209
- </li>
210
- }
211
- <li class="item-setting">
212
- <fa-icon [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
213
- <span>{{ 'lblDarkMode' | translate }}</span>
272
+ <hr class="my-4 h-px border-0 bg-gray-600" />
273
+
274
+ <ul class="flex flex-col gap-2">
275
+ <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
276
+ <fa-icon class="basis-6" [icon]="darkMode() ? ICON.DARK_MODE : ICON.LIGHT_MODE"></fa-icon>
277
+ <span class="flex-1 truncate">{{ 'lblDarkMode' | translate }}</span>
214
278
  <dx-switch [value]="darkMode()" (onValueChanged)="updateTheme($event)"></dx-switch>
215
279
  </li>
216
- <li class="item-setting">
217
- <fa-icon [icon]="ICON.LANGUAGE"></fa-icon>
218
- <span>{{ 'lblLanguage' | translate }}</span>
280
+ <li class="flex h-12 items-center gap-2 rounded bg-zinc-600/60 p-4 text-white shadow">
281
+ <fa-icon class="basis-6" [icon]="ICON.LANGUAGE"></fa-icon>
282
+ <span class="flex-1 truncate">{{ 'lblLanguage' | translate }}</span>
219
283
  <dx-select-box
284
+ class="basis-12"
220
285
  [items]="translateService.translateInfo().languagesSupported"
221
286
  [value]="translateService.translateInfo().language"
222
287
  stylingMode="underlined"
223
- placeholder=""
224
288
  (onValueChanged)="updateLanguage($event)"></dx-select-box>
225
289
  </li>
226
290
  <!-- User | null | undefined -->
227
291
  @if (user() !== undefined) {
228
- <li class="item-logout">
229
- <button (click)="user() ? logout() : goToLogin()">
292
+ <li>
293
+ <button
294
+ 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"
295
+ (click)="user() ? logout() : goToLogin()">
230
296
  <fa-icon [icon]="user() ? ICON.LOGOUT : ICON.LOGIN"></fa-icon>
231
- {{ (user() ? 'lblLogout' : 'lblLogin') | translate }}
297
+ <span class="flex-1 truncate">{{
298
+ (user() ? 'lblLogout' : 'lblLogin') | translate
299
+ }}</span>
232
300
  </button>
233
301
  </li>
234
302
  }
235
303
  </ul>
236
304
 
237
305
  <!-- logo -->
238
- <div id="side-menu-logo">
306
+ <div class="mt-auto flex content-end border-b border-white">
239
307
  <img
240
- id="img-brand"
308
+ class="ml-auto h-12"
241
309
  [ngSrc]="pathBrandLogo()"
242
310
  alt="Brand logo"
243
311
  [height]="30"
@@ -245,7 +313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
245
313
  priority />
246
314
  </div>
247
315
  </aside>
248
- `, 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"] }]
316
+ `, 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"] }]
249
317
  }] });
250
318
 
251
319
  /**
package/fesm2022/uni-component-tw-uni-side-menu.mjs.map CHANGED
@@ -1 +1 @@
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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"}
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 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "uni-component-tw",
3
- "version": "1.0.1",
3
+ "version": "1.2.0",
4
4
  "description": "Components angular base",
5
5
  "license": "ISC",
6
6
  "peerDependencies": {
@@ -29,18 +29,18 @@
29
29
  "esm": "./esm2022/uni-article/uni-component-tw-uni-article.mjs",
30
30
  "default": "./fesm2022/uni-component-tw-uni-article.mjs"
31
31
  },
32
- "./uni-login-modal": {
33
- "types": "./uni-login-modal/index.d.ts",
34
- "esm2022": "./esm2022/uni-login-modal/uni-component-tw-uni-login-modal.mjs",
35
- "esm": "./esm2022/uni-login-modal/uni-component-tw-uni-login-modal.mjs",
36
- "default": "./fesm2022/uni-component-tw-uni-login-modal.mjs"
37
- },
38
32
  "./uni-header": {
39
33
  "types": "./uni-header/index.d.ts",
40
34
  "esm2022": "./esm2022/uni-header/uni-component-tw-uni-header.mjs",
41
35
  "esm": "./esm2022/uni-header/uni-component-tw-uni-header.mjs",
42
36
  "default": "./fesm2022/uni-component-tw-uni-header.mjs"
43
37
  },
38
+ "./uni-login-modal": {
39
+ "types": "./uni-login-modal/index.d.ts",
40
+ "esm2022": "./esm2022/uni-login-modal/uni-component-tw-uni-login-modal.mjs",
41
+ "esm": "./esm2022/uni-login-modal/uni-component-tw-uni-login-modal.mjs",
42
+ "default": "./fesm2022/uni-component-tw-uni-login-modal.mjs"
43
+ },
44
44
  "./uni-pie-chart": {
45
45
  "types": "./uni-pie-chart/index.d.ts",
46
46
  "esm2022": "./esm2022/uni-pie-chart/uni-component-tw-uni-pie-chart.mjs",
package/uni-side-menu/src/uni-side-menu.component.d.ts CHANGED
@@ -5,6 +5,11 @@ import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
5
5
  import { UNITranslateService } from 'uni-service/translate';
6
6
  import { UNIAuthService, User } from 'uni-service/auth';
7
7
  import * as i0 from "@angular/core";
8
+ export type Combo = {
9
+ id: number;
10
+ code: string;
11
+ description: string;
12
+ };
8
13
  export type MenuItem = {
9
14
  id: number;
10
15
  icon: IconDefinition;
@@ -13,12 +18,19 @@ export type MenuItem = {
13
18
  visible: boolean;
14
19
  disabled: boolean;
15
20
  };
16
- export type MenuButton = {
21
+ export type MenuInteraction = {
17
22
  id: number;
18
- icon: IconDefinition;
23
+ data: {
24
+ type: 'button';
25
+ icon: IconDefinition;
26
+ } | {
27
+ type: 'select';
28
+ combos: Combo[];
29
+ value: number | null;
30
+ };
19
31
  label: string;
20
- style: string;
21
- fun: (...params: any) => void;
32
+ class: string;
33
+ fun: (...args: any) => void;
22
34
  visible: boolean;
23
35
  disabled: boolean;
24
36
  };
@@ -28,7 +40,7 @@ export declare class UniSideMenuComponent {
28
40
  readonly translateService: UNITranslateService;
29
41
  pathBrandLogo: import("@angular/core").InputSignal<string>;
30
42
  menuItems: import("@angular/core").InputSignal<MenuItem[]>;
31
- menuButtons: import("@angular/core").InputSignal<MenuButton[]>;
43
+ menuInteractions: import("@angular/core").InputSignal<MenuInteraction[]>;
32
44
  user: import("@angular/core").InputSignal<User | null | undefined>;
33
45
  evtToggleMenu: import("@angular/core").OutputEmitterRef<false>;
34
46
  darkMode: import("@angular/core").WritableSignal<boolean>;
@@ -45,5 +57,5 @@ export declare class UniSideMenuComponent {
45
57
  protected goToLogin(): void;
46
58
  protected logout(): void;
47
59
  static ɵfac: i0.ɵɵFactoryDeclaration<UniSideMenuComponent, never>;
48
- static ɵcmp: i0.ɵɵComponentDeclaration<UniSideMenuComponent, "uni-side-menu", never, { "pathBrandLogo": { "alias": "pathBrandLogo"; "required": true; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "menuButtons": { "alias": "menuButtons"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": true; "isSignal": true; }; }, { "evtToggleMenu": "evtToggleMenu"; }, never, never, true, never>;
60
+ static ɵcmp: i0.ɵɵComponentDeclaration<UniSideMenuComponent, "uni-side-menu", never, { "pathBrandLogo": { "alias": "pathBrandLogo"; "required": true; "isSignal": true; }; "menuItems": { "alias": "menuItems"; "required": false; "isSignal": true; }; "menuInteractions": { "alias": "menuInteractions"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": true; "isSignal": true; }; }, { "evtToggleMenu": "evtToggleMenu"; }, never, never, true, never>;
49
61
  }