@spicainternational/ngx-sds-components 5.25.2 → 5.25.4
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.
- package/esm2020/src/lib/table-actions/table-actions.component.mjs +13 -8
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-table-actions.mjs +12 -7
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-table-actions.mjs.map +1 -1
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-table-actions.mjs +12 -7
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-table-actions.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/table-actions/table-actions.component.d.ts +5 -2
|
@@ -1,24 +1,29 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@fortawesome/angular-fontawesome";
|
|
4
4
|
export class SdsTableActionsComponent {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
constructor(_renderer) {
|
|
6
|
+
this._renderer = _renderer;
|
|
7
7
|
this.dropdownIcon = ['far', 'ellipsis'];
|
|
8
|
+
this.dropdownButtonId = `sds-ta-${Math.ceil(Math.random() * 1000000)}`;
|
|
8
9
|
}
|
|
9
10
|
closeDropdown() {
|
|
11
|
+
console.log('close dropdown');
|
|
10
12
|
// if (this._dropdownButton?.nativeElement) {
|
|
11
13
|
// this._renderer.removeClass(this._dropdownButton.nativeElement, 'show');
|
|
12
14
|
// }
|
|
13
15
|
}
|
|
14
16
|
ngOnInit() { }
|
|
15
17
|
}
|
|
16
|
-
SdsTableActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon" }, ngImport: i0, template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\"
|
|
18
|
+
SdsTableActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon" }, viewQueries: [{ propertyName: "_dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, static: true }], ngImport: i0, template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\">\n <ng-content select='quickActions'></ng-content>\n\n <div class=\"btn-group\">\n <button \n #dropdownButton\n class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n type=\"button\" \n data-bs-toggle=\"dropdown\" \n data-bs-auto-close=\"true\"\n aria-expanded=\"false\"\n >\n <fa-icon \n [icon]=\"dropdownIcon\" \n [fixedWidth]=\"true\" \n [size]=\"'sm'\">\n </fa-icon>\n </button>\n\n <ul \n class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n (click)=\"closeDropdown()\"\n >\n <ng-content></ng-content>\n </ul>\n </div>\n </div>\n</div>", styles: [""], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
18
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, decorators: [{
|
|
19
21
|
type: Component,
|
|
20
|
-
args: [{ selector: 'sds-table-actions', template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\"
|
|
21
|
-
}], ctorParameters: function () { return []; }, propDecorators: { dropdownIcon: [{
|
|
22
|
+
args: [{ selector: 'sds-table-actions', template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\">\n <ng-content select='quickActions'></ng-content>\n\n <div class=\"btn-group\">\n <button \n #dropdownButton\n class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n type=\"button\" \n data-bs-toggle=\"dropdown\" \n data-bs-auto-close=\"true\"\n aria-expanded=\"false\"\n >\n <fa-icon \n [icon]=\"dropdownIcon\" \n [fixedWidth]=\"true\" \n [size]=\"'sm'\">\n </fa-icon>\n </button>\n\n <ul \n class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n (click)=\"closeDropdown()\"\n >\n <ng-content></ng-content>\n </ul>\n </div>\n </div>\n</div>", styles: [""] }]
|
|
23
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { dropdownIcon: [{
|
|
22
24
|
type: Input
|
|
25
|
+
}], _dropdownButton: [{
|
|
26
|
+
type: ViewChild,
|
|
27
|
+
args: ['dropdownButton', { static: true }]
|
|
23
28
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90YWJsZS1hY3Rpb25zL3RhYmxlLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvdGFibGUtYWN0aW9ucy90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUErQyxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFySCxNQUFNLE9BQU8sd0JBQXdCO0lBT2pDLFlBQ1ksU0FBb0I7UUFBcEIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQU52QixpQkFBWSxHQUFhLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBRy9DLHFCQUFnQixHQUFHLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsT0FBTyxDQUFDLEVBQUUsQ0FBQztJQUl0RSxDQUFDO0lBRUcsYUFBYTtRQUNoQixPQUFPLENBQUMsR0FBRyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDOUIsNkNBQTZDO1FBQzdDLDhFQUE4RTtRQUM5RSxJQUFJO0lBQ1IsQ0FBQztJQUVELFFBQVEsS0FBVSxDQUFDOztxSEFsQlYsd0JBQXdCO3lHQUF4Qix3QkFBd0Isb09DUnJDLGc5QkE4Qk07MkZEdEJPLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDSSxtQkFBbUI7Z0dBTXBCLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ2lELGVBQWU7c0JBQXJFLFNBQVM7dUJBQUMsZ0JBQWdCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFJlbmRlcmVyMiwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mb250YXdlc29tZS1zdmctY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RzLXRhYmxlLWFjdGlvbnMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNkc1RhYmxlQWN0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBASW5wdXQoKSBkcm9wZG93bkljb246IEljb25Qcm9wID0gWydmYXInLCAnZWxsaXBzaXMnXTtcbiAgICBAVmlld0NoaWxkKCdkcm9wZG93bkJ1dHRvbicsIHsgc3RhdGljOiB0cnVlIH0pIHByaXZhdGUgX2Ryb3Bkb3duQnV0dG9uOiBFbGVtZW50UmVmIHwgdW5kZWZpbmVkO1xuXG4gICAgcHVibGljIGRyb3Bkb3duQnV0dG9uSWQgPSBgc2RzLXRhLSR7TWF0aC5jZWlsKE1hdGgucmFuZG9tKCkgKiAxMDAwMDAwKX1gO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgX3JlbmRlcmVyOiBSZW5kZXJlcjJcbiAgICApIHt9XG5cbiAgICBwdWJsaWMgY2xvc2VEcm9wZG93bigpOiB2b2lkIHtcbiAgICAgICAgY29uc29sZS5sb2coJ2Nsb3NlIGRyb3Bkb3duJyk7XG4gICAgICAgIC8vIGlmICh0aGlzLl9kcm9wZG93bkJ1dHRvbj8ubmF0aXZlRWxlbWVudCkge1xuICAgICAgICAvLyAgICAgdGhpcy5fcmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5fZHJvcGRvd25CdXR0b24ubmF0aXZlRWxlbWVudCwgJ3Nob3cnKTtcbiAgICAgICAgLy8gfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIlxuPGRpdiBjbGFzcz1cInNkcy1hY3Rpb25zLWNvbnRhaW5lciBtZS0yXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwiYnRuLWdyb3VwIHNkcy1hY3Rpb25zLXdyYXBwZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PSdxdWlja0FjdGlvbnMnPjwvbmctY29udGVudD5cblxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnRuLWdyb3VwXCI+XG4gICAgICAgICAgICA8YnV0dG9uIFxuICAgICAgICAgICAgICAgICNkcm9wZG93bkJ1dHRvblxuICAgICAgICAgICAgICAgIGNsYXNzPVwic2RzLWFjdGlvbnMtZHJvcGRvd24tYnV0dG9uIGRyb3Bkb3duLXRvZ2dsZSBzZHMtYnRuLXRhYmxlXCJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCIgXG4gICAgICAgICAgICAgICAgZGF0YS1icy10b2dnbGU9XCJkcm9wZG93blwiIFxuICAgICAgICAgICAgICAgIGRhdGEtYnMtYXV0by1jbG9zZT1cInRydWVcIlxuICAgICAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxmYS1pY29uIFxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJkcm9wZG93bkljb25cIiBcbiAgICAgICAgICAgICAgICAgICAgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiIFxuICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInc20nXCI+XG4gICAgICAgICAgICAgICAgPC9mYS1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgICAgIDx1bCBcbiAgICAgICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLW1lbnUgc2RzLXRhYmxlLWRyb3Bkb3duLW1lbnUgcHktMlwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlRHJvcGRvd24oKVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|
|
@@ -1,29 +1,34 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input, NgModule } from '@angular/core';
|
|
2
|
+
import { Component, Input, ViewChild, NgModule } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import * as i1 from '@fortawesome/angular-fontawesome';
|
|
5
5
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
6
6
|
import { DxPopoverModule } from 'devextreme-angular';
|
|
7
7
|
|
|
8
8
|
class SdsTableActionsComponent {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
constructor(_renderer) {
|
|
10
|
+
this._renderer = _renderer;
|
|
11
11
|
this.dropdownIcon = ['far', 'ellipsis'];
|
|
12
|
+
this.dropdownButtonId = `sds-ta-${Math.ceil(Math.random() * 1000000)}`;
|
|
12
13
|
}
|
|
13
14
|
closeDropdown() {
|
|
15
|
+
console.log('close dropdown');
|
|
14
16
|
// if (this._dropdownButton?.nativeElement) {
|
|
15
17
|
// this._renderer.removeClass(this._dropdownButton.nativeElement, 'show');
|
|
16
18
|
// }
|
|
17
19
|
}
|
|
18
20
|
ngOnInit() { }
|
|
19
21
|
}
|
|
20
|
-
SdsTableActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon" }, ngImport: i0, template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\"
|
|
22
|
+
SdsTableActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon" }, viewQueries: [{ propertyName: "_dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, static: true }], ngImport: i0, template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\">\n <ng-content select='quickActions'></ng-content>\n\n <div class=\"btn-group\">\n <button \n #dropdownButton\n class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n type=\"button\" \n data-bs-toggle=\"dropdown\" \n data-bs-auto-close=\"true\"\n aria-expanded=\"false\"\n >\n <fa-icon \n [icon]=\"dropdownIcon\" \n [fixedWidth]=\"true\" \n [size]=\"'sm'\">\n </fa-icon>\n </button>\n\n <ul \n class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n (click)=\"closeDropdown()\"\n >\n <ng-content></ng-content>\n </ul>\n </div>\n </div>\n</div>", styles: [""], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
22
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, decorators: [{
|
|
23
25
|
type: Component,
|
|
24
|
-
args: [{ selector: 'sds-table-actions', template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\"
|
|
25
|
-
}], ctorParameters: function () { return []; }, propDecorators: { dropdownIcon: [{
|
|
26
|
+
args: [{ selector: 'sds-table-actions', template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\">\n <ng-content select='quickActions'></ng-content>\n\n <div class=\"btn-group\">\n <button \n #dropdownButton\n class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n type=\"button\" \n data-bs-toggle=\"dropdown\" \n data-bs-auto-close=\"true\"\n aria-expanded=\"false\"\n >\n <fa-icon \n [icon]=\"dropdownIcon\" \n [fixedWidth]=\"true\" \n [size]=\"'sm'\">\n </fa-icon>\n </button>\n\n <ul \n class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n (click)=\"closeDropdown()\"\n >\n <ng-content></ng-content>\n </ul>\n </div>\n </div>\n</div>", styles: [""] }]
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { dropdownIcon: [{
|
|
26
28
|
type: Input
|
|
29
|
+
}], _dropdownButton: [{
|
|
30
|
+
type: ViewChild,
|
|
31
|
+
args: ['dropdownButton', { static: true }]
|
|
27
32
|
}] } });
|
|
28
33
|
|
|
29
34
|
class SdsTableActionsModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-table-actions.mjs","sources":["../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.ts","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.html","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.module.ts","../../../projects/ngx-sds-components/src/lib/table-actions/spicainternational-ngx-sds-components-src-lib-table-actions.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnChanges, OnInit, Renderer2, SimpleChanges, ViewChild } from '@angular/core';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n selector: 'sds-table-actions',\n templateUrl: './table-actions.component.html',\n styleUrls: ['./table-actions.component.scss'],\n})\nexport class SdsTableActionsComponent implements OnInit {\n\n @Input() dropdownIcon: IconProp = ['far', 'ellipsis'];\n
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-table-actions.mjs","sources":["../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.ts","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.html","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.module.ts","../../../projects/ngx-sds-components/src/lib/table-actions/spicainternational-ngx-sds-components-src-lib-table-actions.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnChanges, OnInit, Renderer2, SimpleChanges, ViewChild } from '@angular/core';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n selector: 'sds-table-actions',\n templateUrl: './table-actions.component.html',\n styleUrls: ['./table-actions.component.scss'],\n})\nexport class SdsTableActionsComponent implements OnInit {\n\n @Input() dropdownIcon: IconProp = ['far', 'ellipsis'];\n @ViewChild('dropdownButton', { static: true }) private _dropdownButton: ElementRef | undefined;\n\n public dropdownButtonId = `sds-ta-${Math.ceil(Math.random() * 1000000)}`;\n\n constructor(\n private _renderer: Renderer2\n ) {}\n\n public closeDropdown(): void {\n console.log('close dropdown');\n // if (this._dropdownButton?.nativeElement) {\n // this._renderer.removeClass(this._dropdownButton.nativeElement, 'show');\n // }\n }\n\n ngOnInit(): void {}\n}\n","\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\">\n <ng-content select='quickActions'></ng-content>\n\n <div class=\"btn-group\">\n <button \n #dropdownButton\n class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n type=\"button\" \n data-bs-toggle=\"dropdown\" \n data-bs-auto-close=\"true\"\n aria-expanded=\"false\"\n >\n <fa-icon \n [icon]=\"dropdownIcon\" \n [fixedWidth]=\"true\" \n [size]=\"'sm'\">\n </fa-icon>\n </button>\n\n <ul \n class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n (click)=\"closeDropdown()\"\n >\n <ng-content></ng-content>\n </ul>\n </div>\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SdsTableActionsComponent } from './table-actions.component';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { DxPopoverModule } from 'devextreme-angular';\n\n\n\n@NgModule({\n declarations: [\n SdsTableActionsComponent\n ],\n imports: [\n CommonModule,\n FontAwesomeModule,\n DxPopoverModule\n ],\n exports: [\n SdsTableActionsComponent\n ]\n})\nexport class SdsTableActionsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAQa,wBAAwB,CAAA;AAOjC,IAAA,WAAA,CACY,SAAoB,EAAA;AAApB,QAAA,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;QANvB,IAAA,CAAA,YAAY,GAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AAG/C,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;KAIrE;IAEG,aAAa,GAAA;AAChB,QAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;;;;KAIjC;AAED,IAAA,QAAQ,MAAW;;qHAlBV,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,oOCRrC,g9BA8BM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDtBO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACI,mBAAmB,EAAA,QAAA,EAAA,g9BAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;gGAMpB,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACiD,eAAe,EAAA,CAAA;sBAArE,SAAS;gBAAC,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;MEUpC,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CAX9B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;QACZ,iBAAiB;QACjB,eAAe,aAGf,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EATvB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,iBAAiB;YACjB,eAAe;SAChB,CAAA,EAAA,CAAA,CAAA;2FAKU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;iBACF,CAAA;;;ACpBD;;AAEG;;;;"}
|
|
@@ -1,29 +1,34 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, Input, NgModule } from '@angular/core';
|
|
2
|
+
import { Component, Input, ViewChild, NgModule } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import * as i1 from '@fortawesome/angular-fontawesome';
|
|
5
5
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
6
6
|
import { DxPopoverModule } from 'devextreme-angular';
|
|
7
7
|
|
|
8
8
|
class SdsTableActionsComponent {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
constructor(_renderer) {
|
|
10
|
+
this._renderer = _renderer;
|
|
11
11
|
this.dropdownIcon = ['far', 'ellipsis'];
|
|
12
|
+
this.dropdownButtonId = `sds-ta-${Math.ceil(Math.random() * 1000000)}`;
|
|
12
13
|
}
|
|
13
14
|
closeDropdown() {
|
|
15
|
+
console.log('close dropdown');
|
|
14
16
|
// if (this._dropdownButton?.nativeElement) {
|
|
15
17
|
// this._renderer.removeClass(this._dropdownButton.nativeElement, 'show');
|
|
16
18
|
// }
|
|
17
19
|
}
|
|
18
20
|
ngOnInit() { }
|
|
19
21
|
}
|
|
20
|
-
SdsTableActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon" }, ngImport: i0, template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\"
|
|
22
|
+
SdsTableActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
SdsTableActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: SdsTableActionsComponent, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon" }, viewQueries: [{ propertyName: "_dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, static: true }], ngImport: i0, template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\">\n <ng-content select='quickActions'></ng-content>\n\n <div class=\"btn-group\">\n <button \n #dropdownButton\n class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n type=\"button\" \n data-bs-toggle=\"dropdown\" \n data-bs-auto-close=\"true\"\n aria-expanded=\"false\"\n >\n <fa-icon \n [icon]=\"dropdownIcon\" \n [fixedWidth]=\"true\" \n [size]=\"'sm'\">\n </fa-icon>\n </button>\n\n <ul \n class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n (click)=\"closeDropdown()\"\n >\n <ng-content></ng-content>\n </ul>\n </div>\n </div>\n</div>", styles: [""], components: [{ type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
22
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: SdsTableActionsComponent, decorators: [{
|
|
23
25
|
type: Component,
|
|
24
|
-
args: [{ selector: 'sds-table-actions', template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\"
|
|
25
|
-
}], ctorParameters: function () { return []; }, propDecorators: { dropdownIcon: [{
|
|
26
|
+
args: [{ selector: 'sds-table-actions', template: "\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\">\n <ng-content select='quickActions'></ng-content>\n\n <div class=\"btn-group\">\n <button \n #dropdownButton\n class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n type=\"button\" \n data-bs-toggle=\"dropdown\" \n data-bs-auto-close=\"true\"\n aria-expanded=\"false\"\n >\n <fa-icon \n [icon]=\"dropdownIcon\" \n [fixedWidth]=\"true\" \n [size]=\"'sm'\">\n </fa-icon>\n </button>\n\n <ul \n class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n (click)=\"closeDropdown()\"\n >\n <ng-content></ng-content>\n </ul>\n </div>\n </div>\n</div>", styles: [""] }]
|
|
27
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { dropdownIcon: [{
|
|
26
28
|
type: Input
|
|
29
|
+
}], _dropdownButton: [{
|
|
30
|
+
type: ViewChild,
|
|
31
|
+
args: ['dropdownButton', { static: true }]
|
|
27
32
|
}] } });
|
|
28
33
|
|
|
29
34
|
class SdsTableActionsModule {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-table-actions.mjs","sources":["../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.ts","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.html","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.module.ts","../../../projects/ngx-sds-components/src/lib/table-actions/spicainternational-ngx-sds-components-src-lib-table-actions.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnChanges, OnInit, Renderer2, SimpleChanges, ViewChild } from '@angular/core';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n selector: 'sds-table-actions',\n templateUrl: './table-actions.component.html',\n styleUrls: ['./table-actions.component.scss'],\n})\nexport class SdsTableActionsComponent implements OnInit {\n\n @Input() dropdownIcon: IconProp = ['far', 'ellipsis'];\n
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-table-actions.mjs","sources":["../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.ts","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.component.html","../../../projects/ngx-sds-components/src/lib/table-actions/table-actions.module.ts","../../../projects/ngx-sds-components/src/lib/table-actions/spicainternational-ngx-sds-components-src-lib-table-actions.ts"],"sourcesContent":["import { Component, ElementRef, Input, OnChanges, OnInit, Renderer2, SimpleChanges, ViewChild } from '@angular/core';\nimport { IconProp } from '@fortawesome/fontawesome-svg-core';\n\n@Component({\n selector: 'sds-table-actions',\n templateUrl: './table-actions.component.html',\n styleUrls: ['./table-actions.component.scss'],\n})\nexport class SdsTableActionsComponent implements OnInit {\n\n @Input() dropdownIcon: IconProp = ['far', 'ellipsis'];\n @ViewChild('dropdownButton', { static: true }) private _dropdownButton: ElementRef | undefined;\n\n public dropdownButtonId = `sds-ta-${Math.ceil(Math.random() * 1000000)}`;\n\n constructor(\n private _renderer: Renderer2\n ) {}\n\n public closeDropdown(): void {\n console.log('close dropdown');\n // if (this._dropdownButton?.nativeElement) {\n // this._renderer.removeClass(this._dropdownButton.nativeElement, 'show');\n // }\n }\n\n ngOnInit(): void {}\n}\n","\n<div class=\"sds-actions-container me-2\">\n\n <div class=\"btn-group sds-actions-wrapper\">\n <ng-content select='quickActions'></ng-content>\n\n <div class=\"btn-group\">\n <button \n #dropdownButton\n class=\"sds-actions-dropdown-button dropdown-toggle sds-btn-table\"\n type=\"button\" \n data-bs-toggle=\"dropdown\" \n data-bs-auto-close=\"true\"\n aria-expanded=\"false\"\n >\n <fa-icon \n [icon]=\"dropdownIcon\" \n [fixedWidth]=\"true\" \n [size]=\"'sm'\">\n </fa-icon>\n </button>\n\n <ul \n class=\"dropdown-menu sds-table-dropdown-menu py-2\"\n (click)=\"closeDropdown()\"\n >\n <ng-content></ng-content>\n </ul>\n </div>\n </div>\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SdsTableActionsComponent } from './table-actions.component';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { DxPopoverModule } from 'devextreme-angular';\n\n\n\n@NgModule({\n declarations: [\n SdsTableActionsComponent\n ],\n imports: [\n CommonModule,\n FontAwesomeModule,\n DxPopoverModule\n ],\n exports: [\n SdsTableActionsComponent\n ]\n})\nexport class SdsTableActionsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAQa,wBAAwB,CAAA;AAOjC,IAAA,WAAA,CACY,SAAoB,EAAA;QAApB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;AANvB,QAAA,IAAA,CAAA,YAAY,GAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;AAG/C,QAAA,IAAA,CAAA,gBAAgB,GAAG,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;KAIrE;IAEG,aAAa,GAAA;AAChB,QAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;;;;KAIjC;AAED,IAAA,QAAQ,MAAW;;qHAlBV,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,oOCRrC,g9BA8BM,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDtBO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACI,mBAAmB,EAAA,QAAA,EAAA,g9BAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;gGAMpB,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACiD,eAAe,EAAA,CAAA;sBAArE,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;MEUpC,qBAAqB,CAAA;;kHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAArB,qBAAqB,EAAA,YAAA,EAAA,CAX9B,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAGxB,YAAY;QACZ,iBAAiB;AACjB,QAAA,eAAe,aAGf,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EATvB,OAAA,EAAA,CAAA;YACP,YAAY;YACZ,iBAAiB;YACjB,eAAe;AAChB,SAAA,CAAA,EAAA,CAAA,CAAA;2FAKU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAbjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,eAAe;AAChB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
1
|
+
import { OnInit, Renderer2 } from '@angular/core';
|
|
2
2
|
import { IconProp } from '@fortawesome/fontawesome-svg-core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class SdsTableActionsComponent implements OnInit {
|
|
5
|
+
private _renderer;
|
|
5
6
|
dropdownIcon: IconProp;
|
|
6
|
-
|
|
7
|
+
private _dropdownButton;
|
|
8
|
+
dropdownButtonId: string;
|
|
9
|
+
constructor(_renderer: Renderer2);
|
|
7
10
|
closeDropdown(): void;
|
|
8
11
|
ngOnInit(): void;
|
|
9
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<SdsTableActionsComponent, never>;
|