@koobiq/components 17.1.0 → 17.3.0

package/core/styles/typography/_typography.scss

@@ -2,6 +2,8 @@
 
 @use 'typography-utils' as *;
 
+@use '../common/tokens' as *;
+
 @function kbq-typography-config($tokens) {
     $font-family: map.get($tokens, font-family-base);
     $typography: map.get(map.get($tokens, koobiq), typography);
@@ -147,275 +149,275 @@
     );
 }
 
-@mixin kbq-base-typography($config) {
+@mixin kbq-base-typography() {
     //legacy will be deleted
     .kbq-display-1 {
-        @include kbq-typography-level-to-styles($config, display-1);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-1);
     }
 
     .kbq-display-2 {
-        @include kbq-typography-level-to-styles($config, display-2);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-2);
     }
 
     .kbq-display-3 {
-        @include kbq-typography-level-to-styles($config, display-3);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-3);
     }
 
     .kbq-display-1-strong {
-        @include kbq-typography-level-to-styles($config, display-1-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-1-strong);
     }
 
     .kbq-display-2-strong {
-        @include kbq-typography-level-to-styles($config, display-2-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-2-strong);
     }
 
     .kbq-display-3-strong {
-        @include kbq-typography-level-to-styles($config, display-3-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-3-strong);
     }
 
     .kbq-headline {
-        @include kbq-typography-level-to-styles($config, headline);
+        @include kbq-typography-level-to-styles_css-variables(typography, headline);
     }
 
     .kbq-subheading {
-        @include kbq-typography-level-to-styles($config, subheading);
+        @include kbq-typography-level-to-styles_css-variables(typography, subheading);
     }
 
     .kbq-title {
-        @include kbq-typography-level-to-styles($config, title);
+        @include kbq-typography-level-to-styles_css-variables(typography, title);
     }
 
     .kbq-body {
-        @include kbq-typography-level-to-styles($config, body);
+        @include kbq-typography-level-to-styles_css-variables(typography, body);
     }
 
     .kbq-body_tabular {
-        @include kbq-typography-level-to-styles($config, body-tabular);
+        @include kbq-typography-level-to-styles_css-variables(typography, body-tabular);
     }
 
     .kbq-body_strong {
-        @include kbq-typography-level-to-styles($config, body-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, body-strong);
     }
 
     .kbq-body_caps {
-        @include kbq-typography-level-to-styles($config, body-caps);
+        @include kbq-typography-level-to-styles_css-variables(typography, body-caps);
     }
 
     .kbq-body_mono {
-        @include kbq-typography-level-to-styles($config, body-mono);
+        @include kbq-typography-level-to-styles_css-variables(typography, body-mono);
     }
 
     .kbq-body_mono_strong {
-        @include kbq-typography-level-to-styles($config, body-mono-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, body-mono-strong);
     }
 
     .kbq-caption {
-        @include kbq-typography-level-to-styles($config, caption);
+        @include kbq-typography-level-to-styles_css-variables(typography, caption);
     }
 
     .kbq-caption_tabular {
-        @include kbq-typography-level-to-styles($config, caption-tabular);
+        @include kbq-typography-level-to-styles_css-variables(typography, caption-tabular);
     }
 
     .kbq-caption_strong {
-        @include kbq-typography-level-to-styles($config, caption-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, caption-strong);
     }
 
     .kbq-caption_caps {
-        @include kbq-typography-level-to-styles($config, caption-caps);
+        @include kbq-typography-level-to-styles_css-variables(typography, caption-caps);
     }
 
     .kbq-caption_mono {
-        @include kbq-typography-level-to-styles($config, caption-mono);
+        @include kbq-typography-level-to-styles_css-variables(typography, caption-mono);
     }
 
     .kbq-caption_mono_strong {
-        @include kbq-typography-level-to-styles($config, caption-mono-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, caption-mono-strong);
     }
 
     //.kbq-small-text {
