@decaf-ts/for-angular 0.1.50 → 0.1.52
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.
|
@@ -6626,6 +6626,10 @@ class NgxFormFieldDirective extends NgxComponentDirective {
|
|
|
6626
6626
|
if (this.isModalChild) {
|
|
6627
6627
|
this.changeDetectorRef.detectChanges();
|
|
6628
6628
|
}
|
|
6629
|
+
this.parseSelectLabel();
|
|
6630
|
+
}
|
|
6631
|
+
parseSelectLabel() {
|
|
6632
|
+
const element = this.component?.nativeElement;
|
|
6629
6633
|
if (this.type === HTML5InputTypes.SELECT && !this.translatable) {
|
|
6630
6634
|
const label = element.shadowRoot.querySelector('.select-text');
|
|
6631
6635
|
//strip html from element text content to prevent html tags from being rendered in the label
|
|
@@ -8960,7 +8964,7 @@ let LayoutComponent = class LayoutComponent extends NgxParentComponentDirective
|
|
|
8960
8964
|
this.changeDetectorRef.detectChanges();
|
|
8961
8965
|
}
|
|
8962
8966
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8963
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: LayoutComponent, isStandalone: true, selector: "ngx-decaf-layout", inputs: { gap: "gap", grid: "grid", flexMode: "flexMode", rowCard: "rowCard", maxColsLength: "maxColsLength", accordion: "accordion" }, usesInheritance: true, ngImport: i0, template: "<section class=\"dcf-layout-container\">\n @if (initialized) {\n @for (row of rows; track trackItemFn($index, row); let rowIndex = $index) {\n @if (row?.cols?.length) {\n <div\n [id]=\"uid\"\n [class]=\"\n (!grid\n ? 'dcf-layout-row '\n : 'dcf-layout-row dcf-grid ' + 'dcf-grid-' + gap) +\n ' ' +\n (className || '')\n \"\n [class.dcf-grid-match]=\"match\"\n [class.dcf-grid-bordered]=\"borders\"\n [class.dcf-accordion]=\"accordion\"\n [class.open]=\"accordion && !collapsed\"\n >\n @if (row?.title?.length) {\n <div class=\"dcf-width-1-1 dcf-grid-title\">\n <h3 class=\"\">{{ row.title | translate }}</h3>\n </div>\n }\n @for (\n child of row.cols;\n track trackItemFn($index, child.col);\n let colIndex = $index\n ) {\n <div\n [class.dcf-collapsed]=\"accordion && collapsed && $index !== 0\"\n [class]=\"'dcf-grid-col ' + child.colClass\"\n [class.dcf-first-column]=\"$index === 0\"\n [class.dcf-hidden]=\"child.props?.hidden?.includes(operation)\"\n #collapsableElement\n >\n <div\n [class]=\"\n accordion && !collapsed && $index !== 0\n ? 'dcf-animation dcf-animation-slide-top-small dcf-animation-fast'\n : ''\n \"\n >\n @if (accordion && $index === 0) {\n <div class=\"dcf-button-toggle\">\n <ngx-decaf-icon\n (click)=\"toggleCollapse(collapsableElement)\"\n [button]=\"true\"\n [name]=\"collapsed ? 'ti-eye' : 'ti-eye-off'\"\n />\n </div>\n }\n @if (child.tag === 'ngx-decaf-crud-form') {\n <ngx-decaf-card\n [className]=\"\n (match ? 'dcf-height-1-1 dcf-card-layout' : '') +\n className\n \"\n [body]=\"cardBody\"\n [type]=\"cardType\"\n >\n <ngx-decaf-model-renderer\n [model]=\"child.props.name\"\n [pk]=\"pk\"\n (listenEvent)=\"handleEvent($event)\"\n />\n </ngx-decaf-card>\n } @else {\n @if (refreshing) {\n <ion-item>\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-item>\n } @else {\n <ngx-decaf-component-renderer\n [tag]=\"child.tag\"\n [pk]=\"pk\"\n [className]=\"\n (match ? 'dcf-height-1-1 dcf-card-layout' : '') +\n className\n \"\n [parentForm]=\"\n parentForm || child.parentForm || child?.formGroup\n \"\n [children]=\"child?.children || []\"\n (listenEvent)=\"handleEvent($event)\"\n [globals]=\"{ props: child.props }\"\n />\n }\n }\n </div>\n </div>\n }\n </div>\n }\n }\n }\n</section>\n", styles: [".dcf-grid:first-of-type .dcf-grid .dcf-first-column{padding-top:.25rem!important}.dcf-grid:first-of-type .dcf-grid .dcf-first-column+div{padding-top:.5rem!important}.dcf-grid:first-of-type .dcf-grid .dcf-first-column+div~div{padding-top:.25rem!important}.dcf-grid.dcf-grid-collapse.read:not(.dcf-accordion)>div{margin:var(--dcf-margin-small) 0!important}.dcf-grid.dcf-grid-collapse.read.dcf-accordion>div{margin:var(--dcf-margin-xsmall) 0!important}.dcf-grid.dcf-grid-bordered>div>div{padding:var(--dcf-padding-small) var(--dcf-padding);border-radius:var(--dcf-border-radius-small);border:1px solid var(--dcf-color-gray-2);background:var(--dcf-card-background)!important}.dcf-grid .dcf-grid-title{padding:unset;margin:unset}.dcf-grid .dcf-grid-title>*{padding:unset;margin:unset;padding-left:var(--dcf-padding-small);font-size:1.05rem!important;font-weight:600;background:none;box-shadow:none;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dcf-grid.dcf-grid-match ::ng-deep ngx-decaf-component-renderer>*>*{height:100%!important}.dcf-grid.dcf-grid-small.dcf-grid-nested{padding:0 .5rem!important}.dcf-grid.dcf-grid-small>div{margin-bottom:1.75rem}.dcf-grid.dcf-grid-small>div:last-child{margin-bottom:0}.dcf-grid.dcf-grid-small>div.dcf-layout-separator{margin-bottom:1rem}.dcf-grid.dcf-grid-small>div.dcf-grid-bordered:last-child{margin-bottom:0}.dcf-grid.dcf-grid-small+.dcf-grid-small{margin-bottom:1.75rem}.dcf-grid.dcf-grid-small+.dcf-grid-small.dcf-layout-separator{margin-bottom:1rem}::ng-deep ngx-decaf-component-renderer>*>div{margin-bottom:0!important}.dcf-accordion>div:first-of-type{position:relative;top:-.375rem}.dcf-accordion.open>div:first-of-type+div{margin-top:-.25rem!important}.dcf-accordion .dcf-button-toggle{position:relative;z-index:2!important}.dcf-accordion .dcf-button-toggle>*{position:absolute;margin-top:-1rem;right:0;cursor:pointer}.dcf-accordion>div>div:first-of-type ::ng-deep ion-item{--border-color: transparent !important}.dcf-accordion:not(.open) .dcf-collapsed{display:none!important}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "ngx-decaf-card", inputs: ["type", "title", "margins", "body", "subtitle", "color", "separator", "borders", "inlineContent", "inlineContentPosition"] }, { kind: "component", type: IconComponent, selector: "ngx-decaf-icon", inputs: ["name", "color", "slot", "button", "buttonFill", "buttonShape", "width", "size", "inline"] }, { kind: "component", type: ModelRendererComponent, selector: "ngx-decaf-model-renderer", inputs: ["projectable"] }, { kind: "component", type: ComponentRendererComponent, selector: "ngx-decaf-component-renderer", inputs: ["tag", "children", "projectable", "pk", "parent"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
8967
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: LayoutComponent, isStandalone: true, selector: "ngx-decaf-layout", inputs: { gap: "gap", grid: "grid", flexMode: "flexMode", rowCard: "rowCard", maxColsLength: "maxColsLength", accordion: "accordion" }, usesInheritance: true, ngImport: i0, template: "<section class=\"dcf-layout-container\">\n @if (initialized) {\n @for (row of rows; track trackItemFn($index, row); let rowIndex = $index) {\n @if (row?.cols?.length) {\n <div\n [id]=\"uid\"\n [class]=\"\n (!grid\n ? 'dcf-layout-row '\n : 'dcf-layout-row dcf-grid ' + 'dcf-grid-' + gap) +\n ' ' +\n (className || '')\n \"\n [class.dcf-grid-match]=\"match\"\n [class.dcf-grid-bordered]=\"borders\"\n [class.dcf-accordion]=\"accordion\"\n [class.open]=\"accordion && !collapsed\"\n >\n @if (row?.title?.length) {\n <div class=\"dcf-width-1-1 dcf-grid-title\">\n <h3 class=\"\">{{ row.title | translate }}</h3>\n </div>\n }\n @for (\n child of row.cols;\n track trackItemFn($index, child.col);\n let colIndex = $index\n ) {\n <div\n [class.dcf-collapsed]=\"accordion && collapsed && $index !== 0\"\n [class]=\"'dcf-grid-col ' + child.colClass\"\n [class.dcf-first-column]=\"$index === 0\"\n [class.dcf-hidden]=\"child.props?.hidden?.includes(operation)\"\n #collapsableElement\n >\n <div\n [class]=\"\n accordion && !collapsed && $index !== 0\n ? 'dcf-animation dcf-animation-slide-top-small dcf-animation-fast'\n : ''\n \"\n >\n @if (accordion && $index === 0 && row.cols.length > 1) {\n <div class=\"dcf-button-toggle\">\n <ngx-decaf-icon\n (click)=\"toggleCollapse(collapsableElement)\"\n [button]=\"true\"\n [name]=\"collapsed ? 'ti-eye' : 'ti-eye-off'\"\n />\n </div>\n }\n @if (child.tag === 'ngx-decaf-crud-form') {\n <ngx-decaf-card\n [className]=\"\n (match ? 'dcf-height-1-1 dcf-card-layout' : '') +\n className\n \"\n [body]=\"cardBody\"\n [type]=\"cardType\"\n >\n <ngx-decaf-model-renderer\n [model]=\"child.props.name\"\n [pk]=\"pk\"\n (listenEvent)=\"handleEvent($event)\"\n />\n </ngx-decaf-card>\n } @else {\n @if (refreshing) {\n <ion-item>\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-item>\n } @else {\n <ngx-decaf-component-renderer\n [tag]=\"child.tag\"\n [pk]=\"pk\"\n [className]=\"\n (match ? 'dcf-height-1-1 dcf-card-layout' : '') +\n className\n \"\n [parentForm]=\"\n parentForm || child.parentForm || child?.formGroup\n \"\n [children]=\"child?.children || []\"\n (listenEvent)=\"handleEvent($event)\"\n [globals]=\"{ props: child.props }\"\n />\n }\n }\n </div>\n </div>\n }\n </div>\n }\n }\n }\n</section>\n", styles: [".dcf-grid:first-of-type .dcf-grid .dcf-first-column{padding-top:.25rem!important}.dcf-grid:first-of-type .dcf-grid .dcf-first-column+div{padding-top:.5rem!important}.dcf-grid:first-of-type .dcf-grid .dcf-first-column+div~div{padding-top:.25rem!important}.dcf-grid.dcf-grid-collapse.read:not(.dcf-accordion)>div{margin:var(--dcf-margin-small) 0!important}.dcf-grid.dcf-grid-collapse.read.dcf-accordion>div{margin:var(--dcf-margin-xsmall) 0!important}.dcf-grid.dcf-grid-bordered>div>div{padding:var(--dcf-padding-small) var(--dcf-padding);border-radius:var(--dcf-border-radius-small);border:1px solid var(--dcf-color-gray-2);background:var(--dcf-card-background)!important}.dcf-grid .dcf-grid-title{padding:unset;margin:unset}.dcf-grid .dcf-grid-title>*{padding:unset;margin:unset;padding-left:var(--dcf-padding-small);font-size:1.05rem!important;font-weight:600;background:none;box-shadow:none;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dcf-grid.dcf-grid-match ::ng-deep ngx-decaf-component-renderer>*>*{height:100%!important}.dcf-grid.dcf-grid-small.dcf-grid-nested{padding:0 .5rem!important}.dcf-grid.dcf-grid-small>div{margin-bottom:1.75rem}.dcf-grid.dcf-grid-small>div:last-child{margin-bottom:0}.dcf-grid.dcf-grid-small>div.dcf-layout-separator{margin-bottom:1rem}.dcf-grid.dcf-grid-small>div.dcf-grid-bordered:last-child{margin-bottom:0}.dcf-grid.dcf-grid-small+.dcf-grid-small{margin-bottom:1.75rem}.dcf-grid.dcf-grid-small+.dcf-grid-small.dcf-layout-separator{margin-bottom:1rem}::ng-deep ngx-decaf-component-renderer>*>div{margin-bottom:0!important}.dcf-accordion>div:first-of-type{position:relative;top:-.375rem}.dcf-accordion.open>div:first-of-type+div{margin-top:-.25rem!important}.dcf-accordion .dcf-button-toggle{position:relative;z-index:2!important}.dcf-accordion .dcf-button-toggle>*{position:absolute;margin-top:-1rem;right:0;cursor:pointer}.dcf-accordion>div>div:first-of-type ::ng-deep ion-item{--border-color: transparent !important}.dcf-accordion:not(.open) .dcf-collapsed{display:none!important}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "ngx-decaf-card", inputs: ["type", "title", "margins", "body", "subtitle", "color", "separator", "borders", "inlineContent", "inlineContentPosition"] }, { kind: "component", type: IconComponent, selector: "ngx-decaf-icon", inputs: ["name", "color", "slot", "button", "buttonFill", "buttonShape", "width", "size", "inline"] }, { kind: "component", type: ModelRendererComponent, selector: "ngx-decaf-model-renderer", inputs: ["projectable"] }, { kind: "component", type: ComponentRendererComponent, selector: "ngx-decaf-component-renderer", inputs: ["tag", "children", "projectable", "pk", "parent"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
8964
8968
|
};
|
|
8965
8969
|
LayoutComponent = __decorate([
|
|
8966
8970
|
Dynamic(),
|
|
@@ -8968,7 +8972,7 @@ LayoutComponent = __decorate([
|
|
|
8968
8972
|
], LayoutComponent);
|
|
8969
8973
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LayoutComponent, decorators: [{
|
|
8970
8974
|
type: Component,
|
|
8971
|
-
args: [{ selector: 'ngx-decaf-layout', imports: [TranslatePipe, CardComponent, IconComponent, ModelRendererComponent, ComponentRendererComponent], standalone: true, template: "<section class=\"dcf-layout-container\">\n @if (initialized) {\n @for (row of rows; track trackItemFn($index, row); let rowIndex = $index) {\n @if (row?.cols?.length) {\n <div\n [id]=\"uid\"\n [class]=\"\n (!grid\n ? 'dcf-layout-row '\n : 'dcf-layout-row dcf-grid ' + 'dcf-grid-' + gap) +\n ' ' +\n (className || '')\n \"\n [class.dcf-grid-match]=\"match\"\n [class.dcf-grid-bordered]=\"borders\"\n [class.dcf-accordion]=\"accordion\"\n [class.open]=\"accordion && !collapsed\"\n >\n @if (row?.title?.length) {\n <div class=\"dcf-width-1-1 dcf-grid-title\">\n <h3 class=\"\">{{ row.title | translate }}</h3>\n </div>\n }\n @for (\n child of row.cols;\n track trackItemFn($index, child.col);\n let colIndex = $index\n ) {\n <div\n [class.dcf-collapsed]=\"accordion && collapsed && $index !== 0\"\n [class]=\"'dcf-grid-col ' + child.colClass\"\n [class.dcf-first-column]=\"$index === 0\"\n [class.dcf-hidden]=\"child.props?.hidden?.includes(operation)\"\n #collapsableElement\n >\n <div\n [class]=\"\n accordion && !collapsed && $index !== 0\n ? 'dcf-animation dcf-animation-slide-top-small dcf-animation-fast'\n : ''\n \"\n >\n @if (accordion && $index === 0) {\n <div class=\"dcf-button-toggle\">\n <ngx-decaf-icon\n (click)=\"toggleCollapse(collapsableElement)\"\n [button]=\"true\"\n [name]=\"collapsed ? 'ti-eye' : 'ti-eye-off'\"\n />\n </div>\n }\n @if (child.tag === 'ngx-decaf-crud-form') {\n <ngx-decaf-card\n [className]=\"\n (match ? 'dcf-height-1-1 dcf-card-layout' : '') +\n className\n \"\n [body]=\"cardBody\"\n [type]=\"cardType\"\n >\n <ngx-decaf-model-renderer\n [model]=\"child.props.name\"\n [pk]=\"pk\"\n (listenEvent)=\"handleEvent($event)\"\n />\n </ngx-decaf-card>\n } @else {\n @if (refreshing) {\n <ion-item>\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-item>\n } @else {\n <ngx-decaf-component-renderer\n [tag]=\"child.tag\"\n [pk]=\"pk\"\n [className]=\"\n (match ? 'dcf-height-1-1 dcf-card-layout' : '') +\n className\n \"\n [parentForm]=\"\n parentForm || child.parentForm || child?.formGroup\n \"\n [children]=\"child?.children || []\"\n (listenEvent)=\"handleEvent($event)\"\n [globals]=\"{ props: child.props }\"\n />\n }\n }\n </div>\n </div>\n }\n </div>\n }\n }\n }\n</section>\n", styles: [".dcf-grid:first-of-type .dcf-grid .dcf-first-column{padding-top:.25rem!important}.dcf-grid:first-of-type .dcf-grid .dcf-first-column+div{padding-top:.5rem!important}.dcf-grid:first-of-type .dcf-grid .dcf-first-column+div~div{padding-top:.25rem!important}.dcf-grid.dcf-grid-collapse.read:not(.dcf-accordion)>div{margin:var(--dcf-margin-small) 0!important}.dcf-grid.dcf-grid-collapse.read.dcf-accordion>div{margin:var(--dcf-margin-xsmall) 0!important}.dcf-grid.dcf-grid-bordered>div>div{padding:var(--dcf-padding-small) var(--dcf-padding);border-radius:var(--dcf-border-radius-small);border:1px solid var(--dcf-color-gray-2);background:var(--dcf-card-background)!important}.dcf-grid .dcf-grid-title{padding:unset;margin:unset}.dcf-grid .dcf-grid-title>*{padding:unset;margin:unset;padding-left:var(--dcf-padding-small);font-size:1.05rem!important;font-weight:600;background:none;box-shadow:none;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dcf-grid.dcf-grid-match ::ng-deep ngx-decaf-component-renderer>*>*{height:100%!important}.dcf-grid.dcf-grid-small.dcf-grid-nested{padding:0 .5rem!important}.dcf-grid.dcf-grid-small>div{margin-bottom:1.75rem}.dcf-grid.dcf-grid-small>div:last-child{margin-bottom:0}.dcf-grid.dcf-grid-small>div.dcf-layout-separator{margin-bottom:1rem}.dcf-grid.dcf-grid-small>div.dcf-grid-bordered:last-child{margin-bottom:0}.dcf-grid.dcf-grid-small+.dcf-grid-small{margin-bottom:1.75rem}.dcf-grid.dcf-grid-small+.dcf-grid-small.dcf-layout-separator{margin-bottom:1rem}::ng-deep ngx-decaf-component-renderer>*>div{margin-bottom:0!important}.dcf-accordion>div:first-of-type{position:relative;top:-.375rem}.dcf-accordion.open>div:first-of-type+div{margin-top:-.25rem!important}.dcf-accordion .dcf-button-toggle{position:relative;z-index:2!important}.dcf-accordion .dcf-button-toggle>*{position:absolute;margin-top:-1rem;right:0;cursor:pointer}.dcf-accordion>div>div:first-of-type ::ng-deep ion-item{--border-color: transparent !important}.dcf-accordion:not(.open) .dcf-collapsed{display:none!important}\n"] }]
|
|
8975
|
+
args: [{ selector: 'ngx-decaf-layout', imports: [TranslatePipe, CardComponent, IconComponent, ModelRendererComponent, ComponentRendererComponent], standalone: true, template: "<section class=\"dcf-layout-container\">\n @if (initialized) {\n @for (row of rows; track trackItemFn($index, row); let rowIndex = $index) {\n @if (row?.cols?.length) {\n <div\n [id]=\"uid\"\n [class]=\"\n (!grid\n ? 'dcf-layout-row '\n : 'dcf-layout-row dcf-grid ' + 'dcf-grid-' + gap) +\n ' ' +\n (className || '')\n \"\n [class.dcf-grid-match]=\"match\"\n [class.dcf-grid-bordered]=\"borders\"\n [class.dcf-accordion]=\"accordion\"\n [class.open]=\"accordion && !collapsed\"\n >\n @if (row?.title?.length) {\n <div class=\"dcf-width-1-1 dcf-grid-title\">\n <h3 class=\"\">{{ row.title | translate }}</h3>\n </div>\n }\n @for (\n child of row.cols;\n track trackItemFn($index, child.col);\n let colIndex = $index\n ) {\n <div\n [class.dcf-collapsed]=\"accordion && collapsed && $index !== 0\"\n [class]=\"'dcf-grid-col ' + child.colClass\"\n [class.dcf-first-column]=\"$index === 0\"\n [class.dcf-hidden]=\"child.props?.hidden?.includes(operation)\"\n #collapsableElement\n >\n <div\n [class]=\"\n accordion && !collapsed && $index !== 0\n ? 'dcf-animation dcf-animation-slide-top-small dcf-animation-fast'\n : ''\n \"\n >\n @if (accordion && $index === 0 && row.cols.length > 1) {\n <div class=\"dcf-button-toggle\">\n <ngx-decaf-icon\n (click)=\"toggleCollapse(collapsableElement)\"\n [button]=\"true\"\n [name]=\"collapsed ? 'ti-eye' : 'ti-eye-off'\"\n />\n </div>\n }\n @if (child.tag === 'ngx-decaf-crud-form') {\n <ngx-decaf-card\n [className]=\"\n (match ? 'dcf-height-1-1 dcf-card-layout' : '') +\n className\n \"\n [body]=\"cardBody\"\n [type]=\"cardType\"\n >\n <ngx-decaf-model-renderer\n [model]=\"child.props.name\"\n [pk]=\"pk\"\n (listenEvent)=\"handleEvent($event)\"\n />\n </ngx-decaf-card>\n } @else {\n @if (refreshing) {\n <ion-item>\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-item>\n } @else {\n <ngx-decaf-component-renderer\n [tag]=\"child.tag\"\n [pk]=\"pk\"\n [className]=\"\n (match ? 'dcf-height-1-1 dcf-card-layout' : '') +\n className\n \"\n [parentForm]=\"\n parentForm || child.parentForm || child?.formGroup\n \"\n [children]=\"child?.children || []\"\n (listenEvent)=\"handleEvent($event)\"\n [globals]=\"{ props: child.props }\"\n />\n }\n }\n </div>\n </div>\n }\n </div>\n }\n }\n }\n</section>\n", styles: [".dcf-grid:first-of-type .dcf-grid .dcf-first-column{padding-top:.25rem!important}.dcf-grid:first-of-type .dcf-grid .dcf-first-column+div{padding-top:.5rem!important}.dcf-grid:first-of-type .dcf-grid .dcf-first-column+div~div{padding-top:.25rem!important}.dcf-grid.dcf-grid-collapse.read:not(.dcf-accordion)>div{margin:var(--dcf-margin-small) 0!important}.dcf-grid.dcf-grid-collapse.read.dcf-accordion>div{margin:var(--dcf-margin-xsmall) 0!important}.dcf-grid.dcf-grid-bordered>div>div{padding:var(--dcf-padding-small) var(--dcf-padding);border-radius:var(--dcf-border-radius-small);border:1px solid var(--dcf-color-gray-2);background:var(--dcf-card-background)!important}.dcf-grid .dcf-grid-title{padding:unset;margin:unset}.dcf-grid .dcf-grid-title>*{padding:unset;margin:unset;padding-left:var(--dcf-padding-small);font-size:1.05rem!important;font-weight:600;background:none;box-shadow:none;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dcf-grid.dcf-grid-match ::ng-deep ngx-decaf-component-renderer>*>*{height:100%!important}.dcf-grid.dcf-grid-small.dcf-grid-nested{padding:0 .5rem!important}.dcf-grid.dcf-grid-small>div{margin-bottom:1.75rem}.dcf-grid.dcf-grid-small>div:last-child{margin-bottom:0}.dcf-grid.dcf-grid-small>div.dcf-layout-separator{margin-bottom:1rem}.dcf-grid.dcf-grid-small>div.dcf-grid-bordered:last-child{margin-bottom:0}.dcf-grid.dcf-grid-small+.dcf-grid-small{margin-bottom:1.75rem}.dcf-grid.dcf-grid-small+.dcf-grid-small.dcf-layout-separator{margin-bottom:1rem}::ng-deep ngx-decaf-component-renderer>*>div{margin-bottom:0!important}.dcf-accordion>div:first-of-type{position:relative;top:-.375rem}.dcf-accordion.open>div:first-of-type+div{margin-top:-.25rem!important}.dcf-accordion .dcf-button-toggle{position:relative;z-index:2!important}.dcf-accordion .dcf-button-toggle>*{position:absolute;margin-top:-1rem;right:0;cursor:pointer}.dcf-accordion>div>div:first-of-type ::ng-deep ion-item{--border-color: transparent !important}.dcf-accordion:not(.open) .dcf-collapsed{display:none!important}\n"] }]
|
|
8972
8976
|
}], ctorParameters: () => [], propDecorators: { gap: [{
|
|
8973
8977
|
type: Input
|
|
8974
8978
|
}], grid: [{
|
|
@@ -12405,16 +12409,27 @@ let ListComponent = class ListComponent extends NgxComponentDirective {
|
|
|
12405
12409
|
* @summary Filters out an item with the specified ID from the data array and
|
|
12406
12410
|
* refreshes the list display. This is typically used after a delete operation.
|
|
12407
12411
|
*
|
|
12408
|
-
* @param {string}
|
|
12412
|
+
* @param {string} modelId - The ID of the item to delete
|
|
12409
12413
|
* @param {string} pk - The primary key field name
|
|
12410
12414
|
* @returns {Promise<void>}
|
|
12411
12415
|
*
|
|
12412
12416
|
* @memberOf ListComponent
|
|
12413
12417
|
*/
|
|
12414
|
-
handleDelete(
|
|
12415
|
-
if (!pk)
|
|
12418
|
+
handleDelete(modelId, pk) {
|
|
12419
|
+
if (!pk) {
|
|
12416
12420
|
pk = this.pk;
|
|
12417
|
-
|
|
12421
|
+
}
|
|
12422
|
+
this.items = [
|
|
12423
|
+
...(this.data?.filter(({ uid }) => {
|
|
12424
|
+
if (typeof uid === Primitives.STRING) {
|
|
12425
|
+
return uid !== modelId;
|
|
12426
|
+
}
|
|
12427
|
+
else {
|
|
12428
|
+
const { value } = uid;
|
|
12429
|
+
return value !== modelId;
|
|
12430
|
+
}
|
|
12431
|
+
}) || []),
|
|
12432
|
+
];
|
|
12418
12433
|
this.data = [...this.items];
|
|
12419
12434
|
if (!this.data.length) {
|
|
12420
12435
|
this.searchValue = undefined;
|