@siemens/element-ng 47.3.0 → 47.4.0

package/fesm2022/siemens-element-ng-sort-bar.mjs

@@ -0,0 +1,89 @@
+import { HttpParams } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { input, output, Component, NgModule } from '@angular/core';
+import { addIcons, elementSortUp, elementSortDown, SiIconNextComponent } from '@siemens/element-ng/icon';
+import * as i1 from '@siemens/element-translate-ng/translate';
+import { SiTranslateModule } from '@siemens/element-translate-ng/translate';
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiSortBarComponent {
+    /**
+     * Custom sort title.
+     *
+     * @defaultValue
+     * ```
+     * $localize`:@@SI_SORT_BAR.TITLE:Sort by`
+     * ```
+     */
+    sortTitle = input($localize `:@@SI_SORT_BAR.TITLE:Sort by`);
+    /**
+     * List of sort criteria.
+     */
+    sortCriteria = input.required();
+    /**
+     * `key` which sortCriteria is active by default.
+     */
+    defaultSortCriteria = input.required();
+    /**
+     * Output callback event will provide you with a HttpParams object if active
+     * sortCriteria change.
+     */
+    sortChange = output();
+    icons = addIcons({ elementSortDown, elementSortUp });
+    activeSortCriteria = '';
+    sortIsDescending = false;
+    ngOnInit() {
+        const defaultSortCriteria = this.defaultSortCriteria();
+        if (defaultSortCriteria) {
+            this.setActive(defaultSortCriteria);
+        }
+    }
+    setActive(key) {
+        if (this.activeSortCriteria === key) {
+            this.sortIsDescending = !this.sortIsDescending;
+        }
+        this.activeSortCriteria = key;
+        const searchParams = new HttpParams()
+            .set('sort', this.activeSortCriteria)
+            .set('order', this.sortIsDescending ? 'desc' : 'asc');
+        this.sortChange.emit(searchParams);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSortBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiSortBarComponent, isStandalone: true, selector: "si-sort-bar", inputs: { sortTitle: { classPropertyName: "sortTitle", publicName: "sortTitle", isSignal: true, isRequired: false, transformFunction: null }, sortCriteria: { classPropertyName: "sortCriteria", publicName: "sortCriteria", isSignal: true, isRequired: true, transformFunction: null }, defaultSortCriteria: { classPropertyName: "defaultSortCriteria", publicName: "defaultSortCriteria", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { sortChange: "sortChange" }, ngImport: i0, template: "<div class=\"list-header list-header-sorting\">\n  <div class=\"list-title\">{{ sortTitle() | translate }}:</div>\n  @for (item of sortCriteria(); track $index) {\n    <div\n      class=\"sort-item\"\n      tabindex=\"0\"\n      [attr.data-key]=\"item.key\"\n      (click)=\"setActive(item.key)\"\n      (keydown.enter)=\"setActive(item.key)\"\n    >\n      <span>{{ item.name | translate }}</span>\n      @if (item.key === activeSortCriteria) {\n        <si-icon-next\n          class=\"icon\"\n          [icon]=\"sortIsDescending ? icons.elementSortDown : icons.elementSortUp\"\n        />\n      }\n    </div>\n  }\n</div>\n", styles: [".list-title{font-weight:500;margin-inline-end:5px}.list-header-sorting{background:var(--element-ui-4);padding:6px 12px;display:flex;align-items:center}.sort-item{padding-block:0;padding-inline:5px;cursor:pointer;display:flex;align-items:center}\n"], dependencies: [{ kind: "component", type: SiIconNextComponent, selector: "si-icon-next", inputs: ["icon"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1.SiTranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSortBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'si-sort-bar', imports: [SiIconNextComponent, SiTranslateModule], template: "<div class=\"list-header list-header-sorting\">\n  <div class=\"list-title\">{{ sortTitle() | translate }}:</div>\n  @for (item of sortCriteria(); track $index) {\n    <div\n      class=\"sort-item\"\n      tabindex=\"0\"\n      [attr.data-key]=\"item.key\"\n      (click)=\"setActive(item.key)\"\n      (keydown.enter)=\"setActive(item.key)\"\n    >\n      <span>{{ item.name | translate }}</span>\n      @if (item.key === activeSortCriteria) {\n        <si-icon-next\n          class=\"icon\"\n          [icon]=\"sortIsDescending ? icons.elementSortDown : icons.elementSortUp\"\n        />\n      }\n    </div>\n  }\n</div>\n", styles: [".list-title{font-weight:500;margin-inline-end:5px}.list-header-sorting{background:var(--element-ui-4);padding:6px 12px;display:flex;align-items:center}.sort-item{padding-block:0;padding-inline:5px;cursor:pointer;display:flex;align-items:center}\n"] }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+class SiSortBarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSortBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: SiSortBarModule, imports: [SiSortBarComponent], exports: [SiSortBarComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSortBarModule, imports: [SiSortBarComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiSortBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SiSortBarComponent],
+                    exports: [SiSortBarComponent]
+                }]
+        }] });
+
+/**
+ * Copyright Siemens 2016 - 2025.
+ * SPDX-License-Identifier: MIT
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SiSortBarComponent, SiSortBarModule };
+//# sourceMappingURL=siemens-element-ng-sort-bar.mjs.map

package/fesm2022/siemens-element-ng-sort-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"siemens-element-ng-sort-bar.mjs","sources":["../../../../projects/element-ng/sort-bar/si-sort-bar.component.ts","../../../../projects/element-ng/sort-bar/si-sort-bar.component.html","../../../../projects/element-ng/sort-bar/si-sort-bar.module.ts","../../../../projects/element-ng/sort-bar/index.ts","../../../../projects/element-ng/sort-bar/siemens-element-ng-sort-bar.ts"],"sourcesContent":["/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { HttpParams } from '@angular/common/http';\nimport { Component, input, OnInit, output } from '@angular/core';\nimport {\n  addIcons,\n  elementSortDown,\n  elementSortUp,\n  SiIconNextComponent\n} from '@siemens/element-ng/icon';\nimport { SiTranslateModule } from '@siemens/element-translate-ng/translate';\n\nexport interface SortCriteria {\n  name: string;\n  key: number | string;\n}\n\n@Component({\n  selector: 'si-sort-bar',\n  templateUrl: './si-sort-bar.component.html',\n  styleUrl: './si-sort-bar.component.scss',\n  imports: [SiIconNextComponent, SiTranslateModule]\n})\nexport class SiSortBarComponent implements OnInit {\n  /**\n   * Custom sort title.\n   *\n   * @defaultValue\n   * ```\n   * $localize`:@@SI_SORT_BAR.TITLE:Sort by`\n   * ```\n   */\n  readonly sortTitle = input($localize`:@@SI_SORT_BAR.TITLE:Sort by`);\n  /**\n   * List of sort criteria.\n   */\n  readonly sortCriteria = input.required<SortCriteria[]>();\n  /**\n   * `key` which sortCriteria is active by default.\n   */\n  readonly defaultSortCriteria = input.required<SortCriteria['key']>();\n\n  /**\n   * Output callback event will provide you with a HttpParams object if active\n   * sortCriteria change.\n   */\n  readonly sortChange = output<HttpParams>();\n\n  protected readonly icons = addIcons({ elementSortDown, elementSortUp });\n  protected activeSortCriteria: SortCriteria['key'] = '';\n  protected sortIsDescending = false;\n\n  ngOnInit(): void {\n    const defaultSortCriteria = this.defaultSortCriteria();\n    if (defaultSortCriteria) {\n      this.setActive(defaultSortCriteria);\n    }\n  }\n\n  protected setActive(key: SortCriteria['key']): void {\n    if (this.activeSortCriteria === key) {\n      this.sortIsDescending = !this.sortIsDescending;\n    }\n\n    this.activeSortCriteria = key;\n\n    const searchParams = new HttpParams()\n      .set('sort', this.activeSortCriteria)\n      .set('order', this.sortIsDescending ? 'desc' : 'asc');\n\n    this.sortChange.emit(searchParams);\n  }\n}\n","<div class=\"list-header list-header-sorting\">\n  <div class=\"list-title\">{{ sortTitle() | translate }}:</div>\n  @for (item of sortCriteria(); track $index) {\n    <div\n      class=\"sort-item\"\n      tabindex=\"0\"\n      [attr.data-key]=\"item.key\"\n      (click)=\"setActive(item.key)\"\n      (keydown.enter)=\"setActive(item.key)\"\n    >\n      <span>{{ item.name | translate }}</span>\n      @if (item.key === activeSortCriteria) {\n        <si-icon-next\n          class=\"icon\"\n          [icon]=\"sortIsDescending ? icons.elementSortDown : icons.elementSortUp\"\n        />\n      }\n    </div>\n  }\n</div>\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nimport { NgModule } from '@angular/core';\n\nimport { SiSortBarComponent } from './si-sort-bar.component';\n\n@NgModule({\n  imports: [SiSortBarComponent],\n  exports: [SiSortBarComponent]\n})\nexport class SiSortBarModule {}\n","/**\n * Copyright Siemens 2016 - 2025.\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-sort-bar.component';\nexport * from './si-sort-bar.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}