@eui/showcase 18.2.12 → 18.2.13-snapshot-1747380207562

package/esm2022/lib/components/doc-playground-device/device-sizes.const.mjs

@@ -0,0 +1,27 @@
+export const DEVICE_SIZES = [
+    {
+        name: 'phone-small',
+        label: 'Phone/Small',
+        width: 375,
+        height: 667,
+    },
+    {
+        name: 'phone-large',
+        label: 'Phone/Large',
+        width: 393,
+        height: 852,
+    },
+    {
+        name: 'tablet-small',
+        label: 'Tablet/Small',
+        width: 768,
+        height: 1024,
+    },
+    {
+        name: 'tablet-large',
+        label: 'Tablet/Large',
+        width: 1024,
+        height: 1366,
+    },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLXNpemVzLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RvYy1wbGF5Z3JvdW5kLWRldmljZS9kZXZpY2Utc2l6ZXMuY29uc3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFhO0lBQ2xDO1FBQ0ksSUFBSSxFQUFFLGFBQWE7UUFDbkIsS0FBSyxFQUFFLGFBQWE7UUFDcEIsS0FBSyxFQUFFLEdBQUc7UUFDVixNQUFNLEVBQUUsR0FBRztLQUNkO0lBQ0Q7UUFDSSxJQUFJLEVBQUUsYUFBYTtRQUNuQixLQUFLLEVBQUUsYUFBYTtRQUNwQixLQUFLLEVBQUUsR0FBRztRQUNWLE1BQU0sRUFBRSxHQUFHO0tBQ2Q7SUFDRDtRQUNJLElBQUksRUFBRSxjQUFjO1FBQ3BCLEtBQUssRUFBRSxjQUFjO1FBQ3JCLEtBQUssRUFBRSxHQUFHO1FBQ1YsTUFBTSxFQUFFLElBQUk7S0FDZjtJQUNEO1FBQ0ksSUFBSSxFQUFFLGNBQWM7UUFDcEIsS0FBSyxFQUFFLGNBQWM7UUFDckIsS0FBSyxFQUFFLElBQUk7UUFDWCxNQUFNLEVBQUUsSUFBSTtLQUNmO0NBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBERVZJQ0VfU0laRVM6IERldmljZVtdID0gW1xuICAgIHtcbiAgICAgICAgbmFtZTogJ3Bob25lLXNtYWxsJyxcbiAgICAgICAgbGFiZWw6ICdQaG9uZS9TbWFsbCcsXG4gICAgICAgIHdpZHRoOiAzNzUsXG4gICAgICAgIGhlaWdodDogNjY3LFxuICAgIH0sXG4gICAge1xuICAgICAgICBuYW1lOiAncGhvbmUtbGFyZ2UnLFxuICAgICAgICBsYWJlbDogJ1Bob25lL0xhcmdlJyxcbiAgICAgICAgd2lkdGg6IDM5MyxcbiAgICAgICAgaGVpZ2h0OiA4NTIsXG4gICAgfSxcbiAgICB7XG4gICAgICAgIG5hbWU6ICd0YWJsZXQtc21hbGwnLFxuICAgICAgICBsYWJlbDogJ1RhYmxldC9TbWFsbCcsXG4gICAgICAgIHdpZHRoOiA3NjgsXG4gICAgICAgIGhlaWdodDogMTAyNCxcbiAgICB9LFxuICAgIHtcbiAgICAgICAgbmFtZTogJ3RhYmxldC1sYXJnZScsXG4gICAgICAgIGxhYmVsOiAnVGFibGV0L0xhcmdlJyxcbiAgICAgICAgd2lkdGg6IDEwMjQsXG4gICAgICAgIGhlaWdodDogMTM2NixcbiAgICB9LFxuXTtcblxuZXhwb3J0IGludGVyZmFjZSBEZXZpY2Uge1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIHdpZHRoOiBudW1iZXI7XG4gICAgaGVpZ2h0OiBudW1iZXI7XG59XG4iXX0=

package/esm2022/lib/components/doc-playground-device/doc-playground-device.component.mjs

@@ -0,0 +1,58 @@
+import { Component, input, ViewEncapsulation, ViewChild, booleanAttribute } from '@angular/core';
+import { EuiSelectModule } from '@eui/components/eui-select';
+import { EuiIconModule } from '@eui/components/eui-icon';
+import { DEVICE_SIZES } from './device-sizes.const';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@eui/components/eui-select";
+import * as i3 from "@eui/components/eui-icon";
+export class DocPlaygroundDeviceComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.url = input();
+        this.showcaseNameWithVersion = input();
+        this.hasPreviewToolbar = input(true, { transform: booleanAttribute });
+        this.isPreviewToolbarDisabled = input(false, { transform: booleanAttribute });
+        this.devices = [];
+    }
+    ngOnInit() {
+        const url = window.location;
+        const protocol = url.protocol;
+        const host = url.host;
+        let shellUrl;
+        if (host.indexOf('localhost') > -1) {
+            shellUrl = `${protocol}//${host}/${this.url()}`;
+        }
+        else {
+            shellUrl = `${protocol}//${host}/${this.showcaseNameWithVersion()}/${this.url()}`;
+        }
+        this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(shellUrl);
+        this.loadDevices();
+    }
+    toggleOrientation() {
+        this.isLandscapeView = !this.isLandscapeView;
+    }
+    onDeviceChange(event) {
+        const selectElement = event.target;
+        const value = selectElement.value;
+        const selectedDevice = this.devices.find(d => d.name === value);
+        if (selectedDevice && this.containerRef) {
+            const el = this.containerRef.nativeElement;
+            el.style.setProperty('--device-width', `${selectedDevice.width}px`);
+            el.style.setProperty('--device-height', `${selectedDevice.height}px`);
+        }
+    }
+    loadDevices() {
+        this.devices = DEVICE_SIZES;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DocPlaygroundDeviceComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DocPlaygroundDeviceComponent, isStandalone: true, selector: "eui-showcase-doc-playground-device", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, showcaseNameWithVersion: { classPropertyName: "showcaseNameWithVersion", publicName: "showcaseNameWithVersion", isSignal: true, isRequired: false, transformFunction: null }, hasPreviewToolbar: { classPropertyName: "hasPreviewToolbar", publicName: "hasPreviewToolbar", isSignal: true, isRequired: false, transformFunction: null }, isPreviewToolbarDisabled: { classPropertyName: "isPreviewToolbarDisabled", publicName: "isPreviewToolbarDisabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["deviceWrapper"], descendants: true }], ngImport: i0, template: "@if (hasPreviewToolbar()) {\n    <div class=\"device-preview-toolbar\" [class.device-preview-toolbar--disabled]=\"isPreviewToolbarDisabled()\">\n        <div class=\"device-preview-toolbar__devices\">\n            <select class=\"eui-u-cursor-pointer\" euiSelect name=\"device-sizes\" aria-label=\"device-sizes\" [value]=\"'phone-small'\" (change)=\"onDeviceChange($event)\">\n                @for (device of devices; track device) {\n                    <option [value]=\"device.name\">\n                        {{ device.label }}\n                    </option>\n                }\n            </select>\n        </div>\n        <button class=\"device-preview-toolbar__orientation\" (click)=\"toggleOrientation()\">\n            <eui-icon-svg [icon]=\"!isLandscapeView ? 'phone-portrait:outline' : 'phone-landscape:outline'\"/>\n            <span>{{ isLandscapeView ? 'Landscape' : 'Portrait' }}</span>\n        </button>\n        <a [href]=\"urlSafe\" class=\"device-preview-toolbar__full-screen\" target=\"_blank\">\n            |<eui-icon-svg icon=\"open:outline\"/>\n            <span>Full Screen</span>\n        </a>\n    </div>\n}\n<div class=\"device-wrapper\" #deviceWrapper [class.landscape]=\"isLandscapeView\">\n    <iframe id=\"iframe-playground\" loading=\"lazy\" class=\"device-frame\" width=\"100%\" height=\"100%\" frameBorder=\"0\" [src]=\"urlSafe\"></iframe>\n</div>\n\n", styles: [":root{--device-width: 375px;--device-height: 667px}.device-wrapper{border:.5rem solid var(--eui-c-neutral-max);border-radius:2rem;width:var(--device-width);height:var(--device-height);transition:transform .5s ease,width .5s,height .5s;transform-origin:center center;position:relative}@media (min-width: 768px){.device-wrapper{width:var(--device-width)}}.device-wrapper.landscape{transform:rotate(0);width:var(--device-height);height:var(--device-width)}.device-wrapper.landscape .device-frame{height:calc(var(--device-width) - var(--eui-s-m));width:calc(var(--device-height) - var(--eui-s-m))}.device-frame{border-radius:1.5rem;height:calc(var(--device-height) - var(--eui-s-m));transition:transform .5s ease,width .5s,height .5s;transform-origin:center center}@media (min-width: 768px){.device-frame{width:calc(var(--device-width) - var(--eui-s-m))}}@media screen and (max-width: 767px){.device-wrapper{border:none;border-radius:0;width:100%}.device-frame{border-radius:0}}.device-preview-toolbar{font:var(--eui-f-m-compact);display:flex;align-items:center;justify-content:center;height:68px;padding:var(--eui-s-s) var(--eui-s-s);border-radius:var(--eui-br-xl);box-shadow:0 1px 3px #0003;margin-bottom:var(--eui-s-m)}.device-preview-toolbar__orientation{background-color:transparent;border:none;display:flex;align-items:center;margin-left:var(--eui-s-m);margin-right:var(--eui-s-m)}.device-preview-toolbar__orientation eui-icon-svg{width:var(--eui-is-m);height:var(--eui-is-m);margin-right:var(--eui-s-xs);color:var(--eui-c-neutral)}.device-preview-toolbar__full-screen{display:flex;align-items:center;color:var(--eui-c-neutral);text-decoration:none}.device-preview-toolbar__full-screen eui-icon-svg{width:var(--eui-is-m);height:var(--eui-is-m);margin-right:var(--eui-s-xs);margin-left:var(--eui-s-m)}.device-preview-toolbar--disabled{opacity:.5;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: EuiSelectModule }, { kind: "component", type: i2.EuiSelectComponent, selector: "select[euiSelect]", inputs: ["placeholder", "readonly", "isInvalid"] }, { kind: "directive", type: i2.EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: ["selected", "label", "ngValue"] }, { kind: "directive", type: i2.EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DocPlaygroundDeviceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-showcase-doc-playground-device', encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuiSelectModule, EuiIconModule], template: "@if (hasPreviewToolbar()) {\n    <div class=\"device-preview-toolbar\" [class.device-preview-toolbar--disabled]=\"isPreviewToolbarDisabled()\">\n        <div class=\"device-preview-toolbar__devices\">\n            <select class=\"eui-u-cursor-pointer\" euiSelect name=\"device-sizes\" aria-label=\"device-sizes\" [value]=\"'phone-small'\" (change)=\"onDeviceChange($event)\">\n                @for (device of devices; track device) {\n                    <option [value]=\"device.name\">\n                        {{ device.label }}\n                    </option>\n                }\n            </select>\n        </div>\n        <button class=\"device-preview-toolbar__orientation\" (click)=\"toggleOrientation()\">\n            <eui-icon-svg [icon]=\"!isLandscapeView ? 'phone-portrait:outline' : 'phone-landscape:outline'\"/>\n            <span>{{ isLandscapeView ? 'Landscape' : 'Portrait' }}</span>\n        </button>\n        <a [href]=\"urlSafe\" class=\"device-preview-toolbar__full-screen\" target=\"_blank\">\n            |<eui-icon-svg icon=\"open:outline\"/>\n            <span>Full Screen</span>\n        </a>\n    </div>\n}\n<div class=\"device-wrapper\" #deviceWrapper [class.landscape]=\"isLandscapeView\">\n    <iframe id=\"iframe-playground\" loading=\"lazy\" class=\"device-frame\" width=\"100%\" height=\"100%\" frameBorder=\"0\" [src]=\"urlSafe\"></iframe>\n</div>\n\n", styles: [":root{--device-width: 375px;--device-height: 667px}.device-wrapper{border:.5rem solid var(--eui-c-neutral-max);border-radius:2rem;width:var(--device-width);height:var(--device-height);transition:transform .5s ease,width .5s,height .5s;transform-origin:center center;position:relative}@media (min-width: 768px){.device-wrapper{width:var(--device-width)}}.device-wrapper.landscape{transform:rotate(0);width:var(--device-height);height:var(--device-width)}.device-wrapper.landscape .device-frame{height:calc(var(--device-width) - var(--eui-s-m));width:calc(var(--device-height) - var(--eui-s-m))}.device-frame{border-radius:1.5rem;height:calc(var(--device-height) - var(--eui-s-m));transition:transform .5s ease,width .5s,height .5s;transform-origin:center center}@media (min-width: 768px){.device-frame{width:calc(var(--device-width) - var(--eui-s-m))}}@media screen and (max-width: 767px){.device-wrapper{border:none;border-radius:0;width:100%}.device-frame{border-radius:0}}.device-preview-toolbar{font:var(--eui-f-m-compact);display:flex;align-items:center;justify-content:center;height:68px;padding:var(--eui-s-s) var(--eui-s-s);border-radius:var(--eui-br-xl);box-shadow:0 1px 3px #0003;margin-bottom:var(--eui-s-m)}.device-preview-toolbar__orientation{background-color:transparent;border:none;display:flex;align-items:center;margin-left:var(--eui-s-m);margin-right:var(--eui-s-m)}.device-preview-toolbar__orientation eui-icon-svg{width:var(--eui-is-m);height:var(--eui-is-m);margin-right:var(--eui-s-xs);color:var(--eui-c-neutral)}.device-preview-toolbar__full-screen{display:flex;align-items:center;color:var(--eui-c-neutral);text-decoration:none}.device-preview-toolbar__full-screen eui-icon-svg{width:var(--eui-is-m);height:var(--eui-is-m);margin-right:var(--eui-s-xs);margin-left:var(--eui-s-m)}.device-preview-toolbar--disabled{opacity:.5;pointer-events:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { containerRef: [{
+                type: ViewChild,
+                args: ['deviceWrapper']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jLXBsYXlncm91bmQtZGV2aWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kb2MtcGxheWdyb3VuZC1kZXZpY2UvZG9jLXBsYXlncm91bmQtZGV2aWNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kb2MtcGxheWdyb3VuZC1kZXZpY2UvZG9jLXBsYXlncm91bmQtZGV2aWNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFjLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVySCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFXcEQsTUFBTSxPQUFPLDRCQUE0QjtJQVlyQyxZQUFvQixTQUF1QjtRQUF2QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBWDNDLFFBQUcsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUN0Qiw0QkFBdUIsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUMxQyxzQkFBaUIsR0FBRyxLQUFLLENBQUMsSUFBSSxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQUNqRSw2QkFBd0IsR0FBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUMsQ0FBQztRQU16RSxZQUFPLEdBQWEsRUFBRSxDQUFDO0lBRXVCLENBQUM7SUFFL0MsUUFBUTtRQUNKLE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUM7UUFDNUIsTUFBTSxRQUFRLEdBQUcsR0FBRyxDQUFDLFFBQVEsQ0FBQztRQUM5QixNQUFNLElBQUksR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDO1FBRXRCLElBQUksUUFBZ0IsQ0FBQztRQUNyQixJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNqQyxRQUFRLEdBQUcsR0FBRyxRQUFRLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDO1FBQ3BELENBQUM7YUFBTSxDQUFDO1lBQ0osUUFBUSxHQUFHLEdBQUcsUUFBUSxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsdUJBQXVCLEVBQUUsSUFBSSxJQUFJLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQztRQUN0RixDQUFDO1FBRUQsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLDhCQUE4QixDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRXZFLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsaUJBQWlCO1FBQ2IsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDakQsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFLO1FBQ2hCLE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxNQUEyQixDQUFDO1FBQ3hELE1BQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUM7UUFDbEMsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxDQUFDO1FBQ2hFLElBQUksY0FBYyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQztZQUMzQyxFQUFFLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRSxHQUFHLGNBQWMsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDO1lBQ3BFLEVBQUUsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLGlCQUFpQixFQUFFLEdBQUcsY0FBYyxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUM7UUFDMUUsQ0FBQztJQUNMLENBQUM7SUFFTyxXQUFXO1FBQ2YsSUFBSSxDQUFDLE9BQU8sR0FBRyxZQUFZLENBQUM7SUFDaEMsQ0FBQzsrR0FoRFEsNEJBQTRCO21HQUE1Qiw0QkFBNEIsczBCQ2Z6QywrMkNBeUJBLHM0RERaYyxlQUFlLGllQUFFLGFBQWE7OzRGQUUvQiw0QkFBNEI7a0JBUnhDLFNBQVM7K0JBQ0ksb0NBQW9DLGlCQUcvQixpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSxhQUFhLENBQUM7aUZBU2IsWUFBWTtzQkFBdkMsU0FBUzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiwgRWxlbWVudFJlZiwgVmlld0NoaWxkLCBib29sZWFuQXR0cmlidXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWZlUmVzb3VyY2VVcmwsIERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgRXVpU2VsZWN0TW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1zZWxlY3QnO1xuaW1wb3J0IHsgRXVpSWNvbk1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5pbXBvcnQgeyBERVZJQ0VfU0laRVMgfSBmcm9tICcuL2RldmljZS1zaXplcy5jb25zdCc7XG5pbXBvcnQgeyBEZXZpY2UgfSBmcm9tICcuL2RldmljZS1zaXplcy5jb25zdCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXVpLXNob3djYXNlLWRvYy1wbGF5Z3JvdW5kLWRldmljZScsXG4gICAgdGVtcGxhdGVVcmw6ICdkb2MtcGxheWdyb3VuZC1kZXZpY2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RvYy1wbGF5Z3JvdW5kLWRldmljZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbRXVpU2VsZWN0TW9kdWxlLCBFdWlJY29uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgRG9jUGxheWdyb3VuZERldmljZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgdXJsID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIHNob3djYXNlTmFtZVdpdGhWZXJzaW9uID0gaW5wdXQ8c3RyaW5nPigpO1xuICAgIGhhc1ByZXZpZXdUb29sYmFyID0gaW5wdXQodHJ1ZSwgeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSk7XG4gICAgaXNQcmV2aWV3VG9vbGJhckRpc2FibGVkID0gaW5wdXQoZmFsc2UsIHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pO1xuICAgIGlzTGFuZHNjYXBlVmlldzogYm9vbGVhbjtcblxuICAgIEBWaWV3Q2hpbGQoJ2RldmljZVdyYXBwZXInKSBjb250YWluZXJSZWYhOiBFbGVtZW50UmVmPEhUTUxEaXZFbGVtZW50PjtcblxuICAgIHB1YmxpYyB1cmxTYWZlOiBTYWZlUmVzb3VyY2VVcmw7XG4gICAgZGV2aWNlczogRGV2aWNlW10gPSBbXTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgdXJsID0gd2luZG93LmxvY2F0aW9uO1xuICAgICAgICBjb25zdCBwcm90b2NvbCA9IHVybC5wcm90b2NvbDtcbiAgICAgICAgY29uc3QgaG9zdCA9IHVybC5ob3N0O1xuXG4gICAgICAgIGxldCBzaGVsbFVybDogc3RyaW5nO1xuICAgICAgICBpZiAoaG9zdC5pbmRleE9mKCdsb2NhbGhvc3QnKSA+IC0xKSB7XG4gICAgICAgICAgICBzaGVsbFVybCA9IGAke3Byb3RvY29sfS8vJHtob3N0fS8ke3RoaXMudXJsKCl9YDtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHNoZWxsVXJsID0gYCR7cHJvdG9jb2x9Ly8ke2hvc3R9LyR7dGhpcy5zaG93Y2FzZU5hbWVXaXRoVmVyc2lvbigpfS8ke3RoaXMudXJsKCl9YDtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMudXJsU2FmZSA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybChzaGVsbFVybCk7XG5cbiAgICAgICAgdGhpcy5sb2FkRGV2aWNlcygpO1xuICAgIH1cblxuICAgIHRvZ2dsZU9yaWVudGF0aW9uKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzTGFuZHNjYXBlVmlldyA9ICF0aGlzLmlzTGFuZHNjYXBlVmlldztcbiAgICB9XG5cbiAgICBvbkRldmljZUNoYW5nZShldmVudCk6IHZvaWQge1xuICAgICAgICBjb25zdCBzZWxlY3RFbGVtZW50ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxTZWxlY3RFbGVtZW50O1xuICAgICAgICBjb25zdCB2YWx1ZSA9IHNlbGVjdEVsZW1lbnQudmFsdWU7XG4gICAgICAgIGNvbnN0IHNlbGVjdGVkRGV2aWNlID0gdGhpcy5kZXZpY2VzLmZpbmQoZCA9PiBkLm5hbWUgPT09IHZhbHVlKTtcbiAgICAgICAgaWYgKHNlbGVjdGVkRGV2aWNlICYmIHRoaXMuY29udGFpbmVyUmVmKSB7XG4gICAgICAgICAgICBjb25zdCBlbCA9IHRoaXMuY29udGFpbmVyUmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgICAgICBlbC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1kZXZpY2Utd2lkdGgnLCBgJHtzZWxlY3RlZERldmljZS53aWR0aH1weGApO1xuICAgICAgICAgICAgZWwuc3R5bGUuc2V0UHJvcGVydHkoJy0tZGV2aWNlLWhlaWdodCcsIGAke3NlbGVjdGVkRGV2aWNlLmhlaWdodH1weGApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBsb2FkRGV2aWNlcygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kZXZpY2VzID0gREVWSUNFX1NJWkVTO1xuICAgIH1cbn1cbiIsIkBpZiAoaGFzUHJldmlld1Rvb2xiYXIoKSkge1xuICAgIDxkaXYgY2xhc3M9XCJkZXZpY2UtcHJldmlldy10b29sYmFyXCIgW2NsYXNzLmRldmljZS1wcmV2aWV3LXRvb2xiYXItLWRpc2FibGVkXT1cImlzUHJldmlld1Rvb2xiYXJEaXNhYmxlZCgpXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkZXZpY2UtcHJldmlldy10b29sYmFyX19kZXZpY2VzXCI+XG4gICAgICAgICAgICA8c2VsZWN0IGNsYXNzPVwiZXVpLXUtY3Vyc29yLXBvaW50ZXJcIiBldWlTZWxlY3QgbmFtZT1cImRldmljZS1zaXplc1wiIGFyaWEtbGFiZWw9XCJkZXZpY2Utc2l6ZXNcIiBbdmFsdWVdPVwiJ3Bob25lLXNtYWxsJ1wiIChjaGFuZ2UpPVwib25EZXZpY2VDaGFuZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIEBmb3IgKGRldmljZSBvZiBkZXZpY2VzOyB0cmFjayBkZXZpY2UpIHtcbiAgICAgICAgICAgICAgICAgICAgPG9wdGlvbiBbdmFsdWVdPVwiZGV2aWNlLm5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGRldmljZS5sYWJlbCB9fVxuICAgICAgICAgICAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L3NlbGVjdD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJkZXZpY2UtcHJldmlldy10b29sYmFyX19vcmllbnRhdGlvblwiIChjbGljayk9XCJ0b2dnbGVPcmllbnRhdGlvbigpXCI+XG4gICAgICAgICAgICA8ZXVpLWljb24tc3ZnIFtpY29uXT1cIiFpc0xhbmRzY2FwZVZpZXcgPyAncGhvbmUtcG9ydHJhaXQ6b3V0bGluZScgOiAncGhvbmUtbGFuZHNjYXBlOm91dGxpbmUnXCIvPlxuICAgICAgICAgICAgPHNwYW4+e3sgaXNMYW5kc2NhcGVWaWV3ID8gJ0xhbmRzY2FwZScgOiAnUG9ydHJhaXQnIH19PC9zcGFuPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGEgW2hyZWZdPVwidXJsU2FmZVwiIGNsYXNzPVwiZGV2aWNlLXByZXZpZXctdG9vbGJhcl9fZnVsbC1zY3JlZW5cIiB0YXJnZXQ9XCJfYmxhbmtcIj5cbiAgICAgICAgICAgIHw8ZXVpLWljb24tc3ZnIGljb249XCJvcGVuOm91dGxpbmVcIi8+XG4gICAgICAgICAgICA8c3Bhbj5GdWxsIFNjcmVlbjwvc3Bhbj5cbiAgICAgICAgPC9hPlxuICAgIDwvZGl2PlxufVxuPGRpdiBjbGFzcz1cImRldmljZS13cmFwcGVyXCIgI2RldmljZVdyYXBwZXIgW2NsYXNzLmxhbmRzY2FwZV09XCJpc0xhbmRzY2FwZVZpZXdcIj5cbiAgICA8aWZyYW1lIGlkPVwiaWZyYW1lLXBsYXlncm91bmRcIiBsb2FkaW5nPVwibGF6eVwiIGNsYXNzPVwiZGV2aWNlLWZyYW1lXCIgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZyYW1lQm9yZGVyPVwiMFwiIFtzcmNdPVwidXJsU2FmZVwiPjwvaWZyYW1lPlxuPC9kaXY+XG5cbiJdfQ==

package/esm2022/lib/components/index.mjs

@@ -5,6 +5,7 @@ export * from './doc-page-code-modal/doc-page-code-modal.component';
 export * from './doc-sample/doc-sample.component';
 export * from './doc-sample-api/doc-sample-api.component';
 export * from './doc-section/doc-section.component';
+export * from './doc-playground-device/doc-playground-device.component';
 export * from './eui-code-highlighter/eui-code-highlighter.component';
 export * from './doc-page-code-fab/doc-page-code-fab.component';
 export * from './lorem-ipsum/lorem-ipsum-sample.component';
@@ -12,4 +13,4 @@ export * from './playground/playground.component';
 export * from './playground/stackblitz.files';
 export { DocSectionCodeComponent, DocSectionCodeHtmlTagDirective, DocSectionCodeTsTagDirective, DocSectionCodeServiceTagDirective, DocSectionCodeCssTagDirective, DocSectionCodeDocTagDirective, DocSectionCodeDescriptionTagDirective, } from './doc-section-code/doc-section-code.component';
 export { DocPagePatternComponent, DocPagePatternDocDirective, DocPagePatternSampleDirective, } from './doc-page-pattern/doc-page-pattern.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxxREFBcUQsQ0FBQztBQUNwRSxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsK0JBQStCLENBQUM7QUFFOUMsT0FBTyxFQUNILHVCQUF1QixFQUN2Qiw4QkFBOEIsRUFDOUIsNEJBQTRCLEVBQzVCLGlDQUFpQyxFQUNqQyw2QkFBNkIsRUFDN0IsNkJBQTZCLEVBQzdCLHFDQUFxQyxHQUN4QyxNQUFNLCtDQUErQyxDQUFDO0FBRXZELE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsMEJBQTBCLEVBQzFCLDZCQUE2QixHQUNoQyxNQUFNLCtDQUErQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kb2MtcGFnZS9kb2MtcGFnZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9kb2MtcGFnZS9kb2MtcGFnZS1kZXYtZ3VpZGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZG9jLXBhZ2UtY29kZS9kb2MtcGFnZS1jb2RlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2RvYy1wYWdlLWNvZGUtbW9kYWwvZG9jLXBhZ2UtY29kZS1tb2RhbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9kb2Mtc2FtcGxlL2RvYy1zYW1wbGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZG9jLXNhbXBsZS1hcGkvZG9jLXNhbXBsZS1hcGkuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZG9jLXNlY3Rpb24vZG9jLXNlY3Rpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZXVpLWNvZGUtaGlnaGxpZ2h0ZXIvZXVpLWNvZGUtaGlnaGxpZ2h0ZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZG9jLXBhZ2UtY29kZS1mYWIvZG9jLXBhZ2UtY29kZS1mYWIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbG9yZW0taXBzdW0vbG9yZW0taXBzdW0tc2FtcGxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3BsYXlncm91bmQvcGxheWdyb3VuZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wbGF5Z3JvdW5kL3N0YWNrYmxpdHouZmlsZXMnO1xuXG5leHBvcnQge1xuICAgIERvY1NlY3Rpb25Db2RlQ29tcG9uZW50LFxuICAgIERvY1NlY3Rpb25Db2RlSHRtbFRhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZVRzVGFnRGlyZWN0aXZlLFxuICAgIERvY1NlY3Rpb25Db2RlU2VydmljZVRhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZUNzc1RhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZURvY1RhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZURlc2NyaXB0aW9uVGFnRGlyZWN0aXZlLFxufSBmcm9tICcuL2RvYy1zZWN0aW9uLWNvZGUvZG9jLXNlY3Rpb24tY29kZS5jb21wb25lbnQnO1xuXG5leHBvcnQge1xuICAgIERvY1BhZ2VQYXR0ZXJuQ29tcG9uZW50LFxuICAgIERvY1BhZ2VQYXR0ZXJuRG9jRGlyZWN0aXZlLFxuICAgIERvY1BhZ2VQYXR0ZXJuU2FtcGxlRGlyZWN0aXZlLFxufSBmcm9tICcuL2RvYy1wYWdlLXBhdHRlcm4vZG9jLXBhZ2UtcGF0dGVybi5jb21wb25lbnQnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxxREFBcUQsQ0FBQztBQUNwRSxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYywrQkFBK0IsQ0FBQztBQUU5QyxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLDhCQUE4QixFQUM5Qiw0QkFBNEIsRUFDNUIsaUNBQWlDLEVBQ2pDLDZCQUE2QixFQUM3Qiw2QkFBNkIsRUFDN0IscUNBQXFDLEdBQ3hDLE1BQU0sK0NBQStDLENBQUM7QUFFdkQsT0FBTyxFQUNILHVCQUF1QixFQUN2QiwwQkFBMEIsRUFDMUIsNkJBQTZCLEdBQ2hDLE1BQU0sK0NBQStDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2RvYy1wYWdlL2RvYy1wYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2RvYy1wYWdlL2RvYy1wYWdlLWRldi1ndWlkZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9kb2MtcGFnZS1jb2RlL2RvYy1wYWdlLWNvZGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vZG9jLXBhZ2UtY29kZS1tb2RhbC9kb2MtcGFnZS1jb2RlLW1vZGFsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2RvYy1zYW1wbGUvZG9jLXNhbXBsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9kb2Mtc2FtcGxlLWFwaS9kb2Mtc2FtcGxlLWFwaS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9kb2Mtc2VjdGlvbi9kb2Mtc2VjdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9kb2MtcGxheWdyb3VuZC1kZXZpY2UvZG9jLXBsYXlncm91bmQtZGV2aWNlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2V1aS1jb2RlLWhpZ2hsaWdodGVyL2V1aS1jb2RlLWhpZ2hsaWdodGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2RvYy1wYWdlLWNvZGUtZmFiL2RvYy1wYWdlLWNvZGUtZmFiLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xvcmVtLWlwc3VtL2xvcmVtLWlwc3VtLXNhbXBsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9wbGF5Z3JvdW5kL3BsYXlncm91bmQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcGxheWdyb3VuZC9zdGFja2JsaXR6LmZpbGVzJztcblxuZXhwb3J0IHtcbiAgICBEb2NTZWN0aW9uQ29kZUNvbXBvbmVudCxcbiAgICBEb2NTZWN0aW9uQ29kZUh0bWxUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVUc1RhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZVNlcnZpY2VUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVDc3NUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVEb2NUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVEZXNjcmlwdGlvblRhZ0RpcmVjdGl2ZSxcbn0gZnJvbSAnLi9kb2Mtc2VjdGlvbi1jb2RlL2RvYy1zZWN0aW9uLWNvZGUuY29tcG9uZW50JztcblxuZXhwb3J0IHtcbiAgICBEb2NQYWdlUGF0dGVybkNvbXBvbmVudCxcbiAgICBEb2NQYWdlUGF0dGVybkRvY0RpcmVjdGl2ZSxcbiAgICBEb2NQYWdlUGF0dGVyblNhbXBsZURpcmVjdGl2ZSxcbn0gZnJvbSAnLi9kb2MtcGFnZS1wYXR0ZXJuL2RvYy1wYWdlLXBhdHRlcm4uY29tcG9uZW50JztcbiJdfQ==

package/esm2022/lib/eui-showcase.module.mjs

@@ -23,6 +23,7 @@ import { DocPagePatternComponent, DocPagePatternDocDirective, DocPagePatternSamp
 import { DocPageCodeModalComponent } from './components/doc-page-code-modal/doc-page-code-modal.component';
 import { StackblitzService } from './components/playground/stackblitz.service';
 import { DocPageDevGuideComponent } from './components/doc-page/doc-page-dev-guide.component';
+import { DocPlaygroundDeviceComponent } from './components/doc-playground-device/doc-playground-device.component';
 import { MarkdownModule } from 'ngx-markdown';
 import * as i0 from "@angular/core";
 import * as i1 from "ngx-markdown";
@@ -98,7 +99,8 @@ export class EuiShowcaseModule {
             EuiBlockContentModule,
             EuiBadgeModule,
             EuiIconModule,
-            EuiLabelModule, i1.MarkdownModule], exports: [EuiCodeHighlighterDirective,
+            EuiLabelModule,
+            DocPlaygroundDeviceComponent, i1.MarkdownModule], exports: [EuiCodeHighlighterDirective,
             DocPageComponent,
             DocPageDevGuideComponent,
             DocPageCodeComponent,
@@ -126,7 +128,7 @@ export class EuiShowcaseModule {
             PlaygroundComponent,
             DocPagePatternComponent,
             DocPagePatternDocDirective,
-            DocPagePatternSampleDirective] }); }
+            DocPagePatternSampleDirective, DocPlaygroundDeviceComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiShowcaseModule, providers: [StackblitzService], imports: [CommonModule,
             EuiCardModule,
             EuiButtonModule,
@@ -139,6 +141,7 @@ export class EuiShowcaseModule {
             EuiBadgeModule,
             EuiIconModule,
             EuiLabelModule,
+            DocPlaygroundDeviceComponent,
             MarkdownModule.forRoot({ sanitize: SecurityContext.NONE })] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiShowcaseModule, decorators: [{
@@ -158,10 +161,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         EuiBadgeModule,
                         EuiIconModule,
                         EuiLabelModule,
+                        DocPlaygroundDeviceComponent,
                         MarkdownModule.forRoot({ sanitize: SecurityContext.NONE }),
                     ],
-                    exports: [...COMPONENTS],
+                    exports: [...COMPONENTS, DocPlaygroundDeviceComponent],
                     providers: [StackblitzService],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXNob3djYXNlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvZXVpLXNob3djYXNlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTNELE9BQU8sRUFDSCxnQkFBZ0IsRUFDaEIsK0JBQStCLEVBQy9CLHNDQUFzQyxFQUN0Qyw4QkFBOEIsRUFDOUIsMEJBQTBCLEVBQzFCLGtDQUFrQyxFQUNsQywrQkFBK0IsRUFDL0Isb0NBQW9DLEVBQ3BDLDhCQUE4QixHQUNqQyxNQUFNLDBDQUEwQyxDQUFDO0FBQ2xELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFD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bUJBQW1CO1lBQ25CLHVCQUF1QjtZQUN2Qiw4QkFBOEI7WUFDOUIsNEJBQTRCO1lBQzVCLGlDQUFpQztZQUNqQyw2QkFBNkI7WUFDN0IsNkJBQTZCO1lBQzdCLHFDQUFxQztZQUNyQyx5QkFBeUI7WUFDekIsbUJBQW1CO1lBQ25CLHVCQUF1QjtZQUN2QiwwQkFBMEI7WUFDMUIsNkJBQTZCO2dIQXVCcEIsaUJBQWlCLGFBRmYsQ0FBQyxpQkFBaUIsQ0FBQyxZQWYxQixZQUFZO1lBQ1osYUFBYTtZQUNiLGVBQWU7WUFDZixhQUFhO1lBQ2IsYUFBYTtZQUNiLGFBQWE7WUFDYixlQUFlO1lBQ2YsY0FBYztZQUNkLHFCQUFxQjtZQUNyQixjQUFjO1lBQ2QsYUFBYTtZQUNiLGNBQWM7WUFDZCxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUUsUUFBUSxFQUFFLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQzs7NEZBS3JELGlCQUFpQjtrQkFwQjdCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7b0JBQzdCLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixlQUFlO3dCQUNmLGNBQWM7d0JBQ2QscUJBQXFCO3dCQUNyQixjQUFjO3dCQUNkLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUUsUUFBUSxFQUFFLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztxQkFDN0Q7b0JBQ0QsT0FBTyxFQUFFLENBQUMsR0FBRyxVQUFVLENBQUM7b0JBQ3hCLFNBQVMsRUFBRSxDQUFDLGlCQUFpQixDQUFDO2lCQUNqQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlLCBTZWN1cml0eUNvbnRleHQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEV1aUNhcmRNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWNhcmQnO1xuaW1wb3J0IHsgRXVpQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1idXR0b24nO1xuaW1wb3J0IHsgRXVpVGFic01vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktdGFicyc7XG5pbXBvcnQgeyBFdWlQYWdlTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1wYWdlJztcbmltcG9ydCB7IEV1aUNoaXBNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWNoaXAnO1xuaW1wb3J0IHsgRXVpRGlhbG9nTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1kaWFsb2cnO1xuaW1wb3J0IHsgRXVpQWxlcnRNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWFsZXJ0JztcbmltcG9ydCB7IEV1aUJsb2NrQ29udGVudE1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktYmxvY2stY29udGVudCc7XG5pbXBvcnQgeyBFdWlCYWRnZU1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktYmFkZ2UnO1xuaW1wb3J0IHsgRXVpSWNvbk1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5pbXBvcnQgeyBFdWlMYWJlbE1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktbGFiZWwnO1xuXG5pbXBvcnQge1xuICAgIERvY1BhZ2VDb21wb25lbnQsXG4gICAgRG9jUGFnZU92ZXJ2aWV3Q29udGVudERpcmVjdGl2ZSxcbiAgICBEb2NQYWdlT3ZlcnZpZXdEZWZhdWx0Q29udGVudERpcmVjdGl2ZSxcbiAgICBEb2NQYWdlU2FtcGxlc0NvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZUFwaUNvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZUludGVyYWN0aXZlQ29udGVudERpcmVjdGl2ZSxcbiAgICBEb2NQYWdlU2VjdGlvbnNDb250ZW50RGlyZWN0aXZlLFxuICAgIERvY1BhZ2VBY2Nlc3NpYmlsaXR5Q29udGVudERpcmVjdGl2ZSxcbiAgICBEb2NQYWdlVGhlbWluZ0NvbnRlbnREaXJlY3RpdmUsXG59IGZyb20gJy4vY29tcG9uZW50cy9kb2MtcGFnZS9kb2MtcGFnZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9jU2FtcGxlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2RvYy1zYW1wbGUvZG9jLXNhbXBsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9jU2FtcGxlQXBpQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2RvYy1zYW1wbGUtYXBpL2RvYy1zYW1wbGUtYXBpLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEb2NTZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2RvYy1zZWN0aW9uL2RvYy1zZWN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEb2NQYWdlQ29kZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9kb2MtcGFnZS1jb2RlL2RvYy1wYWdlLWNvZGUuY29tcG9uZW50JztcblxuaW1wb3J0IHsgRXVpQ29kZUhpZ2hsaWdodGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9jb21wb25lbnRzL2V1aS1jb2RlLWhpZ2hsaWdodGVyL2V1aS1jb2RlLWhpZ2hsaWdodGVyLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICAgIERvY1NlY3Rpb25Db2RlQ29tcG9uZW50LFxuICAgIERvY1NlY3Rpb25Db2RlSHRtbFRhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZVRzVGFnRGlyZWN0aXZlLFxuICAgIERvY1NlY3Rpb25Db2RlU2VydmljZVRhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZUNzc1RhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZURvY1RhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZURlc2NyaXB0aW9uVGFnRGlyZWN0aXZlLFxufSBmcm9tICcuL2NvbXBvbmVudHMvZG9jLXNlY3Rpb24tY29kZS9kb2Mtc2VjdGlvbi1jb2RlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEb2NQYWdlQ29kZUZhYkNvbXBvbmVudCwgTG9yZW1JcHN1bVNhbXBsZUNvbXBvbmVudCwgUGxheWdyb3VuZENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cyc7XG5pbXBvcnQge1xuICAgIERvY1BhZ2VQYXR0ZXJuQ29tcG9uZW50LFxuICAgIERvY1BhZ2VQYXR0ZXJuRG9jRGlyZWN0aXZlLFxuICAgIERvY1BhZ2VQYXR0ZXJuU2FtcGxlRGlyZWN0aXZlLFxufSBmcm9tICcuL2NvbXBvbmVudHMvZG9jLXBhZ2UtcGF0dGVybi9kb2MtcGFnZS1wYXR0ZXJuLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEb2NQYWdlQ29kZU1vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2RvYy1wYWdlLWNvZGUtbW9kYWwvZG9jLXBhZ2UtY29kZS1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3RhY2tibGl0elNlcnZpY2UgfSBmcm9tICcuL2NvbXBvbmVudHMvcGxheWdyb3VuZC9zdGFja2JsaXR6LnNlcnZpY2UnO1xuaW1wb3J0IHsgRG9jUGFnZURldkd1aWRlQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2RvYy1wYWdlL2RvYy1wYWdlLWRldi1ndWlkZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWFya2Rvd25Nb2R1bGUgfSBmcm9tICduZ3gtbWFya2Rvd24nO1xuXG5jb25zdCBDT01QT05FTlRTID0gW1xuICAgIEV1aUNvZGVIaWdobGlnaHRlckRpcmVjdGl2ZSxcbiAgICBEb2NQYWdlQ29tcG9uZW50LFxuICAgIERvY1BhZ2VEZXZHdWlkZUNvbXBvbmVudCxcbiAgICBEb2NQYWdlQ29kZUNvbXBvbmVudCxcbiAgICBEb2NQYWdlQ29kZUZhYkNvbXBvbmVudCxcbiAgICBEb2NQYWdlQ29kZU1vZGFsQ29tcG9uZW50LFxuICAgIERvY1BhZ2VPdmVydmlld0NvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZU92ZXJ2aWV3RGVmYXVsdENvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZUFwaUNvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZUludGVyYWN0aXZlQ29udGVudERpcmVjdGl2ZSxcbiAgICBEb2NQYWdlU2FtcGxlc0NvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZVNlY3Rpb25zQ29udGVudERpcmVjdGl2ZSxcbiAgICBEb2NQYWdlQWNjZXNzaWJpbGl0eUNvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZVRoZW1pbmdDb250ZW50RGlyZWN0aXZlLFxuICAgIERvY1NhbXBsZUNvbXBvbmVudCxcbiAgICBEb2NTYW1wbGVBcGlDb21wb25lbnQsXG4gICAgRG9jU2VjdGlvbkNvbXBvbmVudCxcbiAgICBEb2NTZWN0aW9uQ29kZUNvbXBvbmVudCxcbiAgICBEb2NTZWN0aW9uQ29kZUh0bWxUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVUc1RhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZVNlcnZpY2VUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVDc3NUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVEb2NUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVEZXNjcmlwdGlvblRhZ0RpcmVjdGl2ZSxcbiAgICBMb3JlbUlwc3VtU2FtcGxlQ29tcG9uZW50LFxuICAgIFBsYXlncm91bmRDb21wb25lbnQsXG4gICAgRG9jUGFnZVBhdHRlcm5Db21wb25lbnQsXG4gICAgRG9jUGFnZVBhdHRlcm5Eb2NEaXJlY3RpdmUsXG4gICAgRG9jUGFnZVBhdHRlcm5TYW1wbGVEaXJlY3RpdmUsXG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVFNdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBFdWlDYXJkTW9kdWxlLFxuICAgICAgICBFdWlCdXR0b25Nb2R1bGUsXG4gICAgICAgIEV1aVRhYnNNb2R1bGUsXG4gICAgICAgIEV1aVBhZ2VNb2R1bGUsXG4gICAgICAgIEV1aUNoaXBNb2R1bGUsXG4gICAgICAgIEV1aURpYWxvZ01vZHVsZSxcbiAgICAgICAgRXVpQWxlcnRNb2R1bGUsXG4gICAgICAgIEV1aUJsb2NrQ29udGVudE1vZHVsZSxcbiAgICAgICAgRXVpQmFkZ2VNb2R1bGUsXG4gICAgICAgIEV1aUljb25Nb2R1bGUsXG4gICAgICAgIEV1aUxhYmVsTW9kdWxlLFxuICAgICAgICBNYXJrZG93bk1vZHVsZS5mb3JSb290KHsgc2FuaXRpemU6IFNlY3VyaXR5Q29udGV4dC5OT05FIH0pLFxuICAgIF0sXG4gICAgZXhwb3J0czogWy4uLkNPTVBPTkVOVFNdLFxuICAgIHByb3ZpZGVyczogW1N0YWNrYmxpdHpTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpU2hvd2Nhc2VNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLXNob3djYXNlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvZXVpLXNob3djYXNlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRTNELE9BQU8sRUFDSCxnQkFBZ0IsRUFDaEIsK0JBQStCLEVBQy9CLHNDQUFzQyxFQUN0Qyw4QkFBOEIsRUFDOUIsMEJBQTBCLEVBQzFCLGtDQUFrQyxFQUNsQywrQkFBK0IsRUFDL0Isb0NBQW9DLEVBQ3BDLDhCQUE4QixHQUNqQyxNQUFNLDBDQUEwQyxDQUFDO0FBQ2xELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFD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Z01vZHVsZSwgU2VjdXJpdHlDb250ZXh0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBFdWlDYXJkTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1jYXJkJztcbmltcG9ydCB7IEV1aUJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktYnV0dG9uJztcbmltcG9ydCB7IEV1aVRhYnNNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLXRhYnMnO1xuaW1wb3J0IHsgRXVpUGFnZU1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktcGFnZSc7XG5pbXBvcnQgeyBFdWlDaGlwTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1jaGlwJztcbmltcG9ydCB7IEV1aURpYWxvZ01vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktZGlhbG9nJztcbmltcG9ydCB7IEV1aUFsZXJ0TW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1hbGVydCc7XG5pbXBvcnQgeyBFdWlCbG9ja0NvbnRlbnRNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWJsb2NrLWNvbnRlbnQnO1xuaW1wb3J0IHsgRXVpQmFkZ2VNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWJhZGdlJztcbmltcG9ydCB7IEV1aUljb25Nb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWljb24nO1xuaW1wb3J0IHsgRXVpTGFiZWxNb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWxhYmVsJztcblxuaW1wb3J0IHtcbiAgICBEb2NQYWdlQ29tcG9uZW50LFxuICAgIERvY1BhZ2VPdmVydmlld0NvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZU92ZXJ2aWV3RGVmYXVsdENvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZVNhbXBsZXNDb250ZW50RGlyZWN0aXZlLFxuICAgIERvY1BhZ2VBcGlDb250ZW50RGlyZWN0aXZlLFxuICAgIERvY1BhZ2VJbnRlcmFjdGl2ZUNvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZVNlY3Rpb25zQ29udGVudERpcmVjdGl2ZSxcbiAgICBEb2NQYWdlQWNjZXNzaWJpbGl0eUNvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZVRoZW1pbmdDb250ZW50RGlyZWN0aXZlLFxufSBmcm9tICcuL2NvbXBvbmVudHMvZG9jLXBhZ2UvZG9jLXBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IERvY1NhbXBsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9kb2Mtc2FtcGxlL2RvYy1zYW1wbGUuY29tcG9uZW50JztcbmltcG9ydCB7IERvY1NhbXBsZUFwaUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9kb2Mtc2FtcGxlLWFwaS9kb2Mtc2FtcGxlLWFwaS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9jU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9kb2Mtc2VjdGlvbi9kb2Mtc2VjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9jUGFnZUNvZGVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZG9jLXBhZ2UtY29kZS9kb2MtcGFnZS1jb2RlLmNvbXBvbmVudCc7XG5cbmltcG9ydCB7IEV1aUNvZGVIaWdobGlnaHRlckRpcmVjdGl2ZSB9IGZyb20gJy4vY29tcG9uZW50cy9ldWktY29kZS1oaWdobGlnaHRlci9ldWktY29kZS1oaWdobGlnaHRlci5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgICBEb2NTZWN0aW9uQ29kZUNvbXBvbmVudCxcbiAgICBEb2NTZWN0aW9uQ29kZUh0bWxUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVUc1RhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZVNlcnZpY2VUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVDc3NUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVEb2NUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVEZXNjcmlwdGlvblRhZ0RpcmVjdGl2ZSxcbn0gZnJvbSAnLi9jb21wb25lbnRzL2RvYy1zZWN0aW9uLWNvZGUvZG9jLXNlY3Rpb24tY29kZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9jUGFnZUNvZGVGYWJDb21wb25lbnQsIExvcmVtSXBzdW1TYW1wbGVDb21wb25lbnQsIFBsYXlncm91bmRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMnO1xuaW1wb3J0IHtcbiAgICBEb2NQYWdlUGF0dGVybkNvbXBvbmVudCxcbiAgICBEb2NQYWdlUGF0dGVybkRvY0RpcmVjdGl2ZSxcbiAgICBEb2NQYWdlUGF0dGVyblNhbXBsZURpcmVjdGl2ZSxcbn0gZnJvbSAnLi9jb21wb25lbnRzL2RvYy1wYWdlLXBhdHRlcm4vZG9jLXBhZ2UtcGF0dGVybi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9jUGFnZUNvZGVNb2RhbENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9kb2MtcGFnZS1jb2RlLW1vZGFsL2RvYy1wYWdlLWNvZGUtbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7IFN0YWNrYmxpdHpTZXJ2aWNlIH0gZnJvbSAnLi9jb21wb25lbnRzL3BsYXlncm91bmQvc3RhY2tibGl0ei5zZXJ2aWNlJztcbmltcG9ydCB7IERvY1BhZ2VEZXZHdWlkZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9kb2MtcGFnZS9kb2MtcGFnZS1kZXYtZ3VpZGUuY29tcG9uZW50JztcbmltcG9ydCB7IERvY1BsYXlncm91bmREZXZpY2VDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZG9jLXBsYXlncm91bmQtZGV2aWNlL2RvYy1wbGF5Z3JvdW5kLWRldmljZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWFya2Rvd25Nb2R1bGUgfSBmcm9tICduZ3gtbWFya2Rvd24nO1xuXG5jb25zdCBDT01QT05FTlRTID0gW1xuICAgIEV1aUNvZGVIaWdobGlnaHRlckRpcmVjdGl2ZSxcbiAgICBEb2NQYWdlQ29tcG9uZW50LFxuICAgIERvY1BhZ2VEZXZHdWlkZUNvbXBvbmVudCxcbiAgICBEb2NQYWdlQ29kZUNvbXBvbmVudCxcbiAgICBEb2NQYWdlQ29kZUZhYkNvbXBvbmVudCxcbiAgICBEb2NQYWdlQ29kZU1vZGFsQ29tcG9uZW50LFxuICAgIERvY1BhZ2VPdmVydmlld0NvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZU92ZXJ2aWV3RGVmYXVsdENvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZUFwaUNvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZUludGVyYWN0aXZlQ29udGVudERpcmVjdGl2ZSxcbiAgICBEb2NQYWdlU2FtcGxlc0NvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZVNlY3Rpb25zQ29udGVudERpcmVjdGl2ZSxcbiAgICBEb2NQYWdlQWNjZXNzaWJpbGl0eUNvbnRlbnREaXJlY3RpdmUsXG4gICAgRG9jUGFnZVRoZW1pbmdDb250ZW50RGlyZWN0aXZlLFxuICAgIERvY1NhbXBsZUNvbXBvbmVudCxcbiAgICBEb2NTYW1wbGVBcGlDb21wb25lbnQsXG4gICAgRG9jU2VjdGlvbkNvbXBvbmVudCxcbiAgICBEb2NTZWN0aW9uQ29kZUNvbXBvbmVudCxcbiAgICBEb2NTZWN0aW9uQ29kZUh0bWxUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVUc1RhZ0RpcmVjdGl2ZSxcbiAgICBEb2NTZWN0aW9uQ29kZVNlcnZpY2VUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVDc3NUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVEb2NUYWdEaXJlY3RpdmUsXG4gICAgRG9jU2VjdGlvbkNvZGVEZXNjcmlwdGlvblRhZ0RpcmVjdGl2ZSxcbiAgICBMb3JlbUlwc3VtU2FtcGxlQ29tcG9uZW50LFxuICAgIFBsYXlncm91bmRDb21wb25lbnQsXG4gICAgRG9jUGFnZVBhdHRlcm5Db21wb25lbnQsXG4gICAgRG9jUGFnZVBhdHRlcm5Eb2NEaXJlY3RpdmUsXG4gICAgRG9jUGFnZVBhdHRlcm5TYW1wbGVEaXJlY3RpdmUsXG5dO1xuXG5ATmdNb2R1bGUoe1xuICAgIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVFNdLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBFdWlDYXJkTW9kdWxlLFxuICAgICAgICBFdWlCdXR0b25Nb2R1bGUsXG4gICAgICAgIEV1aVRhYnNNb2R1bGUsXG4gICAgICAgIEV1aVBhZ2VNb2R1bGUsXG4gICAgICAgIEV1aUNoaXBNb2R1bGUsXG4gICAgICAgIEV1aURpYWxvZ01vZHVsZSxcbiAgICAgICAgRXVpQWxlcnRNb2R1bGUsXG4gICAgICAgIEV1aUJsb2NrQ29udGVudE1vZHVsZSxcbiAgICAgICAgRXVpQmFkZ2VNb2R1bGUsXG4gICAgICAgIEV1aUljb25Nb2R1bGUsXG4gICAgICAgIEV1aUxhYmVsTW9kdWxlLFxuICAgICAgICBEb2NQbGF5Z3JvdW5kRGV2aWNlQ29tcG9uZW50LFxuICAgICAgICBNYXJrZG93bk1vZHVsZS5mb3JSb290KHsgc2FuaXRpemU6IFNlY3VyaXR5Q29udGV4dC5OT05FIH0pLFxuICAgIF0sXG4gICAgZXhwb3J0czogWy4uLkNPTVBPTkVOVFMsIERvY1BsYXlncm91bmREZXZpY2VDb21wb25lbnRdLFxuICAgIHByb3ZpZGVyczogW1N0YWNrYmxpdHpTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpU2hvd2Nhc2VNb2R1bGUge31cbiJdfQ==

package/fesm2022/eui-showcase.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, signal, Directive, booleanAttribute, HostBinding, Input, ViewEncapsulation, Component, ViewChild, forwardRef, ContentChildren, ContentChild, ElementRef, HostListener, SecurityContext, NgModule } from '@angular/core';
+import { inject, Injectable, signal, Directive, booleanAttribute, HostBinding, Input, ViewEncapsulation, Component, ViewChild, forwardRef, ContentChildren, ContentChild, input, ElementRef, HostListener, SecurityContext, NgModule } from '@angular/core';
 import * as i4$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2$1 from '@eui/components/eui-card';
@@ -36,6 +36,8 @@ import * as i3$1 from '@angular/platform-browser';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i1$1 from 'ngx-markdown';
 import { MarkdownModule } from 'ngx-markdown';
+import * as i2$3 from '@eui/components/eui-select';
+import { EuiSelectModule } from '@eui/components/eui-select';
 
 const polyfillsFile = 'import \'zone.js\';';
 const mainFile = (moduleName, componentName) => `
@@ -1459,6 +1461,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['dialog']
             }] } });
 
+const DEVICE_SIZES = [
+    {
+        name: 'phone-small',
+        label: 'Phone/Small',
+        width: 375,
+        height: 667,
+    },
+    {
+        name: 'phone-large',
+        label: 'Phone/Large',
+        width: 393,
+        height: 852,
+    },
+    {
+        name: 'tablet-small',
+        label: 'Tablet/Small',
+        width: 768,
+        height: 1024,
+    },
+    {
+        name: 'tablet-large',
+        label: 'Tablet/Large',
+        width: 1024,
+        height: 1366,
+    },
+];
+
+class DocPlaygroundDeviceComponent {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.url = input();
+        this.showcaseNameWithVersion = input();
+        this.hasPreviewToolbar = input(true, { transform: booleanAttribute });
+        this.isPreviewToolbarDisabled = input(false, { transform: booleanAttribute });
+        this.devices = [];
+    }
+    ngOnInit() {
+        const url = window.location;
+        const protocol = url.protocol;
+        const host = url.host;
+        let shellUrl;
+        if (host.indexOf('localhost') > -1) {
+            shellUrl = `${protocol}//${host}/${this.url()}`;
+        }
+        else {
+            shellUrl = `${protocol}//${host}/${this.showcaseNameWithVersion()}/${this.url()}`;
+        }
+        this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(shellUrl);
+        this.loadDevices();
+    }
+    toggleOrientation() {
+        this.isLandscapeView = !this.isLandscapeView;
+    }
+    onDeviceChange(event) {
+        const selectElement = event.target;
+        const value = selectElement.value;
+        const selectedDevice = this.devices.find(d => d.name === value);
+        if (selectedDevice && this.containerRef) {
+            const el = this.containerRef.nativeElement;
+            el.style.setProperty('--device-width', `${selectedDevice.width}px`);
+            el.style.setProperty('--device-height', `${selectedDevice.height}px`);
+        }
+    }
+    loadDevices() {
+        this.devices = DEVICE_SIZES;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DocPlaygroundDeviceComponent, deps: [{ token: i3$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DocPlaygroundDeviceComponent, isStandalone: true, selector: "eui-showcase-doc-playground-device", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, showcaseNameWithVersion: { classPropertyName: "showcaseNameWithVersion", publicName: "showcaseNameWithVersion", isSignal: true, isRequired: false, transformFunction: null }, hasPreviewToolbar: { classPropertyName: "hasPreviewToolbar", publicName: "hasPreviewToolbar", isSignal: true, isRequired: false, transformFunction: null }, isPreviewToolbarDisabled: { classPropertyName: "isPreviewToolbarDisabled", publicName: "isPreviewToolbarDisabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["deviceWrapper"], descendants: true }], ngImport: i0, template: "@if (hasPreviewToolbar()) {\n    <div class=\"device-preview-toolbar\" [class.device-preview-toolbar--disabled]=\"isPreviewToolbarDisabled()\">\n        <div class=\"device-preview-toolbar__devices\">\n            <select class=\"eui-u-cursor-pointer\" euiSelect name=\"device-sizes\" aria-label=\"device-sizes\" [value]=\"'phone-small'\" (change)=\"onDeviceChange($event)\">\n                @for (device of devices; track device) {\n                    <option [value]=\"device.name\">\n                        {{ device.label }}\n                    </option>\n                }\n            </select>\n        </div>\n        <button class=\"device-preview-toolbar__orientation\" (click)=\"toggleOrientation()\">\n            <eui-icon-svg [icon]=\"!isLandscapeView ? 'phone-portrait:outline' : 'phone-landscape:outline'\"/>\n            <span>{{ isLandscapeView ? 'Landscape' : 'Portrait' }}</span>\n        </button>\n        <a [href]=\"urlSafe\" class=\"device-preview-toolbar__full-screen\" target=\"_blank\">\n            |<eui-icon-svg icon=\"open:outline\"/>\n            <span>Full Screen</span>\n        </a>\n    </div>\n}\n<div class=\"device-wrapper\" #deviceWrapper [class.landscape]=\"isLandscapeView\">\n    <iframe id=\"iframe-playground\" loading=\"lazy\" class=\"device-frame\" width=\"100%\" height=\"100%\" frameBorder=\"0\" [src]=\"urlSafe\"></iframe>\n</div>\n\n", styles: [":root{--device-width: 375px;--device-height: 667px}.device-wrapper{border:.5rem solid var(--eui-c-neutral-max);border-radius:2rem;width:var(--device-width);height:var(--device-height);transition:transform .5s ease,width .5s,height .5s;transform-origin:center center;position:relative}@media (min-width: 768px){.device-wrapper{width:var(--device-width)}}.device-wrapper.landscape{transform:rotate(0);width:var(--device-height);height:var(--device-width)}.device-wrapper.landscape .device-frame{height:calc(var(--device-width) - var(--eui-s-m));width:calc(var(--device-height) - var(--eui-s-m))}.device-frame{border-radius:1.5rem;height:calc(var(--device-height) - var(--eui-s-m));transition:transform .5s ease,width .5s,height .5s;transform-origin:center center}@media (min-width: 768px){.device-frame{width:calc(var(--device-width) - var(--eui-s-m))}}@media screen and (max-width: 767px){.device-wrapper{border:none;border-radius:0;width:100%}.device-frame{border-radius:0}}.device-preview-toolbar{font:var(--eui-f-m-compact);display:flex;align-items:center;justify-content:center;height:68px;padding:var(--eui-s-s) var(--eui-s-s);border-radius:var(--eui-br-xl);box-shadow:0 1px 3px #0003;margin-bottom:var(--eui-s-m)}.device-preview-toolbar__orientation{background-color:transparent;border:none;display:flex;align-items:center;margin-left:var(--eui-s-m);margin-right:var(--eui-s-m)}.device-preview-toolbar__orientation eui-icon-svg{width:var(--eui-is-m);height:var(--eui-is-m);margin-right:var(--eui-s-xs);color:var(--eui-c-neutral)}.device-preview-toolbar__full-screen{display:flex;align-items:center;color:var(--eui-c-neutral);text-decoration:none}.device-preview-toolbar__full-screen eui-icon-svg{width:var(--eui-is-m);height:var(--eui-is-m);margin-right:var(--eui-s-xs);margin-left:var(--eui-s-m)}.device-preview-toolbar--disabled{opacity:.5;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: EuiSelectModule }, { kind: "component", type: i2$3.EuiSelectComponent, selector: "select[euiSelect]", inputs: ["placeholder", "readonly", "isInvalid"] }, { kind: "directive", type: i2$3.EuiNgSelectOptionDirective, selector: "option:not([eclSelectOption]):not([eclMultiselectOption]), option[euiOption]", inputs: ["selected", "label", "ngValue"] }, { kind: "directive", type: i2$3.EuiSelectMultipleOption, selector: "option, option[euiOption]", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i11.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DocPlaygroundDeviceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'eui-showcase-doc-playground-device', encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuiSelectModule, EuiIconModule], template: "@if (hasPreviewToolbar()) {\n    <div class=\"device-preview-toolbar\" [class.device-preview-toolbar--disabled]=\"isPreviewToolbarDisabled()\">\n        <div class=\"device-preview-toolbar__devices\">\n            <select class=\"eui-u-cursor-pointer\" euiSelect name=\"device-sizes\" aria-label=\"device-sizes\" [value]=\"'phone-small'\" (change)=\"onDeviceChange($event)\">\n                @for (device of devices; track device) {\n                    <option [value]=\"device.name\">\n                        {{ device.label }}\n                    </option>\n                }\n            </select>\n        </div>\n        <button class=\"device-preview-toolbar__orientation\" (click)=\"toggleOrientation()\">\n            <eui-icon-svg [icon]=\"!isLandscapeView ? 'phone-portrait:outline' : 'phone-landscape:outline'\"/>\n            <span>{{ isLandscapeView ? 'Landscape' : 'Portrait' }}</span>\n        </button>\n        <a [href]=\"urlSafe\" class=\"device-preview-toolbar__full-screen\" target=\"_blank\">\n            |<eui-icon-svg icon=\"open:outline\"/>\n            <span>Full Screen</span>\n        </a>\n    </div>\n}\n<div class=\"device-wrapper\" #deviceWrapper [class.landscape]=\"isLandscapeView\">\n    <iframe id=\"iframe-playground\" loading=\"lazy\" class=\"device-frame\" width=\"100%\" height=\"100%\" frameBorder=\"0\" [src]=\"urlSafe\"></iframe>\n</div>\n\n", styles: [":root{--device-width: 375px;--device-height: 667px}.device-wrapper{border:.5rem solid var(--eui-c-neutral-max);border-radius:2rem;width:var(--device-width);height:var(--device-height);transition:transform .5s ease,width .5s,height .5s;transform-origin:center center;position:relative}@media (min-width: 768px){.device-wrapper{width:var(--device-width)}}.device-wrapper.landscape{transform:rotate(0);width:var(--device-height);height:var(--device-width)}.device-wrapper.landscape .device-frame{height:calc(var(--device-width) - var(--eui-s-m));width:calc(var(--device-height) - var(--eui-s-m))}.device-frame{border-radius:1.5rem;height:calc(var(--device-height) - var(--eui-s-m));transition:transform .5s ease,width .5s,height .5s;transform-origin:center center}@media (min-width: 768px){.device-frame{width:calc(var(--device-width) - var(--eui-s-m))}}@media screen and (max-width: 767px){.device-wrapper{border:none;border-radius:0;width:100%}.device-frame{border-radius:0}}.device-preview-toolbar{font:var(--eui-f-m-compact);display:flex;align-items:center;justify-content:center;height:68px;padding:var(--eui-s-s) var(--eui-s-s);border-radius:var(--eui-br-xl);box-shadow:0 1px 3px #0003;margin-bottom:var(--eui-s-m)}.device-preview-toolbar__orientation{background-color:transparent;border:none;display:flex;align-items:center;margin-left:var(--eui-s-m);margin-right:var(--eui-s-m)}.device-preview-toolbar__orientation eui-icon-svg{width:var(--eui-is-m);height:var(--eui-is-m);margin-right:var(--eui-s-xs);color:var(--eui-c-neutral)}.device-preview-toolbar__full-screen{display:flex;align-items:center;color:var(--eui-c-neutral);text-decoration:none}.device-preview-toolbar__full-screen eui-icon-svg{width:var(--eui-is-m);height:var(--eui-is-m);margin-right:var(--eui-s-xs);margin-left:var(--eui-s-m)}.device-preview-toolbar--disabled{opacity:.5;pointer-events:none}\n"] }]
+        }], ctorParameters: () => [{ type: i3$1.DomSanitizer }], propDecorators: { containerRef: [{
+                type: ViewChild,
+                args: ['deviceWrapper']
+            }] } });
+
 class DocPageCodeFabComponent {
     constructor(asService) {
         this.asService = asService;
@@ -1760,7 +1839,8 @@ class EuiShowcaseModule {
             EuiBlockContentModule,
             EuiBadgeModule,
             EuiIconModule,
-            EuiLabelModule, i1$1.MarkdownModule], exports: [EuiCodeHighlighterDirective,
+            EuiLabelModule,
+            DocPlaygroundDeviceComponent, i1$1.MarkdownModule], exports: [EuiCodeHighlighterDirective,
             DocPageComponent,
             DocPageDevGuideComponent,
             DocPageCodeComponent,
@@ -1788,7 +1868,7 @@ class EuiShowcaseModule {
             PlaygroundComponent,
             DocPagePatternComponent,
             DocPagePatternDocDirective,
-            DocPagePatternSampleDirective] }); }
+            DocPagePatternSampleDirective, DocPlaygroundDeviceComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiShowcaseModule, providers: [StackblitzService], imports: [CommonModule,
             EuiCardModule,
             EuiButtonModule,
@@ -1801,6 +1881,7 @@ class EuiShowcaseModule {
             EuiBadgeModule,
             EuiIconModule,
             EuiLabelModule,
+            DocPlaygroundDeviceComponent,
             MarkdownModule.forRoot({ sanitize: SecurityContext.NONE })] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiShowcaseModule, decorators: [{
@@ -1820,9 +1901,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         EuiBadgeModule,
                         EuiIconModule,
                         EuiLabelModule,
+                        DocPlaygroundDeviceComponent,
                         MarkdownModule.forRoot({ sanitize: SecurityContext.NONE }),
                     ],
-                    exports: [...COMPONENTS],
+                    exports: [...COMPONENTS, DocPlaygroundDeviceComponent],
                     providers: [StackblitzService],
                 }]
         }] });
@@ -1831,5 +1913,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ConfigurationService, DocPageAccessibilityContentDirective, DocPageApiContentDirective, DocPageCodeComponent, DocPageCodeFabComponent, DocPageCodeModalComponent, DocPageComponent, DocPageDevGuideComponent, DocPageInteractiveContentDirective, DocPageOverviewContentDirective, DocPageOverviewDefaultContentDirective, DocPagePatternComponent, DocPagePatternDocDirective, DocPagePatternSampleDirective, DocPageSamplesContentDirective, DocPageSectionsContentDirective, DocPageThemingContentDirective, DocSampleApiComponent, DocSampleComponent, DocSectionCodeComponent, DocSectionCodeCssTagDirective, DocSectionCodeDescriptionTagDirective, DocSectionCodeDocTagDirective, DocSectionCodeHtmlTagDirective, DocSectionCodeServiceTagDirective, DocSectionCodeTsTagDirective, DocSectionComponent, EuiCodeHighlighterDirective, EuiShowcaseModule, LoremIpsumSampleComponent, PACKAGE_JSON, PlaygroundComponent, angularJsonFile, indexHtmlFile, mainFile, moduleFile, polyfillsFile, tsConfig };
+export { ConfigurationService, DocPageAccessibilityContentDirective, DocPageApiContentDirective, DocPageCodeComponent, DocPageCodeFabComponent, DocPageCodeModalComponent, DocPageComponent, DocPageDevGuideComponent, DocPageInteractiveContentDirective, DocPageOverviewContentDirective, DocPageOverviewDefaultContentDirective, DocPagePatternComponent, DocPagePatternDocDirective, DocPagePatternSampleDirective, DocPageSamplesContentDirective, DocPageSectionsContentDirective, DocPageThemingContentDirective, DocPlaygroundDeviceComponent, DocSampleApiComponent, DocSampleComponent, DocSectionCodeComponent, DocSectionCodeCssTagDirective, DocSectionCodeDescriptionTagDirective, DocSectionCodeDocTagDirective, DocSectionCodeHtmlTagDirective, DocSectionCodeServiceTagDirective, DocSectionCodeTsTagDirective, DocSectionComponent, EuiCodeHighlighterDirective, EuiShowcaseModule, LoremIpsumSampleComponent, PACKAGE_JSON, PlaygroundComponent, angularJsonFile, indexHtmlFile, mainFile, moduleFile, polyfillsFile, tsConfig };
 //# sourceMappingURL=eui-showcase.mjs.map