@logosphere-ui/angular 0.0.1 → 1.0.0-beta.1

package/fesm2022/logosphere-ui-angular.mjs

@@ -1,17 +1,100 @@
 import * as i0 from '@angular/core';
-import { input, CUSTOM_ELEMENTS_SCHEMA, Component, output, effect, ViewChild } 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/loading';
+import '@logosphere-ui/core/note';
+import '@logosphere-ui/core/slider';
+import '@logosphere-ui/core/switch';
+import '@logosphere-ui/core/accordion';
+import '@logosphere-ui/core/breadcrumb';
+import '@logosphere-ui/core/card';
+import '@logosphere-ui/core/chip-group';
+import '@logosphere-ui/core/collapse';
+import '@logosphere-ui/core/icon';
+import '@logosphere-ui/core/input';
+import '@logosphere-ui/core/input-group';
+import '@logosphere-ui/core/pagination';
+import '@logosphere-ui/core/popover';
+import '@logosphere-ui/core/split-button';
+import '@logosphere-ui/core/stepper';
+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/table';
+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" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     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()">
+    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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <logosphere-button
+      [theme]="theme()"
+      [size]="size()"
+      [variant]="variant()"
+      [iconOnly]="iconOnly()"
+      [disabled]="disabled()"
+      [loading]="loading()"
+    >
       <ng-content></ng-content>
     </logosphere-button>`, isInline: true });
 }
@@ -21,12 +104,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                     selector: 'lgs-button',
                     imports: [],
                     template: `
-    <logosphere-button [theme]="theme()" [size]="size()" [variant]="variant()" [iconOnly]="iconOnly()">
+    <logosphere-button
+      [theme]="theme()"
+      [size]="size()"
+      [variant]="variant()"
+      [iconOnly]="iconOnly()"
+      [disabled]="disabled()"
+      [loading]="loading()"
+    >
       <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 }] }] } });
