@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.
- package/fesm2022/logosphere-ui-angular-src-lib-accordion.mjs +8 -8
- package/fesm2022/logosphere-ui-angular-src-lib-accordion.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-badge.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-badge.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-breadcrumb.mjs +5 -13
- package/fesm2022/logosphere-ui-angular-src-lib-breadcrumb.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-button.mjs +12 -12
- package/fesm2022/logosphere-ui-angular-src-lib-button.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-calendar.mjs +38 -23
- package/fesm2022/logosphere-ui-angular-src-lib-calendar.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-card.mjs +8 -8
- package/fesm2022/logosphere-ui-angular-src-lib-card.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-chatbot.mjs +15 -23
- package/fesm2022/logosphere-ui-angular-src-lib-chatbot.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-checkbox.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-checkbox.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs +4 -4
- package/fesm2022/logosphere-ui-angular-src-lib-chip-group.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-collapse.mjs +12 -12
- package/fesm2022/logosphere-ui-angular-src-lib-collapse.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs +58 -39
- package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-datepicker.mjs +41 -26
- package/fesm2022/logosphere-ui-angular-src-lib-datepicker.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-drawer.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-drawer.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-formfield.mjs +41 -27
- package/fesm2022/logosphere-ui-angular-src-lib-formfield.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-input.mjs +50 -34
- package/fesm2022/logosphere-ui-angular-src-lib-input.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs +31 -8
- package/fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-loading.mjs +2 -2
- package/fesm2022/logosphere-ui-angular-src-lib-loading.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-modal.mjs +39 -9
- package/fesm2022/logosphere-ui-angular-src-lib-modal.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-note.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-note.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-pagination.mjs +25 -33
- package/fesm2022/logosphere-ui-angular-src-lib-pagination.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-popover.mjs +21 -12
- package/fesm2022/logosphere-ui-angular-src-lib-popover.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-slider.mjs +24 -24
- package/fesm2022/logosphere-ui-angular-src-lib-slider.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-split-button.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-split-button.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-stepper.mjs +6 -6
- package/fesm2022/logosphere-ui-angular-src-lib-stepper.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-switch.mjs +15 -8
- package/fesm2022/logosphere-ui-angular-src-lib-switch.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs +9 -17
- package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-table.mjs +36 -25
- package/fesm2022/logosphere-ui-angular-src-lib-table.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs +55 -34
- package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs +29 -22
- package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs +41 -18
- package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs +14 -18
- package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-uploader.mjs +22 -22
- package/fesm2022/logosphere-ui-angular-src-lib-uploader.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular.mjs +701 -527
- package/fesm2022/logosphere-ui-angular.mjs.map +1 -1
- package/package.json +2 -2
- package/types/logosphere-ui-angular-src-lib-breadcrumb.d.ts +0 -2
- package/types/logosphere-ui-angular-src-lib-calendar.d.ts +6 -3
- package/types/logosphere-ui-angular-src-lib-chatbot.d.ts +0 -2
- package/types/logosphere-ui-angular-src-lib-combobox.d.ts +5 -1
- package/types/logosphere-ui-angular-src-lib-datepicker.d.ts +6 -3
- package/types/logosphere-ui-angular-src-lib-formfield.d.ts +9 -1
- package/types/logosphere-ui-angular-src-lib-input.d.ts +8 -1
- package/types/logosphere-ui-angular-src-lib-left-menu.d.ts +39 -1
- package/types/logosphere-ui-angular-src-lib-modal.d.ts +13 -1
- package/types/logosphere-ui-angular-src-lib-pagination.d.ts +0 -2
- package/types/logosphere-ui-angular-src-lib-popover.d.ts +4 -1
- package/types/logosphere-ui-angular-src-lib-switch.d.ts +3 -1
- package/types/logosphere-ui-angular-src-lib-tab.d.ts +0 -2
- package/types/logosphere-ui-angular-src-lib-table.d.ts +2 -0
- package/types/logosphere-ui-angular-src-lib-textarea.d.ts +13 -1
- package/types/logosphere-ui-angular-src-lib-timepicker.d.ts +5 -1
- package/types/logosphere-ui-angular-src-lib-toast.d.ts +29 -5
- package/types/logosphere-ui-angular-src-lib-tree-menu.d.ts +16 -7
- package/types/logosphere-ui-angular.d.ts +155 -28
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
2
|
+
import { input, output, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
|
|
3
3
|
import '@logosphere-ui/core/formfield';
|
|
4
4
|
|
|
5
5
|
class LogosphereFormField {
|
|
@@ -15,21 +15,33 @@ class LogosphereFormField {
|
|
|
15
15
|
readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
|
|
16
16
|
multiline = input(false, ...(ngDevMode ? [{ debugName: "multiline" }] : []));
|
|
17
17
|
forceFocused = input(false, ...(ngDevMode ? [{ debugName: "forceFocused" }] : []));
|
|
18
|
+
fieldFocus = output();
|
|
19
|
+
fieldBlur = output();
|
|
20
|
+
onFieldFocus(event) {
|
|
21
|
+
const e = event;
|
|
22
|
+
this.fieldFocus.emit(e.detail);
|
|
23
|
+
}
|
|
24
|
+
onFieldBlur(event) {
|
|
25
|
+
const e = event;
|
|
26
|
+
this.fieldBlur.emit(e.detail);
|
|
27
|
+
}
|
|
18
28
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereFormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereFormField, isStandalone: true, selector: "lgs-formfield", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, cursor: { classPropertyName: "cursor", publicName: "cursor", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, multiline: { classPropertyName: "multiline", publicName: "multiline", isSignal: true, isRequired: false, transformFunction: null }, forceFocused: { classPropertyName: "forceFocused", publicName: "forceFocused", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
29
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereFormField, isStandalone: true, selector: "lgs-formfield", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, cursor: { classPropertyName: "cursor", publicName: "cursor", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, multiline: { classPropertyName: "multiline", publicName: "multiline", isSignal: true, isRequired: false, transformFunction: null }, forceFocused: { classPropertyName: "forceFocused", publicName: "forceFocused", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fieldFocus: "fieldFocus", fieldBlur: "fieldBlur" }, ngImport: i0, template: `
|
|
20
30
|
<logosphere-formfield
|
|
21
|
-
[label]="label()"
|
|
22
|
-
[helper]="helper()"
|
|
23
|
-
[error]="error()"
|
|
24
|
-
[placeholder]="placeholder()"
|
|
25
|
-
[size]="size()"
|
|
26
|
-
[variant]="variant()"
|
|
27
|
-
[cursor]="cursor()"
|
|
28
|
-
[required]="required()"
|
|
29
|
-
[disabled]="disabled()"
|
|
30
|
-
[readonly]="readonly()"
|
|
31
|
-
[multiline]="multiline()"
|
|
32
|
-
[
|
|
31
|
+
[attr.label]="label()"
|
|
32
|
+
[attr.helper]="helper()"
|
|
33
|
+
[attr.error]="error()"
|
|
34
|
+
[attr.placeholder]="placeholder()"
|
|
35
|
+
[attr.size]="size()"
|
|
36
|
+
[attr.variant]="variant()"
|
|
37
|
+
[attr.cursor]="cursor()"
|
|
38
|
+
[attr.required]="required() ? '' : null"
|
|
39
|
+
[attr.disabled]="disabled() ? '' : null"
|
|
40
|
+
[attr.readonly]="readonly() ? '' : null"
|
|
41
|
+
[attr.multiline]="multiline() ? '' : null"
|
|
42
|
+
[attr.forcefocused]="forceFocused() ? '' : null"
|
|
43
|
+
(field-focus)="onFieldFocus($event)"
|
|
44
|
+
(field-blur)="onFieldBlur($event)"
|
|
33
45
|
>
|
|
34
46
|
<ng-content></ng-content>
|
|
35
47
|
<ng-content select="[slot=prefix]" slot="prefix"></ng-content>
|
|
@@ -45,18 +57,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
45
57
|
imports: [],
|
|
46
58
|
template: `
|
|
47
59
|
<logosphere-formfield
|
|
48
|
-
[label]="label()"
|
|
49
|
-
[helper]="helper()"
|
|
50
|
-
[error]="error()"
|
|
51
|
-
[placeholder]="placeholder()"
|
|
52
|
-
[size]="size()"
|
|
53
|
-
[variant]="variant()"
|
|
54
|
-
[cursor]="cursor()"
|
|
55
|
-
[required]="required()"
|
|
56
|
-
[disabled]="disabled()"
|
|
57
|
-
[readonly]="readonly()"
|
|
58
|
-
[multiline]="multiline()"
|
|
59
|
-
[
|
|
60
|
+
[attr.label]="label()"
|
|
61
|
+
[attr.helper]="helper()"
|
|
62
|
+
[attr.error]="error()"
|
|
63
|
+
[attr.placeholder]="placeholder()"
|
|
64
|
+
[attr.size]="size()"
|
|
65
|
+
[attr.variant]="variant()"
|
|
66
|
+
[attr.cursor]="cursor()"
|
|
67
|
+
[attr.required]="required() ? '' : null"
|
|
68
|
+
[attr.disabled]="disabled() ? '' : null"
|
|
69
|
+
[attr.readonly]="readonly() ? '' : null"
|
|
70
|
+
[attr.multiline]="multiline() ? '' : null"
|
|
71
|
+
[attr.forcefocused]="forceFocused() ? '' : null"
|
|
72
|
+
(field-focus)="onFieldFocus($event)"
|
|
73
|
+
(field-blur)="onFieldBlur($event)"
|
|
60
74
|
>
|
|
61
75
|
<ng-content></ng-content>
|
|
62
76
|
<ng-content select="[slot=prefix]" slot="prefix"></ng-content>
|
|
@@ -66,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
66
80
|
`,
|
|
67
81
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
68
82
|
}]
|
|
69
|
-
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], cursor: [{ type: i0.Input, args: [{ isSignal: true, alias: "cursor", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], multiline: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiline", required: false }] }], forceFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceFocused", required: false }] }] } });
|
|
83
|
+
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], cursor: [{ type: i0.Input, args: [{ isSignal: true, alias: "cursor", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], multiline: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiline", required: false }] }], forceFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceFocused", required: false }] }], fieldFocus: [{ type: i0.Output, args: ["fieldFocus"] }], fieldBlur: [{ type: i0.Output, args: ["fieldBlur"] }] } });
|
|
70
84
|
|
|
71
85
|
/**
|
|
72
86
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logosphere-ui-angular-src-lib-formfield.mjs","sources":["../../projects/wrapper/src/lib/formfield/formfield.ts","../../projects/wrapper/src/lib/formfield/logosphere-ui-angular-src-lib-formfield.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input} from '@angular/core';\nimport '@logosphere-ui/core/formfield';\n\n@Component({\n selector: 'lgs-formfield',\n imports: [],\n template: `\n <logosphere-formfield\n [label]=\"label()\"\n [helper]=\"helper()\"\n [error]=\"error()\"\n [placeholder]=\"placeholder()\"\n [size]=\"size()\"\n [variant]=\"variant()\"\n [cursor]=\"cursor()\"\n [required]=\"required()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [multiline]=\"multiline()\"\n [
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-formfield.mjs","sources":["../../projects/wrapper/src/lib/formfield/formfield.ts","../../projects/wrapper/src/lib/formfield/logosphere-ui-angular-src-lib-formfield.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/formfield';\n\n@Component({\n selector: 'lgs-formfield',\n imports: [],\n template: `\n <logosphere-formfield\n [attr.label]=\"label()\"\n [attr.helper]=\"helper()\"\n [attr.error]=\"error()\"\n [attr.placeholder]=\"placeholder()\"\n [attr.size]=\"size()\"\n [attr.variant]=\"variant()\"\n [attr.cursor]=\"cursor()\"\n [attr.required]=\"required() ? '' : null\"\n [attr.disabled]=\"disabled() ? '' : null\"\n [attr.readonly]=\"readonly() ? '' : null\"\n [attr.multiline]=\"multiline() ? '' : null\"\n [attr.forcefocused]=\"forceFocused() ? '' : null\"\n (field-focus)=\"onFieldFocus($event)\"\n (field-blur)=\"onFieldBlur($event)\"\n >\n <ng-content></ng-content>\n <ng-content select=\"[slot=prefix]\" slot=\"prefix\"></ng-content>\n <ng-content select=\"[slot=suffix]\" slot=\"suffix\"></ng-content>\n <ng-content select=\"[slot=clear]\" slot=\"clear\"></ng-content>\n </logosphere-formfield>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereFormField {\n label = input<string>('');\n helper = input<string>('');\n error = input<string>('');\n placeholder = input<string>('');\n size = input<'default' | 'large'>('default');\n variant = input<'default' | 'subtle'>('default');\n cursor = input<'text' | 'pointer' | 'default'>('text');\n required = input<boolean>(false);\n disabled = input<boolean>(false);\n readonly = input<boolean>(false);\n multiline = input<boolean>(false);\n forceFocused = input<boolean>(false);\n\n fieldFocus = output<{ originalEvent: Event }>();\n fieldBlur = output<{ originalEvent: Event }>();\n\n onFieldFocus(event: Event) {\n const e = event as CustomEvent<{ originalEvent: Event }>;\n this.fieldFocus.emit(e.detail);\n }\n\n onFieldBlur(event: Event) {\n const e = event as CustomEvent<{ originalEvent: Event }>;\n this.fieldBlur.emit(e.detail);\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -24,8 +24,12 @@ class LogosphereInput {
|
|
|
24
24
|
readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
|
|
25
25
|
pickOnly = input(false, ...(ngDevMode ? [{ debugName: "pickOnly" }] : []));
|
|
26
26
|
mask = input('', ...(ngDevMode ? [{ debugName: "mask" }] : []));
|
|
27
|
+
showPasswordToggle = input(true, ...(ngDevMode ? [{ debugName: "showPasswordToggle" }] : []));
|
|
28
|
+
suppressNativeValidation = input(false, ...(ngDevMode ? [{ debugName: "suppressNativeValidation" }] : []));
|
|
29
|
+
errorDisplay = input('always', ...(ngDevMode ? [{ debugName: "errorDisplay" }] : []));
|
|
27
30
|
inputEvent = output({ alias: 'inputChange' });
|
|
28
31
|
change = output();
|
|
32
|
+
lgsChange = output();
|
|
29
33
|
keydown = output();
|
|
30
34
|
keyup = output();
|
|
31
35
|
clear = output();
|
|
@@ -37,6 +41,10 @@ class LogosphereInput {
|
|
|
37
41
|
const e = event;
|
|
38
42
|
this.change.emit(e.detail);
|
|
39
43
|
}
|
|
44
|
+
onLgsChange(event) {
|
|
45
|
+
const e = event;
|
|
46
|
+
this.lgsChange.emit(e.detail);
|
|
47
|
+
}
|
|
40
48
|
onKeydown(event) {
|
|
41
49
|
const e = event;
|
|
42
50
|
this.keydown.emit(e.detail);
|
|
@@ -49,31 +57,35 @@ class LogosphereInput {
|
|
|
49
57
|
this.clear.emit();
|
|
50
58
|
}
|
|
51
59
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereInput, isStandalone: true, selector: "lgs-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pickOnly: { classPropertyName: "pickOnly", publicName: "pickOnly", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputEvent: "inputChange", change: "change", keydown: "keydown", keyup: "keyup", clear: "clear" }, ngImport: i0, template: `
|
|
60
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereInput, isStandalone: true, selector: "lgs-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, pattern: { classPropertyName: "pattern", publicName: "pattern", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pickOnly: { classPropertyName: "pickOnly", publicName: "pickOnly", isSignal: true, isRequired: false, transformFunction: null }, mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, showPasswordToggle: { classPropertyName: "showPasswordToggle", publicName: "showPasswordToggle", isSignal: true, isRequired: false, transformFunction: null }, suppressNativeValidation: { classPropertyName: "suppressNativeValidation", publicName: "suppressNativeValidation", isSignal: true, isRequired: false, transformFunction: null }, errorDisplay: { classPropertyName: "errorDisplay", publicName: "errorDisplay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputEvent: "inputChange", change: "change", lgsChange: "lgsChange", keydown: "keydown", keyup: "keyup", clear: "clear" }, ngImport: i0, template: `
|
|
53
61
|
<logosphere-input
|
|
54
|
-
[value]="value()"
|
|
55
|
-
[type]="type()"
|
|
56
|
-
[placeholder]="placeholder()"
|
|
57
|
-
[name]="name()"
|
|
58
|
-
[autocomplete]="autocomplete()"
|
|
62
|
+
[attr.value]="value()"
|
|
63
|
+
[attr.type]="type()"
|
|
64
|
+
[attr.placeholder]="placeholder()"
|
|
65
|
+
[attr.name]="name()"
|
|
66
|
+
[attr.autocomplete]="autocomplete()"
|
|
59
67
|
[attr.minlength]="minlength()"
|
|
60
68
|
[attr.maxlength]="maxlength()"
|
|
61
|
-
[pattern]="pattern()"
|
|
69
|
+
[attr.pattern]="pattern()"
|
|
62
70
|
[attr.min]="min()"
|
|
63
71
|
[attr.max]="max()"
|
|
64
72
|
[attr.step]="step()"
|
|
65
|
-
[size]="size()"
|
|
66
|
-
[variant]="variant()"
|
|
67
|
-
[label]="label()"
|
|
68
|
-
[helper]="helper()"
|
|
69
|
-
[error]="error()"
|
|
70
|
-
[required]="required()"
|
|
71
|
-
[disabled]="disabled()"
|
|
72
|
-
[readonly]="readonly()"
|
|
73
|
-
[
|
|
74
|
-
[mask]="mask()"
|
|
73
|
+
[attr.size]="size()"
|
|
74
|
+
[attr.variant]="variant()"
|
|
75
|
+
[attr.label]="label()"
|
|
76
|
+
[attr.helper]="helper()"
|
|
77
|
+
[attr.error]="error()"
|
|
78
|
+
[attr.required]="required() ? '' : null"
|
|
79
|
+
[attr.disabled]="disabled() ? '' : null"
|
|
80
|
+
[attr.readonly]="readonly() ? '' : null"
|
|
81
|
+
[attr.pick-only]="pickOnly() ? '' : null"
|
|
82
|
+
[attr.mask]="mask()"
|
|
83
|
+
[showPasswordToggle]="showPasswordToggle()"
|
|
84
|
+
[attr.suppress-native-validation]="suppressNativeValidation() ? '' : null"
|
|
85
|
+
[attr.error-display]="errorDisplay()"
|
|
75
86
|
(input)="onInput($event)"
|
|
76
87
|
(change)="onChange($event)"
|
|
88
|
+
(lgsChange)="onLgsChange($event)"
|
|
77
89
|
(keydown)="onKeydown($event)"
|
|
78
90
|
(keyup)="onKeyup($event)"
|
|
79
91
|
(clear)="onClear()"
|
|
@@ -90,29 +102,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
90
102
|
imports: [],
|
|
91
103
|
template: `
|
|
92
104
|
<logosphere-input
|
|
93
|
-
[value]="value()"
|
|
94
|
-
[type]="type()"
|
|
95
|
-
[placeholder]="placeholder()"
|
|
96
|
-
[name]="name()"
|
|
97
|
-
[autocomplete]="autocomplete()"
|
|
105
|
+
[attr.value]="value()"
|
|
106
|
+
[attr.type]="type()"
|
|
107
|
+
[attr.placeholder]="placeholder()"
|
|
108
|
+
[attr.name]="name()"
|
|
109
|
+
[attr.autocomplete]="autocomplete()"
|
|
98
110
|
[attr.minlength]="minlength()"
|
|
99
111
|
[attr.maxlength]="maxlength()"
|
|
100
|
-
[pattern]="pattern()"
|
|
112
|
+
[attr.pattern]="pattern()"
|
|
101
113
|
[attr.min]="min()"
|
|
102
114
|
[attr.max]="max()"
|
|
103
115
|
[attr.step]="step()"
|
|
104
|
-
[size]="size()"
|
|
105
|
-
[variant]="variant()"
|
|
106
|
-
[label]="label()"
|
|
107
|
-
[helper]="helper()"
|
|
108
|
-
[error]="error()"
|
|
109
|
-
[required]="required()"
|
|
110
|
-
[disabled]="disabled()"
|
|
111
|
-
[readonly]="readonly()"
|
|
112
|
-
[
|
|
113
|
-
[mask]="mask()"
|
|
116
|
+
[attr.size]="size()"
|
|
117
|
+
[attr.variant]="variant()"
|
|
118
|
+
[attr.label]="label()"
|
|
119
|
+
[attr.helper]="helper()"
|
|
120
|
+
[attr.error]="error()"
|
|
121
|
+
[attr.required]="required() ? '' : null"
|
|
122
|
+
[attr.disabled]="disabled() ? '' : null"
|
|
123
|
+
[attr.readonly]="readonly() ? '' : null"
|
|
124
|
+
[attr.pick-only]="pickOnly() ? '' : null"
|
|
125
|
+
[attr.mask]="mask()"
|
|
126
|
+
[showPasswordToggle]="showPasswordToggle()"
|
|
127
|
+
[attr.suppress-native-validation]="suppressNativeValidation() ? '' : null"
|
|
128
|
+
[attr.error-display]="errorDisplay()"
|
|
114
129
|
(input)="onInput($event)"
|
|
115
130
|
(change)="onChange($event)"
|
|
131
|
+
(lgsChange)="onLgsChange($event)"
|
|
116
132
|
(keydown)="onKeydown($event)"
|
|
117
133
|
(keyup)="onKeyup($event)"
|
|
118
134
|
(clear)="onClear()"
|
|
@@ -123,7 +139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
123
139
|
`,
|
|
124
140
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
125
141
|
}]
|
|
126
|
-
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pickOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "pickOnly", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], inputEvent: [{ type: i0.Output, args: ["inputChange"] }], change: [{ type: i0.Output, args: ["change"] }], keydown: [{ type: i0.Output, args: ["keydown"] }], keyup: [{ type: i0.Output, args: ["keyup"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
|
|
142
|
+
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], pattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "pattern", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], helper: [{ type: i0.Input, args: [{ isSignal: true, alias: "helper", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pickOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "pickOnly", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], showPasswordToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPasswordToggle", required: false }] }], suppressNativeValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressNativeValidation", required: false }] }], errorDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorDisplay", 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"] }] } });
|
|
127
143
|
|
|
128
144
|
/**
|
|
129
145
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logosphere-ui-angular-src-lib-input.mjs","sources":["../../projects/wrapper/src/lib/input/input.ts","../../projects/wrapper/src/lib/input/logosphere-ui-angular-src-lib-input.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/input';\n\n@Component({\n selector: 'lgs-input',\n imports: [],\n template: `\n <logosphere-input\n [value]=\"value()\"\n [type]=\"type()\"\n [placeholder]=\"placeholder()\"\n [name]=\"name()\"\n [autocomplete]=\"autocomplete()\"\n [attr.minlength]=\"minlength()\"\n [attr.maxlength]=\"maxlength()\"\n [pattern]=\"pattern()\"\n [attr.min]=\"min()\"\n [attr.max]=\"max()\"\n [attr.step]=\"step()\"\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 [
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-input.mjs","sources":["../../projects/wrapper/src/lib/input/input.ts","../../projects/wrapper/src/lib/input/logosphere-ui-angular-src-lib-input.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/input';\n\n@Component({\n selector: 'lgs-input',\n imports: [],\n template: `\n <logosphere-input\n [attr.value]=\"value()\"\n [attr.type]=\"type()\"\n [attr.placeholder]=\"placeholder()\"\n [attr.name]=\"name()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.minlength]=\"minlength()\"\n [attr.maxlength]=\"maxlength()\"\n [attr.pattern]=\"pattern()\"\n [attr.min]=\"min()\"\n [attr.max]=\"max()\"\n [attr.step]=\"step()\"\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 [attr.pick-only]=\"pickOnly() ? '' : null\"\n [attr.mask]=\"mask()\"\n [showPasswordToggle]=\"showPasswordToggle()\"\n [attr.suppress-native-validation]=\"suppressNativeValidation() ? '' : null\"\n [attr.error-display]=\"errorDisplay()\"\n (input)=\"onInput($event)\"\n (change)=\"onChange($event)\"\n (lgsChange)=\"onLgsChange($event)\"\n (keydown)=\"onKeydown($event)\"\n (keyup)=\"onKeyup($event)\"\n (clear)=\"onClear()\"\n >\n <ng-content select=\"[slot=prefix]\" slot=\"prefix\"></ng-content>\n <ng-content select=\"[slot=suffix]\" slot=\"suffix\"></ng-content>\n </logosphere-input>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereInput {\n value = input<string>('');\n type = input<string>('text');\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 pattern = input<string>('');\n min = input<number | undefined>(undefined);\n max = input<number | undefined>(undefined);\n step = input<number | undefined>(undefined);\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 pickOnly = input<boolean>(false);\n mask = input<string>('');\n showPasswordToggle = input<boolean>(true);\n suppressNativeValidation = input<boolean>(false);\n errorDisplay = input<'always' | 'on-invalid'>('always');\n\n inputEvent = output<{ value: string; rawValue: 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; rawValue: 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":";;;;MA6Ca,eAAe,CAAA;AAC1B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,IAAI,GAAG,KAAK,CAAS,MAAM,gDAAC;AAC5B,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,OAAO,GAAG,KAAK,CAAS,EAAE,mDAAC;AAC3B,IAAA,GAAG,GAAG,KAAK,CAAqB,SAAS,+CAAC;AAC1C,IAAA,GAAG,GAAG,KAAK,CAAqB,SAAS,+CAAC;AAC1C,IAAA,IAAI,GAAG,KAAK,CAAqB,SAAS,gDAAC;AAC3C,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;AAChC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAChC,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,IAAA,kBAAkB,GAAG,KAAK,CAAU,IAAI,8DAAC;AACzC,IAAA,wBAAwB,GAAG,KAAK,CAAU,KAAK,oEAAC;AAChD,IAAA,YAAY,GAAG,KAAK,CAA0B,QAAQ,wDAAC;IAEvD,UAAU,GAAG,MAAM,CAAsC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IAClF,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,KAAyD;QACnE,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;uGA5DW,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,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,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,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,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,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,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,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,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,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,wBAAA,EAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,UAAA,EAAA,0BAAA,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,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,EAvChB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAGU,eAAe,EAAA,UAAA,EAAA,CAAA;kBA1C3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCT,EAAA,CAAA;oBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;AC5CD;;AAEG;;;;"}
|
|
@@ -6,18 +6,36 @@ class LogosphereLeftMenu {
|
|
|
6
6
|
open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
|
|
7
7
|
openWidth = input(248, ...(ngDevMode ? [{ debugName: "openWidth" }] : []));
|
|
8
8
|
storageKey = input('logosphere-leftmenu-state', ...(ngDevMode ? [{ debugName: "storageKey" }] : []));
|
|
9
|
+
items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
10
|
+
defaultExpandedIds = input([], ...(ngDevMode ? [{ debugName: "defaultExpandedIds" }] : []));
|
|
11
|
+
leading = input(true, ...(ngDevMode ? [{ debugName: "leading" }] : []));
|
|
9
12
|
itemClick = output();
|
|
13
|
+
toggleChange = output();
|
|
14
|
+
widthChange = output();
|
|
10
15
|
onItemClick(event) {
|
|
11
16
|
const e = event;
|
|
12
17
|
this.itemClick.emit(e.detail);
|
|
13
18
|
}
|
|
19
|
+
onToggleChange(event) {
|
|
20
|
+
const e = event;
|
|
21
|
+
this.toggleChange.emit(e.detail);
|
|
22
|
+
}
|
|
23
|
+
onWidthChange(event) {
|
|
24
|
+
const e = event;
|
|
25
|
+
this.widthChange.emit(e.detail);
|
|
26
|
+
}
|
|
14
27
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLeftMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLeftMenu, isStandalone: true, selector: "lgs-left-menu", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, openWidth: { classPropertyName: "openWidth", publicName: "openWidth", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: `
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLeftMenu, isStandalone: true, selector: "lgs-left-menu", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, openWidth: { classPropertyName: "openWidth", publicName: "openWidth", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, defaultExpandedIds: { classPropertyName: "defaultExpandedIds", publicName: "defaultExpandedIds", isSignal: true, isRequired: false, transformFunction: null }, leading: { classPropertyName: "leading", publicName: "leading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClick: "itemClick", toggleChange: "toggleChange", widthChange: "widthChange" }, ngImport: i0, template: `
|
|
16
29
|
<logosphere-leftmenu
|
|
17
|
-
[open]="open()"
|
|
18
|
-
[
|
|
19
|
-
[
|
|
30
|
+
[attr.open]="open() ? '' : null"
|
|
31
|
+
[attr.openwidth]="openWidth()"
|
|
32
|
+
[attr.storagekey]="storageKey()"
|
|
33
|
+
[items]="items()"
|
|
34
|
+
[defaultExpandedIds]="defaultExpandedIds()"
|
|
35
|
+
[leading]="leading()"
|
|
20
36
|
(item-click)="onItemClick($event)"
|
|
37
|
+
(toggle-change)="onToggleChange($event)"
|
|
38
|
+
(width-change)="onWidthChange($event)"
|
|
21
39
|
>
|
|
22
40
|
<ng-content></ng-content>
|
|
23
41
|
</logosphere-leftmenu>
|
|
@@ -30,17 +48,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
30
48
|
imports: [],
|
|
31
49
|
template: `
|
|
32
50
|
<logosphere-leftmenu
|
|
33
|
-
[open]="open()"
|
|
34
|
-
[
|
|
35
|
-
[
|
|
51
|
+
[attr.open]="open() ? '' : null"
|
|
52
|
+
[attr.openwidth]="openWidth()"
|
|
53
|
+
[attr.storagekey]="storageKey()"
|
|
54
|
+
[items]="items()"
|
|
55
|
+
[defaultExpandedIds]="defaultExpandedIds()"
|
|
56
|
+
[leading]="leading()"
|
|
36
57
|
(item-click)="onItemClick($event)"
|
|
58
|
+
(toggle-change)="onToggleChange($event)"
|
|
59
|
+
(width-change)="onWidthChange($event)"
|
|
37
60
|
>
|
|
38
61
|
<ng-content></ng-content>
|
|
39
62
|
</logosphere-leftmenu>
|
|
40
63
|
`,
|
|
41
64
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
42
65
|
}]
|
|
43
|
-
}], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], openWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "openWidth", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }] } });
|
|
66
|
+
}], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], openWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "openWidth", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], defaultExpandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultExpandedIds", required: false }] }], leading: [{ type: i0.Input, args: [{ isSignal: true, alias: "leading", required: false }] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], toggleChange: [{ type: i0.Output, args: ["toggleChange"] }], widthChange: [{ type: i0.Output, args: ["widthChange"] }] } });
|
|
44
67
|
|
|
45
68
|
class LogosphereLeftMenuItem {
|
|
46
69
|
itemId = input('', ...(ngDevMode ? [{ debugName: "itemId" }] : []));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logosphere-ui-angular-src-lib-left-menu.mjs","sources":["../../projects/wrapper/src/lib/left-menu/left-menu.ts","../../projects/wrapper/src/lib/left-menu/left-menu-item.ts","../../projects/wrapper/src/lib/left-menu/logosphere-ui-angular-src-lib-left-menu.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/left-menu';\n\n@Component({\n selector: 'lgs-left-menu',\n imports: [],\n template: `\n <logosphere-leftmenu\n [open]=\"open()\"\n [
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-left-menu.mjs","sources":["../../projects/wrapper/src/lib/left-menu/left-menu.ts","../../projects/wrapper/src/lib/left-menu/left-menu-item.ts","../../projects/wrapper/src/lib/left-menu/logosphere-ui-angular-src-lib-left-menu.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/left-menu';\n\nexport interface MenuBadge {\n text: string;\n variant?: string;\n size?: string;\n isRound?: boolean;\n}\n\nexport interface LeftMenuItem {\n id: string;\n label: string;\n iconName?: string;\n badges?: MenuBadge[];\n active?: boolean;\n disabled?: boolean;\n children?: LeftMenuItem[];\n data?: unknown;\n}\n\nexport interface LeftMenuGroup {\n id: string;\n label?: string;\n items: LeftMenuItem[];\n}\n\nexport type LeftMenuEntry = LeftMenuItem | LeftMenuGroup;\n\nexport type LeftMenuToggleChangeDetail = {\n open: boolean;\n width: number;\n openWidth: number;\n closedWidth: number;\n};\n\n@Component({\n selector: 'lgs-left-menu',\n imports: [],\n template: `\n <logosphere-leftmenu\n [attr.open]=\"open() ? '' : null\"\n [attr.openwidth]=\"openWidth()\"\n [attr.storagekey]=\"storageKey()\"\n [items]=\"items()\"\n [defaultExpandedIds]=\"defaultExpandedIds()\"\n [leading]=\"leading()\"\n (item-click)=\"onItemClick($event)\"\n (toggle-change)=\"onToggleChange($event)\"\n (width-change)=\"onWidthChange($event)\"\n >\n <ng-content></ng-content>\n </logosphere-leftmenu>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereLeftMenu {\n open = input<boolean>(false);\n openWidth = input<number>(248);\n storageKey = input<string>('logosphere-leftmenu-state');\n items = input<LeftMenuEntry[]>([]);\n defaultExpandedIds = input<string[]>([]);\n leading = input<boolean>(true);\n\n itemClick = output<{ item: unknown }>();\n toggleChange = output<LeftMenuToggleChangeDetail>();\n widthChange = output<{ width: number }>();\n\n onItemClick(event: Event) {\n const e = event as CustomEvent<{ item: unknown }>;\n this.itemClick.emit(e.detail);\n }\n\n onToggleChange(event: Event) {\n const e = event as CustomEvent<LeftMenuToggleChangeDetail>;\n this.toggleChange.emit(e.detail);\n }\n\n onWidthChange(event: Event) {\n const e = event as CustomEvent<{ width: number }>;\n this.widthChange.emit(e.detail);\n }\n}\n","import {Component, CUSTOM_ELEMENTS_SCHEMA, input} from '@angular/core';\nimport '@logosphere-ui/core/left-menu';\n\n@Component({\n selector: 'lgs-left-menu-item',\n imports: [],\n template: `\n <leftmenu-item\n [itemId]=\"itemId()\"\n [label]=\"label()\"\n [disabled]=\"disabled()\"\n [active]=\"active()\"\n >\n <ng-content></ng-content>\n </leftmenu-item>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereLeftMenuItem {\n itemId = input<string>('');\n label = input<string>('');\n disabled = input<boolean>(false);\n active = input<boolean>(false);\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -6,14 +6,14 @@ class LogosphereLoading {
|
|
|
6
6
|
label = input('Yükleniyor', ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
7
7
|
variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
|
|
8
8
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLoading, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLoading, isStandalone: true, selector: "lgs-loading", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<logosphere-loading [label]="label()" [variant]="variant()"></logosphere-loading>`, isInline: true });
|
|
9
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereLoading, isStandalone: true, selector: "lgs-loading", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<logosphere-loading [attr.label]="label()" [attr.variant]="variant()"></logosphere-loading>`, isInline: true });
|
|
10
10
|
}
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereLoading, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{
|
|
14
14
|
selector: 'lgs-loading',
|
|
15
15
|
imports: [],
|
|
16
|
-
template: `<logosphere-loading [label]="label()" [variant]="variant()"></logosphere-loading>`,
|
|
16
|
+
template: `<logosphere-loading [attr.label]="label()" [attr.variant]="variant()"></logosphere-loading>`,
|
|
17
17
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
18
18
|
}]
|
|
19
19
|
}], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logosphere-ui-angular-src-lib-loading.mjs","sources":["../../projects/wrapper/src/lib/loading/loading.ts","../../projects/wrapper/src/lib/loading/logosphere-ui-angular-src-lib-loading.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input } from '@angular/core';\nimport '@logosphere-ui/core/loading';\n\n@Component({\n selector: 'lgs-loading',\n imports: [],\n template: `<logosphere-loading [label]=\"label()\" [variant]=\"variant()\"></logosphere-loading>`,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereLoading {\n label = input<string>('Yükleniyor');\n variant = input<'default' | 'small'>('default');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MASa,iBAAiB,CAAA;AAC5B,IAAA,KAAK,GAAG,KAAK,CAAS,YAAY,iDAAC;AACnC,IAAA,OAAO,GAAG,KAAK,CAAsB,SAAS,mDAAC;uGAFpC,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,yUAHlB,CAAA,
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-loading.mjs","sources":["../../projects/wrapper/src/lib/loading/loading.ts","../../projects/wrapper/src/lib/loading/logosphere-ui-angular-src-lib-loading.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, input } from '@angular/core';\nimport '@logosphere-ui/core/loading';\n\n@Component({\n selector: 'lgs-loading',\n imports: [],\n template: `<logosphere-loading [attr.label]=\"label()\" [attr.variant]=\"variant()\"></logosphere-loading>`,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereLoading {\n label = input<string>('Yükleniyor');\n variant = input<'default' | 'small'>('default');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MASa,iBAAiB,CAAA;AAC5B,IAAA,KAAK,GAAG,KAAK,CAAS,YAAY,iDAAC;AACnC,IAAA,OAAO,GAAG,KAAK,CAAsB,SAAS,mDAAC;uGAFpC,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,yUAHlB,CAAA,2FAAA,CAA6F,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAG5F,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,QAAQ,EAAE,CAAA,2FAAA,CAA6F;oBACvG,OAAO,EAAE,CAAC,sBAAsB,CAAC;AAClC,iBAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -5,29 +5,51 @@ import '@logosphere-ui/core/modal';
|
|
|
5
5
|
class LogosphereModal {
|
|
6
6
|
open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
|
|
7
7
|
modalTitle = input('', { ...(ngDevMode ? { debugName: "modalTitle" } : {}), alias: 'title' });
|
|
8
|
+
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
8
9
|
closeOnEsc = input(true, ...(ngDevMode ? [{ debugName: "closeOnEsc" }] : []));
|
|
9
10
|
closeOnBackdrop = input(true, ...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : []));
|
|
10
11
|
showBack = input(false, ...(ngDevMode ? [{ debugName: "showBack" }] : []));
|
|
11
|
-
showClose = input(
|
|
12
|
+
showClose = input(true, ...(ngDevMode ? [{ debugName: "showClose" }] : []));
|
|
13
|
+
showIcon = input(false, ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
|
|
14
|
+
footer = input(true, ...(ngDevMode ? [{ debugName: "footer" }] : []));
|
|
15
|
+
okLabel = input('Tamam', ...(ngDevMode ? [{ debugName: "okLabel" }] : []));
|
|
16
|
+
cancelLabel = input('İptal', ...(ngDevMode ? [{ debugName: "cancelLabel" }] : []));
|
|
17
|
+
showCancel = input(true, ...(ngDevMode ? [{ debugName: "showCancel" }] : []));
|
|
12
18
|
modalOpen = output();
|
|
13
19
|
modalClose = output();
|
|
20
|
+
ok = output();
|
|
21
|
+
cancel = output();
|
|
14
22
|
onModalOpen() {
|
|
15
23
|
this.modalOpen.emit();
|
|
16
24
|
}
|
|
17
25
|
onModalClose() {
|
|
18
26
|
this.modalClose.emit();
|
|
19
27
|
}
|
|
28
|
+
onOk() {
|
|
29
|
+
this.ok.emit();
|
|
30
|
+
}
|
|
31
|
+
onCancel() {
|
|
32
|
+
this.cancel.emit();
|
|
33
|
+
}
|
|
20
34
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereModal, isStandalone: true, selector: "lgs-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, closeOnEsc: { classPropertyName: "closeOnEsc", publicName: "closeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, showBack: { classPropertyName: "showBack", publicName: "showBack", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modalOpen: "modalOpen", modalClose: "modalClose" }, ngImport: i0, template: `
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereModal, isStandalone: true, selector: "lgs-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, modalTitle: { classPropertyName: "modalTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closeOnEsc: { classPropertyName: "closeOnEsc", publicName: "closeOnEsc", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, showBack: { classPropertyName: "showBack", publicName: "showBack", isSignal: true, isRequired: false, transformFunction: null }, showClose: { classPropertyName: "showClose", publicName: "showClose", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, footer: { classPropertyName: "footer", publicName: "footer", isSignal: true, isRequired: false, transformFunction: null }, okLabel: { classPropertyName: "okLabel", publicName: "okLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, showCancel: { classPropertyName: "showCancel", publicName: "showCancel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modalOpen: "modalOpen", modalClose: "modalClose", ok: "ok", cancel: "cancel" }, ngImport: i0, template: `
|
|
22
36
|
<logosphere-modal
|
|
23
|
-
[open]="open()"
|
|
24
|
-
[title]="modalTitle()"
|
|
37
|
+
[attr.open]="open() ? '' : null"
|
|
38
|
+
[attr.modal-title]="modalTitle()"
|
|
39
|
+
[attr.size]="size()"
|
|
25
40
|
[closeOnEsc]="closeOnEsc()"
|
|
26
41
|
[closeOnBackdrop]="closeOnBackdrop()"
|
|
27
|
-
[
|
|
42
|
+
[attr.showback]="showBack() ? '' : null"
|
|
28
43
|
[showClose]="showClose()"
|
|
44
|
+
[attr.showicon]="showIcon() ? '' : null"
|
|
45
|
+
[footer]="footer()"
|
|
46
|
+
[attr.oklabel]="okLabel()"
|
|
47
|
+
[attr.cancellabel]="cancelLabel()"
|
|
48
|
+
[showCancel]="showCancel()"
|
|
29
49
|
(modal-open)="onModalOpen()"
|
|
30
50
|
(modal-close)="onModalClose()"
|
|
51
|
+
(ok)="onOk()"
|
|
52
|
+
(cancel)="onCancel()"
|
|
31
53
|
>
|
|
32
54
|
<ng-content></ng-content>
|
|
33
55
|
<ng-content select="[slot=footer]" slot="footer"></ng-content>
|
|
@@ -41,14 +63,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
41
63
|
imports: [],
|
|
42
64
|
template: `
|
|
43
65
|
<logosphere-modal
|
|
44
|
-
[open]="open()"
|
|
45
|
-
[title]="modalTitle()"
|
|
66
|
+
[attr.open]="open() ? '' : null"
|
|
67
|
+
[attr.modal-title]="modalTitle()"
|
|
68
|
+
[attr.size]="size()"
|
|
46
69
|
[closeOnEsc]="closeOnEsc()"
|
|
47
70
|
[closeOnBackdrop]="closeOnBackdrop()"
|
|
48
|
-
[
|
|
71
|
+
[attr.showback]="showBack() ? '' : null"
|
|
49
72
|
[showClose]="showClose()"
|
|
73
|
+
[attr.showicon]="showIcon() ? '' : null"
|
|
74
|
+
[footer]="footer()"
|
|
75
|
+
[attr.oklabel]="okLabel()"
|
|
76
|
+
[attr.cancellabel]="cancelLabel()"
|
|
77
|
+
[showCancel]="showCancel()"
|
|
50
78
|
(modal-open)="onModalOpen()"
|
|
51
79
|
(modal-close)="onModalClose()"
|
|
80
|
+
(ok)="onOk()"
|
|
81
|
+
(cancel)="onCancel()"
|
|
52
82
|
>
|
|
53
83
|
<ng-content></ng-content>
|
|
54
84
|
<ng-content select="[slot=footer]" slot="footer"></ng-content>
|
|
@@ -56,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
56
86
|
`,
|
|
57
87
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
58
88
|
}]
|
|
59
|
-
}], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], modalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], closeOnEsc: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEsc", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], showBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBack", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], modalOpen: [{ type: i0.Output, args: ["modalOpen"] }], modalClose: [{ type: i0.Output, args: ["modalClose"] }] } });
|
|
89
|
+
}], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], modalTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], closeOnEsc: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEsc", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], showBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBack", required: false }] }], showClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClose", required: false }] }], showIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIcon", required: false }] }], footer: [{ type: i0.Input, args: [{ isSignal: true, alias: "footer", required: false }] }], okLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "okLabel", required: false }] }], cancelLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelLabel", required: false }] }], showCancel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCancel", required: false }] }], modalOpen: [{ type: i0.Output, args: ["modalOpen"] }], modalClose: [{ type: i0.Output, args: ["modalClose"] }], ok: [{ type: i0.Output, args: ["ok"] }], cancel: [{ type: i0.Output, args: ["cancel"] }] } });
|
|
60
90
|
|
|
61
91
|
/**
|
|
62
92
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logosphere-ui-angular-src-lib-modal.mjs","sources":["../../projects/wrapper/src/lib/modal/modal.ts","../../projects/wrapper/src/lib/modal/logosphere-ui-angular-src-lib-modal.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/modal';\n\n@Component({\n selector: 'lgs-modal',\n imports: [],\n template: `\n <logosphere-modal\n [open]=\"open()\"\n [title]=\"modalTitle()\"\n [closeOnEsc]=\"closeOnEsc()\"\n [closeOnBackdrop]=\"closeOnBackdrop()\"\n [
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-modal.mjs","sources":["../../projects/wrapper/src/lib/modal/modal.ts","../../projects/wrapper/src/lib/modal/logosphere-ui-angular-src-lib-modal.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/modal';\n\nexport type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\n@Component({\n selector: 'lgs-modal',\n imports: [],\n template: `\n <logosphere-modal\n [attr.open]=\"open() ? '' : null\"\n [attr.modal-title]=\"modalTitle()\"\n [attr.size]=\"size()\"\n [closeOnEsc]=\"closeOnEsc()\"\n [closeOnBackdrop]=\"closeOnBackdrop()\"\n [attr.showback]=\"showBack() ? '' : null\"\n [showClose]=\"showClose()\"\n [attr.showicon]=\"showIcon() ? '' : null\"\n [footer]=\"footer()\"\n [attr.oklabel]=\"okLabel()\"\n [attr.cancellabel]=\"cancelLabel()\"\n [showCancel]=\"showCancel()\"\n (modal-open)=\"onModalOpen()\"\n (modal-close)=\"onModalClose()\"\n (ok)=\"onOk()\"\n (cancel)=\"onCancel()\"\n >\n <ng-content></ng-content>\n <ng-content select=\"[slot=footer]\" slot=\"footer\"></ng-content>\n </logosphere-modal>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereModal {\n open = input<boolean>(false);\n modalTitle = input<string>('', { alias: 'title' });\n size = input<ModalSize>('md');\n closeOnEsc = input<boolean>(true);\n closeOnBackdrop = input<boolean>(true);\n showBack = input<boolean>(false);\n showClose = input<boolean>(true);\n showIcon = input<boolean>(false);\n footer = input<boolean>(true);\n okLabel = input<string>('Tamam');\n cancelLabel = input<string>('İptal');\n showCancel = input<boolean>(true);\n\n modalOpen = output<void>();\n modalClose = output<void>();\n ok = output<void>();\n cancel = output<void>();\n\n onModalOpen() {\n this.modalOpen.emit();\n }\n\n onModalClose() {\n this.modalClose.emit();\n }\n\n onOk() {\n this.ok.emit();\n }\n\n onCancel() {\n this.cancel.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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"}
|