@leanix/components 0.4.966 → 0.4.967

package/fesm2022/leanix-components.mjs

@@ -195,14 +195,14 @@ class BannerComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: BannerComponent, isStandalone: true, selector: "lx-banner", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.type": "type()", "attr.size": "size()" } }, hostDirectives: [{ directive: i1.FioriReskinAwareDirective }], ngImport: i0, template: "<div class=\"banner-wrapper\">\n  @if (showIcon()) {\n    <ui5-icon [name]=\"iconName()\" [design]=\"iconDesign()\" />\n  }\n  <div class=\"banner-content\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host:where(:not(.lxFioriReskin)){display:block;border-left:2px solid}:host:where(:not(.lxFioriReskin))[type=success]{background-color:color-mix(in srgb,#33cc58 10%,white);border-color:#33cc58}:host:where(:not(.lxFioriReskin))[type=info]{background-color:color-mix(in srgb,#2889ff 10%,white);border-color:#2889ff}:host:where(:not(.lxFioriReskin))[type=warning]{background-color:color-mix(in srgb,#ffb62a 10%,white);border-color:#ffb62a}:host:where(:not(.lxFioriReskin))[type=danger]{background-color:color-mix(in srgb,#f96464 10%,white);border-color:#f96464}:host:where(:not(.lxFioriReskin))[size=big]{margin-bottom:12px}:host:where(:not(.lxFioriReskin))[size=big] .banner-wrapper{position:relative;padding:.75rem}:host:where(:not(.lxFioriReskin))[size=big] .banner-content{padding-left:2rem}:host:where(:not(.lxFioriReskin))[size=big] ui5-icon{position:absolute;top:.875rem;left:.75rem}:host:where(:not(.lxFioriReskin))[size=small]{margin-bottom:6px}:host:where(:not(.lxFioriReskin))[size=small] .banner-wrapper{padding:.5rem}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content h4{margin-top:0;color:inherit}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content .alert-link{font-weight:700}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content>p,:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content>ul{margin-bottom:0}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content p+p{margin-bottom:5px}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content p:last-child{margin-bottom:0}:host(.lxFioriReskin){display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor);border-radius:var(--sapPopover_BorderCornerRadius);border:1px solid;padding:.4375rem 1rem}:host(.lxFioriReskin)[type=success]{background-color:var(--sapSuccessBackground);border-color:var(--sapMessage_SuccessBorderColor)}:host(.lxFioriReskin)[type=info]{background-color:var(--sapInformationBackground);border-color:var(--sapMessage_InformationBorderColor)}:host(.lxFioriReskin)[type=warning]{background-color:var(--sapWarningBackground);border-color:var(--sapMessage_WarningBorderColor)}:host(.lxFioriReskin)[type=danger]{background-color:var(--sapErrorBackground);border-color:var(--sapMessage_ErrorBorderColor)}:host(.lxFioriReskin) .banner-wrapper{display:flex;align-items:flex-start;gap:.5rem}:host(.lxFioriReskin) ui5-icon{flex-shrink:0}:host(.lxFioriReskin) .banner-content{flex:1;line-height:1.2}:host(.lxFioriReskin)[size=big]{margin-bottom:12px}:host(.lxFioriReskin)[size=small]{margin-bottom:6px;padding:.25rem .75rem}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], outputs: ["ui5Click"], exportAs: ["ui5Icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: BannerComponent, isStandalone: true, selector: "lx-banner", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.type": "type()", "attr.size": "size()" } }, hostDirectives: [{ directive: i1.FioriReskinAwareDirective }], ngImport: i0, template: "<div class=\"banner-wrapper\">\n  @if (showIcon()) {\n    <ui5-icon [name]=\"iconName()\" [design]=\"iconDesign()\" />\n  }\n  <div class=\"banner-content\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host:where(:not(.lxFioriReskin)){display:block;border-left:2px solid}:host:where(:not(.lxFioriReskin))[type=success]{background-color:color-mix(in srgb,#33cc58 10%,white);border-color:#33cc58}:host:where(:not(.lxFioriReskin))[type=info]{background-color:color-mix(in srgb,#2889ff 10%,white);border-color:#2889ff}:host:where(:not(.lxFioriReskin))[type=warning]{background-color:color-mix(in srgb,#ffb62a 10%,white);border-color:#ffb62a}:host:where(:not(.lxFioriReskin))[type=danger]{background-color:color-mix(in srgb,#f96464 10%,white);border-color:#f96464}:host:where(:not(.lxFioriReskin))[size=big]{margin-bottom:12px}:host:where(:not(.lxFioriReskin))[size=big] .banner-wrapper{position:relative;padding:.75rem}:host:where(:not(.lxFioriReskin))[size=big] .banner-content{padding-left:2rem}:host:where(:not(.lxFioriReskin))[size=big] ui5-icon{position:absolute;top:.875rem;left:.75rem}:host:where(:not(.lxFioriReskin))[size=small]{margin-bottom:6px}:host:where(:not(.lxFioriReskin))[size=small] .banner-wrapper{padding:.5rem}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content h4{margin-top:0;color:inherit}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content .alert-link{font-weight:700}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content>p,:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content>ul{margin-bottom:0}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content p+p{margin-bottom:5px}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content p:last-child{margin-bottom:0}:host(.lxFioriReskin){display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor);border-radius:var(--sapPopover_BorderCornerRadius);border:1px solid;padding:.4375rem 1rem}:host(.lxFioriReskin)[type=success]{background-color:var(--sapSuccessBackground);border-color:var(--sapMessage_SuccessBorderColor)}:host(.lxFioriReskin)[type=info]{background-color:var(--sapInformationBackground);border-color:var(--sapMessage_InformationBorderColor)}:host(.lxFioriReskin)[type=warning]{background-color:var(--sapWarningBackground);border-color:var(--sapMessage_WarningBorderColor)}:host(.lxFioriReskin)[type=danger]{background-color:var(--sapErrorBackground);border-color:var(--sapMessage_ErrorBorderColor)}:host(.lxFioriReskin) .banner-wrapper{display:flex;align-items:flex-start;gap:.5rem}:host(.lxFioriReskin) ui5-icon{flex-shrink:0}:host(.lxFioriReskin) .banner-content{flex:1;line-height:1.2}:host(.lxFioriReskin)[size=big]{margin-bottom:12px}:host(.lxFioriReskin)[size=small]{margin-bottom:6px;padding:.25rem .75rem}:host(.lxFioriReskin) ::ng-deep .banner-content h4{margin-top:0;color:inherit}:host(.lxFioriReskin) ::ng-deep .banner-content .alert-link{font-weight:700}:host(.lxFioriReskin) ::ng-deep .banner-content>p,:host(.lxFioriReskin) ::ng-deep .banner-content>ul{margin-bottom:0}:host(.lxFioriReskin) ::ng-deep .banner-content p+p{margin-bottom:5px}:host(.lxFioriReskin) ::ng-deep .banner-content p:last-child{margin-bottom:0}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "ui5-icon", inputs: ["design", "name", "accessibleName", "showTooltip", "mode"], outputs: ["ui5Click"], exportAs: ["ui5Icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: BannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lx-banner', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [{ directive: FioriReskinAwareDirective }], host: {
                         '[attr.type]': 'type()',
                         '[attr.size]': 'size()'
