@logosphere-ui/angular 0.0.1-alpha.15 → 0.0.1-alpha.16
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.
- package/fesm2022/logosphere-ui-angular-src-lib-accordion.mjs +59 -0
- package/fesm2022/logosphere-ui-angular-src-lib-accordion.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs +49 -0
- package/fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-collapse.mjs +59 -0
- package/fesm2022/logosphere-ui-angular-src-lib-collapse.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-icon.mjs +26 -0
- package/fesm2022/logosphere-ui-angular-src-lib-icon.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-input-group.mjs +33 -0
- package/fesm2022/logosphere-ui-angular-src-lib-input-group.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-slider.mjs +76 -0
- package/fesm2022/logosphere-ui-angular-src-lib-slider.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-split-button.mjs +77 -0
- package/fesm2022/logosphere-ui-angular-src-lib-split-button.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-stepper.mjs +49 -0
- package/fesm2022/logosphere-ui-angular-src-lib-stepper.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-table.mjs +83 -0
- package/fesm2022/logosphere-ui-angular-src-lib-table.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular.mjs +431 -1
- package/fesm2022/logosphere-ui-angular.mjs.map +1 -1
- package/package.json +38 -2
- package/types/logosphere-ui-angular-src-lib-accordion.d.ts +26 -0
- package/types/logosphere-ui-angular-src-lib-chip-group.d.ts +24 -0
- package/types/logosphere-ui-angular-src-lib-collapse.d.ts +18 -0
- package/types/logosphere-ui-angular-src-lib-icon.d.ts +10 -0
- package/types/logosphere-ui-angular-src-lib-input-group.d.ts +9 -0
- package/types/logosphere-ui-angular-src-lib-slider.d.ts +27 -0
- package/types/logosphere-ui-angular-src-lib-split-button.d.ts +33 -0
- package/types/logosphere-ui-angular-src-lib-stepper.d.ts +26 -0
- package/types/logosphere-ui-angular-src-lib-table.d.ts +83 -0
- package/types/logosphere-ui-angular.d.ts +228 -4
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
|
+
import '@logosphere-ui/core/accordion';
|
|
4
|
+
|
|
5
|
+
class LogosphereAccordion {
|
|
6
|
+
items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
7
|
+
multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
|
|
8
|
+
defaultOpen = input([], ...(ngDevMode ? [{ debugName: "defaultOpen" }] : []));
|
|
9
|
+
border = input('full', ...(ngDevMode ? [{ debugName: "border" }] : []));
|
|
10
|
+
iconPosition = input('right', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
|
|
11
|
+
size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
12
|
+
accordionChange = output();
|
|
13
|
+
onAccordionChange(event) {
|
|
14
|
+
const e = event;
|
|
15
|
+
this.accordionChange.emit(e.detail);
|
|
16
|
+
}
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
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: `
|
|
19
|
+
<logosphere-accordion
|
|
20
|
+
[items]="items()"
|
|
21
|
+
[multiple]="multiple()"
|
|
22
|
+
[defaultOpen]="defaultOpen()"
|
|
23
|
+
[border]="border()"
|
|
24
|
+
[iconPosition]="iconPosition()"
|
|
25
|
+
[size]="size()"
|
|
26
|
+
(accordion-change)="onAccordionChange($event)"
|
|
27
|
+
>
|
|
28
|
+
<ng-content></ng-content>
|
|
29
|
+
</logosphere-accordion>
|
|
30
|
+
`, isInline: true });
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereAccordion, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{
|
|
35
|
+
selector: 'lgs-accordion',
|
|
36
|
+
imports: [],
|
|
37
|
+
template: `
|
|
38
|
+
<logosphere-accordion
|
|
39
|
+
[items]="items()"
|
|
40
|
+
[multiple]="multiple()"
|
|
41
|
+
[defaultOpen]="defaultOpen()"
|
|
42
|
+
[border]="border()"
|
|
43
|
+
[iconPosition]="iconPosition()"
|
|
44
|
+
[size]="size()"
|
|
45
|
+
(accordion-change)="onAccordionChange($event)"
|
|
46
|
+
>
|
|
47
|
+
<ng-content></ng-content>
|
|
48
|
+
</logosphere-accordion>
|
|
49
|
+
`,
|
|
50
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
51
|
+
}]
|
|
52
|
+
}], 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"] }] } });
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Generated bundle index. Do not edit.
|
|
56
|
+
*/
|
|
57
|
+
|
|
58
|
+
export { LogosphereAccordion };
|
|
59
|
+
//# sourceMappingURL=logosphere-ui-angular-src-lib-accordion.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-accordion.mjs","sources":["../../projects/wrapper/src/lib/accordion/accordion.ts","../../projects/wrapper/src/lib/accordion/logosphere-ui-angular-src-lib-accordion.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input, output } from '@angular/core';\nimport '@logosphere-ui/core/accordion';\n\nexport interface AccordionItem {\n title: string;\n content: string;\n disabled?: boolean;\n}\n\n@Component({\n selector: 'lgs-accordion',\n imports: [],\n template: `\n <logosphere-accordion\n [items]=\"items()\"\n [multiple]=\"multiple()\"\n [defaultOpen]=\"defaultOpen()\"\n [border]=\"border()\"\n [iconPosition]=\"iconPosition()\"\n [size]=\"size()\"\n (accordion-change)=\"onAccordionChange($event)\"\n >\n <ng-content></ng-content>\n </logosphere-accordion>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereAccordion {\n items = input<AccordionItem[]>([]);\n multiple = input<boolean>(false);\n defaultOpen = input<number | number[]>([]);\n border = input<'full' | 'bottom'>('full');\n iconPosition = input<'left' | 'right'>('right');\n size = input<'default' | 'large'>('default');\n\n accordionChange = output<{ index: number; expanded: boolean; openIndices: number[] }>();\n\n onAccordionChange(event: Event) {\n const e = event as CustomEvent<{ index: number; expanded: boolean; openIndices: number[] }>;\n this.accordionChange.emit(e.detail);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MA2Ba,mBAAmB,CAAA;AAC9B,IAAA,KAAK,GAAG,KAAK,CAAkB,EAAE,iDAAC;AAClC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAChC,IAAA,WAAW,GAAG,KAAK,CAAoB,EAAE,uDAAC;AAC1C,IAAA,MAAM,GAAG,KAAK,CAAoB,MAAM,kDAAC;AACzC,IAAA,YAAY,GAAG,KAAK,CAAmB,OAAO,wDAAC;AAC/C,IAAA,IAAI,GAAG,KAAK,CAAsB,SAAS,gDAAC;IAE5C,eAAe,GAAG,MAAM,EAA+D;AAEvF,IAAA,iBAAiB,CAAC,KAAY,EAAA;QAC5B,MAAM,CAAC,GAAG,KAAiF;QAC3F,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACrC;uGAbW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,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,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAfpB;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAlB/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;AC1BD;;AAEG;;;;"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
|
+
import '@logosphere-ui/core/chip-group';
|
|
4
|
+
|
|
5
|
+
class LogosphereChipGroup {
|
|
6
|
+
items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
7
|
+
value = input([], ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
8
|
+
theme = input('default', ...(ngDevMode ? [{ debugName: "theme" }] : []));
|
|
9
|
+
gap = input('var(--spacing-2)', ...(ngDevMode ? [{ debugName: "gap" }] : []));
|
|
10
|
+
chipGroupChange = output();
|
|
11
|
+
onChipGroupChange(event) {
|
|
12
|
+
const e = event;
|
|
13
|
+
this.chipGroupChange.emit(e.detail);
|
|
14
|
+
}
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereChipGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
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: `
|
|
17
|
+
<logosphere-chip-group
|
|
18
|
+
[items]="items()"
|
|
19
|
+
[value]="value()"
|
|
20
|
+
[theme]="theme()"
|
|
21
|
+
[gap]="gap()"
|
|
22
|
+
(chip-group-change)="onChipGroupChange($event)"
|
|
23
|
+
></logosphere-chip-group>
|
|
24
|
+
`, isInline: true });
|
|
25
|
+
}
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereChipGroup, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{
|
|
29
|
+
selector: 'lgs-chip-group',
|
|
30
|
+
imports: [],
|
|
31
|
+
template: `
|
|
32
|
+
<logosphere-chip-group
|
|
33
|
+
[items]="items()"
|
|
34
|
+
[value]="value()"
|
|
35
|
+
[theme]="theme()"
|
|
36
|
+
[gap]="gap()"
|
|
37
|
+
(chip-group-change)="onChipGroupChange($event)"
|
|
38
|
+
></logosphere-chip-group>
|
|
39
|
+
`,
|
|
40
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
41
|
+
}]
|
|
42
|
+
}], 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"] }] } });
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Generated bundle index. Do not edit.
|
|
46
|
+
*/
|
|
47
|
+
|
|
48
|
+
export { LogosphereChipGroup };
|
|
49
|
+
//# sourceMappingURL=logosphere-ui-angular-src-lib-chip-group.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-chip-group.mjs","sources":["../../projects/wrapper/src/lib/chip-group/chip-group.ts","../../projects/wrapper/src/lib/chip-group/logosphere-ui-angular-src-lib-chip-group.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input, output } from '@angular/core';\nimport '@logosphere-ui/core/chip-group';\n\nexport interface ChipItem {\n label: string;\n value: string;\n disabled?: boolean;\n}\n\n@Component({\n selector: 'lgs-chip-group',\n imports: [],\n template: `\n <logosphere-chip-group\n [items]=\"items()\"\n [value]=\"value()\"\n [theme]=\"theme()\"\n [gap]=\"gap()\"\n (chip-group-change)=\"onChipGroupChange($event)\"\n ></logosphere-chip-group>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereChipGroup {\n items = input<ChipItem[]>([]);\n value = input<string[]>([]);\n theme = input<string>('default');\n gap = input<string>('var(--spacing-2)');\n\n chipGroupChange = output<{ value: string[]; item: ChipItem; selected: boolean }>();\n\n onChipGroupChange(event: Event) {\n const e = event as CustomEvent<{ value: string[]; item: ChipItem; selected: boolean }>;\n this.chipGroupChange.emit(e.detail);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAuBa,mBAAmB,CAAA;AAC9B,IAAA,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC;AAC7B,IAAA,KAAK,GAAG,KAAK,CAAW,EAAE,iDAAC;AAC3B,IAAA,KAAK,GAAG,KAAK,CAAS,SAAS,iDAAC;AAChC,IAAA,GAAG,GAAG,KAAK,CAAS,kBAAkB,+CAAC;IAEvC,eAAe,GAAG,MAAM,EAA0D;AAElF,IAAA,iBAAiB,CAAC,KAAY,EAAA;QAC5B,MAAM,CAAC,GAAG,KAA4E;QACtF,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACrC;uGAXW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAXpB;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAd/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;AAQT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACtBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
|
+
import '@logosphere-ui/core/collapse';
|
|
4
|
+
|
|
5
|
+
class LogosphereCollapse {
|
|
6
|
+
title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
|
|
7
|
+
expanded = input(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
|
|
8
|
+
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
9
|
+
border = input('full', ...(ngDevMode ? [{ debugName: "border" }] : []));
|
|
10
|
+
iconPosition = input('right', ...(ngDevMode ? [{ debugName: "iconPosition" }] : []));
|
|
11
|
+
size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
12
|
+
toggle = output();
|
|
13
|
+
onToggle(event) {
|
|
14
|
+
const e = event;
|
|
15
|
+
this.toggle.emit(e.detail);
|
|
16
|
+
}
|
|
17
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCollapse, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
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: `
|
|
19
|
+
<logosphere-collapse
|
|
20
|
+
[title]="title()"
|
|
21
|
+
[expanded]="expanded()"
|
|
22
|
+
[disabled]="disabled()"
|
|
23
|
+
[border]="border()"
|
|
24
|
+
[iconPosition]="iconPosition()"
|
|
25
|
+
[size]="size()"
|
|
26
|
+
(toggle)="onToggle($event)"
|
|
27
|
+
>
|
|
28
|
+
<ng-content></ng-content>
|
|
29
|
+
</logosphere-collapse>
|
|
30
|
+
`, isInline: true });
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereCollapse, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{
|
|
35
|
+
selector: 'lgs-collapse',
|
|
36
|
+
imports: [],
|
|
37
|
+
template: `
|
|
38
|
+
<logosphere-collapse
|
|
39
|
+
[title]="title()"
|
|
40
|
+
[expanded]="expanded()"
|
|
41
|
+
[disabled]="disabled()"
|
|
42
|
+
[border]="border()"
|
|
43
|
+
[iconPosition]="iconPosition()"
|
|
44
|
+
[size]="size()"
|
|
45
|
+
(toggle)="onToggle($event)"
|
|
46
|
+
>
|
|
47
|
+
<ng-content></ng-content>
|
|
48
|
+
</logosphere-collapse>
|
|
49
|
+
`,
|
|
50
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
51
|
+
}]
|
|
52
|
+
}], 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"] }] } });
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Generated bundle index. Do not edit.
|
|
56
|
+
*/
|
|
57
|
+
|
|
58
|
+
export { LogosphereCollapse };
|
|
59
|
+
//# sourceMappingURL=logosphere-ui-angular-src-lib-collapse.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-collapse.mjs","sources":["../../projects/wrapper/src/lib/collapse/collapse.ts","../../projects/wrapper/src/lib/collapse/logosphere-ui-angular-src-lib-collapse.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input, output } from '@angular/core';\nimport '@logosphere-ui/core/collapse';\n\n@Component({\n selector: 'lgs-collapse',\n imports: [],\n template: `\n <logosphere-collapse\n [title]=\"title()\"\n [expanded]=\"expanded()\"\n [disabled]=\"disabled()\"\n [border]=\"border()\"\n [iconPosition]=\"iconPosition()\"\n [size]=\"size()\"\n (toggle)=\"onToggle($event)\"\n >\n <ng-content></ng-content>\n </logosphere-collapse>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereCollapse {\n title = input<string>('');\n expanded = input<boolean>(false);\n disabled = input<boolean>(false);\n border = input<'full' | 'bottom'>('full');\n iconPosition = input<'left' | 'right'>('right');\n size = input<'default' | 'large'>('default');\n\n toggle = output<{ expanded: boolean }>();\n\n onToggle(event: Event) {\n const e = event as CustomEvent<{ expanded: boolean }>;\n this.toggle.emit(e.detail);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAqBa,kBAAkB,CAAA;AAC7B,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,MAAM,GAAG,KAAK,CAAoB,MAAM,kDAAC;AACzC,IAAA,YAAY,GAAG,KAAK,CAAmB,OAAO,wDAAC;AAC/C,IAAA,IAAI,GAAG,KAAK,CAAsB,SAAS,gDAAC;IAE5C,MAAM,GAAG,MAAM,EAAyB;AAExC,IAAA,QAAQ,CAAC,KAAY,EAAA;QACnB,MAAM,CAAC,GAAG,KAA2C;QACrD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5B;uGAbW,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,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,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAfnB;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAlB9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACpBD;;AAEG;;;;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
|
+
import '@logosphere-ui/core/icon';
|
|
4
|
+
|
|
5
|
+
class LogosphereIcon {
|
|
6
|
+
name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
|
|
7
|
+
size = input(20, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
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 });
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereIcon, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{
|
|
14
|
+
selector: 'lgs-icon',
|
|
15
|
+
imports: [],
|
|
16
|
+
template: `<ui-icon [name]="name()" [size]="size()"></ui-icon>`,
|
|
17
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
18
|
+
}]
|
|
19
|
+
}], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Generated bundle index. Do not edit.
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
export { LogosphereIcon };
|
|
26
|
+
//# sourceMappingURL=logosphere-ui-angular-src-lib-icon.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-icon.mjs","sources":["../../projects/wrapper/src/lib/icon/icon.ts","../../projects/wrapper/src/lib/icon/logosphere-ui-angular-src-lib-icon.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input } from '@angular/core';\nimport '@logosphere-ui/core/icon';\n\n@Component({\n selector: 'lgs-icon',\n imports: [],\n template: `<ui-icon [name]=\"name()\" [size]=\"size()\"></ui-icon>`,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereIcon {\n name = input<string>('');\n size = input<number>(20);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MASa,cAAc,CAAA;AACzB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;uGAFb,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,0TAHf,CAAA,mDAAA,CAAqD,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGpD,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE,CAAA,mDAAA,CAAqD;oBAC/D,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
|
+
import '@logosphere-ui/core/input-group';
|
|
4
|
+
|
|
5
|
+
class LogosphereInputGroup {
|
|
6
|
+
stretch = input(true, ...(ngDevMode ? [{ debugName: "stretch" }] : []));
|
|
7
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8
|
+
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: `
|
|
9
|
+
<logosphere-input-group [stretch]="stretch()">
|
|
10
|
+
<ng-content></ng-content>
|
|
11
|
+
</logosphere-input-group>
|
|
12
|
+
`, isInline: true });
|
|
13
|
+
}
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInputGroup, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{
|
|
17
|
+
selector: 'lgs-input-group',
|
|
18
|
+
imports: [],
|
|
19
|
+
template: `
|
|
20
|
+
<logosphere-input-group [stretch]="stretch()">
|
|
21
|
+
<ng-content></ng-content>
|
|
22
|
+
</logosphere-input-group>
|
|
23
|
+
`,
|
|
24
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
25
|
+
}]
|
|
26
|
+
}], propDecorators: { stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }] } });
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Generated bundle index. Do not edit.
|
|
30
|
+
*/
|
|
31
|
+
|
|
32
|
+
export { LogosphereInputGroup };
|
|
33
|
+
//# sourceMappingURL=logosphere-ui-angular-src-lib-input-group.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-input-group.mjs","sources":["../../projects/wrapper/src/lib/input-group/input-group.ts","../../projects/wrapper/src/lib/input-group/logosphere-ui-angular-src-lib-input-group.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input } from '@angular/core';\nimport '@logosphere-ui/core/input-group';\n\n@Component({\n selector: 'lgs-input-group',\n imports: [],\n template: `\n <logosphere-input-group [stretch]=\"stretch()\">\n <ng-content></ng-content>\n </logosphere-input-group>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereInputGroup {\n stretch = input<boolean>(true);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAaa,oBAAoB,CAAA;AAC/B,IAAA,OAAO,GAAG,KAAK,CAAU,IAAI,mDAAC;uGADnB,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,iBAAA,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,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAPrB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACZD;;AAEG;;;;"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
|
+
import '@logosphere-ui/core/slider';
|
|
4
|
+
|
|
5
|
+
class LogosphereSlider {
|
|
6
|
+
value = input(50, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
7
|
+
min = input(0, ...(ngDevMode ? [{ debugName: "min" }] : []));
|
|
8
|
+
max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : []));
|
|
9
|
+
step = input(1, ...(ngDevMode ? [{ debugName: "step" }] : []));
|
|
10
|
+
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
11
|
+
range = input(false, ...(ngDevMode ? [{ debugName: "range" }] : []));
|
|
12
|
+
rangeStart = input(25, ...(ngDevMode ? [{ debugName: "rangeStart" }] : []));
|
|
13
|
+
rangeEnd = input(75, ...(ngDevMode ? [{ debugName: "rangeEnd" }] : []));
|
|
14
|
+
minDistance = input(0, ...(ngDevMode ? [{ debugName: "minDistance" }] : []));
|
|
15
|
+
tooltip = input('never', ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
|
|
16
|
+
showScale = input(false, ...(ngDevMode ? [{ debugName: "showScale" }] : []));
|
|
17
|
+
percentage = input(false, ...(ngDevMode ? [{ debugName: "percentage" }] : []));
|
|
18
|
+
labels = input([], ...(ngDevMode ? [{ debugName: "labels" }] : []));
|
|
19
|
+
sliderChange = output();
|
|
20
|
+
onSliderChange(event) {
|
|
21
|
+
const e = event;
|
|
22
|
+
this.sliderChange.emit(e.detail);
|
|
23
|
+
}
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
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: `
|
|
26
|
+
<logosphere-slider
|
|
27
|
+
[value]="value()"
|
|
28
|
+
[min]="min()"
|
|
29
|
+
[max]="max()"
|
|
30
|
+
[step]="step()"
|
|
31
|
+
[disabled]="disabled()"
|
|
32
|
+
[range]="range()"
|
|
33
|
+
[rangeStart]="rangeStart()"
|
|
34
|
+
[rangeEnd]="rangeEnd()"
|
|
35
|
+
[minDistance]="minDistance()"
|
|
36
|
+
[tooltip]="tooltip()"
|
|
37
|
+
[showScale]="showScale()"
|
|
38
|
+
[percentage]="percentage()"
|
|
39
|
+
[labels]="labels()"
|
|
40
|
+
(change)="onSliderChange($event)"
|
|
41
|
+
></logosphere-slider>
|
|
42
|
+
`, isInline: true });
|
|
43
|
+
}
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSlider, decorators: [{
|
|
45
|
+
type: Component,
|
|
46
|
+
args: [{
|
|
47
|
+
selector: 'lgs-slider',
|
|
48
|
+
imports: [],
|
|
49
|
+
template: `
|
|
50
|
+
<logosphere-slider
|
|
51
|
+
[value]="value()"
|
|
52
|
+
[min]="min()"
|
|
53
|
+
[max]="max()"
|
|
54
|
+
[step]="step()"
|
|
55
|
+
[disabled]="disabled()"
|
|
56
|
+
[range]="range()"
|
|
57
|
+
[rangeStart]="rangeStart()"
|
|
58
|
+
[rangeEnd]="rangeEnd()"
|
|
59
|
+
[minDistance]="minDistance()"
|
|
60
|
+
[tooltip]="tooltip()"
|
|
61
|
+
[showScale]="showScale()"
|
|
62
|
+
[percentage]="percentage()"
|
|
63
|
+
[labels]="labels()"
|
|
64
|
+
(change)="onSliderChange($event)"
|
|
65
|
+
></logosphere-slider>
|
|
66
|
+
`,
|
|
67
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
68
|
+
}]
|
|
69
|
+
}], 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"] }] } });
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* Generated bundle index. Do not edit.
|
|
73
|
+
*/
|
|
74
|
+
|
|
75
|
+
export { LogosphereSlider };
|
|
76
|
+
//# sourceMappingURL=logosphere-ui-angular-src-lib-slider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-slider.mjs","sources":["../../projects/wrapper/src/lib/slider/slider.ts","../../projects/wrapper/src/lib/slider/logosphere-ui-angular-src-lib-slider.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input, output } from '@angular/core';\nimport '@logosphere-ui/core/slider';\n\n@Component({\n selector: 'lgs-slider',\n imports: [],\n template: `\n <logosphere-slider\n [value]=\"value()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [disabled]=\"disabled()\"\n [range]=\"range()\"\n [rangeStart]=\"rangeStart()\"\n [rangeEnd]=\"rangeEnd()\"\n [minDistance]=\"minDistance()\"\n [tooltip]=\"tooltip()\"\n [showScale]=\"showScale()\"\n [percentage]=\"percentage()\"\n [labels]=\"labels()\"\n (change)=\"onSliderChange($event)\"\n ></logosphere-slider>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereSlider {\n value = input<number>(50);\n min = input<number>(0);\n max = input<number>(100);\n step = input<number>(1);\n disabled = input<boolean>(false);\n range = input<boolean>(false);\n rangeStart = input<number>(25);\n rangeEnd = input<number>(75);\n minDistance = input<number>(0);\n tooltip = input<'always' | 'hover' | 'never'>('never');\n showScale = input<boolean>(false);\n percentage = input<boolean>(false);\n labels = input<string[]>([]);\n\n sliderChange = output<{ value?: number; rangeStart?: number; rangeEnd?: number }>();\n\n onSliderChange(event: Event) {\n const e = event as CustomEvent<{ value?: number; rangeStart?: number; rangeEnd?: number }>;\n this.sliderChange.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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"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
|
+
import '@logosphere-ui/core/split-button';
|
|
4
|
+
|
|
5
|
+
class LogosphereSplitButton {
|
|
6
|
+
label = input('Button', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
7
|
+
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
8
|
+
theme = input('primary', ...(ngDevMode ? [{ debugName: "theme" }] : []));
|
|
9
|
+
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
10
|
+
dropdownDisabled = input(false, ...(ngDevMode ? [{ debugName: "dropdownDisabled" }] : []));
|
|
11
|
+
items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
12
|
+
action = output();
|
|
13
|
+
dropdownOpen = output();
|
|
14
|
+
dropdownClose = output();
|
|
15
|
+
itemSelect = output();
|
|
16
|
+
onAction() {
|
|
17
|
+
this.action.emit();
|
|
18
|
+
}
|
|
19
|
+
onDropdownOpen() {
|
|
20
|
+
this.dropdownOpen.emit();
|
|
21
|
+
}
|
|
22
|
+
onDropdownClose() {
|
|
23
|
+
this.dropdownClose.emit();
|
|
24
|
+
}
|
|
25
|
+
onItemSelect(event) {
|
|
26
|
+
const e = event;
|
|
27
|
+
this.itemSelect.emit(e.detail);
|
|
28
|
+
}
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSplitButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
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: `
|
|
31
|
+
<logosphere-split-button
|
|
32
|
+
[label]="label()"
|
|
33
|
+
[size]="size()"
|
|
34
|
+
[theme]="theme()"
|
|
35
|
+
[disabled]="disabled()"
|
|
36
|
+
[dropdownDisabled]="dropdownDisabled()"
|
|
37
|
+
[items]="items()"
|
|
38
|
+
(action)="onAction()"
|
|
39
|
+
(dropdown-open)="onDropdownOpen()"
|
|
40
|
+
(dropdown-close)="onDropdownClose()"
|
|
41
|
+
(item-select)="onItemSelect($event)"
|
|
42
|
+
>
|
|
43
|
+
<ng-content></ng-content>
|
|
44
|
+
</logosphere-split-button>
|
|
45
|
+
`, isInline: true });
|
|
46
|
+
}
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereSplitButton, decorators: [{
|
|
48
|
+
type: Component,
|
|
49
|
+
args: [{
|
|
50
|
+
selector: 'lgs-split-button',
|
|
51
|
+
imports: [],
|
|
52
|
+
template: `
|
|
53
|
+
<logosphere-split-button
|
|
54
|
+
[label]="label()"
|
|
55
|
+
[size]="size()"
|
|
56
|
+
[theme]="theme()"
|
|
57
|
+
[disabled]="disabled()"
|
|
58
|
+
[dropdownDisabled]="dropdownDisabled()"
|
|
59
|
+
[items]="items()"
|
|
60
|
+
(action)="onAction()"
|
|
61
|
+
(dropdown-open)="onDropdownOpen()"
|
|
62
|
+
(dropdown-close)="onDropdownClose()"
|
|
63
|
+
(item-select)="onItemSelect($event)"
|
|
64
|
+
>
|
|
65
|
+
<ng-content></ng-content>
|
|
66
|
+
</logosphere-split-button>
|
|
67
|
+
`,
|
|
68
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
69
|
+
}]
|
|
70
|
+
}], 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"] }] } });
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Generated bundle index. Do not edit.
|
|
74
|
+
*/
|
|
75
|
+
|
|
76
|
+
export { LogosphereSplitButton };
|
|
77
|
+
//# sourceMappingURL=logosphere-ui-angular-src-lib-split-button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-split-button.mjs","sources":["../../projects/wrapper/src/lib/split-button/split-button.ts","../../projects/wrapper/src/lib/split-button/logosphere-ui-angular-src-lib-split-button.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input, output } from '@angular/core';\nimport '@logosphere-ui/core/split-button';\n\nexport interface SplitButtonItem {\n label: string;\n value: string;\n icon?: string;\n disabled?: boolean;\n divider?: boolean;\n}\n\n@Component({\n selector: 'lgs-split-button',\n imports: [],\n template: `\n <logosphere-split-button\n [label]=\"label()\"\n [size]=\"size()\"\n [theme]=\"theme()\"\n [disabled]=\"disabled()\"\n [dropdownDisabled]=\"dropdownDisabled()\"\n [items]=\"items()\"\n (action)=\"onAction()\"\n (dropdown-open)=\"onDropdownOpen()\"\n (dropdown-close)=\"onDropdownClose()\"\n (item-select)=\"onItemSelect($event)\"\n >\n <ng-content></ng-content>\n </logosphere-split-button>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereSplitButton {\n label = input<string>('Button');\n size = input<'sm' | 'md' | 'lg'>('md');\n theme = input<string>('primary');\n disabled = input<boolean>(false);\n dropdownDisabled = input<boolean>(false);\n items = input<SplitButtonItem[]>([]);\n\n action = output<void>();\n dropdownOpen = output<void>();\n dropdownClose = output<void>();\n itemSelect = output<{ value: string; item: SplitButtonItem }>();\n\n onAction() {\n this.action.emit();\n }\n\n onDropdownOpen() {\n this.dropdownOpen.emit();\n }\n\n onDropdownClose() {\n this.dropdownClose.emit();\n }\n\n onItemSelect(event: Event) {\n const e = event as CustomEvent<{ value: string; item: SplitButtonItem }>;\n this.itemSelect.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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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
|
+
import '@logosphere-ui/core/stepper';
|
|
4
|
+
|
|
5
|
+
class LogosphereStepper {
|
|
6
|
+
steps = input([], ...(ngDevMode ? [{ debugName: "steps" }] : []));
|
|
7
|
+
activeStep = input(0, ...(ngDevMode ? [{ debugName: "activeStep" }] : []));
|
|
8
|
+
orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
|
|
9
|
+
clickable = input(false, ...(ngDevMode ? [{ debugName: "clickable" }] : []));
|
|
10
|
+
stepChange = output();
|
|
11
|
+
onStepChange(event) {
|
|
12
|
+
const e = event;
|
|
13
|
+
this.stepChange.emit(e.detail);
|
|
14
|
+
}
|
|
15
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
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: `
|
|
17
|
+
<logosphere-stepper
|
|
18
|
+
[steps]="steps()"
|
|
19
|
+
[activeStep]="activeStep()"
|
|
20
|
+
[orientation]="orientation()"
|
|
21
|
+
[clickable]="clickable()"
|
|
22
|
+
(step-change)="onStepChange($event)"
|
|
23
|
+
></logosphere-stepper>
|
|
24
|
+
`, isInline: true });
|
|
25
|
+
}
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereStepper, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{
|
|
29
|
+
selector: 'lgs-stepper',
|
|
30
|
+
imports: [],
|
|
31
|
+
template: `
|
|
32
|
+
<logosphere-stepper
|
|
33
|
+
[steps]="steps()"
|
|
34
|
+
[activeStep]="activeStep()"
|
|
35
|
+
[orientation]="orientation()"
|
|
36
|
+
[clickable]="clickable()"
|
|
37
|
+
(step-change)="onStepChange($event)"
|
|
38
|
+
></logosphere-stepper>
|
|
39
|
+
`,
|
|
40
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
41
|
+
}]
|
|
42
|
+
}], 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"] }] } });
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Generated bundle index. Do not edit.
|
|
46
|
+
*/
|
|
47
|
+
|
|
48
|
+
export { LogosphereStepper };
|
|
49
|
+
//# sourceMappingURL=logosphere-ui-angular-src-lib-stepper.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-stepper.mjs","sources":["../../projects/wrapper/src/lib/stepper/stepper.ts","../../projects/wrapper/src/lib/stepper/logosphere-ui-angular-src-lib-stepper.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input, output } from '@angular/core';\nimport '@logosphere-ui/core/stepper';\n\nexport type StepState = 'completed' | 'current' | 'upcoming' | 'disabled';\nexport type StepperOrientation = 'horizontal' | 'vertical';\n\nexport interface StepItem {\n title: string;\n description?: string;\n state?: StepState;\n disabled?: boolean;\n}\n\n@Component({\n selector: 'lgs-stepper',\n imports: [],\n template: `\n <logosphere-stepper\n [steps]=\"steps()\"\n [activeStep]=\"activeStep()\"\n [orientation]=\"orientation()\"\n [clickable]=\"clickable()\"\n (step-change)=\"onStepChange($event)\"\n ></logosphere-stepper>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereStepper {\n steps = input<StepItem[]>([]);\n activeStep = input<number>(0);\n orientation = input<StepperOrientation>('horizontal');\n clickable = input<boolean>(false);\n\n stepChange = output<{ index: number; step: StepItem }>();\n\n onStepChange(event: Event) {\n const e = event as CustomEvent<{ index: number; step: StepItem }>;\n this.stepChange.emit(e.detail);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MA2Ba,iBAAiB,CAAA;AAC5B,IAAA,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC;AAC7B,IAAA,UAAU,GAAG,KAAK,CAAS,CAAC,sDAAC;AAC7B,IAAA,WAAW,GAAG,KAAK,CAAqB,YAAY,uDAAC;AACrD,IAAA,SAAS,GAAG,KAAK,CAAU,KAAK,qDAAC;IAEjC,UAAU,GAAG,MAAM,EAAqC;AAExD,IAAA,YAAY,CAAC,KAAY,EAAA;QACvB,MAAM,CAAC,GAAG,KAAuD;QACjE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAChC;uGAXW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,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,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,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,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,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAXlB;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAd7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;AAQT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;AC1BD;;AAEG;;;;"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
|
+
import '@logosphere-ui/core/table';
|
|
4
|
+
|
|
5
|
+
class LogosphereTable {
|
|
6
|
+
columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
|
|
7
|
+
actionColumn = input(undefined, ...(ngDevMode ? [{ debugName: "actionColumn" }] : []));
|
|
8
|
+
rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
|
|
9
|
+
rowKey = input('id', ...(ngDevMode ? [{ debugName: "rowKey" }] : []));
|
|
10
|
+
emptyMessage = input('Kayıt bulunamadı', ...(ngDevMode ? [{ debugName: "emptyMessage" }] : []));
|
|
11
|
+
maxHeight = input(undefined, ...(ngDevMode ? [{ debugName: "maxHeight" }] : []));
|
|
12
|
+
selection = input(false, ...(ngDevMode ? [{ debugName: "selection" }] : []));
|
|
13
|
+
stickySelection = input(false, ...(ngDevMode ? [{ debugName: "stickySelection" }] : []));
|
|
14
|
+
resizable = input(false, ...(ngDevMode ? [{ debugName: "resizable" }] : []));
|
|
15
|
+
borderless = input(false, ...(ngDevMode ? [{ debugName: "borderless" }] : []));
|
|
16
|
+
rowClick = output();
|
|
17
|
+
sortChange = output();
|
|
18
|
+
selectChange = output();
|
|
19
|
+
search = output();
|
|
20
|
+
widthChange = output();
|
|
21
|
+
sortChangeHandler = (detail) => this.sortChange.emit(detail);
|
|
22
|
+
selectChangeHandler = (detail) => this.selectChange.emit(detail);
|
|
23
|
+
searchHandler = (detail) => this.search.emit(detail);
|
|
24
|
+
widthChangeHandler = (detail) => this.widthChange.emit(detail);
|
|
25
|
+
onRowClick(event) {
|
|
26
|
+
const e = event;
|
|
27
|
+
this.rowClick.emit(e.detail);
|
|
28
|
+
}
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
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: `
|
|
31
|
+
<logosphere-table
|
|
32
|
+
[columns]="columns()"
|
|
33
|
+
[actionColumn]="actionColumn()"
|
|
34
|
+
[rows]="rows()"
|
|
35
|
+
[rowKey]="rowKey()"
|
|
36
|
+
[emptyMessage]="emptyMessage()"
|
|
37
|
+
[maxHeight]="maxHeight()"
|
|
38
|
+
[selection]="selection()"
|
|
39
|
+
[stickySelection]="stickySelection()"
|
|
40
|
+
[resizable]="resizable()"
|
|
41
|
+
[borderless]="borderless()"
|
|
42
|
+
[onSortChange]="sortChangeHandler"
|
|
43
|
+
[onSelectChange]="selectChangeHandler"
|
|
44
|
+
[onSearch]="searchHandler"
|
|
45
|
+
[onWidthChange]="widthChangeHandler"
|
|
46
|
+
(row-click)="onRowClick($event)"
|
|
47
|
+
></logosphere-table>
|
|
48
|
+
`, isInline: true });
|
|
49
|
+
}
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTable, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{
|
|
53
|
+
selector: 'lgs-table',
|
|
54
|
+
imports: [],
|
|
55
|
+
template: `
|
|
56
|
+
<logosphere-table
|
|
57
|
+
[columns]="columns()"
|
|
58
|
+
[actionColumn]="actionColumn()"
|
|
59
|
+
[rows]="rows()"
|
|
60
|
+
[rowKey]="rowKey()"
|
|
61
|
+
[emptyMessage]="emptyMessage()"
|
|
62
|
+
[maxHeight]="maxHeight()"
|
|
63
|
+
[selection]="selection()"
|
|
64
|
+
[stickySelection]="stickySelection()"
|
|
65
|
+
[resizable]="resizable()"
|
|
66
|
+
[borderless]="borderless()"
|
|
67
|
+
[onSortChange]="sortChangeHandler"
|
|
68
|
+
[onSelectChange]="selectChangeHandler"
|
|
69
|
+
[onSearch]="searchHandler"
|
|
70
|
+
[onWidthChange]="widthChangeHandler"
|
|
71
|
+
(row-click)="onRowClick($event)"
|
|
72
|
+
></logosphere-table>
|
|
73
|
+
`,
|
|
74
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
75
|
+
}]
|
|
76
|
+
}], 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"] }] } });
|
|
77
|
+
|
|
78
|
+
/**
|
|
79
|
+
* Generated bundle index. Do not edit.
|
|
80
|
+
*/
|
|
81
|
+
|
|
82
|
+
export { LogosphereTable };
|
|
83
|
+
//# sourceMappingURL=logosphere-ui-angular-src-lib-table.mjs.map
|