@leanix/components 0.4.678 → 0.4.680

package/fesm2022/leanix-components.mjs

@@ -496,11 +496,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  */
 class TinySpinnerComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TinySpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TinySpinnerComponent, isStandalone: true, selector: "lx-tiny-spinner", ngImport: i0, template: "<i class=\"far fa-spinner fa-spin fa-fw\"></i>\n", styles: [".fa-spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}.fa-spinner:before{content:\"\\f110\"}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: TinySpinnerComponent, isStandalone: true, selector: "lx-tiny-spinner", ngImport: i0, template: "<i class=\"far fa-spinner fa-spin fa-fw\"></i>\n", styles: ["@keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}.spin{animation:spin 2s infinite linear}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}.fa-spinner:before{content:\"\\f110\"}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TinySpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lx-tiny-spinner', template: "<i class=\"far fa-spinner fa-spin fa-fw\"></i>\n", styles: [".fa-spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}.fa-spinner:before{content:\"\\f110\"}\n"] }]
+            args: [{ selector: 'lx-tiny-spinner', template: "<i class=\"far fa-spinner fa-spin fa-fw\"></i>\n", styles: ["@keyframes subtleScaleUpKeyFrames{0%{transform:scale(.95);opacity:0}}.spin{animation:spin 2s infinite linear}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}.fa-spinner:before{content:\"\\f110\"}\n"] }]
         }] });
 
 /**
@@ -1109,6 +1109,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * - `fullSpaceFixed`: Sets position to fixed with full height and width => fills window
  *   (or ancestor with new rendering context, created, for example, with `transform: translate(0, 0)`
  * - `fadeBackground`: Sets background to 60% transparent white. TODO: Always use for fullSpace* classes and remove.
+ *
+ * @deprecated Use the `ui5-busy-indicator` component instead.
  */
 class SpinnerComponent {
     constructor() {
@@ -11561,9 +11563,10 @@ function formatInterpolatedInputProperty(propertyName, value) {
     let interpolatedValue = undefined;
     switch (typeof value) {
         case 'string':
-            interpolatedValue = `'${value.replace("'", "\\'")}'`;
+            interpolatedValue = `${value.replace("'", "\\'")}`;
             break;
         case 'object':
+            propertyName = `[${propertyName}]`;
             interpolatedValue = safeStringify(value)
                 .replace(/'/g, '\u2019')
                 .replace(/\\"/g, '\u201D')
@@ -11577,13 +11580,16 @@ function formatInterpolatedInputProperty(propertyName, value) {
         case 'bigint':
         case 'number':
         case 'boolean':
+        case 'function':
+            propertyName = `[${propertyName}]`;
+            interpolatedValue = value;
+            break;
         case 'symbol':
         case 'undefined':
-        case 'function':
         default:
             interpolatedValue = value;
     }
-    return interpolatedValue != null ? `[${propertyName}]="${interpolatedValue}"` : '';
+    return interpolatedValue != null ? `${propertyName}="${interpolatedValue}"` : '';
 }
 
 /**