-                    }, imports: [IconComponent], template: "<div class=\"banner-wrapper\">\n  @if (showIcon()) {\n    <ui5-icon [name]=\"iconName()\" [design]=\"iconDesign()\" />\n  }\n  <div class=\"banner-content\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host:where(:not(.lxFioriReskin)){display:block;border-left:2px solid}:host:where(:not(.lxFioriReskin))[type=success]{background-color:color-mix(in srgb,#33cc58 10%,white);border-color:#33cc58}:host:where(:not(.lxFioriReskin))[type=info]{background-color:color-mix(in srgb,#2889ff 10%,white);border-color:#2889ff}:host:where(:not(.lxFioriReskin))[type=warning]{background-color:color-mix(in srgb,#ffb62a 10%,white);border-color:#ffb62a}:host:where(:not(.lxFioriReskin))[type=danger]{background-color:color-mix(in srgb,#f96464 10%,white);border-color:#f96464}:host:where(:not(.lxFioriReskin))[size=big]{margin-bottom:12px}:host:where(:not(.lxFioriReskin))[size=big] .banner-wrapper{position:relative;padding:.75rem}:host:where(:not(.lxFioriReskin))[size=big] .banner-content{padding-left:2rem}:host:where(:not(.lxFioriReskin))[size=big] ui5-icon{position:absolute;top:.875rem;left:.75rem}:host:where(:not(.lxFioriReskin))[size=small]{margin-bottom:6px}:host:where(:not(.lxFioriReskin))[size=small] .banner-wrapper{padding:.5rem}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content h4{margin-top:0;color:inherit}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content .alert-link{font-weight:700}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content>p,:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content>ul{margin-bottom:0}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content p+p{margin-bottom:5px}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content p:last-child{margin-bottom:0}:host(.lxFioriReskin){display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor);border-radius:var(--sapPopover_BorderCornerRadius);border:1px solid;padding:.4375rem 1rem}:host(.lxFioriReskin)[type=success]{background-color:var(--sapSuccessBackground);border-color:var(--sapMessage_SuccessBorderColor)}:host(.lxFioriReskin)[type=info]{background-color:var(--sapInformationBackground);border-color:var(--sapMessage_InformationBorderColor)}:host(.lxFioriReskin)[type=warning]{background-color:var(--sapWarningBackground);border-color:var(--sapMessage_WarningBorderColor)}:host(.lxFioriReskin)[type=danger]{background-color:var(--sapErrorBackground);border-color:var(--sapMessage_ErrorBorderColor)}:host(.lxFioriReskin) .banner-wrapper{display:flex;align-items:flex-start;gap:.5rem}:host(.lxFioriReskin) ui5-icon{flex-shrink:0}:host(.lxFioriReskin) .banner-content{flex:1;line-height:1.2}:host(.lxFioriReskin)[size=big]{margin-bottom:12px}:host(.lxFioriReskin)[size=small]{margin-bottom:6px;padding:.25rem .75rem}\n"] }]
+                    }, imports: [IconComponent], template: "<div class=\"banner-wrapper\">\n  @if (showIcon()) {\n    <ui5-icon [name]=\"iconName()\" [design]=\"iconDesign()\" />\n  }\n  <div class=\"banner-content\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host:where(:not(.lxFioriReskin)){display:block;border-left:2px solid}:host:where(:not(.lxFioriReskin))[type=success]{background-color:color-mix(in srgb,#33cc58 10%,white);border-color:#33cc58}:host:where(:not(.lxFioriReskin))[type=info]{background-color:color-mix(in srgb,#2889ff 10%,white);border-color:#2889ff}:host:where(:not(.lxFioriReskin))[type=warning]{background-color:color-mix(in srgb,#ffb62a 10%,white);border-color:#ffb62a}:host:where(:not(.lxFioriReskin))[type=danger]{background-color:color-mix(in srgb,#f96464 10%,white);border-color:#f96464}:host:where(:not(.lxFioriReskin))[size=big]{margin-bottom:12px}:host:where(:not(.lxFioriReskin))[size=big] .banner-wrapper{position:relative;padding:.75rem}:host:where(:not(.lxFioriReskin))[size=big] .banner-content{padding-left:2rem}:host:where(:not(.lxFioriReskin))[size=big] ui5-icon{position:absolute;top:.875rem;left:.75rem}:host:where(:not(.lxFioriReskin))[size=small]{margin-bottom:6px}:host:where(:not(.lxFioriReskin))[size=small] .banner-wrapper{padding:.5rem}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content h4{margin-top:0;color:inherit}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content .alert-link{font-weight:700}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content>p,:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content>ul{margin-bottom:0}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content p+p{margin-bottom:5px}:host:where(:not(.lxFioriReskin)) ::ng-deep .banner-content p:last-child{margin-bottom:0}:host(.lxFioriReskin){display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor);border-radius:var(--sapPopover_BorderCornerRadius);border:1px solid;padding:.4375rem 1rem}:host(.lxFioriReskin)[type=success]{background-color:var(--sapSuccessBackground);border-color:var(--sapMessage_SuccessBorderColor)}:host(.lxFioriReskin)[type=info]{background-color:var(--sapInformationBackground);border-color:var(--sapMessage_InformationBorderColor)}:host(.lxFioriReskin)[type=warning]{background-color:var(--sapWarningBackground);border-color:var(--sapMessage_WarningBorderColor)}:host(.lxFioriReskin)[type=danger]{background-color:var(--sapErrorBackground);border-color:var(--sapMessage_ErrorBorderColor)}:host(.lxFioriReskin) .banner-wrapper{display:flex;align-items:flex-start;gap:.5rem}:host(.lxFioriReskin) ui5-icon{flex-shrink:0}:host(.lxFioriReskin) .banner-content{flex:1;line-height:1.2}:host(.lxFioriReskin)[size=big]{margin-bottom:12px}:host(.lxFioriReskin)[size=small]{margin-bottom:6px;padding:.25rem .75rem}:host(.lxFioriReskin) ::ng-deep .banner-content h4{margin-top:0;color:inherit}:host(.lxFioriReskin) ::ng-deep .banner-content .alert-link{font-weight:700}:host(.lxFioriReskin) ::ng-deep .banner-content>p,:host(.lxFioriReskin) ::ng-deep .banner-content>ul{margin-bottom:0}:host(.lxFioriReskin) ::ng-deep .banner-content p+p{margin-bottom:5px}:host(.lxFioriReskin) ::ng-deep .banner-content p:last-child{margin-bottom:0}\n"] }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 
 /**