@leanix/components 0.4.943 → 0.4.944

package/fesm2022/leanix-components.mjs

@@ -15,7 +15,7 @@ import { skipWhile, map, switchMap, startWith, pairwise, filter, take, debounceT
 import * as i1$8 from '@angular/router';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 import { CdkStepper, CdkStepperModule } from '@angular/cdk/stepper';
-import { registerIcon } from '@ui5/webcomponents-base/dist/asset-registries/Icons.js';
+import { unsafeRegisterIcon } from '@ui5/webcomponents-base/dist/asset-registries/Icons.js';
 import Color from 'color';
 import { isValid, format, formatDistance, startOfDay } from 'date-fns';
 import DOMPurify from 'dompurify';
@@ -1187,44 +1187,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }], propDecorators: { isSortable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSortable", required: false }] }], sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }, { type: i0.Output, args: ["sortChange"] }] } });
 
-registerIcon('sort', {
-    pathData: '',
+const SORT_UP_PATH = 'M8.00278 2C8.19778 2 8.37778 2.09 8.49028 2.2475L10.8903 5.5475C11.0253 5.7275 11.0403 5.975 10.9428 6.17C10.8378 6.3725 10.6353 6.5 10.4103 6.5L5.61028 6.5C5.38528 6.5 5.17528 6.3725 5.07778 6.17C4.97278 5.9675 4.99528 5.7275 5.13028 5.5475L7.53028 2.2475C7.64278 2.09 7.82278 2 8.01778 2H8.00278Z';
+const SORT_DOWN_PATH = 'M8.00278 14.455C7.80778 14.455 7.62778 14.365 7.51528 14.2075L5.11528 10.9075C4.98028 10.7275 4.96528 10.48 5.06278 10.285C5.16778 10.0825 5.37028 9.95496 5.59528 9.95496H10.3953C10.6203 9.95496 10.8303 10.0825 10.9278 10.285C11.0328 10.4875 11.0103 10.7275 10.8753 10.9075L8.47528 14.2075C8.36278 14.365 8.18278 14.455 7.98778 14.455H8.00278Z';
+const INACTIVE = '#99A5BB';
+const ACTIVE = '#2A303D';
+unsafeRegisterIcon('sort', {
     ltr: false,
     collection: 'lx-th-icons',
     packageName: '@leanix/components',
     viewBox: '0 0 16 16',
-    customTemplate: () => ({
-        strings: [
-            '<path d="M8.00278 2C8.19778 2 8.37778 2.09 8.49028 2.2475L10.8903 5.5475C11.0253 5.7275 11.0403 5.975 10.9428 6.17C10.8378 6.3725 10.6353 6.5 10.4103 6.5L5.61028 6.5C5.38528 6.5 5.17528 6.3725 5.07778 6.17C4.97278 5.9675 4.99528 5.7275 5.13028 5.5475L7.53028 2.2475C7.64278 2.09 7.82278 2 8.01778 2H8.00278Z" fill="#99A5BB"/>',
-            '<path d="M8.00278 14.455C7.80778 14.455 7.62778 14.365 7.51528 14.2075L5.11528 10.9075C4.98028 10.7275 4.96528 10.48 5.06278 10.285C5.16778 10.0825 5.37028 9.95496 5.59528 9.95496H10.3953C10.6203 9.95496 10.8303 10.0825 10.9278 10.285C11.0328 10.4875 11.0103 10.7275 10.8753 10.9075L8.47528 14.2075C8.36278 14.365 8.18278 14.455 7.98778 14.455H8.00278Z" fill="#99A5BB"/>'
-        ]
-    })
+    customTemplateAsString: `<path d="${SORT_UP_PATH}" fill="${INACTIVE}"/><path d="${SORT_DOWN_PATH}" fill="${INACTIVE}"/>`
 });
-registerIcon('sort-desc', {
-    pathData: '',
+unsafeRegisterIcon('sort-desc', {
     ltr: false,
     collection: 'lx-th-icons',
     packageName: '@leanix/components',
     viewBox: '0 0 16 16',
-    customTemplate: () => ({
-        strings: [
-            '<path d="M8.00278 2C8.19778 2 8.37778 2.09 8.49028 2.2475L10.8903 5.5475C11.0253 5.7275 11.0403 5.975 10.9428 6.17C10.8378 6.3725 10.6353 6.5 10.4103 6.5L5.61028 6.5C5.38528 6.5 5.17528 6.3725 5.07778 6.17C4.97278 5.9675 4.99528 5.7275 5.13028 5.5475L7.53028 2.2475C7.64278 2.09 7.82278 2 8.01778 2H8.00278Z" fill="#99A5BB"/>',
-            '<path d="M8.00278 14.455C7.80778 14.455 7.62778 14.365 7.51528 14.2075L5.11528 10.9075C4.98028 10.7275 4.96528 10.48 5.06278 10.285C5.16778 10.0825 5.37028 9.95496 5.59528 9.95496H10.3953C10.6203 9.95496 10.8303 10.0825 10.9278 10.285C11.0328 10.4875 11.0103 10.7275 10.8753 10.9075L8.47528 14.2075C8.36278 14.365 8.18278 14.455 7.98778 14.455H8.00278Z" fill="#2A303D"/>'
-        ]
-    })
+    customTemplateAsString: `<path d="${SORT_UP_PATH}" fill="${INACTIVE}"/><path d="${SORT_DOWN_PATH}" fill="${ACTIVE}"/>`
 });
-registerIcon('sort-asc', {
-    pathData: '',
+unsafeRegisterIcon('sort-asc', {
     ltr: false,
     collection: 'lx-th-icons',
     packageName: '@leanix/components',
     viewBox: '0 0 16 16',
-    customTemplate: () => ({
-        strings: [
-            '<path d="M8.00278 2C8.19778 2 8.37778 2.09 8.49028 2.2475L10.8903 5.5475C11.0253 5.7275 11.0403 5.975 10.9428 6.17C10.8378 6.3725 10.6353 6.5 10.4103 6.5L5.61028 6.5C5.38528 6.5 5.17528 6.3725 5.07778 6.17C4.97278 5.9675 4.99528 5.7275 5.13028 5.5475L7.53028 2.2475C7.64278 2.09 7.82278 2 8.01778 2H8.00278Z" fill="#2A303D"/>',
-            '<path d="M8.00278 14.455C7.80778 14.455 7.62778 14.365 7.51528 14.2075L5.11528 10.9075C4.98028 10.7275 4.96528 10.48 5.06278 10.285C5.16778 10.0825 5.37028 9.95496 5.59528 9.95496H10.3953C10.6203 9.95496 10.8303 10.0825 10.9278 10.285C11.0328 10.4875 11.0103 10.7275 10.8753 10.9075L8.47528 14.2075C8.36278 14.365 8.18278 14.455 7.98778 14.455H8.00278Z" fill="#99A5BB"/>'
-        ]
-    })
+    customTemplateAsString: `<path d="${SORT_UP_PATH}" fill="${ACTIVE}"/><path d="${SORT_DOWN_PATH}" fill="${INACTIVE}"/>`
 });
 /**
  * The `lx-th` can be used in combination with `lx-table` to implement sortable `<table>` elements.