+        }], 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 }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
 
 class LogosphereCheckbox {
     disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
@@ -73,61 +163,1825 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], 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 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" }] : []));
-    chatbotEl;
-    constructor() {
-        // products array property binding — attribute olarak geçilemez, DOM property olarak set edilmeli
-        effect(() => {
-            const prods = this.products();
-            const el = this.chatbotEl?.nativeElement;
-            if (el)
-                el.products = prods;
-        });
+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 LogosphereLoading {
+    label = input('Yükleniyor', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLoading, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLoading, isStandalone: true, selector: "lgs-loading", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<logosphere-loading [label]="label()" [variant]="variant()"></logosphere-loading>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLoading, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-loading',
+                    imports: [],
+                    template: `<logosphere-loading [label]="label()" [variant]="variant()"></logosphere-loading>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+
+class LogosphereNote {
+    variant = input('info', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    noteTitle = input('', { ...(ngDevMode ? { debugName: "noteTitle" } : {}), alias: 'title' });
+    text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
+    width = input('', ...(ngDevMode ? [{ debugName: "width" }] : []));
+    close = output();
+    onClose(_event) {
+        this.close.emit();
     }
-    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: "chatbotEl", 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>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereNote, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereNote, isStandalone: true, selector: "lgs-note", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, noteTitle: { classPropertyName: "noteTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: `
+    <logosphere-note
+      [variant]="variant()"
+      [size]="size()"
+      [title]="noteTitle()"
+      [text]="text()"
+      [width]="width()"
+      (close)="onClose($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-note>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereChatbot, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereNote, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lgs-chatbot',
+                    selector: 'lgs-note',
                     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>
+    <logosphere-note
+      [variant]="variant()"
+      [size]="size()"
+      [title]="noteTitle()"
+      [text]="text()"
+      [width]="width()"
+      (close)="onClose($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-note>
+  `,
+                    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 }] }], noteTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], close: [{ type: i0.Output, args: ["close"] }] } });
+
+class LogosphereSlider {
+    value = input(50, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : []));
+    max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    range = input(false, ...(ngDevMode ? [{ debugName: "range" }] : []));
+    rangeStart = input(25, ...(ngDevMode ? [{ debugName: "rangeStart" }] : []));
+    rangeEnd = input(75, ...(ngDevMode ? [{ debugName: "rangeEnd" }] : []));
+    minDistance = input(0, ...(ngDevMode ? [{ debugName: "minDistance" }] : []));
+    tooltip = input('never', ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
+    showScale = input(false, ...(ngDevMode ? [{ debugName: "showScale" }] : []));
+    percentage = input(false, ...(ngDevMode ? [{ debugName: "percentage" }] : []));
+    labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : []));
+    sliderChange = output();
+    onSliderChange(event) {
+        const e = event;
+        this.sliderChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereSlider, isStandalone: true, selector: "lgs-slider", 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 }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, range: { classPropertyName: "range", publicName: "range", 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 }, minDistance: { classPropertyName: "minDistance", publicName: "minDistance", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, showScale: { classPropertyName: "showScale", publicName: "showScale", isSignal: true, isRequired: false, transformFunction: null }, percentage: { classPropertyName: "percentage", publicName: "percentage", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sliderChange: "sliderChange" }, ngImport: i0, template: `
+    <logosphere-slider
+      [value]="value()"
+      [min]="min()"
+      [max]="max()"
+      [step]="step()"
+      [disabled]="disabled()"
+      [range]="range()"
+      [rangeStart]="rangeStart()"
+      [rangeEnd]="rangeEnd()"
+      [minDistance]="minDistance()"
+      [tooltip]="tooltip()"
+      [showScale]="showScale()"
+      [percentage]="percentage()"
+      [labels]="labels()"
+      (change)="onSliderChange($event)"
+    ></logosphere-slider>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSlider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-slider',
+                    imports: [],
+                    template: `
+    <logosphere-slider
+      [value]="value()"
+      [min]="min()"
+      [max]="max()"
+      [step]="step()"
+      [disabled]="disabled()"
+      [range]="range()"
+      [rangeStart]="rangeStart()"
+      [rangeEnd]="rangeEnd()"
+      [minDistance]="minDistance()"
+      [tooltip]="tooltip()"
+      [showScale]="showScale()"
+      [percentage]="percentage()"
+      [labels]="labels()"
+      (change)="onSliderChange($event)"
+    ></logosphere-slider>
+  `,
+                    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 }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }], rangeStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeStart", required: false }] }], rangeEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "rangeEnd", required: false }] }], minDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDistance", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], showScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "showScale", required: false }] }], percentage: [{ type: i0.Input, args: [{ isSignal: true, alias: "percentage", required: false }] }], labels: [{ type: i0.Input, args: [{ isSignal: true, alias: "labels", required: false }] }], sliderChange: [{ type: i0.Output, args: ["sliderChange"] }] } });
+
+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 LogosphereAccordion {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+    defaultOpen = input([], ...(ngDevMode ? [{ debugName: "defaultOpen" }] : []));
+    border = input('full', ...(ngDevMode ? [{ debugName: "border" }] : []));
+    iconPosition = input('right', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    accordionChange = output();
+    onAccordionChange(event) {
+        const e = event;
+        this.accordionChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereAccordion, isStandalone: true, selector: "lgs-accordion", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { accordionChange: "accordionChange" }, ngImport: i0, template: `
+    <logosphere-accordion
+      [items]="items()"
+      [multiple]="multiple()"
+      [defaultOpen]="defaultOpen()"
+      [border]="border()"
+      [iconPosition]="iconPosition()"
+      [size]="size()"
+      (accordion-change)="onAccordionChange($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-accordion>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereAccordion, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-accordion',
+                    imports: [],
+                    template: `
+    <logosphere-accordion
+      [items]="items()"
+      [multiple]="multiple()"
+      [defaultOpen]="defaultOpen()"
+      [border]="border()"
+      [iconPosition]="iconPosition()"
+      [size]="size()"
+      (accordion-change)="onAccordionChange($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-accordion>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], accordionChange: [{ type: i0.Output, args: ["accordionChange"] }] } });
+
+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 LogosphereChipGroup {
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    value = input([], ...(ngDevMode ? [{ debugName: "value" }] : []));
+    theme = input('default', ...(ngDevMode ? [{ debugName: "theme" }] : []));
+    gap = input('var(--spacing-2)', ...(ngDevMode ? [{ debugName: "gap" }] : []));
+    chipGroupChange = output();
+    onChipGroupChange(event) {
+        const e = event;
+        this.chipGroupChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereChipGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereChipGroup, isStandalone: true, selector: "lgs-chip-group", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chipGroupChange: "chipGroupChange" }, ngImport: i0, template: `
+    <logosphere-chip-group
+      [items]="items()"
+      [value]="value()"
+      [theme]="theme()"
+      [gap]="gap()"
+      (chip-group-change)="onChipGroupChange($event)"
+    ></logosphere-chip-group>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereChipGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-chip-group',
+                    imports: [],
+                    template: `
+    <logosphere-chip-group
+      [items]="items()"
+      [value]="value()"
+      [theme]="theme()"
+      [gap]="gap()"
+      (chip-group-change)="onChipGroupChange($event)"
+    ></logosphere-chip-group>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], chipGroupChange: [{ type: i0.Output, args: ["chipGroupChange"] }] } });
+
+class LogosphereCollapse {
+    title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    expanded = input(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    border = input('full', ...(ngDevMode ? [{ debugName: "border" }] : []));
+    iconPosition = input('right', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    toggle = output();
+    onToggle(event) {
+        const e = event;
+        this.toggle.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereCollapse, isStandalone: true, selector: "lgs-collapse", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggle: "toggle" }, ngImport: i0, template: `
+    <logosphere-collapse
+      [title]="title()"
+      [expanded]="expanded()"
+      [disabled]="disabled()"
+      [border]="border()"
+      [iconPosition]="iconPosition()"
+      [size]="size()"
+      (toggle)="onToggle($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-collapse>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCollapse, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-collapse',
+                    imports: [],
+                    template: `
+    <logosphere-collapse
+      [title]="title()"
+      [expanded]="expanded()"
+      [disabled]="disabled()"
+      [border]="border()"
+      [iconPosition]="iconPosition()"
+      [size]="size()"
+      (toggle)="onToggle($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-collapse>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }] } });
+
+class LogosphereIcon {
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
+    size = input(20, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereIcon, isStandalone: true, selector: "lgs-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<ui-icon [name]="name()" [size]="size()"></ui-icon>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-icon',
+                    imports: [],
+                    template: `<ui-icon [name]="name()" [size]="size()"></ui-icon>`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+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" }] : []));
+    pickOnly = input(false, ...(ngDevMode ? [{ debugName: "pickOnly" }] : []));
+    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 }, pickOnly: { classPropertyName: "pickOnly", publicName: "pickOnly", 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()"
+      [pickOnly]="pickOnly()"
+      [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()"
+      [pickOnly]="pickOnly()"
+      [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 }] }], pickOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "pickOnly", 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 LogosphereInputGroup {
+    stretch = input(true, ...(ngDevMode ? [{ debugName: "stretch" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereInputGroup, isStandalone: true, selector: "lgs-input-group", inputs: { stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <logosphere-input-group [stretch]="stretch()">
+      <ng-content></ng-content>
+    </logosphere-input-group>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInputGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-input-group',
+                    imports: [],
+                    template: `
+    <logosphere-input-group [stretch]="stretch()">
+      <ng-content></ng-content>
+    </logosphere-input-group>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }] } });
+
+class LogospherePagination {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    page = input(1, ...(ngDevMode ? [{ debugName: "page" }] : []));
+    pageSize = input(25, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    total = input(0, ...(ngDevMode ? [{ debugName: "total" }] : []));
+    pageSizeOptions = input([10, 25, 50, 100], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+    showPageSize = input(true, ...(ngDevMode ? [{ debugName: "showPageSize" }] : []));
+    showTotal = input(true, ...(ngDevMode ? [{ debugName: "showTotal" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    prevLabel = input('Önceki', ...(ngDevMode ? [{ debugName: "prevLabel" }] : []));
+    nextLabel = input('Sonraki', ...(ngDevMode ? [{ debugName: "nextLabel" }] : []));
+    pageLabel = input('Sayfa', ...(ngDevMode ? [{ debugName: "pageLabel" }] : []));
+    perPageLabel = input('/ sayfa', ...(ngDevMode ? [{ debugName: "perPageLabel" }] : []));
+    totalLabel = input('kayıt', ...(ngDevMode ? [{ debugName: "totalLabel" }] : []));
+    pageChange = output({ alias: 'page-change' });
+    set elRef(element) {
+        if (element) {
+            element.nativeElement.pageSizeOptions = this.pageSizeOptions();
+        }
+    }
+    onPageChange(event) {
+        const e = event;
+        this.pageChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogospherePagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogospherePagination, isStandalone: true, selector: "lgs-pagination", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showPageSize: { classPropertyName: "showPageSize", publicName: "showPageSize", isSignal: true, isRequired: false, transformFunction: null }, showTotal: { classPropertyName: "showTotal", publicName: "showTotal", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, prevLabel: { classPropertyName: "prevLabel", publicName: "prevLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null }, pageLabel: { classPropertyName: "pageLabel", publicName: "pageLabel", isSignal: true, isRequired: false, transformFunction: null }, perPageLabel: { classPropertyName: "perPageLabel", publicName: "perPageLabel", isSignal: true, isRequired: false, transformFunction: null }, totalLabel: { classPropertyName: "totalLabel", publicName: "totalLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "page-change" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true }], ngImport: i0, template: `
+    <logosphere-pagination
+      #el
+      [variant]="variant()"
+      [page]="page()"
+      [pageSize]="pageSize()"
+      [total]="total()"
+      [showPageSize]="showPageSize()"
+      [showTotal]="showTotal()"
+      [disabled]="disabled()"
+      [prevLabel]="prevLabel()"
+      [nextLabel]="nextLabel()"
+      [pageLabel]="pageLabel()"
+      [perPageLabel]="perPageLabel()"
+      [totalLabel]="totalLabel()"
+      (page-change)="onPageChange($event)"
+    ></logosphere-pagination>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogospherePagination, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-pagination',
+                    imports: [],
+                    template: `
+    <logosphere-pagination
+      #el
+      [variant]="variant()"
+      [page]="page()"
+      [pageSize]="pageSize()"
+      [total]="total()"
+      [showPageSize]="showPageSize()"
+      [showTotal]="showTotal()"
+      [disabled]="disabled()"
+      [prevLabel]="prevLabel()"
+      [nextLabel]="nextLabel()"
+      [pageLabel]="pageLabel()"
+      [perPageLabel]="perPageLabel()"
+      [totalLabel]="totalLabel()"
+      (page-change)="onPageChange($event)"
+    ></logosphere-pagination>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], showPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPageSize", required: false }] }], showTotal: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotal", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], prevLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "prevLabel", required: false }] }], nextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextLabel", required: false }] }], pageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageLabel", required: false }] }], perPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "perPageLabel", required: false }] }], totalLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalLabel", required: false }] }], pageChange: [{ type: i0.Output, args: ["page-change"] }], elRef: [{
+                type: ViewChild,
+                args: ['el', { static: false }]
+            }] } });
+
+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 LogosphereSplitButton {
+    label = input('Button', ...(ngDevMode ? [{ debugName: "label" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    theme = input('primary', ...(ngDevMode ? [{ debugName: "theme" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    dropdownDisabled = input(false, ...(ngDevMode ? [{ debugName: "dropdownDisabled" }] : []));
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+    action = output();
+    dropdownOpen = output();
+    dropdownClose = output();
+    itemSelect = output();
+    onAction() {
+        this.action.emit();
+    }
+    onDropdownOpen() {
+        this.dropdownOpen.emit();
+    }
+    onDropdownClose() {
+        this.dropdownClose.emit();
+    }
+    onItemSelect(event) {
+        const e = event;
+        this.itemSelect.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereSplitButton, isStandalone: true, selector: "lgs-split-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dropdownDisabled: { classPropertyName: "dropdownDisabled", publicName: "dropdownDisabled", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action", dropdownOpen: "dropdownOpen", dropdownClose: "dropdownClose", itemSelect: "itemSelect" }, ngImport: i0, template: `
+    <logosphere-split-button
+      [label]="label()"
+      [size]="size()"
+      [theme]="theme()"
+      [disabled]="disabled()"
+      [dropdownDisabled]="dropdownDisabled()"
+      [items]="items()"
+      (action)="onAction()"
+      (dropdown-open)="onDropdownOpen()"
+      (dropdown-close)="onDropdownClose()"
+      (item-select)="onItemSelect($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-split-button>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSplitButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-split-button',
+                    imports: [],
+                    template: `
+    <logosphere-split-button
+      [label]="label()"
+      [size]="size()"
+      [theme]="theme()"
+      [disabled]="disabled()"
+      [dropdownDisabled]="dropdownDisabled()"
+      [items]="items()"
+      (action)="onAction()"
+      (dropdown-open)="onDropdownOpen()"
+      (dropdown-close)="onDropdownClose()"
+      (item-select)="onItemSelect($event)"
+    >
+      <ng-content></ng-content>
+    </logosphere-split-button>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], dropdownDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownDisabled", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], action: [{ type: i0.Output, args: ["action"] }], dropdownOpen: [{ type: i0.Output, args: ["dropdownOpen"] }], dropdownClose: [{ type: i0.Output, args: ["dropdownClose"] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }] } });
+
+class LogosphereStepper {
+    steps = input([], ...(ngDevMode ? [{ debugName: "steps" }] : []));
+    activeStep = input(0, ...(ngDevMode ? [{ debugName: "activeStep" }] : []));
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
+    clickable = input(false, ...(ngDevMode ? [{ debugName: "clickable" }] : []));
+    stepChange = output();
+    onStepChange(event) {
+        const e = event;
+        this.stepChange.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereStepper, isStandalone: true, selector: "lgs-stepper", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, activeStep: { classPropertyName: "activeStep", publicName: "activeStep", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepChange: "stepChange" }, ngImport: i0, template: `
+    <logosphere-stepper
+      [steps]="steps()"
+      [activeStep]="activeStep()"
+      [orientation]="orientation()"
+      [clickable]="clickable()"
+      (step-change)="onStepChange($event)"
+    ></logosphere-stepper>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereStepper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-stepper',
+                    imports: [],
+                    template: `
+    <logosphere-stepper
+      [steps]="steps()"
+      [activeStep]="activeStep()"
+      [orientation]="orientation()"
+      [clickable]="clickable()"
+      (step-change)="onStepChange($event)"
+    ></logosphere-stepper>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], activeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeStep", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], stepChange: [{ type: i0.Output, args: ["stepChange"] }] } });
+
+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" }] : []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    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" }] : []));
+    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    clearable = input(true, ...(ngDevMode ? [{ debugName: "clearable" }] : []));
+    itemRenderer = input(undefined, ...(ngDevMode ? [{ debugName: "itemRenderer" }] : []));
+    onSearch = input(undefined, ...(ngDevMode ? [{ debugName: "onSearch" }] : []));
+    onFocus = input(undefined, ...(ngDevMode ? [{ debugName: "onFocus" }] : []));
+    onLoadMore = input(undefined, ...(ngDevMode ? [{ debugName: "onLoadMore" }] : []));
+    change = output();
+    lgsChange = output();
+    selected = output();
+    searchChange = output();
+    comboboxFocus = output();
+    onChange(event) {
+        const e = event;
+        this.change.emit(e.detail);
+    }
+    onLgsChange(event) {
+        const e = event;
+        this.lgsChange.emit(e.detail);
+    }
+    onSelected(event) {
+        const e = event;
+        this.selected.emit(e.detail);
+    }
+    onSearchChange(event) {
+        const e = event;
+        this.searchChange.emit(e.detail);
+    }
+    onComboboxFocus(event) {
+        const e = event;
+        this.comboboxFocus.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 }, loading: { classPropertyName: "loading", publicName: "loading", 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 }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null }, onSearch: { classPropertyName: "onSearch", publicName: "onSearch", isSignal: true, isRequired: false, transformFunction: null }, onFocus: { classPropertyName: "onFocus", publicName: "onFocus", isSignal: true, isRequired: false, transformFunction: null }, onLoadMore: { classPropertyName: "onLoadMore", publicName: "onLoadMore", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", lgsChange: "lgsChange", selected: "selected", searchChange: "searchChange", comboboxFocus: "comboboxFocus" }, ngImport: i0, template: `
+    <logosphere-combobox
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [placeholder]="placeholder()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readOnly]="readOnly()"
+      [loading]="loading()"
+      [variant]="variant()"
+      [multiple]="multiple()"
+      [filterable]="filterable()"
+      [optionLabel]="optionLabel()"
+      [optionValue]="optionValue()"
+      [emptyMessage]="emptyMessage()"
+      [size]="size()"
+      [items]="items()"
+      [value]="value()"
+      [clearable]="clearable()"
+      [itemRenderer]="itemRenderer()"
+      [onSearch]="onSearch()"
+      [onFocus]="onFocus()"
+      [onLoadMore]="onLoadMore()"
+      (change)="onChange($event)"
+      (lgsChange)="onLgsChange($event)"
+      (selected)="onSelected($event)"
+      (search-change)="onSearchChange($event)"
+      (combobox-focus)="onComboboxFocus($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
+      [label]="label()"
+      [helper]="helper()"
+      [error]="error()"
+      [placeholder]="placeholder()"
+      [required]="required()"
+      [disabled]="disabled()"
+      [readOnly]="readOnly()"
+      [loading]="loading()"
+      [variant]="variant()"
+      [multiple]="multiple()"
+      [filterable]="filterable()"
+      [optionLabel]="optionLabel()"
+      [optionValue]="optionValue()"
+      [emptyMessage]="emptyMessage()"
+      [size]="size()"
+      [items]="items()"
+      [value]="value()"
+      [clearable]="clearable()"
+      [itemRenderer]="itemRenderer()"
+      [onSearch]="onSearch()"
+      [onFocus]="onFocus()"
+      [onLoadMore]="onLoadMore()"
+      (change)="onChange($event)"
+      (lgsChange)="onLgsChange($event)"
+      (selected)="onSelected($event)"
+      (search-change)="onSearchChange($event)"
+      (combobox-focus)="onComboboxFocus($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 }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", 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 }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], itemRenderer: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemRenderer", required: false }] }], onSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "onSearch", required: false }] }], onFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "onFocus", required: false }] }], onLoadMore: [{ type: i0.Input, args: [{ isSignal: true, alias: "onLoadMore", required: false }] }], change: [{ type: i0.Output, args: ["change"] }], lgsChange: [{ type: i0.Output, args: ["lgsChange"] }], selected: [{ type: i0.Output, args: ["selected"] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }], comboboxFocus: [{ type: i0.Output, args: ["comboboxFocus"] }] } });
+
+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" }] : []));
+    openWidth = input(248, ...(ngDevMode ? [{ debugName: "openWidth" }] : []));
+    storageKey = input('logosphere-leftmenu-state', ...(ngDevMode ? [{ debugName: "storageKey" }] : []));
+    itemClick = output();
+    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 }, openWidth: { classPropertyName: "openWidth", publicName: "openWidth", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: `
+      <logosphere-leftmenu
+      [open]="open()"
+      [openWidth]="openWidth()"
+      [storageKey]="storageKey()"
+      (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()"
+      [openWidth]="openWidth()"
+      [storageKey]="storageKey()"
+      (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 }] }], openWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "openWidth", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], 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 LogosphereTable {
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    actionColumn = input(undefined, ...(ngDevMode ? [{ debugName: "actionColumn" }] : []));
+    rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
+    rowKey = input('id', ...(ngDevMode ? [{ debugName: "rowKey" }] : []));
+    emptyMessage = input('Kayıt bulunamadı', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
+    maxHeight = input(undefined, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
+    selection = input(false, ...(ngDevMode ? [{ debugName: "selection" }] : []));
+    stickySelection = input(false, ...(ngDevMode ? [{ debugName: "stickySelection" }] : []));
+    resizable = input(false, ...(ngDevMode ? [{ debugName: "resizable" }] : []));
+    borderless = input(false, ...(ngDevMode ? [{ debugName: "borderless" }] : []));
+    rowClick = output();
+    sortChange = output();
+    selectChange = output();
+    search = output();
+    widthChange = output();
+    sortChangeHandler = (detail) => this.sortChange.emit(detail);
+    selectChangeHandler = (detail) => this.selectChange.emit(detail);
+    searchHandler = (detail) => this.search.emit(detail);
+    widthChangeHandler = (detail) => this.widthChange.emit(detail);
+    onRowClick(event) {
+        const e = event;
+        this.rowClick.emit(e.detail);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTable, isStandalone: true, selector: "lgs-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, actionColumn: { classPropertyName: "actionColumn", publicName: "actionColumn", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, stickySelection: { classPropertyName: "stickySelection", publicName: "stickySelection", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, borderless: { classPropertyName: "borderless", publicName: "borderless", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowClick: "rowClick", sortChange: "sortChange", selectChange: "selectChange", search: "search", widthChange: "widthChange" }, ngImport: i0, template: `
+    <logosphere-table
+      [columns]="columns()"
+      [actionColumn]="actionColumn()"
+      [rows]="rows()"
+      [rowKey]="rowKey()"
+      [emptyMessage]="emptyMessage()"
+      [maxHeight]="maxHeight()"
+      [selection]="selection()"
+      [stickySelection]="stickySelection()"
+      [resizable]="resizable()"
+      [borderless]="borderless()"
+      [onSortChange]="sortChangeHandler"
+      [onSelectChange]="selectChangeHandler"
+      [onSearch]="searchHandler"
+      [onWidthChange]="widthChangeHandler"
+      (row-click)="onRowClick($event)"
+    ></logosphere-table>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTable, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lgs-table',
+                    imports: [],
+                    template: `
+    <logosphere-table
+      [columns]="columns()"
+      [actionColumn]="actionColumn()"
+      [rows]="rows()"
+      [rowKey]="rowKey()"
+      [emptyMessage]="emptyMessage()"
+      [maxHeight]="maxHeight()"
+      [selection]="selection()"
+      [stickySelection]="stickySelection()"
+      [resizable]="resizable()"
+      [borderless]="borderless()"
+      [onSortChange]="sortChangeHandler"
+      [onSelectChange]="selectChangeHandler"
+      [onSearch]="searchHandler"
+      [onWidthChange]="widthChangeHandler"
+      (row-click)="onRowClick($event)"
+    ></logosphere-table>
+  `,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], actionColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionColumn", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: false }] }], emptyMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyMessage", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }], stickySelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickySelection", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], borderless: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderless", required: false }] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], selectChange: [{ type: i0.Output, args: ["selectChange"] }], search: [{ type: i0.Output, args: ["search"] }], widthChange: [{ type: i0.Output, args: ["widthChange"] }] } });
+
+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],
                 }]
