@logosphere-ui/angular 0.0.1-alpha.1

package/fesm2022/logosphere-ui-angular.mjs

@@ -0,0 +1,1390 @@
+import * as i0 from '@angular/core';
+import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component, ViewChild } from '@angular/core';
+import '@logosphere-ui/core/badge';
+import '@logosphere-ui/core/button';
+import '@logosphere-ui/core/checkbox';
+import '@logosphere-ui/core/formfield';
+import '@logosphere-ui/core/switch';
+import '@logosphere-ui/core/breadcrumb';
+import '@logosphere-ui/core/card';
+import '@logosphere-ui/core/input';
+import '@logosphere-ui/core/popover';
+import '@logosphere-ui/core/textarea';
+import '@logosphere-ui/core/timepicker';
+import '@logosphere-ui/core/calendar';
+import '@logosphere-ui/core/chatbot';
+import '@logosphere-ui/core/combobox';
+import '@logosphere-ui/core/datepicker';
+import '@logosphere-ui/core/download-manager';
+import '@logosphere-ui/core/drawer';
+import '@logosphere-ui/core/left-menu';
+import '@logosphere-ui/core/modal';
+import '@logosphere-ui/core/tab';
+import '@logosphere-ui/core/toast';
+import '@logosphere-ui/core/tree-menu';
+
+class LogosphereBadge {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
+    closeable = input(false, ...(ngDevMode ? [{ debugName: "closeable" }] : []));
+    isRound = input(false, ...(ngDevMode ? [{ debugName: "isRound" }] : []));
+    close = output();
+    onClose(_event) {
+        this.close.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereBadge, isStandalone: true, selector: "lgs-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, isRound: { classPropertyName: "isRound", publicName: "isRound", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: `
+    <logosphere-badge
+      [variant]="variant()"
+      [size]="size()"
+      [text]="text()"
+      [closeable]="closeable()"
+      [isRound]="isRound()"
+      (close)="onClose($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-badge>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereBadge, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-badge',
+                    imports: [],
+                    template: `
+    <logosphere-badge
+      [variant]="variant()"
+      [size]="size()"
+      [text]="text()"
+      [closeable]="closeable()"
+      [isRound]="isRound()"
+      (close)="onClose($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-badge>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], isRound: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRound", required: false }] }], close: [{ type: i0.Output, args: ["close"] }] } });
+
+class LogosphereButton {
+    theme = input('primary', ...(ngDevMode ? [{ debugName: "theme" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input('primary', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    iconOnly = input(false, ...(ngDevMode ? [{ debugName: "iconOnly" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereButton, isStandalone: true, selector: "lgs-button", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <logosphere-button [theme]="theme()" [size]="size()" [variant]="variant()" [iconOnly]="iconOnly()">
+      <ng-content></ng-content>
+    </logosphere-button>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-button',
+                    imports: [],
+                    template: `
+    <logosphere-button [theme]="theme()" [size]="size()" [variant]="variant()" [iconOnly]="iconOnly()">
+      <ng-content></ng-content>
+    </logosphere-button>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }] } });
+
+class LogosphereCheckbox {
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    indeterminate = input(false, ...(ngDevMode ? [{ debugName: "indeterminate" }] : []));
+    checked = input(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    type = input("checkbox", ...(ngDevMode ? [{ debugName: "type" }] : []));
+    change = output();
+    onChange(event) {
+        const e = event;
+        this.change.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCheckbox, isStandalone: true, selector: "lgs-checkbox", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: `
+    <logosphere-checkbox
+      [checked]="checked()"
+      [disabled]="disabled()"
+      [indeterminate]="indeterminate()"
+      [label]="label()"
+      [value]="value()"
+      [type]="type()"
+      (lgsChange)="onChange($event)"
+    >
+    </logosphere-checkbox>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-checkbox',
+                    imports: [],
+                    template: `
+    <logosphere-checkbox
+      [checked]="checked()"
+      [disabled]="disabled()"
+      [indeterminate]="indeterminate()"
+      [label]="label()"
+      [value]="value()"
+      [type]="type()"
+      (lgsChange)="onChange($event)"
+    >
+    </logosphere-checkbox>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], change: [{ type: i0.Output, args: ["change"] }] } });
+
+class LogosphereFormField {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    helper = input('', ...(ngDevMode ? [{ debugName: "helper" }] : []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    cursor = input('text', ...(ngDevMode ? [{ debugName: "cursor" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    multiline = input(false, ...(ngDevMode ? [{ debugName: "multiline" }] : []));
+    forceFocused = input(false, ...(ngDevMode ? [{ debugName: "forceFocused" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereFormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereFormField, isStandalone: true, selector: "lgs-formfield", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, cursor: { classPropertyName: "cursor", publicName: "cursor", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, multiline: { classPropertyName: "multiline", publicName: "multiline", isSignal: true, isRequired: false, transformFunction: null }, forceFocused: { classPropertyName: "forceFocused", publicName: "forceFocused", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <logosphere-formfield
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [placeholder]="placeholder()"
+      [size]="size()"
+      [variant]="variant()"
+      [cursor]="cursor()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      [multiline]="multiline()"
+      [forceFocused]="forceFocused()"
+    >
+      <ng-content></ng-content>
+      <ng-content select="[slot=prefix]" slot="prefix"></ng-content>
+      <ng-content select="[slot=suffix]" slot="suffix"></ng-content>
+      <ng-content select="[slot=clear]" slot="clear"></ng-content>
+    </logosphere-formfield>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereFormField, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-formfield',
+                    imports: [],
+                    template: `
+    <logosphere-formfield
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [placeholder]="placeholder()"
+      [size]="size()"
+      [variant]="variant()"
+      [cursor]="cursor()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      [multiline]="multiline()"
+      [forceFocused]="forceFocused()"
+    >
+      <ng-content></ng-content>
+      <ng-content select="[slot=prefix]" slot="prefix"></ng-content>
+      <ng-content select="[slot=suffix]" slot="suffix"></ng-content>
+      <ng-content select="[slot=clear]" slot="clear"></ng-content>
+    </logosphere-formfield>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], cursor: [{ type: i0.Input, args: [{ isSignal: true, alias: "cursor", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], multiline: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiline", required: false }] }], forceFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceFocused", required: false }] }] } });
+
+class LogosphereSwitch {
+    checked = input(false, ...(ngDevMode ? [{ debugName: "checked" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    change = output();
+    onChange(event) {
+        const e = event;
+        this.change.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereSwitch, isStandalone: true, selector: "lgs-switch", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: `
+    <logosphere-switch
+      [checked]="checked()"
+      [disabled]="disabled()"
+      [size]="size()"
+      (change)="onChange($event)"
+    ></logosphere-switch>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSwitch, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-switch',
+                    imports: [],
+                    template: `
+    <logosphere-switch
+      [checked]="checked()"
+      [disabled]="disabled()"
+      [size]="size()"
+      (change)="onChange($event)"
+    ></logosphere-switch>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], change: [{ type: i0.Output, args: ["change"] }] } });
+
+class LogosphereBreadcrumb {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    set elRef(element) {
+        if (element) {
+            element.nativeElement.items = this.items();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereBreadcrumb, isStandalone: true, selector: "lgs-breadcrumb", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
+    <logosphere-breadcrumb #el></logosphere-breadcrumb>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereBreadcrumb, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-breadcrumb',
+                    imports: [],
+                    template: `
+    <logosphere-breadcrumb #el></logosphere-breadcrumb>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], elRef: [{
+                type: ViewChild,
+                args: ['el', { static: false }]
+            }] } });
+
+class LogosphereCard {
+    cardTitle = input('', { ...(ngDevMode ? { debugName: "cardTitle" } : {}), alias: 'title' });
+    description = input('', ...(ngDevMode ? [{ debugName: "description" }] : []));
+    header = input(true, ...(ngDevMode ? [{ debugName: "header" }] : []));
+    footer = input(true, ...(ngDevMode ? [{ debugName: "footer" }] : []));
+    okLabel = input('Tamam', ...(ngDevMode ? [{ debugName: "okLabel" }] : []));
+    cancelLabel = input('İptal', ...(ngDevMode ? [{ debugName: "cancelLabel" }] : []));
+    ok = output();
+    cancel = output();
+    onOk() {
+        this.ok.emit();
+    }
+    onCancel() {
+        this.cancel.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCard, isStandalone: true, selector: "lgs-card", inputs: { cardTitle: { classPropertyName: "cardTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, okLabel: { classPropertyName: "okLabel", publicName: "okLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ok: "ok", cancel: "cancel" }, ngImport: i0, template: `
+    <logosphere-card
+      [title]="cardTitle()"
+      [description]="description()"
+      [header]="header()"
+      [footer]="footer()"
+      [okLabel]="okLabel()"
+      [cancelLabel]="cancelLabel()"
+      (ok)="onOk()"
+      (cancel)="onCancel()"
+    >
+      <ng-content></ng-content>
+      <ng-content select="[slot=header]" slot="header"></ng-content>
+      <ng-content select="[slot=footer]" slot="footer"></ng-content>
+    </logosphere-card>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCard, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-card',
+                    imports: [],
+                    template: `
+    <logosphere-card
+      [title]="cardTitle()"
+      [description]="description()"
+      [header]="header()"
+      [footer]="footer()"
+      [okLabel]="okLabel()"
+      [cancelLabel]="cancelLabel()"
+      (ok)="onOk()"
+      (cancel)="onCancel()"
+    >
+      <ng-content></ng-content>
+      <ng-content select="[slot=header]" slot="header"></ng-content>
+      <ng-content select="[slot=footer]" slot="footer"></ng-content>
+    </logosphere-card>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { cardTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], okLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "okLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], ok: [{ type: i0.Output, args: ["ok"] }], cancel: [{ type: i0.Output, args: ["cancel"] }] } });
+
+class LogosphereInput {
+    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    type = input('text', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+    autocomplete = input('', ...(ngDevMode ? [{ debugName: "autocomplete" }] : []));
+    minlength = input(undefined, ...(ngDevMode ? [{ debugName: "minlength" }] : []));
+    maxlength = input(undefined, ...(ngDevMode ? [{ debugName: "maxlength" }] : []));
+    pattern = input('', ...(ngDevMode ? [{ debugName: "pattern" }] : []));
+    min = input(undefined, ...(ngDevMode ? [{ debugName: "min" }] : []));
+    max = input(undefined, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    step = input(undefined, ...(ngDevMode ? [{ debugName: "step" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    helper = input('', ...(ngDevMode ? [{ debugName: "helper" }] : []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    mask = input('', ...(ngDevMode ? [{ debugName: "mask" }] : []));
+    inputEvent = output({ alias: 'inputChange' });
+    change = output();
+    keydown = output();
+    keyup = output();
+    clear = output();
+    onInput(event) {
+        const e = event;
+        this.inputEvent.emit(e.detail);
+    }
+    onChange(event) {
+        const e = event;
+        this.change.emit(e.detail);
+    }
+    onKeydown(event) {
+        const e = event;
+        this.keydown.emit(e.detail);
+    }
+    onKeyup(event) {
+        const e = event;
+        this.keyup.emit(e.detail);
+    }
+    onClear() {
+        this.clear.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereInput, isStandalone: true, selector: "lgs-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputEvent: "inputChange", change: "change", keydown: "keydown", keyup: "keyup", clear: "clear" }, ngImport: i0, template: `
+    <logosphere-input
+      [value]="value()"
+      [type]="type()"
+      [placeholder]="placeholder()"
+      [name]="name()"
+      [autocomplete]="autocomplete()"
+      [attr.minlength]="minlength()"
+      [attr.maxlength]="maxlength()"
+      [pattern]="pattern()"
+      [attr.min]="min()"
+      [attr.max]="max()"
+      [attr.step]="step()"
+      [size]="size()"
+      [variant]="variant()"
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      [mask]="mask()"
+      (input)="onInput($event)"
+      (change)="onChange($event)"
+      (keydown)="onKeydown($event)"
+      (keyup)="onKeyup($event)"
+      (clear)="onClear()"
+    >
+      <ng-content select="[slot=prefix]" slot="prefix"></ng-content>
+      <ng-content select="[slot=suffix]" slot="suffix"></ng-content>
+    </logosphere-input>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-input',
+                    imports: [],
+                    template: `
+    <logosphere-input
+      [value]="value()"
+      [type]="type()"
+      [placeholder]="placeholder()"
+      [name]="name()"
+      [autocomplete]="autocomplete()"
+      [attr.minlength]="minlength()"
+      [attr.maxlength]="maxlength()"
+      [pattern]="pattern()"
+      [attr.min]="min()"
+      [attr.max]="max()"
+      [attr.step]="step()"
+      [size]="size()"
+      [variant]="variant()"
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      [mask]="mask()"
+      (input)="onInput($event)"
+      (change)="onChange($event)"
+      (keydown)="onKeydown($event)"
+      (keyup)="onKeyup($event)"
+      (clear)="onClear()"
+    >
+      <ng-content select="[slot=prefix]" slot="prefix"></ng-content>
+      <ng-content select="[slot=suffix]" slot="suffix"></ng-content>
+    </logosphere-input>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], inputEvent: [{ type: i0.Output, args: ["inputChange"] }], change: [{ type: i0.Output, args: ["change"] }], keydown: [{ type: i0.Output, args: ["keydown"] }], keyup: [{ type: i0.Output, args: ["keyup"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
+
+class LogospherePopover {
+    popoverTitle = input('', { ...(ngDevMode ? { debugName: "popoverTitle" } : {}), alias: 'title' });
+    trigger = input('click', ...(ngDevMode ? [{ debugName: "trigger" }] : []));
+    placement = input('bottom', ...(ngDevMode ? [{ debugName: "placement" }] : []));
+    offset = input(8, ...(ngDevMode ? [{ debugName: "offset" }] : []));
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    closeOnOutsideClick = input(true, ...(ngDevMode ? [{ debugName: "closeOnOutsideClick" }] : []));
+    popoverOpen = output();
+    popoverClose = output();
+    onPopoverOpen() {
+        this.popoverOpen.emit();
+    }
+    onPopoverClose() {
+        this.popoverClose.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogospherePopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogospherePopover, isStandalone: true, selector: "lgs-popover", inputs: { popoverTitle: { classPropertyName: "popoverTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { popoverOpen: "popoverOpen", popoverClose: "popoverClose" }, ngImport: i0, template: `
+    <logosphere-popover
+      [title]="popoverTitle()"
+      [trigger]="trigger()"
+      [placement]="placement()"
+      [offset]="offset()"
+      [open]="open()"
+      [closeOnOutsideClick]="closeOnOutsideClick()"
+      (popover-open)="onPopoverOpen()"
+      (popover-close)="onPopoverClose()"
+    >
+      <ng-content select="[slot=trigger]" slot="trigger"></ng-content>
+      <ng-content></ng-content>
+    </logosphere-popover>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogospherePopover, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-popover',
+                    imports: [],
+                    template: `
+    <logosphere-popover
+      [title]="popoverTitle()"
+      [trigger]="trigger()"
+      [placement]="placement()"
+      [offset]="offset()"
+      [open]="open()"
+      [closeOnOutsideClick]="closeOnOutsideClick()"
+      (popover-open)="onPopoverOpen()"
+      (popover-close)="onPopoverClose()"
+    >
+      <ng-content select="[slot=trigger]" slot="trigger"></ng-content>
+      <ng-content></ng-content>
+    </logosphere-popover>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { popoverTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], closeOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnOutsideClick", required: false }] }], popoverOpen: [{ type: i0.Output, args: ["popoverOpen"] }], popoverClose: [{ type: i0.Output, args: ["popoverClose"] }] } });
+
+class LogosphereTextarea {
+    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+    autocomplete = input('', ...(ngDevMode ? [{ debugName: "autocomplete" }] : []));
+    minlength = input(undefined, ...(ngDevMode ? [{ debugName: "minlength" }] : []));
+    maxlength = input(undefined, ...(ngDevMode ? [{ debugName: "maxlength" }] : []));
+    rows = input(3, ...(ngDevMode ? [{ debugName: "rows" }] : []));
+    maxRows = input(8, ...(ngDevMode ? [{ debugName: "maxRows" }] : []));
+    cols = input(undefined, ...(ngDevMode ? [{ debugName: "cols" }] : []));
+    wrap = input('soft', ...(ngDevMode ? [{ debugName: "wrap" }] : []));
+    resize = input('vertical', ...(ngDevMode ? [{ debugName: "resize" }] : []));
+    autoResize = input(true, ...(ngDevMode ? [{ debugName: "autoResize" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    helper = input('', ...(ngDevMode ? [{ debugName: "helper" }] : []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    inputEvent = output({ alias: 'inputChange' });
+    change = output();
+    clear = output();
+    onInput(event) {
+        const e = event;
+        this.inputEvent.emit(e.detail);
+    }
+    onChange(event) {
+        const e = event;
+        this.change.emit(e.detail);
+    }
+    onClear() {
+        this.clear.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTextarea, isStandalone: true, selector: "lgs-textarea", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputEvent: "inputChange", change: "change", clear: "clear" }, ngImport: i0, template: `
+    <logosphere-textarea
+      [value]="value()"
+      [placeholder]="placeholder()"
+      [name]="name()"
+      [autocomplete]="autocomplete()"
+      [attr.minlength]="minlength()"
+      [attr.maxlength]="maxlength()"
+      [rows]="rows()"
+      [maxRows]="maxRows()"
+      [attr.cols]="cols()"
+      [wrap]="wrap()"
+      [resize]="resize()"
+      [autoResize]="autoResize()"
+      [size]="size()"
+      [variant]="variant()"
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      (input)="onInput($event)"
+      (change)="onChange($event)"
+      (clear)="onClear()"
+    ></logosphere-textarea>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTextarea, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-textarea',
+                    imports: [],
+                    template: `
+    <logosphere-textarea
+      [value]="value()"
+      [placeholder]="placeholder()"
+      [name]="name()"
+      [autocomplete]="autocomplete()"
+      [attr.minlength]="minlength()"
+      [attr.maxlength]="maxlength()"
+      [rows]="rows()"
+      [maxRows]="maxRows()"
+      [attr.cols]="cols()"
+      [wrap]="wrap()"
+      [resize]="resize()"
+      [autoResize]="autoResize()"
+      [size]="size()"
+      [variant]="variant()"
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      (input)="onInput($event)"
+      (change)="onChange($event)"
+      (clear)="onClear()"
+    ></logosphere-textarea>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], cols: [{ type: i0.Input, args: [{ isSignal: true, alias: "cols", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }], autoResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoResize", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], inputEvent: [{ type: i0.Output, args: ["inputChange"] }], change: [{ type: i0.Output, args: ["change"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
+
+class LogosphereTimePicker {
+    value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    helper = input('', ...(ngDevMode ? [{ debugName: "helper" }] : []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : []));
+    placeholder = input('__:__', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    change = output();
+    clear = output();
+    onChange(event) {
+        const e = event;
+        this.change.emit(e.detail);
+    }
+    onClear() {
+        this.clear.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTimePicker, isStandalone: true, selector: "lgs-timepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", clear: "clear" }, ngImport: i0, template: `
+    <logosphere-timepicker
+      [value]="value()"
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [placeholder]="placeholder()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      [size]="size()"
+      [variant]="variant()"
+      (change)="onChange($event)"
+      (clear)="onClear()"
+    ></logosphere-timepicker>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTimePicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-timepicker',
+                    imports: [],
+                    template: `
+    <logosphere-timepicker
+      [value]="value()"
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [placeholder]="placeholder()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readonly]="readonly()"
+      [size]="size()"
+      [variant]="variant()"
+      (change)="onChange($event)"
+      (clear)="onClear()"
+    ></logosphere-timepicker>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
+
+class LogosphereCalendar {
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    min = input(null, ...(ngDevMode ? [{ debugName: "min" }] : []));
+    max = input(null, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    rangeMode = input(false, ...(ngDevMode ? [{ debugName: "rangeMode" }] : []));
+    disabledDays = input([], ...(ngDevMode ? [{ debugName: "disabledDays" }] : []));
+    rangeStart = input(null, ...(ngDevMode ? [{ debugName: "rangeStart" }] : []));
+    rangeEnd = input(null, ...(ngDevMode ? [{ debugName: "rangeEnd" }] : []));
+    closable = input(false, ...(ngDevMode ? [{ debugName: "closable" }] : []));
+    change = output();
+    rangeChange = output();
+    closeRequest = output();
+    set elRef(element) {
+        if (element) {
+            element.nativeElement.disabledDays = this.disabledDays();
+        }
+    }
+    onChange(event) {
+        const e = event;
+        this.change.emit(e.detail);
+    }
+    onRangeChange(event) {
+        const e = event;
+        this.rangeChange.emit(e.detail);
+    }
+    onCloseRequest() {
+        this.closeRequest.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCalendar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCalendar, isStandalone: true, selector: "lgs-calendar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, rangeMode: { classPropertyName: "rangeMode", publicName: "rangeMode", isSignal: true, isRequired: false, transformFunction: null }, disabledDays: { classPropertyName: "disabledDays", publicName: "disabledDays", isSignal: true, isRequired: false, transformFunction: null }, rangeStart: { classPropertyName: "rangeStart", publicName: "rangeStart", isSignal: true, isRequired: false, transformFunction: null }, rangeEnd: { classPropertyName: "rangeEnd", publicName: "rangeEnd", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", rangeChange: "rangeChange", closeRequest: "closeRequest" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
+    <logosphere-calendar
+      #el
+      [attr.value]="value()"
+      [attr.min]="min()"
+      [attr.max]="max()"
+      [attr.disabled]="disabled() || null"
+      [attr.range-mode]="rangeMode() || null"
+      [attr.range-start]="rangeStart()"
+      [attr.range-end]="rangeEnd()"
+      [attr.closable]="closable() || null"
+      (change)="onChange($event)"
+      (rangeChange)="onRangeChange($event)"
+      (close-request)="onCloseRequest()"
+    ></logosphere-calendar>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCalendar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-calendar',
+                    imports: [],
+                    template: `
+    <logosphere-calendar
+      #el
+      [attr.value]="value()"
+      [attr.min]="min()"
+      [attr.max]="max()"
+      [attr.disabled]="disabled() || null"
+      [attr.range-mode]="rangeMode() || null"
+      [attr.range-start]="rangeStart()"
+      [attr.range-end]="rangeEnd()"
+      [attr.closable]="closable() || null"
+      (change)="onChange($event)"
+      (rangeChange)="onRangeChange($event)"
+      (close-request)="onCloseRequest()"
+    ></logosphere-calendar>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], rangeMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeMode", required: false }] }], disabledDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDays", required: false }] }], rangeStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeStart", required: false }] }], rangeEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeEnd", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], rangeChange: [{ type: i0.Output, args: ["rangeChange"] }], closeRequest: [{ type: i0.Output, args: ["closeRequest"] }], elRef: [{
+                type: ViewChild,
+                args: ['el', { static: false }]
+            }] } });
+
+class LogosphereChatbot {
+    returnUri = input('', ...(ngDevMode ? [{ debugName: "returnUri" }] : []));
+    questionPrompt = input('', ...(ngDevMode ? [{ debugName: "questionPrompt" }] : []));
+    minimizedIconOnly = input(false, ...(ngDevMode ? [{ debugName: "minimizedIconOnly" }] : []));
+    draggable = input(false, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
+    resizable = input(false, ...(ngDevMode ? [{ debugName: "resizable" }] : []));
+    openInitially = input(false, ...(ngDevMode ? [{ debugName: "openInitially" }] : []));
+    showFeedbackButtons = input(false, ...(ngDevMode ? [{ debugName: "showFeedbackButtons" }] : []));
+    products = input([], ...(ngDevMode ? [{ debugName: "products" }] : []));
+    set chatbotElRef(element) {
+        if (element) {
+            element.nativeElement.products = this.products();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereChatbot, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereChatbot, isStandalone: true, selector: "lgs-chatbot", inputs: { returnUri: { classPropertyName: "returnUri", publicName: "returnUri", isSignal: true, isRequired: false, transformFunction: null }, questionPrompt: { classPropertyName: "questionPrompt", publicName: "questionPrompt", isSignal: true, isRequired: false, transformFunction: null }, minimizedIconOnly: { classPropertyName: "minimizedIconOnly", publicName: "minimizedIconOnly", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, openInitially: { classPropertyName: "openInitially", publicName: "openInitially", isSignal: true, isRequired: false, transformFunction: null }, showFeedbackButtons: { classPropertyName: "showFeedbackButtons", publicName: "showFeedbackButtons", isSignal: true, isRequired: false, transformFunction: null }, products: { classPropertyName: "products", publicName: "products", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "chatbotElRef", first: true, predicate: ["chatbotEl"], descendants: true }], ngImport: i0, template: `
+    <logosphere-chatbot
+      #chatbotEl
+      [attr.return-uri]="returnUri()"
+      [attr.question-prompt]="questionPrompt()"
+      [attr.minimized-icon-only]="minimizedIconOnly() || null"
+      [attr.draggable]="draggable() || null"
+      [attr.resizable]="resizable() || null"
+      [attr.open-initially]="openInitially() || null"
+      [attr.show-feedback-buttons]="showFeedbackButtons() || null"
+    ></logosphere-chatbot>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereChatbot, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-chatbot',
+                    imports: [],
+                    template: `
+    <logosphere-chatbot
+      #chatbotEl
+      [attr.return-uri]="returnUri()"
+      [attr.question-prompt]="questionPrompt()"
+      [attr.minimized-icon-only]="minimizedIconOnly() || null"
+      [attr.draggable]="draggable() || null"
+      [attr.resizable]="resizable() || null"
+      [attr.open-initially]="openInitially() || null"
+      [attr.show-feedback-buttons]="showFeedbackButtons() || null"
+    ></logosphere-chatbot>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { returnUri: [{ type: i0.Input, args: [{ isSignal: true, alias: "returnUri", required: false }] }], questionPrompt: [{ type: i0.Input, args: [{ isSignal: true, alias: "questionPrompt", required: false }] }], minimizedIconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimizedIconOnly", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], openInitially: [{ type: i0.Input, args: [{ isSignal: true, alias: "openInitially", required: false }] }], showFeedbackButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFeedbackButtons", required: false }] }], products: [{ type: i0.Input, args: [{ isSignal: true, alias: "products", required: false }] }], chatbotElRef: [{
+                type: ViewChild,
+                args: ['chatbotEl', { static: false }]
+            }] } });
+
+class LogosphereCombobox {
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    helper = input('', ...(ngDevMode ? [{ debugName: "helper" }] : []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : []));
+    placeholder = input('Seçim yapınız', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readOnly = input(false, ...(ngDevMode ? [{ debugName: "readOnly" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+    filterable = input(false, ...(ngDevMode ? [{ debugName: "filterable" }] : []));
+    optionLabel = input('label', ...(ngDevMode ? [{ debugName: "optionLabel" }] : []));
+    optionValue = input('value', ...(ngDevMode ? [{ debugName: "optionValue" }] : []));
+    emptyMessage = input('Sonuç yok', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    change = output();
+    selected = output();
+    set elRef(element) {
+        console.log(element);
+        if (element) {
+            console.log(element.nativeElement);
+            console.log(this.items());
+            element.nativeElement.items = this.items();
+        }
+    }
+    onChange(event) {
+        const e = event;
+        this.change.emit(e.detail);
+    }
+    onSelected(event) {
+        const e = event;
+        this.selected.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCombobox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCombobox, isStandalone: true, selector: "lgs-combobox", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", selected: "selected" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
+    <logosphere-combobox
+      #el
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [placeholder]="placeholder()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readOnly]="readOnly()"
+      [variant]="variant()"
+      [multiple]="multiple()"
+      [filterable]="filterable()"
+      [optionLabel]="optionLabel()"
+      [optionValue]="optionValue()"
+      [emptyMessage]="emptyMessage()"
+      [size]="size()"
+      (change)="onChange($event)"
+      (selected)="onSelected($event)"
+    ></logosphere-combobox>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCombobox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-combobox',
+                    imports: [],
+                    template: `
+    <logosphere-combobox
+      #el
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [placeholder]="placeholder()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readOnly]="readOnly()"
+      [variant]="variant()"
+      [multiple]="multiple()"
+      [filterable]="filterable()"
+      [optionLabel]="optionLabel()"
+      [optionValue]="optionValue()"
+      [emptyMessage]="emptyMessage()"
+      [size]="size()"
+      (change)="onChange($event)"
+      (selected)="onSelected($event)"
+    ></logosphere-combobox>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], optionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionLabel", required: false }] }], optionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionValue", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], selected: [{ type: i0.Output, args: ["selected"] }], elRef: [{
+                type: ViewChild,
+                args: ['el', { static: false }]
+            }] } });
+
+class LogosphereDatePicker {
+    value = input(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    min = input(null, ...(ngDevMode ? [{ debugName: "min" }] : []));
+    max = input(null, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    expandFactor = input(1.05, ...(ngDevMode ? [{ debugName: "expandFactor" }] : []));
+    placeholder = input('GG/AA/YYYY veya GG.AA.YYYY', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    helper = input('', ...(ngDevMode ? [{ debugName: "helper" }] : []));
+    error = input('', ...(ngDevMode ? [{ debugName: "error" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    rangeMode = input(false, ...(ngDevMode ? [{ debugName: "rangeMode" }] : []));
+    disabledDays = input([], ...(ngDevMode ? [{ debugName: "disabledDays" }] : []));
+    rangeStart = input(null, ...(ngDevMode ? [{ debugName: "rangeStart" }] : []));
+    rangeEnd = input(null, ...(ngDevMode ? [{ debugName: "rangeEnd" }] : []));
+    change = output();
+    rangeChange = output();
+    set elRef(element) {
+        if (element) {
+            element.nativeElement.disabledDays = this.disabledDays();
+            element.nativeElement.expandFactor = this.expandFactor();
+        }
+    }
+    onChange(event) {
+        const e = event;
+        this.change.emit(e.detail);
+    }
+    onRangeChange(event) {
+        const e = event;
+        this.rangeChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereDatePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereDatePicker, isStandalone: true, selector: "lgs-datepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, expandFactor: { classPropertyName: "expandFactor", publicName: "expandFactor", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, rangeMode: { classPropertyName: "rangeMode", publicName: "rangeMode", isSignal: true, isRequired: false, transformFunction: null }, disabledDays: { classPropertyName: "disabledDays", publicName: "disabledDays", isSignal: true, isRequired: false, transformFunction: null }, rangeStart: { classPropertyName: "rangeStart", publicName: "rangeStart", isSignal: true, isRequired: false, transformFunction: null }, rangeEnd: { classPropertyName: "rangeEnd", publicName: "rangeEnd", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", rangeChange: "rangeChange" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
+    <logosphere-datepicker
+      #el
+      [attr.value]="value()"
+      [attr.min]="min()"
+      [attr.max]="max()"
+      [attr.required]="required() || null"
+      [attr.disabled]="disabled() || null"
+      [attr.readonly]="readonly() || null"
+      [attr.placeholder]="placeholder()"
+      [attr.label]="label()"
+      [attr.helper]="helper()"
+      [attr.error]="error()"
+      [attr.size]="size()"
+      [attr.variant]="variant()"
+      [attr.range-mode]="rangeMode() || null"
+      [attr.range-start]="rangeStart()"
+      [attr.range-end]="rangeEnd()"
+      (change)="onChange($event)"
+      (rangeChange)="onRangeChange($event)"
+    ></logosphere-datepicker>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereDatePicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-datepicker',
+                    imports: [],
+                    template: `
+    <logosphere-datepicker
+      #el
+      [attr.value]="value()"
+      [attr.min]="min()"
+      [attr.max]="max()"
+      [attr.required]="required() || null"
+      [attr.disabled]="disabled() || null"
+      [attr.readonly]="readonly() || null"
+      [attr.placeholder]="placeholder()"
+      [attr.label]="label()"
+      [attr.helper]="helper()"
+      [attr.error]="error()"
+      [attr.size]="size()"
+      [attr.variant]="variant()"
+      [attr.range-mode]="rangeMode() || null"
+      [attr.range-start]="rangeStart()"
+      [attr.range-end]="rangeEnd()"
+      (change)="onChange($event)"
+      (rangeChange)="onRangeChange($event)"
+    ></logosphere-datepicker>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], expandFactor: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandFactor", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], rangeMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeMode", required: false }] }], disabledDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabledDays", required: false }] }], rangeStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeStart", required: false }] }], rangeEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeEnd", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], rangeChange: [{ type: i0.Output, args: ["rangeChange"] }], elRef: [{
+                type: ViewChild,
+                args: ['el', { static: false }]
+            }] } });
+
+class LogosphereDownloadManager {
+    chunkSize = input(2 * 1024 * 1024, ...(ngDevMode ? [{ debugName: "chunkSize" }] : []));
+    maxConcurrentDownloads = input(3, ...(ngDevMode ? [{ debugName: "maxConcurrentDownloads" }] : []));
+    maxConcurrentChunks = input(4, ...(ngDevMode ? [{ debugName: "maxConcurrentChunks" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereDownloadManager, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereDownloadManager, isStandalone: true, selector: "lgs-download-manager", inputs: { chunkSize: { classPropertyName: "chunkSize", publicName: "chunkSize", isSignal: true, isRequired: false, transformFunction: null }, maxConcurrentDownloads: { classPropertyName: "maxConcurrentDownloads", publicName: "maxConcurrentDownloads", isSignal: true, isRequired: false, transformFunction: null }, maxConcurrentChunks: { classPropertyName: "maxConcurrentChunks", publicName: "maxConcurrentChunks", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <download-manager
+      [chunkSize]="chunkSize()"
+      [maxConcurrentDownloads]="maxConcurrentDownloads()"
+      [maxConcurrentChunks]="maxConcurrentChunks()"
+    ></download-manager>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereDownloadManager, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-download-manager',
+                    imports: [],
+                    template: `
+    <download-manager
+      [chunkSize]="chunkSize()"
+      [maxConcurrentDownloads]="maxConcurrentDownloads()"
+      [maxConcurrentChunks]="maxConcurrentChunks()"
+    ></download-manager>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { chunkSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "chunkSize", required: false }] }], maxConcurrentDownloads: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxConcurrentDownloads", required: false }] }], maxConcurrentChunks: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxConcurrentChunks", required: false }] }] } });
+
+class LogosphereDrawer {
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    drawerTitle = input('', { ...(ngDevMode ? { debugName: "drawerTitle" } : {}), alias: 'title' });
+    position = input('right', ...(ngDevMode ? [{ debugName: "position" }] : []));
+    width = input(360, ...(ngDevMode ? [{ debugName: "width" }] : []));
+    closeOnEsc = input(true, ...(ngDevMode ? [{ debugName: "closeOnEsc" }] : []));
+    containerSelector = input('', ...(ngDevMode ? [{ debugName: "containerSelector" }] : []));
+    drawerOpen = output();
+    drawerClose = output();
+    onDrawerOpen() {
+        this.drawerOpen.emit();
+    }
+    onDrawerClose() {
+        this.drawerClose.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereDrawer, isStandalone: true, selector: "lgs-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, drawerTitle: { classPropertyName: "drawerTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, closeOnEsc: { classPropertyName: "closeOnEsc", publicName: "closeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, containerSelector: { classPropertyName: "containerSelector", publicName: "containerSelector", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { drawerOpen: "drawerOpen", drawerClose: "drawerClose" }, ngImport: i0, template: `
+    <logosphere-drawer
+      [open]="open()"
+      [title]="drawerTitle()"
+      [position]="position()"
+      [width]="width()"
+      [closeOnEsc]="closeOnEsc()"
+      [containerSelector]="containerSelector()"
+      (drawer-open)="onDrawerOpen()"
+      (drawer-close)="onDrawerClose()"
+    >
+      <ng-content></ng-content>
+    </logosphere-drawer>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereDrawer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-drawer',
+                    imports: [],
+                    template: `
+    <logosphere-drawer
+      [open]="open()"
+      [title]="drawerTitle()"
+      [position]="position()"
+      [width]="width()"
+      [closeOnEsc]="closeOnEsc()"
+      [containerSelector]="containerSelector()"
+      (drawer-open)="onDrawerOpen()"
+      (drawer-close)="onDrawerClose()"
+    >
+      <ng-content></ng-content>
+    </logosphere-drawer>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], drawerTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], closeOnEsc: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEsc", required: false }] }], containerSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerSelector", required: false }] }], drawerOpen: [{ type: i0.Output, args: ["drawerOpen"] }], drawerClose: [{ type: i0.Output, args: ["drawerClose"] }] } });
+
+class LogosphereLeftMenu {
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    pinned = input(false, ...(ngDevMode ? [{ debugName: "pinned" }] : []));
+    closedWidth = input(64, ...(ngDevMode ? [{ debugName: "closedWidth" }] : []));
+    openWidth = input(248, ...(ngDevMode ? [{ debugName: "openWidth" }] : []));
+    storageKey = input('logosphere-leftmenu-state', ...(ngDevMode ? [{ debugName: "storageKey" }] : []));
+    pinChange = output();
+    itemClick = output();
+    onPinChange(event) {
+        const e = event;
+        this.pinChange.emit(e.detail);
+    }
+    onItemClick(event) {
+        const e = event;
+        this.itemClick.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLeftMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLeftMenu, isStandalone: true, selector: "lgs-left-menu", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, pinned: { classPropertyName: "pinned", publicName: "pinned", isSignal: true, isRequired: false, transformFunction: null }, closedWidth: { classPropertyName: "closedWidth", publicName: "closedWidth", isSignal: true, isRequired: false, transformFunction: null }, openWidth: { classPropertyName: "openWidth", publicName: "openWidth", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pinChange: "pinChange", itemClick: "itemClick" }, ngImport: i0, template: `
+    <logosphere-leftmenu
+      [open]="open()"
+      [pinned]="pinned()"
+      [closedWidth]="closedWidth()"
+      [openWidth]="openWidth()"
+      [storageKey]="storageKey()"
+      (pin-change)="onPinChange($event)"
+      (item-click)="onItemClick($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-leftmenu>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLeftMenu, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-left-menu',
+                    imports: [],
+                    template: `
+    <logosphere-leftmenu
+      [open]="open()"
+      [pinned]="pinned()"
+      [closedWidth]="closedWidth()"
+      [openWidth]="openWidth()"
+      [storageKey]="storageKey()"
+      (pin-change)="onPinChange($event)"
+      (item-click)="onItemClick($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-leftmenu>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], pinned: [{ type: i0.Input, args: [{ isSignal: true, alias: "pinned", required: false }] }], closedWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "closedWidth", required: false }] }], openWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "openWidth", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], pinChange: [{ type: i0.Output, args: ["pinChange"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
+
+class LogosphereLeftMenuItem {
+    itemId = input('', ...(ngDevMode ? [{ debugName: "itemId" }] : []));
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    active = input(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLeftMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLeftMenuItem, isStandalone: true, selector: "lgs-left-menu-item", inputs: { itemId: { classPropertyName: "itemId", publicName: "itemId", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <leftmenu-item
+      [itemId]="itemId()"
+      [label]="label()"
+      [disabled]="disabled()"
+      [active]="active()"
+    >
+      <ng-content></ng-content>
+    </leftmenu-item>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLeftMenuItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-left-menu-item',
+                    imports: [],
+                    template: `
+    <leftmenu-item
+      [itemId]="itemId()"
+      [label]="label()"
+      [disabled]="disabled()"
+      [active]="active()"
+    >
+      <ng-content></ng-content>
+    </leftmenu-item>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { itemId: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemId", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }] } });
+
+class LogosphereModal {
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    modalTitle = input('', { ...(ngDevMode ? { debugName: "modalTitle" } : {}), alias: 'title' });
+    closeOnEsc = input(true, ...(ngDevMode ? [{ debugName: "closeOnEsc" }] : []));
+    closeOnBackdrop = input(true, ...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : []));
+    showBack = input(false, ...(ngDevMode ? [{ debugName: "showBack" }] : []));
+    showClose = input(false, ...(ngDevMode ? [{ debugName: "showClose" }] : []));
+    modalOpen = output();
+    modalClose = output();
+    onModalOpen() {
+        this.modalOpen.emit();
+    }
+    onModalClose() {
+        this.modalClose.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereModal, isStandalone: true, selector: "lgs-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closeOnEsc: { classPropertyName: "closeOnEsc", publicName: "closeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, showBack: { classPropertyName: "showBack", publicName: "showBack", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modalOpen: "modalOpen", modalClose: "modalClose" }, ngImport: i0, template: `
+    <logosphere-modal
+      [open]="open()"
+      [title]="modalTitle()"
+      [closeOnEsc]="closeOnEsc()"
+      [closeOnBackdrop]="closeOnBackdrop()"
+      [showBack]="showBack()"
+      [showClose]="showClose()"
+      (modal-open)="onModalOpen()"
+      (modal-close)="onModalClose()"
+    >
+      <ng-content></ng-content>
+      <ng-content select="[slot=footer]" slot="footer"></ng-content>
+    </logosphere-modal>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereModal, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-modal',
+                    imports: [],
+                    template: `
+    <logosphere-modal
+      [open]="open()"
+      [title]="modalTitle()"
+      [closeOnEsc]="closeOnEsc()"
+      [closeOnBackdrop]="closeOnBackdrop()"
+      [showBack]="showBack()"
+      [showClose]="showClose()"
+      (modal-open)="onModalOpen()"
+      (modal-close)="onModalClose()"
+    >
+      <ng-content></ng-content>
+      <ng-content select="[slot=footer]" slot="footer"></ng-content>
+    </logosphere-modal>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], modalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], closeOnEsc: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEsc", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], showBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBack", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], modalOpen: [{ type: i0.Output, args: ["modalOpen"] }], modalClose: [{ type: i0.Output, args: ["modalClose"] }] } });
+
+class LogosphereTab {
+    tabs = input([], ...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    activeTab = input('', ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    lazy = input(true, ...(ngDevMode ? [{ debugName: "lazy" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    tabChange = output();
+    set elRef(element) {
+        if (element) {
+            element.nativeElement.tabs = this.tabs();
+        }
+    }
+    onTabChange(event) {
+        const e = event;
+        this.tabChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTab, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTab, isStandalone: true, selector: "lgs-tab", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: false, transformFunction: null }, lazy: { classPropertyName: "lazy", publicName: "lazy", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabChange: "tabChange" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
+    <logosphere-tab
+      #el
+      [activeTab]="activeTab()"
+      [lazy]="lazy()"
+      [variant]="variant()"
+      (tab-change)="onTabChange($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-tab>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTab, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-tab',
+                    imports: [],
+                    template: `
+    <logosphere-tab
+      #el
+      [activeTab]="activeTab()"
+      [lazy]="lazy()"
+      [variant]="variant()"
+      (tab-change)="onTabChange($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-tab>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: false }] }], activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: false }] }], lazy: [{ type: i0.Input, args: [{ isSignal: true, alias: "lazy", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }], elRef: [{
+                type: ViewChild,
+                args: ['el', { static: false }]
+            }] } });
+
+class LogosphereToast {
+    type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
+    toastTitle = input('', { ...(ngDevMode ? { debugName: "toastTitle" } : {}), alias: 'title' });
+    text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
+    icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+    closeable = input(true, ...(ngDevMode ? [{ debugName: "closeable" }] : []));
+    duration = input(5000, ...(ngDevMode ? [{ debugName: "duration" }] : []));
+    autoDismiss = input(true, ...(ngDevMode ? [{ debugName: "autoDismiss" }] : []));
+    dismiss = output();
+    onDismiss() {
+        this.dismiss.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereToast, isStandalone: true, selector: "lgs-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, toastTitle: { classPropertyName: "toastTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, autoDismiss: { classPropertyName: "autoDismiss", publicName: "autoDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: `
+    <logosphere-toast
+      [type]="type()"
+      [title]="toastTitle()"
+      [text]="text()"
+      [icon]="icon()"
+      [closeable]="closeable()"
+      [duration]="duration()"
+      [autoDismiss]="autoDismiss()"
+      (dismiss)="onDismiss()"
+    ></logosphere-toast>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereToast, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-toast',
+                    imports: [],
+                    template: `
+    <logosphere-toast
+      [type]="type()"
+      [title]="toastTitle()"
+      [text]="text()"
+      [icon]="icon()"
+      [closeable]="closeable()"
+      [duration]="duration()"
+      [autoDismiss]="autoDismiss()"
+      (dismiss)="onDismiss()"
+    ></logosphere-toast>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], toastTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], autoDismiss: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoDismiss", required: false }] }], dismiss: [{ type: i0.Output, args: ["dismiss"] }] } });
+class LogosphereToastContainer {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereToastContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.7", type: LogosphereToastContainer, isStandalone: true, selector: "lgs-toast-container", ngImport: i0, template: `
+    <logosphere-toast-container #el></logosphere-toast-container>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereToastContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-toast-container',
+                    imports: [],
+                    template: `
+    <logosphere-toast-container #el></logosphere-toast-container>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+class LogosphereTreeMenu {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    expandedIds = input([], ...(ngDevMode ? [{ debugName: "expandedIds" }] : []));
+    expandOnLabelClick = input(true, ...(ngDevMode ? [{ debugName: "expandOnLabelClick" }] : []));
+    chevronPosition = input('left', ...(ngDevMode ? [{ debugName: "chevronPosition" }] : []));
+    showLabels = input(true, ...(ngDevMode ? [{ debugName: "showLabels" }] : []));
+    iconSize = input(16, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
+    toggle = output();
+    itemClick = output();
+    nodeClick = output();
+    set elRef(element) {
+        if (element) {
+            element.nativeElement.items = this.items();
+            element.nativeElement.expandedIds = this.expandedIds();
+        }
+    }
+    onToggle(event) {
+        const e = event;
+        this.toggle.emit(e.detail);
+    }
+    onItemClick(event) {
+        const e = event;
+        this.itemClick.emit(e.detail);
+    }
+    onNodeClick(event) {
+        const e = event;
+        this.nodeClick.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTreeMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTreeMenu, isStandalone: true, selector: "lgs-tree-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, expandedIds: { classPropertyName: "expandedIds", publicName: "expandedIds", isSignal: true, isRequired: false, transformFunction: null }, expandOnLabelClick: { classPropertyName: "expandOnLabelClick", publicName: "expandOnLabelClick", isSignal: true, isRequired: false, transformFunction: null }, chevronPosition: { classPropertyName: "chevronPosition", publicName: "chevronPosition", isSignal: true, isRequired: false, transformFunction: null }, showLabels: { classPropertyName: "showLabels", publicName: "showLabels", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle", itemClick: "itemClick", nodeClick: "nodeClick" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
+    <logosphere-tree-menu
+      #el
+      [expandOnLabelClick]="expandOnLabelClick()"
+      [chevronPosition]="chevronPosition()"
+      [showLabels]="showLabels()"
+      [iconSize]="iconSize()"
+      (toggle)="onToggle($event)"
+      (item-click)="onItemClick($event)"
+      (node-click)="onNodeClick($event)"
+    ></logosphere-tree-menu>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTreeMenu, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-tree-menu',
+                    imports: [],
+                    template: `
+    <logosphere-tree-menu
+      #el
+      [expandOnLabelClick]="expandOnLabelClick()"
+      [chevronPosition]="chevronPosition()"
+      [showLabels]="showLabels()"
+      [iconSize]="iconSize()"
+      (toggle)="onToggle($event)"
+      (item-click)="onItemClick($event)"
+      (node-click)="onNodeClick($event)"
+    ></logosphere-tree-menu>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: false }] }], expandOnLabelClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOnLabelClick", required: false }] }], chevronPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "chevronPosition", required: false }] }], showLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabels", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], elRef: [{
+                type: ViewChild,
+                args: ['el', { static: false }]
+            }] } });
+
+// projects/wrapper/src/public-api.ts
+const WRAPPER_VERSION = '1.0.0';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LogosphereBadge, LogosphereBreadcrumb, LogosphereButton, LogosphereCalendar, LogosphereCard, LogosphereChatbot, LogosphereCheckbox, LogosphereCombobox, LogosphereDatePicker, LogosphereDownloadManager, LogosphereDrawer, LogosphereFormField, LogosphereInput, LogosphereLeftMenu, LogosphereLeftMenuItem, LogosphereModal, LogospherePopover, LogosphereSwitch, LogosphereTab, LogosphereTextarea, LogosphereTimePicker, LogosphereToast, LogosphereToastContainer, LogosphereTreeMenu, WRAPPER_VERSION };
+//# sourceMappingURL=logosphere-ui-angular.mjs.map