-    //    @include kbq-typography-level-to-styles($config, small-text);
+    //    @include kbq-typography-level-to-styles_css-variables(typography,config, small-text);
     //}
 
     .kbq-extra-small-text {
-        @include kbq-typography-level-to-styles($config, extra-small-text);
+        @include kbq-typography-level-to-styles_css-variables(typography, extra-small-text);
     }
 
     .kbq-extra-small-text-strong {
-        @include kbq-typography-level-to-styles($config, extra-small-text-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, extra-small-text-strong);
     }
 
     // new
     .kbq-display-big {
-        @include kbq-typography-level-to-styles($config, display-big);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-big);
     }
 
     .kbq-display-big-strong {
-        @include kbq-typography-level-to-styles($config, display-big-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-big-strong);
     }
 
     .kbq-display-normal {
-        @include kbq-typography-level-to-styles($config, display-normal);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-normal);
     }
 
     .kbq-display-normal-strong {
-        @include kbq-typography-level-to-styles($config, display-normal-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-normal-strong);
     }
 
     .kbq-display-compact {
-        @include kbq-typography-level-to-styles($config, display-compact);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-compact);
     }
 
     .kbq-display-compact-strong {
-        @include kbq-typography-level-to-styles($config, display-compact-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, display-compact-strong);
     }
 
     .kbq-text-big {
-        @include kbq-typography-level-to-styles($config, text-big);
+        @include kbq-typography-level-to-styles_css-variables(typography, text-big);
     }
 
     .kbq-text-big-strong {
-        @include kbq-typography-level-to-styles($config, text-big-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, text-big-strong);
     }
 
     .kbq-text-normal {
-        @include kbq-typography-level-to-styles($config, text-normal);
+        @include kbq-typography-level-to-styles_css-variables(typography, text-normal);
     }
 
     .kbq-text-normal-strong {
-        @include kbq-typography-level-to-styles($config, text-normal-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, text-normal-strong);
     }
 
     .kbq-text-compact {
-        @include kbq-typography-level-to-styles($config, text-compact);
+        @include kbq-typography-level-to-styles_css-variables(typography, text-compact);
     }
 
     .kbq-text-compact-strong {
-        @include kbq-typography-level-to-styles($config, text-compact-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, text-compact-strong);
     }
 
     .kbq-caps-big {
-        @include kbq-typography-level-to-styles($config, caps-big);
+        @include kbq-typography-level-to-styles_css-variables(typography, caps-big);
     }
 
     .kbq-caps-big-strong {
-        @include kbq-typography-level-to-styles($config, caps-big-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, caps-big-strong);
     }
 
     .kbq-caps-normal {
-        @include kbq-typography-level-to-styles($config, caps-normal);
+        @include kbq-typography-level-to-styles_css-variables(typography, caps-normal);
     }
 
     .kbq-caps-normal-strong {
-        @include kbq-typography-level-to-styles($config, caps-normal-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, caps-normal-strong);
     }
 
     .kbq-caps-compact {
-        @include kbq-typography-level-to-styles($config, caps-compact);
+        @include kbq-typography-level-to-styles_css-variables(typography, caps-compact);
     }
 
     .kbq-caps-compact-strong {
-        @include kbq-typography-level-to-styles($config, caps-compact-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, caps-compact-strong);
     }
 
     .kbq-mono-big {
-        @include kbq-typography-level-to-styles($config, mono-big);
+        @include kbq-typography-level-to-styles_css-variables(typography, mono-big);
     }
 
     .kbq-mono-big-strong {
-        @include kbq-typography-level-to-styles($config, mono-big-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, mono-big-strong);
     }
 
     .kbq-mono-normal {
-        @include kbq-typography-level-to-styles($config, mono-normal);
+        @include kbq-typography-level-to-styles_css-variables(typography, mono-normal);
     }
 
     .kbq-mono-normal-strong {
-        @include kbq-typography-level-to-styles($config, mono-normal-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, mono-normal-strong);
     }
 
     .kbq-mono-compact {
-        @include kbq-typography-level-to-styles($config, mono-compact);
+        @include kbq-typography-level-to-styles_css-variables(typography, mono-compact);
     }
 
     .kbq-mono-compact-strong {
-        @include kbq-typography-level-to-styles($config, mono-compact-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, mono-compact-strong);
     }
 
     .kbq-tabular-big {
-        @include kbq-typography-level-to-styles($config, tabular-big);
+        @include kbq-typography-level-to-styles_css-variables(typography, tabular-big);
     }
 
     .kbq-tabular-big-strong {
-        @include kbq-typography-level-to-styles($config, tabular-big-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, tabular-big-strong);
     }
 
     .kbq-tabular-normal {
-        @include kbq-typography-level-to-styles($config, tabular-normal);
+        @include kbq-typography-level-to-styles_css-variables(typography, tabular-normal);
     }
 
     .kbq-tabular-normal-strong {
-        @include kbq-typography-level-to-styles($config, tabular-normal-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, tabular-normal-strong);
     }
 
     .kbq-tabular-compact {
-        @include kbq-typography-level-to-styles($config, tabular-compact);
+        @include kbq-typography-level-to-styles_css-variables(typography, tabular-compact);
     }
 
     .kbq-tabular-compact-strong {
-        @include kbq-typography-level-to-styles($config, tabular-compact-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, tabular-compact-strong);
     }
 
     .kbq-italic-big {
-        @include kbq-typography-level-to-styles($config, italic-big);
+        @include kbq-typography-level-to-styles_css-variables(typography, italic-big);
     }
 
     .kbq-italic-big-strong {
-        @include kbq-typography-level-to-styles($config, italic-big-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, italic-big-strong);
     }
 
     .kbq-italic-normal {
-        @include kbq-typography-level-to-styles($config, italic-normal);
+        @include kbq-typography-level-to-styles_css-variables(typography, italic-normal);
     }
 
     .kbq-italic-normal-strong {
-        @include kbq-typography-level-to-styles($config, italic-normal-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, italic-normal-strong);
     }
 
     .kbq-italic-compact {
-        @include kbq-typography-level-to-styles($config, italic-compact);
+        @include kbq-typography-level-to-styles_css-variables(typography, italic-compact);
     }
 
     .kbq-italic-compact-strong {
-        @include kbq-typography-level-to-styles($config, italic-compact-strong);
+        @include kbq-typography-level-to-styles_css-variables(typography, italic-compact-strong);
     }
 }
 
