@stories-js/angular
Version:
Angular Stories renderer and wrapper for custom elements of Stories to be used as first-class Angular components
847 lines (842 loc) • 54.1 kB
JavaScript
import * as i0 from '@angular/core';
import { EventEmitter, Component, Input, Injectable, ChangeDetectionStrategy, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { __decorate } from 'tslib';
import { fromEvent } from 'rxjs';
class StoriesAngularRendererComponent {
constructor(vcRef, resolver) {
this.vcRef = vcRef;
this.resolver = resolver;
this.mountTarget = 'story-frame-root';
this.initialContent = `<!DOCTYPE html><html><title>Story</title><head></head><body style='height:100%;width: 100%'><div id="story-frame-root"></div></body></html>`;
this.subscriptions = [];
}
set story(value) {
this._story = value;
if (this.doc) {
// Create component
this.createComponent();
}
}
get story() {
return this._story;
}
onLoad(iframe) {
var _a;
this.doc = iframe.contentDocument || ((_a = iframe.contentWindow) === null || _a === void 0 ? void 0 : _a.document);
if (this.doc) {
// Create component
this.createComponent();
}
}
// Get target for rendening
getTarget() {
if (this.doc) {
return this.doc.querySelector(this.mountTarget || '') || this.doc.body;
}
return undefined;
}
removeChildren(parent) {
while (parent.lastChild) {
parent.removeChild(parent.lastChild);
}
}
createComponent() {
// Remove old content
const target = this.getTarget();
if (target) {
this.removeChildren(target);
this.subscriptions.forEach(subscription => subscription.unsubscribe);
this.subscriptions.splice(0, this.subscriptions.length);
// Create component from story
if (this.story) {
const compFactory = this.resolver.resolveComponentFactory(this.story.component);
this.compRef = this.vcRef.createComponent(compFactory);
this.compRef.location.nativeElement.id = 'innerComp';
console.log('StoriesAngularRendererComponent.story', this.story);
const res = this.story.storyFn.apply(this.compRef.instance);
console.log('StoriesAngularRendererComponent.res', res);
if (res.props) {
Object.keys(res.props).forEach(prop => {
var _a, _b;
const field = ((_a = this.compRef) === null || _a === void 0 ? void 0 : _a.instance)[prop];
console.log('StoriesAngularRendererComponent.field', field);
if (field instanceof EventEmitter) {
const subscription = field.subscribe((response) => res.props[prop](response));
this.subscriptions.push(subscription);
}
else {
((_b = this.compRef) === null || _b === void 0 ? void 0 : _b.instance)[prop] = res.props[prop];
}
});
}
if (this.story.args) {
Object.keys(this.story.args).forEach(arg => {
var _a, _b;
((_a = this.compRef) === null || _a === void 0 ? void 0 : _a.instance)[arg] = ((_b = this.story) === null || _b === void 0 ? void 0 : _b.args)[arg];
});
}
// Find component to mountTarget in frame or its body
target.appendChild(this.compRef.location.nativeElement);
}
}
}
}
StoriesAngularRendererComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAngularRendererComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component });
StoriesAngularRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesAngularRendererComponent, selector: "stories-angular-renderer", inputs: { story: "story", mountTarget: "mountTarget", initialContent: "initialContent" }, ngImport: i0, template: "<ng-container>\n <iframe style=\"height: 100%; width: 100%;\" #iframe (load)=\"onLoad(iframe)\" [attr.srcDoc]=\"initialContent\"></iframe>\n</ng-container>\n", styles: [""] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAngularRendererComponent, decorators: [{
type: Component,
args: [{
selector: 'stories-angular-renderer',
templateUrl: './stories-angular-renderer.component.html',
styleUrls: ['./stories-angular-renderer.component.css']
}]
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }]; }, propDecorators: { story: [{
type: Input
}], mountTarget: [{
type: Input
}], initialContent: [{
type: Input
}] } });
class StoriesAngularService {
constructor() {
this.modules = [];
}
setModules(modules) {
this.modules = modules;
}
}
StoriesAngularService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAngularService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
StoriesAngularService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAngularService, providedIn: 'root' });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAngularService, decorators: [{
type: Injectable,
args: [{
providedIn: 'root'
}]
}] });
/* eslint-disable */
const proxyInputs = (Cmp, inputs) => {
const Prototype = Cmp.prototype;
inputs.forEach(item => {
Object.defineProperty(Prototype, item, {
get() {
return this.el[item];
},
set(val) {
this.z.runOutsideAngular(() => (this.el[item] = val));
}
});
});
};
const proxyMethods = (Cmp, methods) => {
const Prototype = Cmp.prototype;
methods.forEach(methodName => {
Prototype[methodName] = function () {
const args = arguments;
return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
};
});
};
const proxyOutputs = (instance, el, events) => {
events.forEach(eventName => instance[eventName] = fromEvent(el, eventName));
};
const defineCustomElement = (tagName, customElement) => {
if (customElement !== undefined &&
typeof customElements !== 'undefined' &&
!customElements.get(tagName)) {
customElements.define(tagName, customElement);
}
};
// tslint:disable-next-line: only-arrow-functions
function ProxyCmp(opts) {
const decorator = function (cls) {
const { defineCustomElementFn, inputs, methods } = opts;
if (defineCustomElementFn !== undefined) {
defineCustomElementFn();
}
if (inputs) {
proxyInputs(cls, inputs);
}
if (methods) {
proxyMethods(cls, methods);
}
return cls;
};
return decorator;
}
let StoriesAddonActions = class StoriesAddonActions {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesAddonActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAddonActions, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesAddonActions.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesAddonActions, selector: "stories-addon-actions", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesAddonActions = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
methods: ['storyContextChanged']
})
], StoriesAddonActions);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAddonActions, decorators: [{
type: Component,
args: [{
selector: 'stories-addon-actions',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesAddonControls = class StoriesAddonControls {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesAddonControls.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAddonControls, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesAddonControls.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesAddonControls, selector: "stories-addon-controls", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesAddonControls = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
methods: ['storyContextChanged']
})
], StoriesAddonControls);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAddonControls, decorators: [{
type: Component,
args: [{
selector: 'stories-addon-controls',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesAddons = class StoriesAddons {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesAddons.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAddons, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesAddons.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesAddons, selector: "stories-addons", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesAddons = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
methods: ['registerAddon', 'unregisterAddon', 'findAddon', 'storyContextChanged']
})
], StoriesAddons);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAddons, decorators: [{
type: Component,
args: [{
selector: 'stories-addons',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesApp = class StoriesApp {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
proxyOutputs(this, this.el, ['storyChange', 'storyContextChange']);
}
};
StoriesApp.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesApp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesApp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesApp, selector: "stories-app", inputs: { modules: "modules", store: "store" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesApp = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['modules', 'store']
})
], StoriesApp);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesApp, decorators: [{
type: Component,
args: [{
selector: 'stories-app',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['modules', 'store']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesBadge = class StoriesBadge {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesBadge.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesBadge.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesBadge, selector: "stories-badge", inputs: { color: "color" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesBadge = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['color']
})
], StoriesBadge);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesBadge, decorators: [{
type: Component,
args: [{
selector: 'stories-badge',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['color']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesButton = class StoriesButton {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
proxyOutputs(this, this.el, ['storiesFocus', 'storiesBlur', 'storiesClick']);
}
};
StoriesButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesButton, selector: "stories-button", inputs: { buttonType: "buttonType", color: "color", disabled: "disabled", expand: "expand", fill: "fill", href: "href", routerDirection: "routerDirection", shape: "shape", size: "size", strong: "strong", target: "target", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesButton = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['buttonType', 'color', 'disabled', 'expand', 'fill', 'href', 'routerDirection', 'shape', 'size', 'strong', 'target', 'type']
})
], StoriesButton);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesButton, decorators: [{
type: Component,
args: [{
selector: 'stories-button',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['buttonType', 'color', 'disabled', 'expand', 'fill', 'href', 'routerDirection', 'shape', 'size', 'strong', 'target', 'type']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesButtons = class StoriesButtons {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesButtons.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesButtons, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesButtons.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesButtons, selector: "stories-buttons", inputs: { collapse: "collapse" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesButtons = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['collapse']
})
], StoriesButtons);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesButtons, decorators: [{
type: Component,
args: [{
selector: 'stories-buttons',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['collapse']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesCheckbox = class StoriesCheckbox {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
proxyOutputs(this, this.el, ['storiesChange', 'storiesFocus', 'storiesBlur']);
}
};
StoriesCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesCheckbox, selector: "stories-checkbox", inputs: { checked: "checked", color: "color", disabled: "disabled", indeterminate: "indeterminate", name: "name", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesCheckbox = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['checked', 'color', 'disabled', 'indeterminate', 'name', 'value']
})
], StoriesCheckbox);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesCheckbox, decorators: [{
type: Component,
args: [{
selector: 'stories-checkbox',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['checked', 'color', 'disabled', 'indeterminate', 'name', 'value']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesCol = class StoriesCol {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesCol.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesCol, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesCol.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesCol, selector: "stories-col", inputs: { offset: "offset", offsetLg: "offsetLg", offsetMd: "offsetMd", offsetSm: "offsetSm", offsetXl: "offsetXl", offsetXs: "offsetXs", pull: "pull", pullLg: "pullLg", pullMd: "pullMd", pullSm: "pullSm", pullXl: "pullXl", pullXs: "pullXs", push: "push", pushLg: "pushLg", pushMd: "pushMd", pushSm: "pushSm", pushXl: "pushXl", pushXs: "pushXs", size: "size", sizeLg: "sizeLg", sizeMd: "sizeMd", sizeSm: "sizeSm", sizeXl: "sizeXl", sizeXs: "sizeXs" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesCol = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXs', 'pull', 'pullLg', 'pullMd', 'pullSm', 'pullXl', 'pullXs', 'push', 'pushLg', 'pushMd', 'pushSm', 'pushXl', 'pushXs', 'size', 'sizeLg', 'sizeMd', 'sizeSm', 'sizeXl', 'sizeXs']
})
], StoriesCol);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesCol, decorators: [{
type: Component,
args: [{
selector: 'stories-col',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['offset', 'offsetLg', 'offsetMd', 'offsetSm', 'offsetXl', 'offsetXs', 'pull', 'pullLg', 'pullMd', 'pullSm', 'pullXl', 'pullXs', 'push', 'pushLg', 'pushMd', 'pushSm', 'pushXl', 'pushXs', 'size', 'sizeLg', 'sizeMd', 'sizeSm', 'sizeXl', 'sizeXs']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesFooter = class StoriesFooter {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesFooter, selector: "stories-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesFooter = __decorate([
ProxyCmp({
defineCustomElementFn: undefined
})
], StoriesFooter);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesFooter, decorators: [{
type: Component,
args: [{
selector: 'stories-footer',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesGrid = class StoriesGrid {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesGrid.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesGrid, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesGrid, selector: "stories-grid", inputs: { fixed: "fixed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesGrid = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['fixed']
})
], StoriesGrid);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesGrid, decorators: [{
type: Component,
args: [{
selector: 'stories-grid',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['fixed']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesIcon = class StoriesIcon {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesIcon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesIcon, selector: "stories-icon", inputs: { name: "name" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesIcon = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['name']
})
], StoriesIcon);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesIcon, decorators: [{
type: Component,
args: [{
selector: 'stories-icon',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['name']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesInput = class StoriesInput {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
proxyOutputs(this, this.el, ['storiesInput', 'storiesChange', 'storiesBlur', 'storiesFocus']);
}
};
StoriesInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesInput, selector: "stories-input", inputs: { autofocus: "autofocus", clearInput: "clearInput", color: "color", debounce: "debounce", disabled: "disabled", inputmode: "inputmode", max: "max", maxlength: "maxlength", min: "min", minlength: "minlength", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", size: "size", step: "step", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesInput = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['autofocus', 'clearInput', 'color', 'debounce', 'disabled', 'inputmode', 'max', 'maxlength', 'min', 'minlength', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'size', 'step', 'type', 'value'],
methods: ['setFocus', 'getInputElement']
})
], StoriesInput);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesInput, decorators: [{
type: Component,
args: [{
selector: 'stories-input',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['autofocus', 'clearInput', 'color', 'debounce', 'disabled', 'inputmode', 'max', 'maxlength', 'min', 'minlength', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'size', 'step', 'type', 'value']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesLabel = class StoriesLabel {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesLabel.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesLabel, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesLabel, selector: "stories-label", inputs: { color: "color", position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesLabel = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['color', 'position']
})
], StoriesLabel);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesLabel, decorators: [{
type: Component,
args: [{
selector: 'stories-label',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['color', 'position']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesPreview = class StoriesPreview {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesPreview.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesPreview, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesPreview.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesPreview, selector: "stories-preview", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesPreview = __decorate([
ProxyCmp({
defineCustomElementFn: undefined
})
], StoriesPreview);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesPreview, decorators: [{
type: Component,
args: [{
selector: 'stories-preview',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesRouter = class StoriesRouter {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesRouter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesRouter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesRouter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesRouter, selector: "stories-router", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesRouter = __decorate([
ProxyCmp({
defineCustomElementFn: undefined
})
], StoriesRouter);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesRouter, decorators: [{
type: Component,
args: [{
selector: 'stories-router',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesRow = class StoriesRow {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesRow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesRow, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesRow, selector: "stories-row", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesRow = __decorate([
ProxyCmp({
defineCustomElementFn: undefined
})
], StoriesRow);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesRow, decorators: [{
type: Component,
args: [{
selector: 'stories-row',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesSearchbar = class StoriesSearchbar {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
proxyOutputs(this, this.el, ['storiesInput', 'storiesChange', 'storiesCancel', 'storiesClear', 'storiesBlur', 'storiesFocus']);
}
};
StoriesSearchbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesSearchbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesSearchbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesSearchbar, selector: "stories-searchbar", inputs: { cancelButtonIcon: "cancelButtonIcon", clearIcon: "clearIcon", color: "color", debounce: "debounce", disabled: "disabled", inputmode: "inputmode", placeholder: "placeholder", searchIcon: "searchIcon", showCancelButton: "showCancelButton", showClearButton: "showClearButton", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesSearchbar = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['cancelButtonIcon', 'clearIcon', 'color', 'debounce', 'disabled', 'inputmode', 'placeholder', 'searchIcon', 'showCancelButton', 'showClearButton', 'type', 'value'],
methods: ['setFocus', 'getInputElement']
})
], StoriesSearchbar);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesSearchbar, decorators: [{
type: Component,
args: [{
selector: 'stories-searchbar',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['cancelButtonIcon', 'clearIcon', 'color', 'debounce', 'disabled', 'inputmode', 'placeholder', 'searchIcon', 'showCancelButton', 'showClearButton', 'type', 'value']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesSidebar = class StoriesSidebar {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesSidebar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesSidebar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesSidebar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesSidebar, selector: "stories-sidebar", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesSidebar = __decorate([
ProxyCmp({
defineCustomElementFn: undefined
})
], StoriesSidebar);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesSidebar, decorators: [{
type: Component,
args: [{
selector: 'stories-sidebar',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesSplitPane = class StoriesSplitPane {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
proxyOutputs(this, this.el, ['storiesSizeChange']);
}
};
StoriesSplitPane.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesSplitPane, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesSplitPane.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesSplitPane, selector: "stories-split-pane", inputs: { defaultSize: "defaultSize", isResizing: "isResizing", minSize: "minSize", split: "split" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesSplitPane = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['defaultSize', 'isResizing', 'minSize', 'split']
})
], StoriesSplitPane);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesSplitPane, decorators: [{
type: Component,
args: [{
selector: 'stories-split-pane',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['defaultSize', 'isResizing', 'minSize', 'split']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesTab = class StoriesTab {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesTab.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesTab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesTab, selector: "stories-tab", inputs: { tab: "tab" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesTab = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['tab']
})
], StoriesTab);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesTab, decorators: [{
type: Component,
args: [{
selector: 'stories-tab',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['tab']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesTabBar = class StoriesTabBar {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesTabBar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesTabBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesTabBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesTabBar, selector: "stories-tab-bar", inputs: { color: "color", selectedTab: "selectedTab" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesTabBar = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['color', 'selectedTab']
})
], StoriesTabBar);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesTabBar, decorators: [{
type: Component,
args: [{
selector: 'stories-tab-bar',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['color', 'selectedTab']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesTabButton = class StoriesTabButton {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesTabButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesTabButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesTabButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesTabButton, selector: "stories-tab-button", inputs: { disabled: "disabled", layout: "layout", selected: "selected", tab: "tab" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesTabButton = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['disabled', 'layout', 'selected', 'tab']
})
], StoriesTabButton);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesTabButton, decorators: [{
type: Component,
args: [{
selector: 'stories-tab-button',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['disabled', 'layout', 'selected', 'tab']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesTabs = class StoriesTabs {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesTabs.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesTabs.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesTabs, selector: "stories-tabs", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesTabs = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
methods: ['select', 'getTab', 'getSelected']
})
], StoriesTabs);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesTabs, decorators: [{
type: Component,
args: [{
selector: 'stories-tabs',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesToolBar = class StoriesToolBar {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesToolBar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesToolBar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesToolBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesToolBar, selector: "stories-tool-bar", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesToolBar = __decorate([
ProxyCmp({
defineCustomElementFn: undefined
})
], StoriesToolBar);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesToolBar, decorators: [{
type: Component,
args: [{
selector: 'stories-tool-bar',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesToolButton = class StoriesToolButton {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
proxyOutputs(this, this.el, ['storiesAction']);
}
};
StoriesToolButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesToolButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesToolButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesToolButton, selector: "stories-tool-button", inputs: { command: "command", disabled: "disabled", icon: "icon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesToolButton = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['command', 'disabled', 'icon']
})
], StoriesToolButton);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesToolButton, decorators: [{
type: Component,
args: [{
selector: 'stories-tool-button',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['command', 'disabled', 'icon']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesToolZoom = class StoriesToolZoom {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesToolZoom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesToolZoom, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesToolZoom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesToolZoom, selector: "stories-tool-zoom", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesToolZoom = __decorate([
ProxyCmp({
defineCustomElementFn: undefined
})
], StoriesToolZoom);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesToolZoom, decorators: [{
type: Component,
args: [{
selector: 'stories-tool-zoom',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>'
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
let StoriesZoom = class StoriesZoom {
constructor(c, r, z) {
this.z = z;
c.detach();
this.el = r.nativeElement;
}
};
StoriesZoom.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesZoom, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
StoriesZoom.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: StoriesZoom, selector: "stories-zoom", inputs: { zoom: "zoom" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
StoriesZoom = __decorate([
ProxyCmp({
defineCustomElementFn: undefined,
inputs: ['zoom']
})
], StoriesZoom);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesZoom, decorators: [{
type: Component,
args: [{
selector: 'stories-zoom',
changeDetection: ChangeDetectionStrategy.OnPush,
template: '<ng-content></ng-content>',
inputs: ['zoom']
}]
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
// eslint-disable-next-line @typescript-eslint/consistent-type-imports
class StoriesAngularModule {
static withStories(modules) {
const service = new StoriesAngularService();
service.setModules(modules);
console.log('StoriesAngularModule', modules);
return {
ngModule: StoriesAngularModule,
providers: [{ provide: StoriesAngularService, useFactory: () => service }]
};
}
}
StoriesAngularModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
StoriesAngularModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: StoriesAng