@logosphere-ui/angular 0.0.1-alpha.14 → 0.0.1-alpha.16

package/fesm2022/logosphere-ui-angular-src-lib-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logosphere-ui-angular-src-lib-table.mjs","sources":["../../projects/wrapper/src/lib/table/table.ts","../../projects/wrapper/src/lib/table/logosphere-ui-angular-src-lib-table.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input, output } from '@angular/core';\nimport '@logosphere-ui/core/table';\n\nexport interface TableColumn {\n  key: string;\n  label: string;\n  width?: number;\n  align?: 'left' | 'center' | 'right';\n  sortable?: boolean;\n  searchable?: boolean;\n  sticky?: boolean;\n  render?: (context: TableCellContext) => unknown;\n}\n\nexport interface TableCellContext {\n  value: unknown;\n  row: Record<string, unknown>;\n  rowIndex: number;\n  column: TableColumn;\n}\n\nexport interface TableActionContext {\n  row: Record<string, unknown>;\n  rowIndex: number;\n}\n\nexport interface TableActionColumn {\n  width?: number;\n  render: (context: TableActionContext) => unknown;\n}\n\nexport interface TableSortChangeDetail {\n  column: TableColumn;\n  key: string;\n  direction?: 'asc' | 'desc';\n  sorts: Array<{ column: TableColumn; key: string; direction: 'asc' | 'desc'; order: number }>;\n  multi: boolean;\n}\n\nexport interface TableSelectionChangeDetail {\n  selectedRows: Record<string, unknown>[];\n  selectedKeys: Array<string | number>;\n}\n\nexport interface TableSearchChangeDetail {\n  values: Array<{ key: string; value: string }>;\n}\n\nexport interface TableWidthChangeDetail {\n  column: TableColumn;\n  key: string;\n  width: number;\n}\n\n@Component({\n  selector: 'lgs-table',\n  imports: [],\n  template: `\n    <logosphere-table\n      [columns]=\"columns()\"\n      [actionColumn]=\"actionColumn()\"\n      [rows]=\"rows()\"\n      [rowKey]=\"rowKey()\"\n      [emptyMessage]=\"emptyMessage()\"\n      [maxHeight]=\"maxHeight()\"\n      [selection]=\"selection()\"\n      [stickySelection]=\"stickySelection()\"\n      [resizable]=\"resizable()\"\n      [borderless]=\"borderless()\"\n      [onSortChange]=\"sortChangeHandler\"\n      [onSelectChange]=\"selectChangeHandler\"\n      [onSearch]=\"searchHandler\"\n      [onWidthChange]=\"widthChangeHandler\"\n      (row-click)=\"onRowClick($event)\"\n    ></logosphere-table>\n  `,\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTable {\n  columns = input<TableColumn[]>([]);\n  actionColumn = input<TableActionColumn | undefined>(undefined);\n  rows = input<Record<string, unknown>[]>([]);\n  rowKey = input<string>('id');\n  emptyMessage = input<string>('Kayıt bulunamadı');\n  maxHeight = input<number | undefined>(undefined);\n  selection = input<boolean>(false);\n  stickySelection = input<boolean>(false);\n  resizable = input<boolean>(false);\n  borderless = input<boolean>(false);\n\n  rowClick = output<{ row: Record<string, unknown>; rowIndex: number }>();\n  sortChange = output<TableSortChangeDetail>();\n  selectChange = output<TableSelectionChangeDetail>();\n  search = output<TableSearchChangeDetail>();\n  widthChange = output<TableWidthChangeDetail>();\n\n  sortChangeHandler = (detail: TableSortChangeDetail) => this.sortChange.emit(detail);\n  selectChangeHandler = (detail: TableSelectionChangeDetail) => this.selectChange.emit(detail);\n  searchHandler = (detail: TableSearchChangeDetail) => this.search.emit(detail);\n  widthChangeHandler = (detail: TableWidthChangeDetail) => this.widthChange.emit(detail);\n\n  onRowClick(event: Event) {\n    const e = event as CustomEvent<{ row: Record<string, unknown>; rowIndex: number }>;\n    this.rowClick.emit(e.detail);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/logosphere-ui-angular.mjs

@@ -4,12 +4,20 @@ import '@logosphere-ui/core/badge';
 import '@logosphere-ui/core/button';
 import '@logosphere-ui/core/checkbox';
 import '@logosphere-ui/core/formfield';
+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';
@@ -21,6 +29,7 @@ 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';
 
@@ -202,6 +211,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], 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 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" }] : []));
@@ -238,6 +313,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], 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) {
@@ -323,6 +447,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], 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" }] : []));
@@ -443,6 +671,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], inputEvent: [{ type: i0.Output, args: ["inputChange"] }], change: [{ type: i0.Output, args: ["change"] }], keydown: [{ type: i0.Output, args: ["keydown"] }], keyup: [{ type: i0.Output, args: ["keyup"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
 
+class 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" }] : []));
@@ -573,6 +824,112 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 }]
         }], 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" }] : []));
@@ -1311,6 +1668,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                 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' });
@@ -1448,5 +1878,5 @@ const WRAPPER_VERSION = '1.0.0';
  * Generated bundle index. Do not edit.
  */
 
-export { LogosphereBadge, LogosphereBreadcrumb, LogosphereButton, LogosphereCalendar, LogosphereCard, LogosphereChatbot, LogosphereCheckbox, LogosphereCombobox, LogosphereDatePicker, LogosphereDownloadManager, LogosphereDrawer, LogosphereFormField, LogosphereInput, LogosphereLeftMenu, LogosphereLeftMenuItem, LogosphereModal, LogospherePagination, LogospherePopover, LogosphereSwitch, LogosphereTab, LogosphereTextarea, LogosphereTimePicker, LogosphereToast, LogosphereToastContainer, LogosphereTreeMenu, WRAPPER_VERSION };
+export { LogosphereAccordion, LogosphereBadge, LogosphereBreadcrumb, LogosphereButton, LogosphereCalendar, LogosphereCard, LogosphereChatbot, LogosphereCheckbox, LogosphereChipGroup, LogosphereCollapse, LogosphereCombobox, LogosphereDatePicker, LogosphereDownloadManager, LogosphereDrawer, LogosphereFormField, LogosphereIcon, LogosphereInput, LogosphereInputGroup, LogosphereLeftMenu, LogosphereLeftMenuItem, LogosphereModal, LogospherePagination, LogospherePopover, LogosphereSlider, LogosphereSplitButton, LogosphereStepper, LogosphereSwitch, LogosphereTab, LogosphereTable, LogosphereTextarea, LogosphereTimePicker, LogosphereToast, LogosphereToastContainer, LogosphereTreeMenu, WRAPPER_VERSION };
 //# sourceMappingURL=logosphere-ui-angular.mjs.map