-@mixin kbq-markdown-base-typography($config) {
+@mixin kbq-markdown-base-typography() {
     // h1, h2, h3, h4, h5, h6
     @for $i from 1 through 6 {
         .md-h#{$i} {
-            @include kbq-typography-level-to-styles($config, md-h#{$i});
+            @include kbq-typography-level-to-styles_css-variables(typography, md-h#{$i});
         }
     }
 
     .md-body {
-        @include kbq-typography-level-to-styles($config, md-body);
+        @include kbq-typography-level-to-styles_css-variables(typography, md-body);
     }
 
     .md-body-mono {
-        @include kbq-typography-level-to-styles($config, md-body-mono);
+        @include kbq-typography-level-to-styles_css-variables(typography, md-body-mono);
     }
 
     .md-caption {
-        @include kbq-typography-level-to-styles($config, md-caption);
+        @include kbq-typography-level-to-styles_css-variables(typography, md-caption);
     }
 
     .md-table-cell {
-        @include kbq-typography-level-to-styles($config, md-table-cell);
+        @include kbq-typography-level-to-styles_css-variables(typography, md-table-cell);
     }
 
     .md-table-header {
-        @include kbq-typography-level-to-styles($config, md-table-header);
+        @include kbq-typography-level-to-styles_css-variables(typography, md-table-header);
     }
 }

package/datepicker/_datepicker-theme.scss

@@ -10,7 +10,7 @@
 
     .kbq-datepicker__content {
         background: kbq-css-variable(datepicker-container-background, map.get($datepicker, container, background));
-        box-shadow: kbq-css-variable(datepicker-container-bo-shadow, map.get($datepicker, container, box-shadow));
+        box-shadow: kbq-css-variable(datepicker-container-box-shadow, map.get($datepicker, container, box-shadow));
     }
 
     .kbq-calendar__table-header {
@@ -23,43 +23,46 @@
 
     .kbq-calendar__body-cell-content {
         background: kbq-css-variable(
-            datepicker-cell-default-background,
+            datepicker-grid-cell-default-background,
             map.get($datepicker, cell, default, background)
         );
-        color: kbq-css-variable(datepicker-cell-default-text, map.get($datepicker, cell, default, text));
+        color: kbq-css-variable(datepicker-grid-cell-default-text, map.get($datepicker, cell, default, text));
 
         &.kbq-calendar__body-today {
             background: kbq-css-variable(
-                datepicker-cell-today-background,
+                datepicker-grid-cell-today-background,
                 map.get($datepicker, cell, today, background)
             );
-            color: kbq-css-variable(datepicker-cell-today-text, map.get($datepicker, cell, today, text));
+            color: kbq-css-variable(datepicker-grid-cell-today-text, map.get($datepicker, cell, today, text));
         }
 
         &:hover:not(.kbq-disabled) {
             background: kbq-css-variable(
-                datepicker-cell-hover-background,
+                datepicker-grid-cell-states-hover-background,
                 map.get($datepicker, cell, hover, background)
             );
         }
 
         &:active:not(.kbq-disabled) {
             background: kbq-css-variable(
-                datepicker-cell-active-background,
+                datepicker-grid-cell-states-active-background,
                 map.get($datepicker, cell, active, background)
             );
         }
 
         &.kbq-selected:not(.kbq-disabled) {
             background: kbq-css-variable(
-                datepicker-cell-selected-background,
+                datepicker-grid-cell-states-selected-background,
                 map.get($datepicker, cell, selected, background)
             );
-            color: kbq-css-variable(datepicker-cell-selected-text, map.get($datepicker, cell, selected, text));
+            color: kbq-css-variable(
+                datepicker-grid-cell-states-selected-text,
+                map.get($datepicker, cell, selected, text)
+            );
 
             &:hover {
                 background: kbq-css-variable(
-                    datepicker-cell-selected-hover-background,
+                    datepicker-grid-cell-states-selected-hover-background,
                     map.get($datepicker, cell, selected-hover, background)
                 );
             }
@@ -68,7 +71,7 @@
         &.kbq-disabled {
             color: kbq-css-variable(states-foreground-disabled, map.get($theme, states, foreground, disabled));
             background: kbq-css-variable(
-                datepicker-cell-disabled-background,
+                datepicker-grid-cell-states-disabled-background,
                 map.get($datepicker, cell, disabled, background)
             );
         }

package/datepicker/datepicker-content.scss

@@ -7,9 +7,14 @@
 $tokens: meta.module-variables(tokens) !default;
 
 $kbq-datepicker-non-touch-calendar-cell-size: 40px;
-
-$kbq-datepicker-non-touch-calendar-width: $kbq-datepicker-non-touch-calendar-cell-size * 7 +
-    map.get($tokens, datepicker-size-grid-padding-horizontal) * 2;
+$kbq-datepicker-size-grid-padding-horizontal: kbq-css-variable(
+    datepicker-size-grid-padding-horizontal,
+    map.get($tokens, datepicker-size-grid-padding-horizontal)
+);
+
+$kbq-datepicker-non-touch-calendar-width: calc(
+    $kbq-datepicker-non-touch-calendar-cell-size * 7 + $kbq-datepicker-size-grid-padding-horizontal * 2
+);
 // Based on the natural height of the calendar in a month with 6 rows of dates
 // (largest the calendar will get).
 $kbq-datepicker-non-touch-calendar-height: 270px;

package/datepicker/datepicker-toggle.scss

@@ -11,6 +11,7 @@ $tokens: meta.module-variables(tokens) !default;
 }
 
 .kbq-datepicker-toggle__button.kbq-button-icon {
+    // FIXME: no such tokens in design-tokens, component needs to be reviewed
     width: kbq-css-variable(datepicker-toggle-size-width);
     height: kbq-css-variable(datepicker-toggle-size-height);
     margin-left: 2px;

package/dl/_dl-theme.scss

@@ -8,11 +8,11 @@
     $dl: map.get(map.get($theme, components), dl);
 
     .kbq-dt {
-        color: kbq-css-variable(dl-dt, map.get($dl, dt));
+        color: kbq-css-variable(description-list-term-color, map.get($dl, dt));
     }
 
     .kbq-dd {
-        color: kbq-css-variable(dl-dd, map.get($dl, dd));
+        color: kbq-css-variable(description-list-description-color, map.get($dl, dd));
     }
 }
 

package/dropdown/_dropdown-theme.scss

@@ -9,10 +9,10 @@
     $state: map.get($component, $style-name);
 
     background: kbq-css-variable(list-#{$style-name}-container-background, map.get($state, container-background));
-    color: kbq-css-variable(list-#{$style-name}-text, map.get($state, text));
+    color: kbq-css-variable(list-#{$style-name}-text-color, map.get($state, text));
 
     .kbq-dropdown-item__caption {
-        color: kbq-css-variable(list-#{$style-name}-caption, map.get($state, caption));
+        color: kbq-css-variable(list-#{$style-name}-caption-color, map.get($state, caption));
     }
 }
 
@@ -20,8 +20,8 @@
     $dropdown: map.get(map.get($theme, components), dropdown);
 
     .kbq-dropdown__panel {
-        box-shadow: kbq-css-variable(dropdown-box-shadow, map.get($dropdown, box-shadow));
-        background: kbq-css-variable(dropdown-background, map.get($dropdown, background));
+        box-shadow: kbq-css-variable(dropdown-container-box-shadow, map.get($dropdown, box-shadow));
+        background: kbq-css-variable(dropdown-container-background, map.get($dropdown, background));
     }
 
     .kbq-dropdown-item {

package/empty-state/_empty-state-theme.scss

@@ -19,11 +19,11 @@
 
     .kbq-empty-state_error-color {
         .kbq-empty-state-title {
-            color: kbq-css-variable(empty-state-title, map.get($theme, foreground, error));
+            color: kbq-css-variable(foreground-error, map.get($theme, foreground, error));
         }
 
         .kbq-empty-state-text {
-            color: kbq-css-variable(empty-state-title, map.get($theme, foreground, error));
+            color: kbq-css-variable(foreground-error, map.get($theme, foreground, error));
         }
     }
 }

package/esm2022/code-block/actionbar.component.mjs

@@ -30,7 +30,7 @@ export class KbqActionBarComponent {
         });
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqActionBarComponent, selector: "kbq-actionbar-block", inputs: { config: "config", codeFiles: "codeFiles", selectedTabIndex: "selectedTabIndex", multiLine: "multiLine", softWrap: "softWrap", canLoad: "canLoad" }, outputs: { toggleSoftWrap: "toggleSoftWrap", downloadCode: "downloadCode", copyCode: "copyCode", openExternalSystem: "openExternalSystem" }, host: { classAttribute: "kbq-code-block-actionbar" }, viewQueries: [{ propertyName: "copyTooltip", first: true, predicate: ["copyTooltip"], descendants: true }], ngImport: i0, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<div class=\"kbq-actionbar-block__button-stack layout-row\">\n    <button\n        *ngIf=\"multiLine\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n        (click)=\"toggleSoftWrap.emit()\"\n    >\n        <i\n            *ngIf=\"!softWrap\"\n            kbq-icon=\"mc-word-wrap_16\"\n        ></i>\n        <i\n            *ngIf=\"softWrap\"\n            kbq-icon=\"mc-word-wrap-slash_16\"\n        ></i>\n    </button>\n\n    <button\n        *ngIf=\"canLoad\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"config.downloadTooltip\"\n        (click)=\"downloadCode.emit()\"\n    >\n        <i kbq-icon=\"mc-download_16\"></i>\n    </button>\n\n    <button\n        #copyTooltip=\"kbqTooltip\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"copyTooltipText\"\n        (click)=\"onCopy()\"\n    >\n        <i kbq-icon=\"mc-copy-o_16\"></i>\n    </button>\n\n    <button\n        *ngIf=\"codeFiles[selectedTabIndex].link\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"config.openExternalSystemTooltip\"\n        (click)=\"openExternalSystem.emit()\"\n    >\n        <i kbq-icon=\"mc-external-link_16\"></i>\n    </button>\n</div>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:-48px;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 32px)}.kbq-code-block-actionbar.kbq-actionbar-block_floating{top:0;margin:unset;background:transparent!important}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-code-block__fade-gradient{display:block;align-self:stretch}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{padding:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i3.KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqVisible", "kbqPlacement", "kbqPlacementPriority", "kbqTooltip", "kbqTooltipDisabled", "kbqEnterDelay", "kbqLeaveDelay", "kbqTrigger", "kbqTooltipClass", "kbqTooltipColor"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqActionBarComponent, selector: "kbq-actionbar-block", inputs: { config: "config", codeFiles: "codeFiles", selectedTabIndex: "selectedTabIndex", multiLine: "multiLine", softWrap: "softWrap", canLoad: "canLoad" }, outputs: { toggleSoftWrap: "toggleSoftWrap", downloadCode: "downloadCode", copyCode: "copyCode", openExternalSystem: "openExternalSystem" }, host: { classAttribute: "kbq-code-block-actionbar" }, viewQueries: [{ propertyName: "copyTooltip", first: true, predicate: ["copyTooltip"], descendants: true }], ngImport: i0, template: "<div class=\"kbq-code-block__fade-gradient\"></div>\n\n<div class=\"kbq-actionbar-block__button-stack layout-row\">\n    <button\n        *ngIf=\"multiLine\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"softWrap ? config.softWrapOffTooltip : config.softWrapOnTooltip\"\n        (click)=\"toggleSoftWrap.emit()\"\n    >\n        <i\n            *ngIf=\"!softWrap\"\n            kbq-icon=\"mc-word-wrap_16\"\n        ></i>\n        <i\n            *ngIf=\"softWrap\"\n            kbq-icon=\"mc-word-wrap-slash_16\"\n        ></i>\n    </button>\n\n    <button\n        *ngIf=\"canLoad\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"config.downloadTooltip\"\n        (click)=\"downloadCode.emit()\"\n    >\n        <i kbq-icon=\"mc-download_16\"></i>\n    </button>\n\n    <button\n        #copyTooltip=\"kbqTooltip\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"copyTooltipText\"\n        (click)=\"onCopy()\"\n    >\n        <i kbq-icon=\"mc-copy-o_16\"></i>\n    </button>\n\n    <button\n        *ngIf=\"codeFiles[selectedTabIndex].link\"\n        kbq-button\n        [color]=\"'contrast'\"\n        [kbqStyle]=\"'transparent'\"\n        [kbqTooltip]=\"config.openExternalSystemTooltip\"\n        (click)=\"openExternalSystem.emit()\"\n    >\n        <i kbq-icon=\"mc-external-link_16\"></i>\n    </button>\n</div>\n", styles: [".kbq-code-block-actionbar{display:flex;justify-content:right;align-items:center;position:absolute;top:-48px;right:0;margin:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}.kbq-code-block-actionbar .kbq-actionbar-block__button-stack{gap:var(--kbq-code-block-size-actionbar-content-gap-horizontal, 2px)}.kbq-code-block-actionbar .kbq-code-block__fade-gradient{display:none;width:var(--kbq-code-block-size-actionbar-fade-gradient-width, 32px)}.kbq-code-block-actionbar.kbq-actionbar-block_floating{top:0;margin:unset;background:transparent!important}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-code-block__fade-gradient{display:block;align-self:stretch}.kbq-code-block-actionbar.kbq-actionbar-block_floating .kbq-actionbar-block__button-stack{padding:var(--kbq-code-block-size-actionbar-padding-vertical, 8px) var(--kbq-code-block-size-actionbar-padding-horizontal, 12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i2.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "directive", type: i3.KbqTooltipTrigger, selector: "[kbqTooltip]", inputs: ["kbqVisible", "kbqPlacement", "kbqPlacementPriority", "kbqTooltip", "kbqTooltipDisabled", "kbqEnterDelay", "kbqLeaveDelay", "kbqTrigger", "kbqTooltipClass", "kbqTooltipContext", "kbqTooltipColor", "kbqTooltipArrow", "kbqTooltipOffset"], outputs: ["kbqPlacementChange", "kbqVisibleChange"], exportAs: ["kbqTooltip"] }, { kind: "component", type: i4.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqActionBarComponent, decorators: [{
             type: Component,

package/esm2022/core/common-behaviors/common-module.mjs

@@ -36,7 +36,7 @@ export class KbqCommonModule {
     }
     // Whether the code is running in tests.
     isTestEnv() {
-        return this._window && (this._window['__karma__'] || this._window['jasmine']);
+        return this._window && this._window['__jest__'];
     }
     checkDoctypeIsDefined() {
         if (this._document && !this._document.doctype) {
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                     type: Inject,
                     args: [KBQ_SANITY_CHECKS]
                 }] }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLW1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29yZS9jb21tb24tYmVoYXZpb3JzL2NvbW1vbi1tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUV0RixnRkFBZ0Y7QUFDaEYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxjQUFjLENBQVUsbUJBQW1CLEVBQUU7SUFDOUUsVUFBVSxFQUFFLE1BQU07SUFDbEIsT0FBTyxFQUFFLHFCQUFxQjtDQUNqQyxDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUscUJBQXFCO0lBQ2pDLE9BQU8sSUFBSSxDQUFDO0FBQ2hCLENBQUM7QUFFRDs7Ozs7R0FLRztBQUtILE1BQU0sT0FBTyxlQUFlO0lBVXhCLFlBQTJELG9CQUE2QjtRQUE3Qix5QkFBb0IsR0FBcEIsb0JBQW9CLENBQVM7UUFUeEYsNEZBQTRGO1FBQ3BGLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUVwQyw2Q0FBNkM7UUFDckMsY0FBUyxHQUFHLE9BQU8sUUFBUSxLQUFLLFFBQVEsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBRS9FLDJDQUEyQztRQUNuQyxZQUFPLEdBQUcsT0FBTyxNQUFNLEtBQUssUUFBUSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFHbkUsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQ3ZELElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQzdCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUM7UUFDcEMsQ0FBQztJQUNMLENBQUM7SUFFRCx3Q0FBd0M7SUFDaEMsZ0JBQWdCO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLG9CQUFvQixJQUFJLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3pFLENBQUM7SUFFRCx3Q0FBd0M7SUFDaEMsU0FBUztRQUNiLE9BQU8sSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQ2xGLENBQUM7SUFFTyxxQkFBcUI7UUFDekIsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM1QyxPQUFPLENBQUMsSUFBSSxDQUNSLDJEQUEyRDtnQkFDdkQsbURBQW1ELENBQzFELENBQUM7UUFDTixDQUFDO0lBQ0wsQ0FBQztJQUVPLG1CQUFtQjtRQUN2QixJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksT0FBTyxnQkFBZ0IsS0FBSyxVQUFVLEVBQUUsQ0FBQztZQUMzRCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUV4RCxXQUFXLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1lBQ3JELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUU3QyxNQUFNLGFBQWEsR0FBRyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUVwRCx5RkFBeUY7WUFDekYsOEZBQThGO1lBQzlGLDJEQUEyRDtZQUMzRCxJQUFJLGFBQWEsSUFBSSxhQUFhLENBQUMsT0FBTyxLQUFLLE1BQU0sRUFBRSxDQUFDO2dCQUNwRCxPQUFPLENBQUMsSUFBSSxDQUNSLGdEQUFnRDtvQkFDNUMsMkRBQTJEO29CQUMzRCxrQ0FBa0MsQ0FDekMsQ0FBQztZQUNOLENBQUM7WUFFRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDakQsQ0FBQztJQUNMLENBQUM7aUlBM0RRLGVBQWUsa0JBVVEsaUJBQWlCO2tJQVZ4QyxlQUFlLFlBSGQsVUFBVSxhQUNWLFVBQVU7a0lBRVgsZUFBZSxZQUhkLFVBQVUsRUFDVixVQUFVOzsyRkFFWCxlQUFlO2tCQUozQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBQztvQkFDckIsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDO2lCQUN4Qjs7MEJBV2dCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmlkaU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9iaWRpJztcbmltcG9ydCB7IEluamVjdCwgSW5qZWN0aW9uVG9rZW4sIGlzRGV2TW9kZSwgTmdNb2R1bGUsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8vIEluamVjdGlvbiB0b2tlbiB0aGF0IGNvbmZpZ3VyZXMgd2hldGhlciB0aGUga29vYmlxIHNhbml0eSBjaGVja3MgYXJlIGVuYWJsZWQuXG5leHBvcnQgY29uc3QgS0JRX1NBTklUWV9DSEVDS1MgPSBuZXcgSW5qZWN0aW9uVG9rZW48Ym9vbGVhbj4oJ2ticS1zYW5pdHktY2hlY2tzJywge1xuICAgIHByb3ZpZGVkSW46ICdyb290JyxcbiAgICBmYWN0b3J5OiBtY1Nhbml0eUNoZWNrc0ZhY3Rvcnlcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gbWNTYW5pdHlDaGVja3NGYWN0b3J5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0cnVlO1xufVxuXG4vKipcbiAqIE1vZHVsZSB0aGF0IGNhcHR1cmVzIGFueXRoaW5nIHRoYXQgc2hvdWxkIGJlIGxvYWRlZCBhbmQvb3IgcnVuIGZvciAqYWxsKiBLb29iaXFcbiAqIGNvbXBvbmVudHMuIFRoaXMgaW5jbHVkZXMgQmlkaSwgZXRjLlxuICpcbiAqIFRoaXMgbW9kdWxlIHNob3VsZCBiZSBpbXBvcnRlZCB0byBlYWNoIHRvcC1sZXZlbCBjb21wb25lbnQgbW9kdWxlIChlLmcuLCBLYnFUYWJzTW9kdWxlKS5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQmlkaU1vZHVsZV0sXG4gICAgZXhwb3J0czogW0JpZGlNb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIEticUNvbW1vbk1vZHVsZSB7XG4gICAgLy8gV2hldGhlciB3ZSd2ZSBkb25lIHRoZSBnbG9iYWwgc2FuaXR5IGNoZWNrcyAoZS5nLiBhIHRoZW1lIGlzIGxvYWRlZCwgdGhlcmUgaXMgYSBkb2N0eXBlKS5cbiAgICBwcml2YXRlIGhhc0RvbmVHbG9iYWxDaGVja3MgPSBmYWxzZTtcblxuICAgIC8vIFJlZmVyZW5jZSB0byB0aGUgZ2xvYmFsIGBkb2N1bWVudGAgb2JqZWN0LlxuICAgIHByaXZhdGUgX2RvY3VtZW50ID0gdHlwZW9mIGRvY3VtZW50ID09PSAnb2JqZWN0JyAmJiBkb2N1bWVudCA/IGRvY3VtZW50IDogbnVsbDtcblxuICAgIC8vIFJlZmVyZW5jZSB0byB0aGUgZ2xvYmFsICd3aW5kb3cnIG9iamVjdC5cbiAgICBwcml2YXRlIF93aW5kb3cgPSB0eXBlb2Ygd2luZG93ID09PSAnb2JqZWN0JyAmJiB3aW5kb3cgPyB3aW5kb3cgOiBudWxsO1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChLQlFfU0FOSVRZX0NIRUNLUykgcHJpdmF0ZSBfc2FuaXR5Q2hlY2tzRW5hYmxlZDogYm9vbGVhbikge1xuICAgICAgICBpZiAodGhpcy5hcmVDaGVja3NFbmFibGVkKCkgJiYgIXRoaXMuaGFzRG9uZUdsb2JhbENoZWNrcykge1xuICAgICAgICAgICAgdGhpcy5jaGVja0RvY3R5cGVJc0RlZmluZWQoKTtcbiAgICAgICAgICAgIHRoaXMuY2hlY2tUaGVtZUlzUHJlc2VudCgpO1xuICAgICAgICAgICAgdGhpcy5oYXNEb25lR2xvYmFsQ2hlY2tzID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIFdoZXRoZXIgYW55IHNhbml0eSBjaGVja3MgYXJlIGVuYWJsZWRcbiAgICBwcml2YXRlIGFyZUNoZWNrc0VuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zYW5pdHlDaGVja3NFbmFibGVkICYmIGlzRGV2TW9kZSgpICYmICF0aGlzLmlzVGVzdEVudigpO1xuICAgIH1cblxuICAgIC8vIFdoZXRoZXIgdGhlIGNvZGUgaXMgcnVubmluZyBpbiB0ZXN0cy5cbiAgICBwcml2YXRlIGlzVGVzdEVudigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3dpbmRvdyAmJiAodGhpcy5fd2luZG93WydfX2thcm1hX18nXSB8fCB0aGlzLl93aW5kb3dbJ2phc21pbmUnXSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGVja0RvY3R5cGVJc0RlZmluZWQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLl9kb2N1bWVudCAmJiAhdGhpcy5fZG9jdW1lbnQuZG9jdHlwZSkge1xuICAgICAgICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICAgICAgICAgICdDdXJyZW50IGRvY3VtZW50IGRvZXMgbm90IGhhdmUgYSBkb2N0eXBlLiBUaGlzIG1heSBjYXVzZSAnICtcbiAgICAgICAgICAgICAgICAgICAgJ3NvbWUga29vYmlxIGNvbXBvbmVudHMgbm90IHRvIGJlaGF2ZSBhcyBleHBlY3RlZC4nXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGVja1RoZW1lSXNQcmVzZW50KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5fZG9jdW1lbnQgJiYgdHlwZW9mIGdldENvbXB1dGVkU3R5bGUgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgICAgIGNvbnN0IHRlc3RFbGVtZW50ID0gdGhpcy5fZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG5cbiAgICAgICAgICAgIHRlc3RFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2ticS10aGVtZS1sb2FkZWQtbWFya2VyJyk7XG4gICAgICAgICAgICB0aGlzLl9kb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKHRlc3RFbGVtZW50KTtcblxuICAgICAgICAgICAgY29uc3QgY29tcHV0ZWRTdHlsZSA9IGdldENvbXB1dGVkU3R5bGUodGVzdEVsZW1lbnQpO1xuXG4gICAgICAgICAgICAvLyBJbiBzb21lIHNpdHVhdGlvbnMsIHRoZSBjb21wdXRlZCBzdHlsZSBvZiB0aGUgdGVzdCBlbGVtZW50IGNhbiBiZSBudWxsLiBGb3IgZXhhbXBsZSBpblxuICAgICAgICAgICAgLy8gRmlyZWZveCwgdGhlIGNvbXB1dGVkIHN0eWxlIGlzIG51bGwgaWYgYW4gYXBwbGljYXRpb24gaXMgcnVubmluZyBpbnNpZGUgb2YgYSBoaWRkZW4gaWZyYW1lLlxuICAgICAgICAgICAgLy8gU2VlOiBodHRwczovL2J1Z3ppbGxhLm1vemlsbGEub3JnL3Nob3dfYnVnLmNnaT9pZD01NDgzOTdcbiAgICAgICAgICAgIGlmIChjb21wdXRlZFN0eWxlICYmIGNvbXB1dGVkU3R5bGUuZGlzcGxheSAhPT0gJ25vbmUnKSB7XG4gICAgICAgICAgICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICAgICAgICAgICAgICAnQ291bGQgbm90IGZpbmQga29vYmlxIGNvcmUgdGhlbWUuIE1vc3Qga29vYmlxICcgK1xuICAgICAgICAgICAgICAgICAgICAgICAgJ2NvbXBvbmVudHMgbWF5IG5vdCB3b3JrIGFzIGV4cGVjdGVkLiBGb3IgbW9yZSBpbmZvIHJlZmVyICcgK1xuICAgICAgICAgICAgICAgICAgICAgICAgJ3RvIHRoZSB0aGVtaW5nIGd1aWRlOiBsaW5rIHRoZXJlJ1xuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHRoaXMuX2RvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQodGVzdEVsZW1lbnQpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLW1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29yZS9jb21tb24tYmVoYXZpb3JzL2NvbW1vbi1tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUV0RixnRkFBZ0Y7QUFDaEYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxjQUFjLENBQVUsbUJBQW1CLEVBQUU7SUFDOUUsVUFBVSxFQUFFLE1BQU07SUFDbEIsT0FBTyxFQUFFLHFCQUFxQjtDQUNqQyxDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUscUJBQXFCO0lBQ2pDLE9BQU8sSUFBSSxDQUFDO0FBQ2hCLENBQUM7QUFFRDs7Ozs7R0FLRztBQUtILE1BQU0sT0FBTyxlQUFlO0lBVXhCLFlBQTJELG9CQUE2QjtRQUE3Qix5QkFBb0IsR0FBcEIsb0JBQW9CLENBQVM7UUFUeEYsNEZBQTRGO1FBQ3BGLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUVwQyw2Q0FBNkM7UUFDckMsY0FBUyxHQUFHLE9BQU8sUUFBUSxLQUFLLFFBQVEsSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBRS9FLDJDQUEyQztRQUNuQyxZQUFPLEdBQUcsT0FBTyxNQUFNLEtBQUssUUFBUSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFHbkUsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQ3ZELElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQzdCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUM7UUFDcEMsQ0FBQztJQUNMLENBQUM7SUFFRCx3Q0FBd0M7SUFDaEMsZ0JBQWdCO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLG9CQUFvQixJQUFJLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3pFLENBQUM7SUFFRCx3Q0FBd0M7SUFDaEMsU0FBUztRQUNiLE9BQU8sSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFTyxxQkFBcUI7UUFDekIsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUM1QyxPQUFPLENBQUMsSUFBSSxDQUNSLDJEQUEyRDtnQkFDdkQsbURBQW1ELENBQzFELENBQUM7UUFDTixDQUFDO0lBQ0wsQ0FBQztJQUVPLG1CQUFtQjtRQUN2QixJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksT0FBTyxnQkFBZ0IsS0FBSyxVQUFVLEVBQUUsQ0FBQztZQUMzRCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUV4RCxXQUFXLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1lBQ3JELElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUU3QyxNQUFNLGFBQWEsR0FBRyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUVwRCx5RkFBeUY7WUFDekYsOEZBQThGO1lBQzlGLDJEQUEyRDtZQUMzRCxJQUFJLGFBQWEsSUFBSSxhQUFhLENBQUMsT0FBTyxLQUFLLE1BQU0sRUFBRSxDQUFDO2dCQUNwRCxPQUFPLENBQUMsSUFBSSxDQUNSLGdEQUFnRDtvQkFDNUMsMkRBQTJEO29CQUMzRCxrQ0FBa0MsQ0FDekMsQ0FBQztZQUNOLENBQUM7WUFFRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDakQsQ0FBQztJQUNMLENBQUM7aUlBM0RRLGVBQWUsa0JBVVEsaUJBQWlCO2tJQVZ4QyxlQUFlLFlBSGQsVUFBVSxhQUNWLFVBQVU7a0lBRVgsZUFBZSxZQUhkLFVBQVUsRUFDVixVQUFVOzsyRkFFWCxlQUFlO2tCQUozQixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFVBQVUsQ0FBQztvQkFDckIsT0FBTyxFQUFFLENBQUMsVUFBVSxDQUFDO2lCQUN4Qjs7MEJBV2dCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmlkaU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9iaWRpJztcbmltcG9ydCB7IEluamVjdCwgSW5qZWN0aW9uVG9rZW4sIGlzRGV2TW9kZSwgTmdNb2R1bGUsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8vIEluamVjdGlvbiB0b2tlbiB0aGF0IGNvbmZpZ3VyZXMgd2hldGhlciB0aGUga29vYmlxIHNhbml0eSBjaGVja3MgYXJlIGVuYWJsZWQuXG5leHBvcnQgY29uc3QgS0JRX1NBTklUWV9DSEVDS1MgPSBuZXcgSW5qZWN0aW9uVG9rZW48Ym9vbGVhbj4oJ2ticS1zYW5pdHktY2hlY2tzJywge1xuICAgIHByb3ZpZGVkSW46ICdyb290JyxcbiAgICBmYWN0b3J5OiBtY1Nhbml0eUNoZWNrc0ZhY3Rvcnlcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gbWNTYW5pdHlDaGVja3NGYWN0b3J5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0cnVlO1xufVxuXG4vKipcbiAqIE1vZHVsZSB0aGF0IGNhcHR1cmVzIGFueXRoaW5nIHRoYXQgc2hvdWxkIGJlIGxvYWRlZCBhbmQvb3IgcnVuIGZvciAqYWxsKiBLb29iaXFcbiAqIGNvbXBvbmVudHMuIFRoaXMgaW5jbHVkZXMgQmlkaSwgZXRjLlxuICpcbiAqIFRoaXMgbW9kdWxlIHNob3VsZCBiZSBpbXBvcnRlZCB0byBlYWNoIHRvcC1sZXZlbCBjb21wb25lbnQgbW9kdWxlIChlLmcuLCBLYnFUYWJzTW9kdWxlKS5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbQmlkaU1vZHVsZV0sXG4gICAgZXhwb3J0czogW0JpZGlNb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIEticUNvbW1vbk1vZHVsZSB7XG4gICAgLy8gV2hldGhlciB3ZSd2ZSBkb25lIHRoZSBnbG9iYWwgc2FuaXR5IGNoZWNrcyAoZS5nLiBhIHRoZW1lIGlzIGxvYWRlZCwgdGhlcmUgaXMgYSBkb2N0eXBlKS5cbiAgICBwcml2YXRlIGhhc0RvbmVHbG9iYWxDaGVja3MgPSBmYWxzZTtcblxuICAgIC8vIFJlZmVyZW5jZSB0byB0aGUgZ2xvYmFsIGBkb2N1bWVudGAgb2JqZWN0LlxuICAgIHByaXZhdGUgX2RvY3VtZW50ID0gdHlwZW9mIGRvY3VtZW50ID09PSAnb2JqZWN0JyAmJiBkb2N1bWVudCA/IGRvY3VtZW50IDogbnVsbDtcblxuICAgIC8vIFJlZmVyZW5jZSB0byB0aGUgZ2xvYmFsICd3aW5kb3cnIG9iamVjdC5cbiAgICBwcml2YXRlIF93aW5kb3cgPSB0eXBlb2Ygd2luZG93ID09PSAnb2JqZWN0JyAmJiB3aW5kb3cgPyB3aW5kb3cgOiBudWxsO1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChLQlFfU0FOSVRZX0NIRUNLUykgcHJpdmF0ZSBfc2FuaXR5Q2hlY2tzRW5hYmxlZDogYm9vbGVhbikge1xuICAgICAgICBpZiAodGhpcy5hcmVDaGVja3NFbmFibGVkKCkgJiYgIXRoaXMuaGFzRG9uZUdsb2JhbENoZWNrcykge1xuICAgICAgICAgICAgdGhpcy5jaGVja0RvY3R5cGVJc0RlZmluZWQoKTtcbiAgICAgICAgICAgIHRoaXMuY2hlY2tUaGVtZUlzUHJlc2VudCgpO1xuICAgICAgICAgICAgdGhpcy5oYXNEb25lR2xvYmFsQ2hlY2tzID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8vIFdoZXRoZXIgYW55IHNhbml0eSBjaGVja3MgYXJlIGVuYWJsZWRcbiAgICBwcml2YXRlIGFyZUNoZWNrc0VuYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zYW5pdHlDaGVja3NFbmFibGVkICYmIGlzRGV2TW9kZSgpICYmICF0aGlzLmlzVGVzdEVudigpO1xuICAgIH1cblxuICAgIC8vIFdoZXRoZXIgdGhlIGNvZGUgaXMgcnVubmluZyBpbiB0ZXN0cy5cbiAgICBwcml2YXRlIGlzVGVzdEVudigpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3dpbmRvdyAmJiB0aGlzLl93aW5kb3dbJ19famVzdF9fJ107XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGVja0RvY3R5cGVJc0RlZmluZWQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLl9kb2N1bWVudCAmJiAhdGhpcy5fZG9jdW1lbnQuZG9jdHlwZSkge1xuICAgICAgICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICAgICAgICAgICdDdXJyZW50IGRvY3VtZW50IGRvZXMgbm90IGhhdmUgYSBkb2N0eXBlLiBUaGlzIG1heSBjYXVzZSAnICtcbiAgICAgICAgICAgICAgICAgICAgJ3NvbWUga29vYmlxIGNvbXBvbmVudHMgbm90IHRvIGJlaGF2ZSBhcyBleHBlY3RlZC4nXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGVja1RoZW1lSXNQcmVzZW50KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5fZG9jdW1lbnQgJiYgdHlwZW9mIGdldENvbXB1dGVkU3R5bGUgPT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgICAgIGNvbnN0IHRlc3RFbGVtZW50ID0gdGhpcy5fZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG5cbiAgICAgICAgICAgIHRlc3RFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2ticS10aGVtZS1sb2FkZWQtbWFya2VyJyk7XG4gICAgICAgICAgICB0aGlzLl9kb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKHRlc3RFbGVtZW50KTtcblxuICAgICAgICAgICAgY29uc3QgY29tcHV0ZWRTdHlsZSA9IGdldENvbXB1dGVkU3R5bGUodGVzdEVsZW1lbnQpO1xuXG4gICAgICAgICAgICAvLyBJbiBzb21lIHNpdHVhdGlvbnMsIHRoZSBjb21wdXRlZCBzdHlsZSBvZiB0aGUgdGVzdCBlbGVtZW50IGNhbiBiZSBudWxsLiBGb3IgZXhhbXBsZSBpblxuICAgICAgICAgICAgLy8gRmlyZWZveCwgdGhlIGNvbXB1dGVkIHN0eWxlIGlzIG51bGwgaWYgYW4gYXBwbGljYXRpb24gaXMgcnVubmluZyBpbnNpZGUgb2YgYSBoaWRkZW4gaWZyYW1lLlxuICAgICAgICAgICAgLy8gU2VlOiBodHRwczovL2J1Z3ppbGxhLm1vemlsbGEub3JnL3Nob3dfYnVnLmNnaT9pZD01NDgzOTdcbiAgICAgICAgICAgIGlmIChjb21wdXRlZFN0eWxlICYmIGNvbXB1dGVkU3R5bGUuZGlzcGxheSAhPT0gJ25vbmUnKSB7XG4gICAgICAgICAgICAgICAgY29uc29sZS53YXJuKFxuICAgICAgICAgICAgICAgICAgICAnQ291bGQgbm90IGZpbmQga29vYmlxIGNvcmUgdGhlbWUuIE1vc3Qga29vYmlxICcgK1xuICAgICAgICAgICAgICAgICAgICAgICAgJ2NvbXBvbmVudHMgbWF5IG5vdCB3b3JrIGFzIGV4cGVjdGVkLiBGb3IgbW9yZSBpbmZvIHJlZmVyICcgK1xuICAgICAgICAgICAgICAgICAgICAgICAgJ3RvIHRoZSB0aGVtaW5nIGd1aWRlOiBsaW5rIHRoZXJlJ1xuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHRoaXMuX2RvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQodGVzdEVsZW1lbnQpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19

package/esm2022/core/pop-up/index.mjs

@@ -1,4 +1,5 @@
 export * from './constants';
 export * from './pop-up';
+export * from './pop-up-styles';
 export * from './pop-up-trigger';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NvcmUvcG9wLXVwL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2NvbnN0YW50cyc7XG5leHBvcnQgKiBmcm9tICcuL3BvcC11cCc7XG5leHBvcnQgKiBmcm9tICcuL3BvcC11cC10cmlnZ2VyJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NvcmUvcG9wLXVwL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29uc3RhbnRzJztcbmV4cG9ydCAqIGZyb20gJy4vcG9wLXVwJztcbmV4cG9ydCAqIGZyb20gJy4vcG9wLXVwLXN0eWxlcyc7XG5leHBvcnQgKiBmcm9tICcuL3BvcC11cC10cmlnZ2VyJztcbiJdfQ==

package/esm2022/core/pop-up/pop-up-styles.mjs

@@ -0,0 +1,26 @@
+import { inject, Renderer2 } from '@angular/core';
+export const applyPopupMargins = (element, name, value) => {
+    const renderer = inject(Renderer2);
+    const classList = element.nativeElement.classList;
+    if (classList.contains(`${name}_placement-top`) ||
+        classList.contains(`${name}_placement-top-left`) ||
+        classList.contains(`${name}_placement-top-right`)) {
+        renderer.setStyle(element.nativeElement, 'margin-bottom', value);
+    }
+    if (classList.contains(`${name}_placement-right`) ||
+        classList.contains(`${name}_placement-right-top`) ||
+        classList.contains(`${name}_placement-right-bottom`)) {
+        renderer.setStyle(element.nativeElement, 'margin-left', value);
+    }
+    if (classList.contains(`${name}_placement-bottom`) ||
+        classList.contains(`${name}_placement-bottom-left`) ||
+        classList.contains(`${name}_placement-bottom-right`)) {
+        renderer.setStyle(element.nativeElement, 'margin-top', value);
+    }
+    if (classList.contains(`${name}_placement-left`) ||
+        classList.contains(`${name}_placement-left-top`) ||
+        classList.contains(`${name}_placement-left-bottom`)) {
+        renderer.setStyle(element.nativeElement, 'margin-right', value);
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wLXVwLXN0eWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29yZS9wb3AtdXAvcG9wLXVwLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWMsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RCxNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLE9BQW1CLEVBQUUsSUFBWSxFQUFFLEtBQWEsRUFBRSxFQUFFO0lBQ2xGLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNuQyxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztJQUVsRCxJQUNJLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLGdCQUFnQixDQUFDO1FBQzNDLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLHFCQUFxQixDQUFDO1FBQ2hELFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLHNCQUFzQixDQUFDLEVBQ25ELENBQUM7UUFDQyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsZUFBZSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ3JFLENBQUM7SUFFRCxJQUNJLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLGtCQUFrQixDQUFDO1FBQzdDLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLHNCQUFzQixDQUFDO1FBQ2pELFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLHlCQUF5QixDQUFDLEVBQ3RELENBQUM7UUFDQyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsYUFBYSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFFRCxJQUNJLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLG1CQUFtQixDQUFDO1FBQzlDLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLHdCQUF3QixDQUFDO1FBQ25ELFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLHlCQUF5QixDQUFDLEVBQ3RELENBQUM7UUFDQyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsWUFBWSxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxJQUNJLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLGlCQUFpQixDQUFDO1FBQzVDLFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLHFCQUFxQixDQUFDO1FBQ2hELFNBQVMsQ0FBQyxRQUFRLENBQUMsR0FBRyxJQUFJLHdCQUF3QixDQUFDLEVBQ3JELENBQUM7UUFDQyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUUsY0FBYyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ3BFLENBQUM7QUFDTCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmLCBpbmplY3QsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgYXBwbHlQb3B1cE1hcmdpbnMgPSAoZWxlbWVudDogRWxlbWVudFJlZiwgbmFtZTogc3RyaW5nLCB2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgY29uc3QgcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcbiAgICBjb25zdCBjbGFzc0xpc3QgPSBlbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0O1xuXG4gICAgaWYgKFxuICAgICAgICBjbGFzc0xpc3QuY29udGFpbnMoYCR7bmFtZX1fcGxhY2VtZW50LXRvcGApIHx8XG4gICAgICAgIGNsYXNzTGlzdC5jb250YWlucyhgJHtuYW1lfV9wbGFjZW1lbnQtdG9wLWxlZnRgKSB8fFxuICAgICAgICBjbGFzc0xpc3QuY29udGFpbnMoYCR7bmFtZX1fcGxhY2VtZW50LXRvcC1yaWdodGApXG4gICAgKSB7XG4gICAgICAgIHJlbmRlcmVyLnNldFN0eWxlKGVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ21hcmdpbi1ib3R0b20nLCB2YWx1ZSk7XG4gICAgfVxuXG4gICAgaWYgKFxuICAgICAgICBjbGFzc0xpc3QuY29udGFpbnMoYCR7bmFtZX1fcGxhY2VtZW50LXJpZ2h0YCkgfHxcbiAgICAgICAgY2xhc3NMaXN0LmNvbnRhaW5zKGAke25hbWV9X3BsYWNlbWVudC1yaWdodC10b3BgKSB8fFxuICAgICAgICBjbGFzc0xpc3QuY29udGFpbnMoYCR7bmFtZX1fcGxhY2VtZW50LXJpZ2h0LWJvdHRvbWApXG4gICAgKSB7XG4gICAgICAgIHJlbmRlcmVyLnNldFN0eWxlKGVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ21hcmdpbi1sZWZ0JywgdmFsdWUpO1xuICAgIH1cblxuICAgIGlmIChcbiAgICAgICAgY2xhc3NMaXN0LmNvbnRhaW5zKGAke25hbWV9X3BsYWNlbWVudC1ib3R0b21gKSB8fFxuICAgICAgICBjbGFzc0xpc3QuY29udGFpbnMoYCR7bmFtZX1fcGxhY2VtZW50LWJvdHRvbS1sZWZ0YCkgfHxcbiAgICAgICAgY2xhc3NMaXN0LmNvbnRhaW5zKGAke25hbWV9X3BsYWNlbWVudC1ib3R0b20tcmlnaHRgKVxuICAgICkge1xuICAgICAgICByZW5kZXJlci5zZXRTdHlsZShlbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdtYXJnaW4tdG9wJywgdmFsdWUpO1xuICAgIH1cblxuICAgIGlmIChcbiAgICAgICAgY2xhc3NMaXN0LmNvbnRhaW5zKGAke25hbWV9X3BsYWNlbWVudC1sZWZ0YCkgfHxcbiAgICAgICAgY2xhc3NMaXN0LmNvbnRhaW5zKGAke25hbWV9X3BsYWNlbWVudC1sZWZ0LXRvcGApIHx8XG4gICAgICAgIGNsYXNzTGlzdC5jb250YWlucyhgJHtuYW1lfV9wbGFjZW1lbnQtbGVmdC1ib3R0b21gKVxuICAgICkge1xuICAgICAgICByZW5kZXJlci5zZXRTdHlsZShlbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdtYXJnaW4tcmlnaHQnLCB2YWx1ZSk7XG4gICAgfVxufTtcbiJdfQ==