-        }], ctorParameters: () => [], 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 }] }], chatbotEl: [{
+        }], 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: ['chatbotEl']
+                args: ['el', { static: false }]
             }] } });
 
 // projects/wrapper/src/public-api.ts
@@ -137,5 +1991,5 @@ const WRAPPER_VERSION = '1.0.0';
  * Generated bundle index. Do not edit.
  */
 
-export { LogosphereButton, LogosphereChatbot, LogosphereCheckbox, WRAPPER_VERSION };
+export { LogosphereAccordion, LogosphereBadge, LogosphereBreadcrumb, LogosphereButton, LogosphereCalendar, LogosphereCard, LogosphereChatbot, LogosphereCheckbox, LogosphereChipGroup, LogosphereCollapse, LogosphereCombobox, LogosphereDatePicker, LogosphereDownloadManager, LogosphereDrawer, LogosphereFormField, LogosphereIcon, LogosphereInput, LogosphereInputGroup, LogosphereLeftMenu, LogosphereLeftMenuItem, LogosphereLoading, LogosphereModal, LogosphereNote, LogospherePagination, LogospherePopover, LogosphereSlider, LogosphereSplitButton, LogosphereStepper, LogosphereSwitch, LogosphereTab, LogosphereTable, LogosphereTextarea, LogosphereTimePicker, LogosphereToast, LogosphereToastContainer, LogosphereTreeMenu, WRAPPER_VERSION };
 //# sourceMappingURL=logosphere-ui-angular.mjs.map