@sebgroup/green-angular 3.0.4 → 3.1.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.
- package/esm2020/lib/context-menu/context-menu.component.mjs +3 -3
- package/esm2020/lib/datepicker/datepicker.component.mjs +2 -3
- package/esm2020/lib/dropdown/dropdown.component.mjs +16 -5
- package/fesm2015/sebgroup-green-angular.mjs +15 -8
- package/fesm2015/sebgroup-green-angular.mjs.map +1 -1
- package/fesm2020/sebgroup-green-angular.mjs +18 -8
- package/fesm2020/sebgroup-green-angular.mjs.map +1 -1
- package/lib/context-menu/context-menu.component.d.ts +8 -1
- package/lib/dropdown/dropdown.component.d.ts +4 -2
- package/package.json +2 -2
|
@@ -350,10 +350,10 @@ class NggContextMenuComponent {
|
|
|
350
350
|
}
|
|
351
351
|
}
|
|
352
352
|
NggContextMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggContextMenuComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
353
|
-
NggContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggContextMenuComponent, selector: "ngg-context-menu", inputs: { direction: "direction", menuItems: "menuItems", menuItemTemplate: "menuItemTemplate", menuAnchorTemplate: "menuAnchorTemplate", closeOnScroll: "closeOnScroll" }, outputs: { contextMenuItemClicked: "contextMenuItemClicked" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["contextMenuPopover"], descendants: true }, { propertyName: "anchor", first: true, predicate: ["contextMenuAnchor"], descendants: true }], ngImport: i0, template: "<gds-context-menu\n *nggCoreElement\n data-testid=\"context-menu\"\n [placement]=\"placement\"\n [open]=\"isActive\"\n>\n <
|
|
353
|
+
NggContextMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggContextMenuComponent, selector: "ngg-context-menu", inputs: { direction: "direction", menuItems: "menuItems", menuItemTemplate: "menuItemTemplate", menuAnchorTemplate: "menuAnchorTemplate", closeOnScroll: "closeOnScroll" }, outputs: { contextMenuItemClicked: "contextMenuItemClicked" }, viewQueries: [{ propertyName: "popover", first: true, predicate: ["contextMenuPopover"], descendants: true }, { propertyName: "anchor", first: true, predicate: ["contextMenuAnchor"], descendants: true }], ngImport: i0, template: "<gds-context-menu\n *nggCoreElement\n data-testid=\"context-menu\"\n [placement]=\"placement\"\n [open]=\"isActive\"\n>\n <div style=\"display: contents\" slot=\"trigger\">\n <ng-container\n [ngTemplateOutlet]=\"menuAnchorTemplate ?? defaultButtonTemplate\"\n >\n </ng-container>\n </div>\n <ng-container *ngFor=\"let menuItem of menuItems\">\n <gds-menu-item *nggCoreElement (click)=\"onItemClick(menuItem)\">\n <ng-container\n [ngTemplateOutlet]=\"menuItemTemplate ?? defaultMenuItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: menuItem }\"\n >\n </ng-container>\n </gds-menu-item>\n </ng-container>\n</gds-context-menu>\n\n<ng-template #defaultMenuItemTemplate let-menuItem>\n <span>{{ menuItem.label }}</span>\n</ng-template>\n\n<ng-template #defaultButtonTemplate>\n <i class=\"sg-icon sg-icon-ellipsis\">Open context menu</i>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NggCoreElementDirective, selector: "[nggCoreElement]" }] });
|
|
354
354
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggContextMenuComponent, decorators: [{
|
|
355
355
|
type: Component,
|
|
356
|
-
args: [{ selector: 'ngg-context-menu', template: "<gds-context-menu\n *nggCoreElement\n data-testid=\"context-menu\"\n [placement]=\"placement\"\n [open]=\"isActive\"\n>\n <
|
|
356
|
+
args: [{ selector: 'ngg-context-menu', template: "<gds-context-menu\n *nggCoreElement\n data-testid=\"context-menu\"\n [placement]=\"placement\"\n [open]=\"isActive\"\n>\n <div style=\"display: contents\" slot=\"trigger\">\n <ng-container\n [ngTemplateOutlet]=\"menuAnchorTemplate ?? defaultButtonTemplate\"\n >\n </ng-container>\n </div>\n <ng-container *ngFor=\"let menuItem of menuItems\">\n <gds-menu-item *nggCoreElement (click)=\"onItemClick(menuItem)\">\n <ng-container\n [ngTemplateOutlet]=\"menuItemTemplate ?? defaultMenuItemTemplate\"\n [ngTemplateOutletContext]=\"{ $implicit: menuItem }\"\n >\n </ng-container>\n </gds-menu-item>\n </ng-container>\n</gds-context-menu>\n\n<ng-template #defaultMenuItemTemplate let-menuItem>\n <span>{{ menuItem.label }}</span>\n</ng-template>\n\n<ng-template #defaultButtonTemplate>\n <i class=\"sg-icon sg-icon-ellipsis\">Open context menu</i>\n</ng-template>\n" }]
|
|
357
357
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { direction: [{
|
|
358
358
|
type: Input
|
|
359
359
|
}], menuItems: [{
|
|
@@ -430,7 +430,6 @@ class NggDatepickerComponent {
|
|
|
430
430
|
if (newValue !== this._value) {
|
|
431
431
|
this._value = newValue || undefined;
|
|
432
432
|
}
|
|
433
|
-
console.log('value', this._value);
|
|
434
433
|
}
|
|
435
434
|
get min() {
|
|
436
435
|
const minDate = this.options?.minDate;
|
|
@@ -441,8 +440,8 @@ class NggDatepickerComponent {
|
|
|
441
440
|
return maxDate ? maxDate : new Date(new Date().getFullYear() + 10, 0, 1);
|
|
442
441
|
}
|
|
443
442
|
writeValue(value) {
|
|
444
|
-
console.log('writeValue', value);
|
|
445
443
|
this.value = value;
|
|
444
|
+
this._cdr.detectChanges();
|
|
446
445
|
}
|
|
447
446
|
registerOnChange(fn) {
|
|
448
447
|
this.onChangeFn = fn;
|
|
@@ -558,7 +557,6 @@ class NggDropdownComponent {
|
|
|
558
557
|
this.loop = false;
|
|
559
558
|
this.display = 'label';
|
|
560
559
|
this.useValue = 'value';
|
|
561
|
-
this.options = [];
|
|
562
560
|
this._multiSelect = false;
|
|
563
561
|
this._searchable = false;
|
|
564
562
|
this.valueChange = new EventEmitter();
|
|
@@ -600,6 +598,17 @@ class NggDropdownComponent {
|
|
|
600
598
|
registerTransitionalStyles();
|
|
601
599
|
}
|
|
602
600
|
//
|
|
601
|
+
set options(value) {
|
|
602
|
+
this._options = value;
|
|
603
|
+
this.texts = {
|
|
604
|
+
...this.texts,
|
|
605
|
+
select: this.displayTextByValue(this._value),
|
|
606
|
+
};
|
|
607
|
+
}
|
|
608
|
+
get options() {
|
|
609
|
+
return this._options;
|
|
610
|
+
}
|
|
611
|
+
//
|
|
603
612
|
set multiSelect(value) {
|
|
604
613
|
this._multiSelect = this.convertToBoolean(value);
|
|
605
614
|
}
|
|
@@ -659,6 +668,7 @@ class NggDropdownComponent {
|
|
|
659
668
|
}
|
|
660
669
|
writeValue(value) {
|
|
661
670
|
this.value = value;
|
|
671
|
+
this._cdr.detectChanges();
|
|
662
672
|
}
|
|
663
673
|
registerOnChange(fn) {
|
|
664
674
|
this.onChangeFn = fn;
|
|
@@ -671,7 +681,7 @@ class NggDropdownComponent {
|
|
|
671
681
|
}
|
|
672
682
|
}
|
|
673
683
|
NggDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggDropdownComponent, deps: [{ token: Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
674
|
-
NggDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggDropdownComponent, selector: "ngg-dropdown", inputs: { id: "id", texts: "texts", loop: "loop", display: "display", useValue: "useValue", label: "label",
|
|
684
|
+
NggDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggDropdownComponent, selector: "ngg-dropdown", inputs: { id: "id", texts: "texts", loop: "loop", display: "display", useValue: "useValue", label: "label", valid: "valid", invalid: "invalid", compareWith: "compareWith", searchFilter: "searchFilter", syncPopoverWidth: "syncPopoverWidth", fixedPlacement: "fixedPlacement", options: "options", multiSelect: "multiSelect", searchable: "searchable", value: "value" }, outputs: { valueChange: "valueChange", touched: "touched" }, providers: [
|
|
675
685
|
{
|
|
676
686
|
provide: NG_VALUE_ACCESSOR,
|
|
677
687
|
useExisting: NggDropdownComponent,
|
|
@@ -702,8 +712,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
702
712
|
type: Input
|
|
703
713
|
}], label: [{
|
|
704
714
|
type: Input
|
|
705
|
-
}], options: [{
|
|
706
|
-
type: Input
|
|
707
715
|
}], valid: [{
|
|
708
716
|
type: Input
|
|
709
717
|
}], invalid: [{
|
|
@@ -716,6 +724,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
716
724
|
type: Input
|
|
717
725
|
}], fixedPlacement: [{
|
|
718
726
|
type: Input
|
|
727
|
+
}], options: [{
|
|
728
|
+
type: Input
|
|
719
729
|
}], multiSelect: [{
|
|
720
730
|
type: Input
|
|
721
731
|
}], searchable: [{
|