@impartner/design-components 4.0.0 → 4.0.2

package/fesm2022/impartner-design-components.mjs

@@ -7269,7 +7269,7 @@ class RadioGroupComponent extends _RadioGroupComponentBase {
     }
     set value(value) {
         this._suppressEmitValueChange = true;
-        this._valueInternal.set(value ? [value] : []);
+        this._valueInternal.set(value != undefined && value != null ? [value] : []);
         this.stateChanges.next();
     }
     get id() {
@@ -8662,11 +8662,12 @@ class ModalLayoutComponent {
         this.dismissRequested.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ModalLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: ModalLayoutComponent, isStandalone: true, selector: "impdc-modal-layout", inputs: { iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, iconTheme: { classPropertyName: "iconTheme", publicName: "iconTheme", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, titleText: { classPropertyName: "titleText", publicName: "titleText", isSignal: true, isRequired: false, transformFunction: null }, showCornerDismiss: { classPropertyName: "showCornerDismiss", publicName: "showCornerDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissRequested: "dismissRequested" }, host: { properties: { "class.impdc-modal-layout--theme-destructive": "theme() === \"destructive\"", "class.impdc-modal-layout--theme-simple": "theme() === \"simple\"", "class.impdc-modal-layout--theme-working": "theme() === \"working\"" } }, ngImport: i0, template: "@if (theme() === 'destructive') {\n  <div class=\"impdc-modal-layout--modal-icon\">\n    <impdc-icon\n      [name]=\"iconName() || 'exclamation-triangle'\"\n      [theme]=\"iconTheme()\" />\n  </div>\n}\n<div\n  class=\"modal-header impdc-modal-layout--modal-header\"\n  [class.hide]=\"computedHideHeader()\">\n  <h1 [id]=\"headingId\" class=\"modal-title impdc-modal-layout--modal-title\">\n    @if (computedShowWorkingIcon()) {\n      <span class=\"impdc-modal-layout--modal-icon\">\n        <impdc-icon [name]=\"iconName()\" [theme]=\"iconTheme()\" />\n      </span>\n    }\n    <span class=\"impdc-modal-layout--modal-title-text\">{{ titleText() }}</span>\n  </h1>\n\n  @if (computedShowCornerDismiss()) {\n    <button\n      impdcButton\n      theme=\"close\"\n      (click)=\"handleDismiss($event)\"\n      ariaLabel=\"Close\"></button>\n  }\n</div>\n<div class=\"modal-body impdc-modal-layout--modal-body\">\n  <ng-content select=\"[slot=body]\"></ng-content>\n</div>\n<div class=\"modal-footer impdc-modal-layout--modal-footer\">\n  <ng-content select=\"[slot=footer]\"></ng-content>\n</div>\n", styles: [".impdc-modal-layout--modal-icon{display:inline-flex;justify-content:center;align-items:center;height:4rem;width:4rem;color:var(--impdc-modal-layout--modal-icon--color, var(--impd-color-gray-500));background:var(--impdc-modal-layout--modal-icon--background, var(--impd-color-gray-100));border-radius:50%;flex-shrink:0}.impdc-modal-layout--modal-icon .fa,.impdc-modal-layout--modal-icon .fa-brands,.impdc-modal-layout--modal-icon .fa-duotone,.impdc-modal-layout--modal-icon .fa-light,.impdc-modal-layout--modal-icon .fa-regular,.impdc-modal-layout--modal-icon .fa-solid,.impdc-modal-layout--modal-icon .fa-thin,.impdc-modal-layout--modal-icon .fab,.impdc-modal-layout--modal-icon .fad,.impdc-modal-layout--modal-icon .fal,.impdc-modal-layout--modal-icon .far,.impdc-modal-layout--modal-icon .fas,.impdc-modal-layout--modal-icon .fat{line-height:var(--impartner-hex-modal-title-line-height)}:host(.impdc-modal-layout--theme-simple) .impdc-modal-layout--modal-header,:host(.impdc-modal-layout--theme-destructive) .impdc-modal-layout--modal-header{border:0;padding-bottom:0}:host(.impdc-modal-layout--theme-simple) .impdc-modal-layout--modal-body,:host(.impdc-modal-layout--theme-destructive) .impdc-modal-layout--modal-body{padding:calc(var(--impartner-hex-modal-padding) * .5) var(--impartner-hex-modal-padding) var(--impartner-hex-modal-padding)}:host(.impdc-modal-layout--theme-simple) .impdc-modal-layout--modal-footer,:host(.impdc-modal-layout--theme-destructive) .impdc-modal-layout--modal-footer{border:0;padding-top:0}:host(.impdc-modal-layout--theme-working) .impdc-modal-layout--modal-footer{padding:calc(var(--impartner-hex-modal-padding) * .5 - var(--impartner-hex-modal-footer-gap) * .5) calc(var(--impartner-hex-modal-padding) - var(--impartner-hex-modal-footer-gap) * .5)}:host(.impdc-modal-layout--theme-destructive){--impdc-modal-layout--modal-icon--color: var(--impd-color-red-600);--impdc-modal-layout--modal-icon--background: var(--impd-color-red-100);display:grid;grid-template-areas:\"modal-icon modal-header\" \"modal-icon modal-body\" \"modal-footer modal-footer\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto}:host(.impdc-modal-layout--theme-destructive)>.impdc-modal-layout--modal-icon{grid-area:modal-icon;margin:var(--impartner-hex-modal-header-padding);margin-right:0;margin-bottom:0}:host(.impdc-modal-layout--theme-destructive)>.impdc-modal-layout--modal-header{grid-area:modal-header;padding-left:1.6rem;margin-top:.8rem;justify-content:unset}:host(.impdc-modal-layout--theme-destructive)>.impdc-modal-layout--modal-body{grid-area:modal-body;padding-left:1.6rem}:host(.impdc-modal-layout--theme-destructive)>.impdc-modal-layout--modal-footer{grid-area:modal-footer}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: ButtonComponent, selector: "button[impdcButton]", inputs: ["type", "theme", "text", "disabled", "titleText", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "ngmodule", type: IconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: ModalLayoutComponent, isStandalone: true, selector: "impdc-modal-layout", inputs: { iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, iconTheme: { classPropertyName: "iconTheme", publicName: "iconTheme", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, titleText: { classPropertyName: "titleText", publicName: "titleText", isSignal: true, isRequired: false, transformFunction: null }, showCornerDismiss: { classPropertyName: "showCornerDismiss", publicName: "showCornerDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissRequested: "dismissRequested" }, host: { properties: { "class.impdc-modal-layout--theme-destructive": "theme() === \"destructive\"", "class.impdc-modal-layout--theme-simple": "theme() === \"simple\"", "class.impdc-modal-layout--theme-working": "theme() === \"working\"" }, classAttribute: "modal-content" }, ngImport: i0, template: "@if (theme() === 'destructive') {\n  <div class=\"impdc-modal-layout--modal-icon\">\n    <impdc-icon\n      [name]=\"iconName() || 'exclamation-triangle'\"\n      [theme]=\"iconTheme()\" />\n  </div>\n}\n<div\n  class=\"modal-header impdc-modal-layout--modal-header\"\n  [class.hide]=\"computedHideHeader()\">\n  <h1 [id]=\"headingId\" class=\"modal-title impdc-modal-layout--modal-title\">\n    @if (computedShowWorkingIcon()) {\n      <span class=\"impdc-modal-layout--modal-icon\">\n        <impdc-icon [name]=\"iconName()\" [theme]=\"iconTheme()\" />\n      </span>\n    }\n    <span class=\"impdc-modal-layout--modal-title-text\">{{ titleText() }}</span>\n  </h1>\n\n  @if (computedShowCornerDismiss()) {\n    <button\n      impdcButton\n      theme=\"close\"\n      (click)=\"handleDismiss($event)\"\n      ariaLabel=\"Close\"></button>\n  }\n</div>\n<div class=\"modal-body impdc-modal-layout--modal-body\">\n  <ng-content select=\"[slot=body]\"></ng-content>\n</div>\n<div class=\"modal-footer impdc-modal-layout--modal-footer\">\n  <ng-content select=\"[slot=footer]\"></ng-content>\n</div>\n", styles: [".impdc-modal-layout--modal-icon{display:inline-flex;justify-content:center;align-items:center;height:4rem;width:4rem;color:var(--impdc-modal-layout--modal-icon--color, var(--impd-color-gray-500));background:var(--impdc-modal-layout--modal-icon--background, var(--impd-color-gray-100));border-radius:50%;flex-shrink:0}.impdc-modal-layout--modal-icon .fa,.impdc-modal-layout--modal-icon .fa-brands,.impdc-modal-layout--modal-icon .fa-duotone,.impdc-modal-layout--modal-icon .fa-light,.impdc-modal-layout--modal-icon .fa-regular,.impdc-modal-layout--modal-icon .fa-solid,.impdc-modal-layout--modal-icon .fa-thin,.impdc-modal-layout--modal-icon .fab,.impdc-modal-layout--modal-icon .fad,.impdc-modal-layout--modal-icon .fal,.impdc-modal-layout--modal-icon .far,.impdc-modal-layout--modal-icon .fas,.impdc-modal-layout--modal-icon .fat{line-height:var(--impartner-hex-modal-title-line-height)}:host(.impdc-modal-layout--theme-simple) .impdc-modal-layout--modal-header,:host(.impdc-modal-layout--theme-destructive) .impdc-modal-layout--modal-header{border:0;padding-bottom:0}:host(.impdc-modal-layout--theme-simple) .impdc-modal-layout--modal-body,:host(.impdc-modal-layout--theme-destructive) .impdc-modal-layout--modal-body{padding:calc(var(--impartner-hex-modal-padding) * .5) var(--impartner-hex-modal-padding) var(--impartner-hex-modal-padding)}:host(.impdc-modal-layout--theme-simple) .impdc-modal-layout--modal-footer,:host(.impdc-modal-layout--theme-destructive) .impdc-modal-layout--modal-footer{border:0;padding-top:0}:host(.impdc-modal-layout--theme-working) .impdc-modal-layout--modal-footer{padding:calc(var(--impartner-hex-modal-padding) * .5 - var(--impartner-hex-modal-footer-gap) * .5) calc(var(--impartner-hex-modal-padding) - var(--impartner-hex-modal-footer-gap) * .5)}:host(.impdc-modal-layout--theme-destructive){--impdc-modal-layout--modal-icon--color: var(--impd-color-red-600);--impdc-modal-layout--modal-icon--background: var(--impd-color-red-100);display:grid;grid-template-areas:\"modal-icon modal-header\" \"modal-icon modal-body\" \"modal-footer modal-footer\";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto}:host(.impdc-modal-layout--theme-destructive)>.impdc-modal-layout--modal-icon{grid-area:modal-icon;margin:var(--impartner-hex-modal-header-padding);margin-right:0;margin-bottom:0}:host(.impdc-modal-layout--theme-destructive)>.impdc-modal-layout--modal-header{grid-area:modal-header;padding-left:1.6rem;margin-top:.8rem;justify-content:unset}:host(.impdc-modal-layout--theme-destructive)>.impdc-modal-layout--modal-body{grid-area:modal-body;padding-left:1.6rem}:host(.impdc-modal-layout--theme-destructive)>.impdc-modal-layout--modal-footer{grid-area:modal-footer}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: ButtonComponent, selector: "button[impdcButton]", inputs: ["type", "theme", "text", "disabled", "titleText", "ariaLabel"] }, { kind: "component", type: IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }, { kind: "ngmodule", type: IconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: ModalLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'impdc-modal-layout', imports: [ButtonModule, IconModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'modal-content',
                         '[class.impdc-modal-layout--theme-destructive]': 'theme() === "destructive"',
                         '[class.impdc-modal-layout--theme-simple]': 'theme() === "simple"',
                         '[class.impdc-modal-layout--theme-working]': 'theme() === "working"'