@eui/showcase 15.4.1 → 15.4.2

package/esm2020/lib/components/doc-page-code/doc-page-code.component.mjs

@@ -1,27 +1,27 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@eui/components/eui-button";
-import * as i2 from "@eui/components/eui-icon";
-import * as i3 from "@eui/components/eui-label";
-export class DocPageCodeComponent {
-    constructor() {
-        this.codeFolder = '';
-        this.showcase = 'ux';
-    }
-    onOpenCode() {
-        // eslint-disable-next-line max-len
-        const sourceRootPath = `https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/app-eui-showcase-${this.showcase}/browse/src/app/`;
-        window.open(sourceRootPath + this.codeFolder, '_blank');
-    }
-}
-/** @nocollapse */ DocPageCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocPageCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DocPageCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DocPageCodeComponent, selector: "eui-showcase-doc-page-code", inputs: { codeFolder: "codeFolder", showcase: "showcase" }, ngImport: i0, template: "<button type=\"button\" euiButton euiAccent (click)=\"onOpenCode()\">\r\n    <span euiLabel>Check the code</span>\r\n    <span euiIcon iconClass=\"eui-icon eui-icon-code\"></span>\r\n</button>\r\n", dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i3.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocPageCodeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-showcase-doc-page-code', template: "<button type=\"button\" euiButton euiAccent (click)=\"onOpenCode()\">\r\n    <span euiLabel>Check the code</span>\r\n    <span euiIcon iconClass=\"eui-icon eui-icon-code\"></span>\r\n</button>\r\n" }]
-        }], propDecorators: { codeFolder: [{
-                type: Input
-            }], showcase: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jLXBhZ2UtY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZG9jLXBhZ2UtY29kZS9kb2MtcGFnZS1jb2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kb2MtcGFnZS1jb2RlL2RvYy1wYWdlLWNvZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTWpELE1BQU0sT0FBTyxvQkFBb0I7SUFKakM7UUFLYSxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxJQUFJLENBQUM7S0FPNUI7SUFMRyxVQUFVO1FBQ04sbUNBQW1DO1FBQ25DLE1BQU0sY0FBYyxHQUFHLHNGQUFzRixJQUFJLENBQUMsUUFBUSxrQkFBa0IsQ0FBQztRQUM3SSxNQUFNLENBQUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzVELENBQUM7O29JQVJRLG9CQUFvQjt3SEFBcEIsb0JBQW9CLDhIQ05qQyxzTUFJQTsyRkRFYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0ksNEJBQTRCOzhCQUk3QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnZXVpLXNob3djYXNlLWRvYy1wYWdlLWNvZGUnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICdkb2MtcGFnZS1jb2RlLmNvbXBvbmVudC5odG1sJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIERvY1BhZ2VDb2RlQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpIGNvZGVGb2xkZXIgPSAnJztcclxuICAgIEBJbnB1dCgpIHNob3djYXNlID0gJ3V4JztcclxuXHJcbiAgICBvbk9wZW5Db2RlKCk6IHZvaWQge1xyXG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBtYXgtbGVuXHJcbiAgICAgICAgY29uc3Qgc291cmNlUm9vdFBhdGggPSBgaHR0cHM6Ly9jaXRuZXQudGVjaC5lYy5ldXJvcGEuZXUvQ0lUbmV0L3N0YXNoL3Byb2plY3RzL0NTRFIvcmVwb3MvYXBwLWV1aS1zaG93Y2FzZS0ke3RoaXMuc2hvd2Nhc2V9L2Jyb3dzZS9zcmMvYXBwL2A7XHJcbiAgICAgICAgd2luZG93Lm9wZW4oc291cmNlUm9vdFBhdGggKyB0aGlzLmNvZGVGb2xkZXIsICdfYmxhbmsnKTtcclxuICAgIH1cclxufVxyXG4iLCI8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBldWlCdXR0b24gZXVpQWNjZW50IChjbGljayk9XCJvbk9wZW5Db2RlKClcIj5cclxuICAgIDxzcGFuIGV1aUxhYmVsPkNoZWNrIHRoZSBjb2RlPC9zcGFuPlxyXG4gICAgPHNwYW4gZXVpSWNvbiBpY29uQ2xhc3M9XCJldWktaWNvbiBldWktaWNvbi1jb2RlXCI+PC9zcGFuPlxyXG48L2J1dHRvbj5cclxuIl19
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@eui/components/eui-button";
+import * as i2 from "@eui/components/eui-icon";
+import * as i3 from "@eui/components/eui-label";
+export class DocPageCodeComponent {
+    constructor() {
+        this.codeFolder = '';
+        this.showcase = 'ux';
+    }
+    onOpenCode() {
+        // eslint-disable-next-line max-len
+        const sourceRootPath = `https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/app-eui-showcase-${this.showcase}/browse/src/app/`;
+        window.open(sourceRootPath + this.codeFolder, '_blank');
+    }
+}
+/** @nocollapse */ DocPageCodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocPageCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DocPageCodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DocPageCodeComponent, selector: "eui-showcase-doc-page-code", inputs: { codeFolder: "codeFolder", showcase: "showcase" }, ngImport: i0, template: "<button type=\"button\" euiButton euiAccent (click)=\"onOpenCode()\">\n    <span euiLabel>Check the code</span>\n    <span euiIcon iconClass=\"eui-icon eui-icon-code\"></span>\n</button>\n", dependencies: [{ kind: "component", type: i1.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i2.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i3.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,               label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocPageCodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-showcase-doc-page-code', template: "<button type=\"button\" euiButton euiAccent (click)=\"onOpenCode()\">\n    <span euiLabel>Check the code</span>\n    <span euiIcon iconClass=\"eui-icon eui-icon-code\"></span>\n</button>\n" }]
+        }], propDecorators: { codeFolder: [{
+                type: Input
+            }], showcase: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jLXBhZ2UtY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZG9jLXBhZ2UtY29kZS9kb2MtcGFnZS1jb2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kb2MtcGFnZS1jb2RlL2RvYy1wYWdlLWNvZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTWpELE1BQU0sT0FBTyxvQkFBb0I7SUFKakM7UUFLYSxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxJQUFJLENBQUM7S0FPNUI7SUFMRyxVQUFVO1FBQ04sbUNBQW1DO1FBQ25DLE1BQU0sY0FBYyxHQUFHLHNGQUFzRixJQUFJLENBQUMsUUFBUSxrQkFBa0IsQ0FBQztRQUM3SSxNQUFNLENBQUMsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzVELENBQUM7O29JQVJRLG9CQUFvQjt3SEFBcEIsb0JBQW9CLDhIQ05qQyw4TEFJQTsyRkRFYSxvQkFBb0I7a0JBSmhDLFNBQVM7K0JBQ0ksNEJBQTRCOzhCQUk3QixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLXNob3djYXNlLWRvYy1wYWdlLWNvZGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnZG9jLXBhZ2UtY29kZS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIERvY1BhZ2VDb2RlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBjb2RlRm9sZGVyID0gJyc7XG4gICAgQElucHV0KCkgc2hvd2Nhc2UgPSAndXgnO1xuXG4gICAgb25PcGVuQ29kZSgpOiB2b2lkIHtcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG1heC1sZW5cbiAgICAgICAgY29uc3Qgc291cmNlUm9vdFBhdGggPSBgaHR0cHM6Ly9jaXRuZXQudGVjaC5lYy5ldXJvcGEuZXUvQ0lUbmV0L3N0YXNoL3Byb2plY3RzL0NTRFIvcmVwb3MvYXBwLWV1aS1zaG93Y2FzZS0ke3RoaXMuc2hvd2Nhc2V9L2Jyb3dzZS9zcmMvYXBwL2A7XG4gICAgICAgIHdpbmRvdy5vcGVuKHNvdXJjZVJvb3RQYXRoICsgdGhpcy5jb2RlRm9sZGVyLCAnX2JsYW5rJyk7XG4gICAgfVxufVxuIiwiPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgZXVpQnV0dG9uIGV1aUFjY2VudCAoY2xpY2spPVwib25PcGVuQ29kZSgpXCI+XG4gICAgPHNwYW4gZXVpTGFiZWw+Q2hlY2sgdGhlIGNvZGU8L3NwYW4+XG4gICAgPHNwYW4gZXVpSWNvbiBpY29uQ2xhc3M9XCJldWktaWNvbiBldWktaWNvbi1jb2RlXCI+PC9zcGFuPlxuPC9idXR0b24+XG4iXX0=

package/esm2020/lib/components/doc-page-code-fab/doc-page-code-fab.component.mjs

@@ -1,39 +1,39 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@eui/core";
-import * as i2 from "@angular/common";
-import * as i3 from "@eui/components/eui-button";
-import * as i4 from "@eui/components/eui-dialog";
-import * as i5 from "@eui/components/eui-icon";
-export class DocPageCodeFabComponent {
-    constructor(asService) {
-        this.asService = asService;
-        this.codeFolder = '';
-        this.showcase = 'ux-patterns';
-    }
-    toggleCode() {
-        this.dialog.openDialog();
-    }
-    onClose() {
-        this.dialog.closeDialog();
-    }
-    onOpenCode() {
-        // eslint-disable-next-line max-len
-        const sourceRootPath = `https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/app-eui-showcase-${this.showcase}/browse/src/app/features/`;
-        window.open(sourceRootPath + this.codeFolder, '_blank');
-    }
-}
-/** @nocollapse */ DocPageCodeFabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocPageCodeFabComponent, deps: [{ token: i1.UxAppShellService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DocPageCodeFabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DocPageCodeFabComponent, selector: "eui-showcase-doc-page-code-fab", inputs: { codeFolder: "codeFolder", showcase: "showcase" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<div class=\"eui-button-fixed\">\r\n    <div class=\"eui-button-floating eui-button--size-2xl eui-button--icon-only eui-button--accent\">\r\n        <span class=\"eui-icon eui-icon-code\" (click)=\"toggleCode()\"></span>\r\n    </div>\r\n</div>\r\n\r\n<eui-dialog #dialog title=\"Page source code\" [hasFooter]=\"false\" (close)=\"onClose()\" [width]=\"'50vw'\">\r\n    <button type=\"button\" *ngIf=\"codeFolder\" euiButton euiAccent euiSizeS (click)=\"onOpenCode()\">\r\n        <eui-icon-svg icon=\"eui-code\" set=\"eui\" size=\"m\" fillColor=\"grey-100\" class=\"eui-u-mr-xs\"></eui-icon-svg> VIEW SOURCES\r\n    </button>\r\n    <ng-content></ng-content>\r\n    <p>Use the <kbd>View sources</kbd> button to access the code source of the page.</p>\r\n</eui-dialog>\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiDialogComponent, selector: "eui-dialog", inputs: ["e2eAttr", "title", "acceptLabel", "dismissLabel", "typeClass", "width", "height", "isFullScreen", "hasCloseButton", "hasAcceptButton", "hasDismissButton", "hasMobileCustomSize", "isClosedOnClickOutside", "isClosedOnEscape", "isHandleCloseOnDismiss", "isHandleCloseOnClose", "isHandleCloseOnAccept", "isHandleCloseOnClickOutside", "isHandleCloseOnEscape", "isMessageBox", "isDraggable", "hasNoBodyPadding", "hasFooter"], outputs: ["clickOutside", "escape", "open", "close", "dismiss", "accept"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocPageCodeFabComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'eui-showcase-doc-page-code-fab', template: "<div class=\"eui-button-fixed\">\r\n    <div class=\"eui-button-floating eui-button--size-2xl eui-button--icon-only eui-button--accent\">\r\n        <span class=\"eui-icon eui-icon-code\" (click)=\"toggleCode()\"></span>\r\n    </div>\r\n</div>\r\n\r\n<eui-dialog #dialog title=\"Page source code\" [hasFooter]=\"false\" (close)=\"onClose()\" [width]=\"'50vw'\">\r\n    <button type=\"button\" *ngIf=\"codeFolder\" euiButton euiAccent euiSizeS (click)=\"onOpenCode()\">\r\n        <eui-icon-svg icon=\"eui-code\" set=\"eui\" size=\"m\" fillColor=\"grey-100\" class=\"eui-u-mr-xs\"></eui-icon-svg> VIEW SOURCES\r\n    </button>\r\n    <ng-content></ng-content>\r\n    <p>Use the <kbd>View sources</kbd> button to access the code source of the page.</p>\r\n</eui-dialog>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { codeFolder: [{
-                type: Input
-            }], showcase: [{
-                type: Input
-            }], dialog: [{
-                type: ViewChild,
-                args: ['dialog']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jLXBhZ2UtY29kZS1mYWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RvYy1wYWdlLWNvZGUtZmFiL2RvYy1wYWdlLWNvZGUtZmFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kb2MtcGFnZS1jb2RlLWZhYi9kb2MtcGFnZS1jb2RlLWZhYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRNUQsTUFBTSxPQUFPLHVCQUF1QjtJQU1oQyxZQUFtQixTQUE0QjtRQUE1QixjQUFTLEdBQVQsU0FBUyxDQUFtQjtRQUx0QyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxhQUFhLENBQUM7SUFJZ0IsQ0FBQztJQUU1QyxVQUFVO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRU0sT0FBTztRQUNWLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVNLFVBQVU7UUFDYixtQ0FBbUM7UUFDbkMsTUFBTSxjQUFjLEdBQUcsc0ZBQXNGLElBQUksQ0FBQyxRQUFRLDJCQUEyQixDQUFDO1FBQ3RKLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDNUQsQ0FBQzs7dUlBcEJRLHVCQUF1QjsySEFBdkIsdUJBQXVCLG9PQ1JwQyxzd0JBYUE7MkZETGEsdUJBQXVCO2tCQUpuQyxTQUFTOytCQUNJLGdDQUFnQzt3R0FJakMsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVlLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVeEFwcFNoZWxsU2VydmljZSB9IGZyb20gJ0BldWkvY29yZSc7XHJcbmltcG9ydCB7IEV1aURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktZGlhbG9nJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdldWktc2hvd2Nhc2UtZG9jLXBhZ2UtY29kZS1mYWInLFxyXG4gICAgdGVtcGxhdGVVcmw6ICdkb2MtcGFnZS1jb2RlLWZhYi5jb21wb25lbnQuaHRtbCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEb2NQYWdlQ29kZUZhYkNvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSBjb2RlRm9sZGVyID0gJyc7XHJcbiAgICBASW5wdXQoKSBzaG93Y2FzZSA9ICd1eC1wYXR0ZXJucyc7XHJcblxyXG4gICAgQFZpZXdDaGlsZCgnZGlhbG9nJykgZGlhbG9nOiBFdWlEaWFsb2dDb21wb25lbnQ7XHJcblxyXG4gICAgY29uc3RydWN0b3IocHVibGljIGFzU2VydmljZTogVXhBcHBTaGVsbFNlcnZpY2UpIHt9XHJcblxyXG4gICAgcHVibGljIHRvZ2dsZUNvZGUoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5kaWFsb2cub3BlbkRpYWxvZygpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBvbkNsb3NlKCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuZGlhbG9nLmNsb3NlRGlhbG9nKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIG9uT3BlbkNvZGUoKTogdm9pZCB7XHJcbiAgICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG1heC1sZW5cclxuICAgICAgICBjb25zdCBzb3VyY2VSb290UGF0aCA9IGBodHRwczovL2NpdG5ldC50ZWNoLmVjLmV1cm9wYS5ldS9DSVRuZXQvc3Rhc2gvcHJvamVjdHMvQ1NEUi9yZXBvcy9hcHAtZXVpLXNob3djYXNlLSR7dGhpcy5zaG93Y2FzZX0vYnJvd3NlL3NyYy9hcHAvZmVhdHVyZXMvYDtcclxuICAgICAgICB3aW5kb3cub3Blbihzb3VyY2VSb290UGF0aCArIHRoaXMuY29kZUZvbGRlciwgJ19ibGFuaycpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJldWktYnV0dG9uLWZpeGVkXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZXVpLWJ1dHRvbi1mbG9hdGluZyBldWktYnV0dG9uLS1zaXplLTJ4bCBldWktYnV0dG9uLS1pY29uLW9ubHkgZXVpLWJ1dHRvbi0tYWNjZW50XCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJldWktaWNvbiBldWktaWNvbi1jb2RlXCIgKGNsaWNrKT1cInRvZ2dsZUNvZGUoKVwiPjwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxldWktZGlhbG9nICNkaWFsb2cgdGl0bGU9XCJQYWdlIHNvdXJjZSBjb2RlXCIgW2hhc0Zvb3Rlcl09XCJmYWxzZVwiIChjbG9zZSk9XCJvbkNsb3NlKClcIiBbd2lkdGhdPVwiJzUwdncnXCI+XHJcbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiAqbmdJZj1cImNvZGVGb2xkZXJcIiBldWlCdXR0b24gZXVpQWNjZW50IGV1aVNpemVTIChjbGljayk9XCJvbk9wZW5Db2RlKClcIj5cclxuICAgICAgICA8ZXVpLWljb24tc3ZnIGljb249XCJldWktY29kZVwiIHNldD1cImV1aVwiIHNpemU9XCJtXCIgZmlsbENvbG9yPVwiZ3JleS0xMDBcIiBjbGFzcz1cImV1aS11LW1yLXhzXCI+PC9ldWktaWNvbi1zdmc+IFZJRVcgU09VUkNFU1xyXG4gICAgPC9idXR0b24+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8cD5Vc2UgdGhlIDxrYmQ+VmlldyBzb3VyY2VzPC9rYmQ+IGJ1dHRvbiB0byBhY2Nlc3MgdGhlIGNvZGUgc291cmNlIG9mIHRoZSBwYWdlLjwvcD5cclxuPC9ldWktZGlhbG9nPlxyXG4iXX0=
+import { Component, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@eui/core";
+import * as i2 from "@angular/common";
+import * as i3 from "@eui/components/eui-button";
+import * as i4 from "@eui/components/eui-dialog";
+import * as i5 from "@eui/components/eui-icon";
+export class DocPageCodeFabComponent {
+    constructor(asService) {
+        this.asService = asService;
+        this.codeFolder = '';
+        this.showcase = 'ux-patterns';
+    }
+    toggleCode() {
+        this.dialog.openDialog();
+    }
+    onClose() {
+        this.dialog.closeDialog();
+    }
+    onOpenCode() {
+        // eslint-disable-next-line max-len
+        const sourceRootPath = `https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/app-eui-showcase-${this.showcase}/browse/src/app/features/`;
+        window.open(sourceRootPath + this.codeFolder, '_blank');
+    }
+}
+/** @nocollapse */ DocPageCodeFabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocPageCodeFabComponent, deps: [{ token: i1.UxAppShellService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DocPageCodeFabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: DocPageCodeFabComponent, selector: "eui-showcase-doc-page-code-fab", inputs: { codeFolder: "codeFolder", showcase: "showcase" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["dialog"], descendants: true }], ngImport: i0, template: "<div class=\"eui-button-fixed\">\n    <div class=\"eui-button-floating eui-button--size-2xl eui-button--icon-only eui-button--accent\">\n        <span class=\"eui-icon eui-icon-code\" (click)=\"toggleCode()\"></span>\n    </div>\n</div>\n\n<eui-dialog #dialog title=\"Page source code\" [hasFooter]=\"false\" (close)=\"onClose()\" [width]=\"'50vw'\">\n    <button type=\"button\" *ngIf=\"codeFolder\" euiButton euiAccent euiSizeS (click)=\"onOpenCode()\">\n        <eui-icon-svg icon=\"eui-code\" set=\"eui\" size=\"m\" fillColor=\"grey-100\" class=\"eui-u-mr-xs\"></eui-icon-svg> VIEW SOURCES\n    </button>\n    <ng-content></ng-content>\n    <p>Use the <kbd>View sources</kbd> button to access the code source of the page.</p>\n</eui-dialog>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiDialogComponent, selector: "eui-dialog", inputs: ["e2eAttr", "title", "acceptLabel", "dismissLabel", "typeClass", "width", "height", "isFullScreen", "hasCloseButton", "hasAcceptButton", "hasDismissButton", "hasMobileCustomSize", "isClosedOnClickOutside", "isClosedOnEscape", "isHandleCloseOnDismiss", "isHandleCloseOnClose", "isHandleCloseOnAccept", "isHandleCloseOnClickOutside", "isHandleCloseOnEscape", "isMessageBox", "isDraggable", "hasNoBodyPadding", "hasFooter"], outputs: ["clickOutside", "escape", "open", "close", "dismiss", "accept"] }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DocPageCodeFabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-showcase-doc-page-code-fab', template: "<div class=\"eui-button-fixed\">\n    <div class=\"eui-button-floating eui-button--size-2xl eui-button--icon-only eui-button--accent\">\n        <span class=\"eui-icon eui-icon-code\" (click)=\"toggleCode()\"></span>\n    </div>\n</div>\n\n<eui-dialog #dialog title=\"Page source code\" [hasFooter]=\"false\" (close)=\"onClose()\" [width]=\"'50vw'\">\n    <button type=\"button\" *ngIf=\"codeFolder\" euiButton euiAccent euiSizeS (click)=\"onOpenCode()\">\n        <eui-icon-svg icon=\"eui-code\" set=\"eui\" size=\"m\" fillColor=\"grey-100\" class=\"eui-u-mr-xs\"></eui-icon-svg> VIEW SOURCES\n    </button>\n    <ng-content></ng-content>\n    <p>Use the <kbd>View sources</kbd> button to access the code source of the page.</p>\n</eui-dialog>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.UxAppShellService }]; }, propDecorators: { codeFolder: [{
+                type: Input
+            }], showcase: [{
+                type: Input
+            }], dialog: [{
+                type: ViewChild,
+                args: ['dialog']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jLXBhZ2UtY29kZS1mYWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RvYy1wYWdlLWNvZGUtZmFiL2RvYy1wYWdlLWNvZGUtZmFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kb2MtcGFnZS1jb2RlLWZhYi9kb2MtcGFnZS1jb2RlLWZhYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRNUQsTUFBTSxPQUFPLHVCQUF1QjtJQU1oQyxZQUFtQixTQUE0QjtRQUE1QixjQUFTLEdBQVQsU0FBUyxDQUFtQjtRQUx0QyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGFBQVEsR0FBRyxhQUFhLENBQUM7SUFJZ0IsQ0FBQztJQUU1QyxVQUFVO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRU0sT0FBTztRQUNWLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVNLFVBQVU7UUFDYixtQ0FBbUM7UUFDbkMsTUFBTSxjQUFjLEdBQUcsc0ZBQXNGLElBQUksQ0FBQyxRQUFRLDJCQUEyQixDQUFDO1FBQ3RKLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDNUQsQ0FBQzs7dUlBcEJRLHVCQUF1QjsySEFBdkIsdUJBQXVCLG9PQ1JwQyw0dUJBYUE7MkZETGEsdUJBQXVCO2tCQUpuQyxTQUFTOytCQUNJLGdDQUFnQzt3R0FJakMsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVlLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXhBcHBTaGVsbFNlcnZpY2UgfSBmcm9tICdAZXVpL2NvcmUnO1xuaW1wb3J0IHsgRXVpRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1kaWFsb2cnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1zaG93Y2FzZS1kb2MtcGFnZS1jb2RlLWZhYicsXG4gICAgdGVtcGxhdGVVcmw6ICdkb2MtcGFnZS1jb2RlLWZhYi5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIERvY1BhZ2VDb2RlRmFiQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBjb2RlRm9sZGVyID0gJyc7XG4gICAgQElucHV0KCkgc2hvd2Nhc2UgPSAndXgtcGF0dGVybnMnO1xuXG4gICAgQFZpZXdDaGlsZCgnZGlhbG9nJykgZGlhbG9nOiBFdWlEaWFsb2dDb21wb25lbnQ7XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgYXNTZXJ2aWNlOiBVeEFwcFNoZWxsU2VydmljZSkge31cblxuICAgIHB1YmxpYyB0b2dnbGVDb2RlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpYWxvZy5vcGVuRGlhbG9nKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGlhbG9nLmNsb3NlRGlhbG9nKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uT3BlbkNvZGUoKTogdm9pZCB7XG4gICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBtYXgtbGVuXG4gICAgICAgIGNvbnN0IHNvdXJjZVJvb3RQYXRoID0gYGh0dHBzOi8vY2l0bmV0LnRlY2guZWMuZXVyb3BhLmV1L0NJVG5ldC9zdGFzaC9wcm9qZWN0cy9DU0RSL3JlcG9zL2FwcC1ldWktc2hvd2Nhc2UtJHt0aGlzLnNob3djYXNlfS9icm93c2Uvc3JjL2FwcC9mZWF0dXJlcy9gO1xuICAgICAgICB3aW5kb3cub3Blbihzb3VyY2VSb290UGF0aCArIHRoaXMuY29kZUZvbGRlciwgJ19ibGFuaycpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJldWktYnV0dG9uLWZpeGVkXCI+XG4gICAgPGRpdiBjbGFzcz1cImV1aS1idXR0b24tZmxvYXRpbmcgZXVpLWJ1dHRvbi0tc2l6ZS0yeGwgZXVpLWJ1dHRvbi0taWNvbi1vbmx5IGV1aS1idXR0b24tLWFjY2VudFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImV1aS1pY29uIGV1aS1pY29uLWNvZGVcIiAoY2xpY2spPVwidG9nZ2xlQ29kZSgpXCI+PC9zcGFuPlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxldWktZGlhbG9nICNkaWFsb2cgdGl0bGU9XCJQYWdlIHNvdXJjZSBjb2RlXCIgW2hhc0Zvb3Rlcl09XCJmYWxzZVwiIChjbG9zZSk9XCJvbkNsb3NlKClcIiBbd2lkdGhdPVwiJzUwdncnXCI+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKm5nSWY9XCJjb2RlRm9sZGVyXCIgZXVpQnV0dG9uIGV1aUFjY2VudCBldWlTaXplUyAoY2xpY2spPVwib25PcGVuQ29kZSgpXCI+XG4gICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1jb2RlXCIgc2V0PVwiZXVpXCIgc2l6ZT1cIm1cIiBmaWxsQ29sb3I9XCJncmV5LTEwMFwiIGNsYXNzPVwiZXVpLXUtbXIteHNcIj48L2V1aS1pY29uLXN2Zz4gVklFVyBTT1VSQ0VTXG4gICAgPC9idXR0b24+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxwPlVzZSB0aGUgPGtiZD5WaWV3IHNvdXJjZXM8L2tiZD4gYnV0dG9uIHRvIGFjY2VzcyB0aGUgY29kZSBzb3VyY2Ugb2YgdGhlIHBhZ2UuPC9wPlxuPC9ldWktZGlhbG9nPlxuIl19