npm - @logosphere-ui/angular - Versions diffs - 1.0.0-beta.2 → 1.0.0-beta.3 - Mend

@logosphere-ui/angular 1.0.0-beta.2 → 1.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, ViewChild, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
 import '@logosphere-ui/core/tab';
 class LogosphereTab {
@@ -8,22 +8,17 @@ class LogosphereTab {
     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: `
+    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" }, ngImport: i0, template: `
     <logosphere-tab
-      #el
-      [activeTab]="activeTab()"
+      [tabs]="tabs()"
+      [attr.activetab]="activeTab()"
       [lazy]="lazy()"
-      [variant]="variant()"
+      [attr.variant]="variant()"
       (tab-change)="onTabChange($event)"
     >
       <ng-content></ng-content>
@@ -37,10 +32,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                     imports: [],
                     template: `
     <logosphere-tab
-      #el
-      [activeTab]="activeTab()"
+      [tabs]="tabs()"
+      [attr.activetab]="activeTab()"
       [lazy]="lazy()"
-      [variant]="variant()"
+      [attr.variant]="variant()"
       (tab-change)="onTabChange($event)"
     >
       <ng-content></ng-content>
@@ -48,10 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
   `,
                     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 }]
-            }] } });
+        }], 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"] }] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logosphere-ui-angular-src-lib-tab.mjs","sources":["../../projects/wrapper/src/lib/tab/tab.ts","../../projects/wrapper/src/lib/tab/logosphere-ui-angular-src-lib-tab.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, ~~ElementRef,~~ input, output~~, ViewChild~~} from '@angular/core';\nimport '@logosphere-ui/core/tab';\n\nexport type TabItem = {\n id: string;\n label: string;\n icon?: string;\n disabled?: boolean;\n closable?: boolean;\n};\n\n@Component({\n selector: 'lgs-tab',\n imports: [],\n template: `\n <logosphere-tab\n ~~#el~~\n [~~activeTab~~]=\"activeTab()\"\n [lazy]=\"lazy()\"\n [variant]=\"variant()\"\n (tab-change)=\"onTabChange($event)\"\n >\n <ng-content></ng-content>\n </logosphere-tab>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTab {\n tabs = input<TabItem[]>([]);\n activeTab = input<string>('');\n lazy = input<boolean>(true);\n variant = input<'default' \| 'card'>('default');\n\n tabChange = output<{ oldTab: string; newTab: string }>();\n\n ~~@ViewChild('el', { static: false }) set elRef(element: ElementRef \| undefined) {\n if (element) {\n (element.nativeElement as any).tabs = this.tabs();\n }\n }\n\n~~ onTabChange(event: Event) {\n const e = event as CustomEvent<{ oldTab: string; newTab: string }>;\n this.tabChange.emit(e.detail);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MA2Ba,aAAa,CAAA;AACxB,IAAA,IAAI,GAAG,KAAK,CAAY,EAAE,gDAAC;AAC3B,IAAA,SAAS,GAAG,KAAK,CAAS,EAAE,qDAAC;AAC7B,IAAA,IAAI,GAAG,KAAK,CAAU,IAAI,gDAAC;AAC3B,IAAA,OAAO,GAAG,KAAK,CAAqB,SAAS,mDAAC;IAE9C,SAAS,GAAG,MAAM,EAAsC;~~IAExD~~,~~IAAwC,KAAK,CAAC,OAA+B,EAAA;QAC3E,IAAI,OAAO,EAAE;YACV,OAAO,CAAC,aAAqB,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;QACnD;IACF;AAEA,~~IAAA,WAAW,CAAC,KAAY,EAAA;QACtB,MAAM,CAAC,GAAG,KAAwD;QAClE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/B;~~uGAjBW~~,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,~~WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,IAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,~~QAAA,EAAA,EAAA,EAAA,QAAA,EAbd;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,aAAa,EAAA,UAAA,EAAA,CAAA;kBAhBzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;;;AAUT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA~~;;sBASE,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE~~;;;~~ACnCpC~~;;AAEG;;;;"}
1	+ {"version":3,"file":"logosphere-ui-angular-src-lib-tab.mjs","sources":["../../projects/wrapper/src/lib/tab/tab.ts","../../projects/wrapper/src/lib/tab/logosphere-ui-angular-src-lib-tab.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/tab';\n\nexport type TabItem = {\n id: string;\n label: string;\n icon?: string;\n disabled?: boolean;\n closable?: boolean;\n};\n\n@Component({\n selector: 'lgs-tab',\n imports: [],\n template: `\n <logosphere-tab\n [tabs]=\"tabs()\"\n [attr.activetab]=\"activeTab()\"\n [lazy]=\"lazy()\"\n [attr.variant]=\"variant()\"\n (tab-change)=\"onTabChange($event)\"\n >\n <ng-content></ng-content>\n </logosphere-tab>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTab {\n tabs = input<TabItem[]>([]);\n activeTab = input<string>('');\n lazy = input<boolean>(true);\n variant = input<'default' \| 'card'>('default');\n\n tabChange = output<{ oldTab: string; newTab: string }>();\n\n onTabChange(event: Event) {\n const e = event as CustomEvent<{ oldTab: string; newTab: string }>;\n this.tabChange.emit(e.detail);\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MA2Ba,aAAa,CAAA;AACxB,IAAA,IAAI,GAAG,KAAK,CAAY,EAAE,gDAAC;AAC3B,IAAA,SAAS,GAAG,KAAK,CAAS,EAAE,qDAAC;AAC7B,IAAA,IAAI,GAAG,KAAK,CAAU,IAAI,gDAAC;AAC3B,IAAA,OAAO,GAAG,KAAK,CAAqB,SAAS,mDAAC;IAE9C,SAAS,GAAG,MAAM,EAAsC;AAExD,IAAA,WAAW,CAAC,KAAY,EAAA;QACtB,MAAM,CAAC,GAAG,KAAwD;QAClE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/B;uGAXW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAbd;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,aAAa,EAAA,UAAA,EAAA,CAAA;kBAhBzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;;;AAUT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;AC1BD;;AAEG;;;;"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { input, output, viewChild, effect, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
 import '@logosphere-ui/core/table';
 class LogosphereTable {
@@ -22,27 +22,41 @@ class LogosphereTable {
     selectChangeHandler = (detail) => this.selectChange.emit(detail);
     searchHandler = (detail) => this.search.emit(detail);
     widthChangeHandler = (detail) => this.widthChange.emit(detail);
+    elRef = viewChild('el', ...(ngDevMode ? [{ debugName: "elRef" }] : []));
+    constructor() {
+        // Angular, adı "on" ile başlayan property binding'lerini güvenlik gereği reddeder
+        // (NG0306, validateAgainstEventProperties) — bu bir runtime kontrolüdür, ngc yakalamaz.
+        // Core'un onSortChange/onSelectChange/onSearch/onWidthChange callback prop'ları bu
+        // yüzden şablondan değil buradan atanır.
+        effect(() => {
+            const ref = this.elRef();
+            if (!ref)
+                return;
+            const node = ref.nativeElement;
+            node.onSortChange = this.sortChangeHandler;
+            node.onSelectChange = this.selectChangeHandler;
+            node.onSearch = this.searchHandler;
+            node.onWidthChange = this.widthChangeHandler;
+        });
+    }
     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: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.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" }, viewQueries: [{ propertyName: "elRef", first: true, predicate: ["el"], descendants: true, isSignal: true }], ngImport: i0, template: `
     <logosphere-table
+      #el
       [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"
+      [attr.row-key]="rowKey()"
+      [attr.empty-message]="emptyMessage()"
+      [attr.max-height]="maxHeight()"
+      [attr.selection]="selection() ? '' : null"
+      [attr.sticky-selection]="stickySelection() ? '' : null"
+      [attr.resizable]="resizable() ? '' : null"
+      [attr.borderless]="borderless() ? '' : null"
       (row-click)="onRowClick($event)"
     ></logosphere-table>
   `, isInline: true });
@@ -54,26 +68,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                     imports: [],
                     template: `
     <logosphere-table
+      #el
       [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"
+      [attr.row-key]="rowKey()"
+      [attr.empty-message]="emptyMessage()"
+      [attr.max-height]="maxHeight()"
+      [attr.selection]="selection() ? '' : null"
+      [attr.sticky-selection]="stickySelection() ? '' : null"
+      [attr.resizable]="resizable() ? '' : null"
+      [attr.borderless]="borderless() ? '' : null"
       (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"] }] } });
+        }], ctorParameters: () => [], 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"] }], elRef: [{ type: i0.ViewChild, args: ['el', { isSignal: true }] }] } });
 /**
  * Generated bundle index. Do not edit.

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

	@@ -1 +1 @@
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":";;;;~~MA8Ea~~,eAAe,CAAA;AAC1B,IAAA,OAAO,GAAG,KAAK,CAAgB,EAAE,mDAAC;AAClC,IAAA,YAAY,GAAG,KAAK,CAAgC,SAAS,wDAAC;AAC9D,IAAA,IAAI,GAAG,KAAK,CAA4B,EAAE,gDAAC;AAC3C,IAAA,MAAM,GAAG,KAAK,CAAS,IAAI,kDAAC;AAC5B,IAAA,YAAY,GAAG,KAAK,CAAS,kBAAkB,wDAAC;AAChD,IAAA,SAAS,GAAG,KAAK,CAAqB,SAAS,qDAAC;AAChD,IAAA,SAAS,GAAG,KAAK,CAAU,KAAK,qDAAC;AACjC,IAAA,eAAe,GAAG,KAAK,CAAU,KAAK,2DAAC;AACvC,IAAA,SAAS,GAAG,KAAK,CAAU,KAAK,qDAAC;AACjC,IAAA,UAAU,GAAG,KAAK,CAAU,KAAK,sDAAC;IAElC,QAAQ,GAAG,MAAM,EAAsD;IACvE,UAAU,GAAG,MAAM,EAAyB;IAC5C,YAAY,GAAG,MAAM,EAA8B;IACnD,MAAM,GAAG,MAAM,EAA2B;IAC1C,WAAW,GAAG,MAAM,EAA0B;AAE9C,IAAA,iBAAiB,GAAG,CAAC,MAA6B,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;AACnF,IAAA,mBAAmB,GAAG,CAAC,MAAkC,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;AAC5F,IAAA,aAAa,GAAG,CAAC,MAA+B,KAAK,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;AAC7E,IAAA,kBAAkB,GAAG,CAAC,MAA8B,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;~~AAEtF~~,IAAA,UAAU,CAAC,KAAY,EAAA;QACrB,MAAM,CAAC,GAAG,KAAwE;QAClF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9B;~~uGA1BW~~,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EArBhB;;;;;;;;;;;;;;;;;;AAkBT~~,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,eAAe,EAAA,UAAA,EAAA,CAAA;~~kBAxB3B~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE~~;;;;;;;;;;;;;;;;;;AAkBT~~,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA~~;;;AC7ED~~;;AAEG;;;;"}
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 {\n Component,\n CUSTOM_ELEMENTS_SCHEMA,\n effect,\n ElementRef,\n input,\n output,\n viewChild,\n} 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 #el\n [columns]=\"columns()\"\n [actionColumn]=\"actionColumn()\"\n [rows]=\"rows()\"\n [attr.row-key]=\"rowKey()\"\n [attr.empty-message]=\"emptyMessage()\"\n [attr.max-height]=\"maxHeight()\"\n [attr.selection]=\"selection() ? '' : null\"\n [attr.sticky-selection]=\"stickySelection() ? '' : null\"\n [attr.resizable]=\"resizable() ? '' : null\"\n [attr.borderless]=\"borderless() ? '' : null\"\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 private elRef = viewChild<ElementRef<HTMLElement>>('el');\n\n constructor() {\n // Angular, adı \"on\" ile başlayan property binding'lerini güvenlik gereği reddeder\n // (NG0306, validateAgainstEventProperties) — bu bir runtime kontrolüdür, ngc yakalamaz.\n // Core'un onSortChange/onSelectChange/onSearch/onWidthChange callback prop'ları bu\n // yüzden şablondan değil buradan atanır.\n effect(() => {\n const ref = this.elRef();\n if (!ref) return;\n const node = ref.nativeElement as HTMLElement & {\n onSortChange?: unknown;\n onSelectChange?: unknown;\n onSearch?: unknown;\n onWidthChange?: unknown;\n };\n node.onSortChange = this.sortChangeHandler;\n node.onSelectChange = this.selectChangeHandler;\n node.onSearch = this.searchHandler;\n node.onWidthChange = this.widthChangeHandler;\n });\n }\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":";;;;MAmFa,eAAe,CAAA;AAC1B,IAAA,OAAO,GAAG,KAAK,CAAgB,EAAE,mDAAC;AAClC,IAAA,YAAY,GAAG,KAAK,CAAgC,SAAS,wDAAC;AAC9D,IAAA,IAAI,GAAG,KAAK,CAA4B,EAAE,gDAAC;AAC3C,IAAA,MAAM,GAAG,KAAK,CAAS,IAAI,kDAAC;AAC5B,IAAA,YAAY,GAAG,KAAK,CAAS,kBAAkB,wDAAC;AAChD,IAAA,SAAS,GAAG,KAAK,CAAqB,SAAS,qDAAC;AAChD,IAAA,SAAS,GAAG,KAAK,CAAU,KAAK,qDAAC;AACjC,IAAA,eAAe,GAAG,KAAK,CAAU,KAAK,2DAAC;AACvC,IAAA,SAAS,GAAG,KAAK,CAAU,KAAK,qDAAC;AACjC,IAAA,UAAU,GAAG,KAAK,CAAU,KAAK,sDAAC;IAElC,QAAQ,GAAG,MAAM,EAAsD;IACvE,UAAU,GAAG,MAAM,EAAyB;IAC5C,YAAY,GAAG,MAAM,EAA8B;IACnD,MAAM,GAAG,MAAM,EAA2B;IAC1C,WAAW,GAAG,MAAM,EAA0B;AAE9C,IAAA,iBAAiB,GAAG,CAAC,MAA6B,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC;AACnF,IAAA,mBAAmB,GAAG,CAAC,MAAkC,KAAK,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;AAC5F,IAAA,aAAa,GAAG,CAAC,MAA+B,KAAK,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;AAC7E,IAAA,kBAAkB,GAAG,CAAC,MAA8B,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AAE9E,IAAA,KAAK,GAAG,SAAS,CAA0B,IAAI,iDAAC;AAExD,IAAA,WAAA,GAAA;;;;;QAKE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,GAAG;gBAAE;AACV,YAAA,MAAM,IAAI,GAAG,GAAG,CAAC,aAKhB;AACD,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,iBAAiB;AAC1C,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,mBAAmB;AAC9C,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa;AAClC,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,kBAAkB;AAC9C,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,UAAU,CAAC,KAAY,EAAA;QACrB,MAAM,CAAC,GAAG,KAAwE;QAClF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9B;uGAjDW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,IAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlBhB;;;;;;;;;;;;;;;AAeT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,eAAe,EAAA,UAAA,EAAA,CAAA;kBArB3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;AAeT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;80CAwBoD,IAAI,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AC1GzD;;AAEG;;;;"}

package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs CHANGED Viewed

@@ -25,6 +25,9 @@ class LogosphereTextarea {
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
     inputEvent = output({ alias: 'inputChange' });
     change = output();
+    lgsChange = output();
+    keydown = output();
+    keyup = output();
     clear = output();
     onInput(event) {
         const e = event;
@@ -34,34 +37,49 @@ class LogosphereTextarea {
         const e = event;
         this.change.emit(e.detail);
     }
+    onLgsChange(event) {
+        const e = event;
+        this.lgsChange.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: 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: `
+    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", lgsChange: "lgsChange", keydown: "keydown", keyup: "keyup", clear: "clear" }, ngImport: i0, template: `
     <logosphere-textarea
-      [value]="value()"
-      [placeholder]="placeholder()"
-      [name]="name()"
-      [autocomplete]="autocomplete()"
+      [attr.value]="value()"
+      [attr.placeholder]="placeholder()"
+      [attr.name]="name()"
+      [attr.autocomplete]="autocomplete()"
       [attr.minlength]="minlength()"
       [attr.maxlength]="maxlength()"
-      [rows]="rows()"
-      [maxRows]="maxRows()"
+      [attr.rows]="rows()"
+      [attr.maxrows]="maxRows()"
       [attr.cols]="cols()"
-      [wrap]="wrap()"
-      [resize]="resize()"
+      [attr.wrap]="wrap()"
+      [attr.resize]="resize()"
       [autoResize]="autoResize()"
-      [size]="size()"
-      [variant]="variant()"
-      [label]="label()"
-      [helper]="helper()"
-      [error]="error()"
-      [required]="required()"
-      [disabled]="disabled()"
-      [readonly]="readonly()"
+      [attr.size]="size()"
+      [attr.variant]="variant()"
+      [attr.label]="label()"
+      [attr.helper]="helper()"
+      [attr.error]="error()"
+      [attr.required]="required() ? '' : null"
+      [attr.disabled]="disabled() ? '' : null"
+      [attr.readonly]="readonly() ? '' : null"
       (input)="onInput($event)"
       (change)="onChange($event)"
+      (lgsChange)="onLgsChange($event)"
+      (keydown)="onKeydown($event)"
+      (keyup)="onKeyup($event)"
       (clear)="onClear()"
     ></logosphere-textarea>
   `, isInline: true });
@@ -73,34 +91,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                     imports: [],
                     template: `
     <logosphere-textarea
-      [value]="value()"
-      [placeholder]="placeholder()"
-      [name]="name()"
-      [autocomplete]="autocomplete()"
+      [attr.value]="value()"
+      [attr.placeholder]="placeholder()"
+      [attr.name]="name()"
+      [attr.autocomplete]="autocomplete()"
       [attr.minlength]="minlength()"
       [attr.maxlength]="maxlength()"
-      [rows]="rows()"
-      [maxRows]="maxRows()"
+      [attr.rows]="rows()"
+      [attr.maxrows]="maxRows()"
       [attr.cols]="cols()"
-      [wrap]="wrap()"
-      [resize]="resize()"
+      [attr.wrap]="wrap()"
+      [attr.resize]="resize()"
       [autoResize]="autoResize()"
-      [size]="size()"
-      [variant]="variant()"
-      [label]="label()"
-      [helper]="helper()"
-      [error]="error()"
-      [required]="required()"
-      [disabled]="disabled()"
-      [readonly]="readonly()"
+      [attr.size]="size()"
+      [attr.variant]="variant()"
+      [attr.label]="label()"
+      [attr.helper]="helper()"
+      [attr.error]="error()"
+      [attr.required]="required() ? '' : null"
+      [attr.disabled]="disabled() ? '' : null"
+      [attr.readonly]="readonly() ? '' : null"
       (input)="onInput($event)"
       (change)="onChange($event)"
+      (lgsChange)="onLgsChange($event)"
+      (keydown)="onKeydown($event)"
+      (keyup)="onKeyup($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"] }] } });
+        }], 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"] }], lgsChange: [{ type: i0.Output, args: ["lgsChange"] }], keydown: [{ type: i0.Output, args: ["keydown"] }], keyup: [{ type: i0.Output, args: ["keyup"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logosphere-ui-angular-src-lib-textarea.mjs","sources":["../../projects/wrapper/src/lib/textarea/textarea.ts","../../projects/wrapper/src/lib/textarea/logosphere-ui-angular-src-lib-textarea.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/textarea';\n\n@Component({\n selector: 'lgs-textarea',\n imports: [],\n template: `\n <logosphere-textarea\n [value]=\"value()\"\n [placeholder]=\"placeholder()\"\n [name]=\"name()\"\n [autocomplete]=\"autocomplete()\"\n [attr.minlength]=\"minlength()\"\n [attr.maxlength]=\"maxlength()\"\n [rows]=\"rows()\"\n [~~maxRows~~]=\"maxRows()\"\n [attr.cols]=\"cols()\"\n [wrap]=\"wrap()\"\n [resize]=\"resize()\"\n [autoResize]=\"autoResize()\"\n [size]=\"size()\"\n [variant]=\"variant()\"\n [label]=\"label()\"\n [helper]=\"helper()\"\n [error]=\"error()\"\n [required]=\"required()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n (input)=\"onInput($event)\"\n (change)=\"onChange($event)\"\n (clear)=\"onClear()\"\n ></logosphere-textarea>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTextarea {\n value = input<string>('');\n placeholder = input<string>('');\n name = input<string>('');\n autocomplete = input<string>('');\n minlength = input<number \| undefined>(undefined);\n maxlength = input<number \| undefined>(undefined);\n rows = input<number>(3);\n maxRows = input<number>(8);\n cols = input<number \| undefined>(undefined);\n wrap = input<'soft' \| 'hard'>('soft');\n resize = input<'none' \| 'vertical' \| 'horizontal' \| 'both'>('vertical');\n autoResize = input<boolean>(true);\n size = input<'default' \| 'large'>('default');\n variant = input<'default' \| 'subtle'>('default');\n label = input<string>('');\n helper = input<string>('');\n error = input<string>('');\n required = input<boolean>(false);\n disabled = input<boolean>(false);\n readonly = input<boolean>(false);\n\n inputEvent = output<{ value: string }>({ alias: 'inputChange' });\n change = output<{ value: string }>();\n clear = output<void>();\n\n onInput(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.inputEvent.emit(e.detail);\n }\n\n onChange(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.change.emit(e.detail);\n }\n\n onClear() {\n this.clear.emit();\n }\n}\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;~~MAmCa~~,kBAAkB,CAAA;AAC7B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,WAAW,GAAG,KAAK,CAAS,EAAE,uDAAC;AAC/B,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,YAAY,GAAG,KAAK,CAAS,EAAE,wDAAC;AAChC,IAAA,SAAS,GAAG,KAAK,CAAqB,SAAS,qDAAC;AAChD,IAAA,SAAS,GAAG,KAAK,CAAqB,SAAS,qDAAC;AAChD,IAAA,IAAI,GAAG,KAAK,CAAS,CAAC,gDAAC;AACvB,IAAA,OAAO,GAAG,KAAK,CAAS,CAAC,mDAAC;AAC1B,IAAA,IAAI,GAAG,KAAK,CAAqB,SAAS,gDAAC;AAC3C,IAAA,IAAI,GAAG,KAAK,CAAkB,MAAM,gDAAC;AACrC,IAAA,MAAM,GAAG,KAAK,CAA8C,UAAU,kDAAC;AACvE,IAAA,UAAU,GAAG,KAAK,CAAU,IAAI,sDAAC;AACjC,IAAA,IAAI,GAAG,KAAK,CAAsB,SAAS,gDAAC;AAC5C,IAAA,OAAO,GAAG,KAAK,CAAuB,SAAS,mDAAC;AAChD,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,MAAM,GAAG,KAAK,CAAS,EAAE,kDAAC;AAC1B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;IAEhC,UAAU,GAAG,MAAM,CAAoB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IAChE,MAAM,GAAG,MAAM,EAAqB;IACpC,KAAK,GAAG,MAAM,EAAQ;AAEtB,IAAA,OAAO,CAAC,KAAY,EAAA;QAClB,MAAM,CAAC,GAAG,KAAuC;QACjD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAChC;AAEA,IAAA,QAAQ,CAAC,KAAY,EAAA;QACnB,MAAM,CAAC,GAAG,KAAuC;QACjD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5B;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;IACnB;~~uGAtCW~~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~~EA7BnB;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BT~~,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,kBAAkB,EAAA,UAAA,EAAA,CAAA;~~kBAhC9B~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BT~~,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;~~AClCD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"logosphere-ui-angular-src-lib-textarea.mjs","sources":["../../projects/wrapper/src/lib/textarea/textarea.ts","../../projects/wrapper/src/lib/textarea/logosphere-ui-angular-src-lib-textarea.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/textarea';\n\n@Component({\n selector: 'lgs-textarea',\n imports: [],\n template: `\n <logosphere-textarea\n [attr.value]=\"value()\"\n [attr.placeholder]=\"placeholder()\"\n [attr.name]=\"name()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.minlength]=\"minlength()\"\n [attr.maxlength]=\"maxlength()\"\n [attr.rows]=\"rows()\"\n [attr.maxrows]=\"maxRows()\"\n [attr.cols]=\"cols()\"\n [attr.wrap]=\"wrap()\"\n [attr.resize]=\"resize()\"\n [autoResize]=\"autoResize()\"\n [attr.size]=\"size()\"\n [attr.variant]=\"variant()\"\n [attr.label]=\"label()\"\n [attr.helper]=\"helper()\"\n [attr.error]=\"error()\"\n [attr.required]=\"required() ? '' : null\"\n [attr.disabled]=\"disabled() ? '' : null\"\n [attr.readonly]=\"readonly() ? '' : null\"\n (input)=\"onInput($event)\"\n (change)=\"onChange($event)\"\n (lgsChange)=\"onLgsChange($event)\"\n (keydown)=\"onKeydown($event)\"\n (keyup)=\"onKeyup($event)\"\n (clear)=\"onClear()\"\n ></logosphere-textarea>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTextarea {\n value = input<string>('');\n placeholder = input<string>('');\n name = input<string>('');\n autocomplete = input<string>('');\n minlength = input<number \| undefined>(undefined);\n maxlength = input<number \| undefined>(undefined);\n rows = input<number>(3);\n maxRows = input<number>(8);\n cols = input<number \| undefined>(undefined);\n wrap = input<'soft' \| 'hard'>('soft');\n resize = input<'none' \| 'vertical' \| 'horizontal' \| 'both'>('vertical');\n autoResize = input<boolean>(true);\n size = input<'default' \| 'large'>('default');\n variant = input<'default' \| 'subtle'>('default');\n label = input<string>('');\n helper = input<string>('');\n error = input<string>('');\n required = input<boolean>(false);\n disabled = input<boolean>(false);\n readonly = input<boolean>(false);\n\n inputEvent = output<{ value: string }>({ alias: 'inputChange' });\n change = output<{ value: string }>();\n lgsChange = output<{ value: string }>();\n keydown = output<{ key: string }>();\n keyup = output<{ key: string }>();\n clear = output<void>();\n\n onInput(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.inputEvent.emit(e.detail);\n }\n\n onChange(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.change.emit(e.detail);\n }\n\n onLgsChange(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.lgsChange.emit(e.detail);\n }\n\n onKeydown(event: Event) {\n const e = event as CustomEvent<{ key: string }>;\n this.keydown.emit(e.detail);\n }\n\n onKeyup(event: Event) {\n const e = event as CustomEvent<{ key: string }>;\n this.keyup.emit(e.detail);\n }\n\n onClear() {\n this.clear.emit();\n }\n}\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MAsCa,kBAAkB,CAAA;AAC7B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,WAAW,GAAG,KAAK,CAAS,EAAE,uDAAC;AAC/B,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,YAAY,GAAG,KAAK,CAAS,EAAE,wDAAC;AAChC,IAAA,SAAS,GAAG,KAAK,CAAqB,SAAS,qDAAC;AAChD,IAAA,SAAS,GAAG,KAAK,CAAqB,SAAS,qDAAC;AAChD,IAAA,IAAI,GAAG,KAAK,CAAS,CAAC,gDAAC;AACvB,IAAA,OAAO,GAAG,KAAK,CAAS,CAAC,mDAAC;AAC1B,IAAA,IAAI,GAAG,KAAK,CAAqB,SAAS,gDAAC;AAC3C,IAAA,IAAI,GAAG,KAAK,CAAkB,MAAM,gDAAC;AACrC,IAAA,MAAM,GAAG,KAAK,CAA8C,UAAU,kDAAC;AACvE,IAAA,UAAU,GAAG,KAAK,CAAU,IAAI,sDAAC;AACjC,IAAA,IAAI,GAAG,KAAK,CAAsB,SAAS,gDAAC;AAC5C,IAAA,OAAO,GAAG,KAAK,CAAuB,SAAS,mDAAC;AAChD,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,MAAM,GAAG,KAAK,CAAS,EAAE,kDAAC;AAC1B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;IAEhC,UAAU,GAAG,MAAM,CAAoB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IAChE,MAAM,GAAG,MAAM,EAAqB;IACpC,SAAS,GAAG,MAAM,EAAqB;IACvC,OAAO,GAAG,MAAM,EAAmB;IACnC,KAAK,GAAG,MAAM,EAAmB;IACjC,KAAK,GAAG,MAAM,EAAQ;AAEtB,IAAA,OAAO,CAAC,KAAY,EAAA;QAClB,MAAM,CAAC,GAAG,KAAuC;QACjD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAChC;AAEA,IAAA,QAAQ,CAAC,KAAY,EAAA;QACnB,MAAM,CAAC,GAAG,KAAuC;QACjD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5B;AAEA,IAAA,WAAW,CAAC,KAAY,EAAA;QACtB,MAAM,CAAC,GAAG,KAAuC;QACjD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/B;AAEA,IAAA,SAAS,CAAC,KAAY,EAAA;QACpB,MAAM,CAAC,GAAG,KAAqC;QAC/C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7B;AAEA,IAAA,OAAO,CAAC,KAAY,EAAA;QAClB,MAAM,CAAC,GAAG,KAAqC;QAC/C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC3B;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;IACnB;uGAxDW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhCnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAnC9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACrCD;;AAEG;;;;"}

package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs CHANGED Viewed

@@ -14,28 +14,34 @@ class LogosphereTimePicker {
     size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
     change = output();
+    lgsChange = output();
     clear = output();
     onChange(event) {
         const e = event;
         this.change.emit(e.detail);
     }
+    onLgsChange(event) {
+        const e = event;
+        this.lgsChange.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: `
+    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", lgsChange: "lgsChange", 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()"
+      [attr.value]="value()"
+      [attr.label]="label()"
+      [attr.helper]="helper()"
+      [attr.error]="error()"
+      [attr.placeholder]="placeholder()"
+      [attr.required]="required() ? '' : null"
+      [attr.disabled]="disabled() ? '' : null"
+      [attr.readonly]="readonly() ? '' : null"
+      [attr.size]="size()"
+      [attr.variant]="variant()"
       (change)="onChange($event)"
+      (lgsChange)="onLgsChange($event)"
       (clear)="onClear()"
     ></logosphere-timepicker>
   `, isInline: true });
@@ -47,23 +53,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
                     imports: [],
                     template: `
     <logosphere-timepicker
-      [value]="value()"
-      [label]="label()"
-      [helper]="helper()"
-      [error]="error()"
-      [placeholder]="placeholder()"
-      [required]="required()"
-      [disabled]="disabled()"
-      [readonly]="readonly()"
-      [size]="size()"
-      [variant]="variant()"
+      [attr.value]="value()"
+      [attr.label]="label()"
+      [attr.helper]="helper()"
+      [attr.error]="error()"
+      [attr.placeholder]="placeholder()"
+      [attr.required]="required() ? '' : null"
+      [attr.disabled]="disabled() ? '' : null"
+      [attr.readonly]="readonly() ? '' : null"
+      [attr.size]="size()"
+      [attr.variant]="variant()"
       (change)="onChange($event)"
+      (lgsChange)="onLgsChange($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"] }] } });
+        }], 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"] }], lgsChange: [{ type: i0.Output, args: ["lgsChange"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logosphere-ui-angular-src-lib-timepicker.mjs","sources":["../../projects/wrapper/src/lib/timepicker/timepicker.ts","../../projects/wrapper/src/lib/timepicker/logosphere-ui-angular-src-lib-timepicker.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/timepicker';\n\n@Component({\n selector: 'lgs-timepicker',\n imports: [],\n template: `\n <logosphere-timepicker\n [value]=\"value()\"\n [label]=\"label()\"\n [helper]=\"helper()\"\n [error]=\"error()\"\n [placeholder]=\"placeholder()\"\n [required]=\"required()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [size]=\"size()\"\n [variant]=\"variant()\"\n (change)=\"onChange($event)\"\n (clear)=\"onClear()\"\n ></logosphere-timepicker>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTimePicker {\n value = input<string>('');\n label = input<string>('');\n helper = input<string>('');\n error = input<string>('');\n placeholder = input<string>('__:__');\n required = input<boolean>(false);\n disabled = input<boolean>(false);\n readonly = input<boolean>(false);\n size = input<'default' \| 'large'>('default');\n variant = input<'default' \| 'subtle'>('default');\n\n change = output<{ value: string }>();\n clear = output<void>();\n\n onChange(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.change.emit(e.detail);\n }\n\n onClear() {\n this.clear.emit();\n }\n}\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;~~MAwBa~~,oBAAoB,CAAA;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,MAAM,GAAG,KAAK,CAAS,EAAE,kDAAC;AAC1B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,WAAW,GAAG,KAAK,CAAS,OAAO,uDAAC;AACpC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAChC,IAAA,IAAI,GAAG,KAAK,CAAsB,SAAS,gDAAC;AAC5C,IAAA,OAAO,GAAG,KAAK,CAAuB,SAAS,mDAAC;IAEhD,MAAM,GAAG,MAAM,EAAqB;IACpC,KAAK,GAAG,MAAM,EAAQ;AAEtB,IAAA,QAAQ,CAAC,KAAY,EAAA;QACnB,MAAM,CAAC,GAAG,KAAuC;QACjD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5B;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;IACnB;~~uGAtBW~~,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAlBrB;;;;;;;;;;;;;;;AAeT~~,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,oBAAoB,EAAA,UAAA,EAAA,CAAA;~~kBArBhC~~,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE~~;;;;;;;;;;;;;;;AAeT~~,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;~~ACvBD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"logosphere-ui-angular-src-lib-timepicker.mjs","sources":["../../projects/wrapper/src/lib/timepicker/timepicker.ts","../../projects/wrapper/src/lib/timepicker/logosphere-ui-angular-src-lib-timepicker.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/timepicker';\n\n@Component({\n selector: 'lgs-timepicker',\n imports: [],\n template: `\n <logosphere-timepicker\n [attr.value]=\"value()\"\n [attr.label]=\"label()\"\n [attr.helper]=\"helper()\"\n [attr.error]=\"error()\"\n [attr.placeholder]=\"placeholder()\"\n [attr.required]=\"required() ? '' : null\"\n [attr.disabled]=\"disabled() ? '' : null\"\n [attr.readonly]=\"readonly() ? '' : null\"\n [attr.size]=\"size()\"\n [attr.variant]=\"variant()\"\n (change)=\"onChange($event)\"\n (lgsChange)=\"onLgsChange($event)\"\n (clear)=\"onClear()\"\n ></logosphere-timepicker>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTimePicker {\n value = input<string>('');\n label = input<string>('');\n helper = input<string>('');\n error = input<string>('');\n placeholder = input<string>('__:__');\n required = input<boolean>(false);\n disabled = input<boolean>(false);\n readonly = input<boolean>(false);\n size = input<'default' \| 'large'>('default');\n variant = input<'default' \| 'subtle'>('default');\n\n change = output<{ value: string }>();\n lgsChange = output<{ value: string }>();\n clear = output<void>();\n\n onChange(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.change.emit(e.detail);\n }\n\n onLgsChange(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.lgsChange.emit(e.detail);\n }\n\n onClear() {\n this.clear.emit();\n }\n}\n\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}