@logosphere-ui/angular 0.0.1-alpha.1 → 0.0.1-alpha.10
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-badge.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-badge.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-button.mjs +18 -5
- package/fesm2022/logosphere-ui-angular-src-lib-button.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-checkbox.mjs +12 -12
- package/fesm2022/logosphere-ui-angular-src-lib-checkbox.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs +33 -33
- package/fesm2022/logosphere-ui-angular-src-lib-combobox.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-download-manager.mjs +6 -6
- package/fesm2022/logosphere-ui-angular-src-lib-download-manager.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 +24 -24
- package/fesm2022/logosphere-ui-angular-src-lib-formfield.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-input.mjs +30 -30
- package/fesm2022/logosphere-ui-angular-src-lib-input.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs +18 -18
- package/fesm2022/logosphere-ui-angular-src-lib-left-menu.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-modal.mjs +7 -7
- package/fesm2022/logosphere-ui-angular-src-lib-modal.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-pagination.mjs +84 -0
- package/fesm2022/logosphere-ui-angular-src-lib-pagination.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular-src-lib-popover.mjs +10 -10
- package/fesm2022/logosphere-ui-angular-src-lib-popover.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-switch.mjs +6 -6
- package/fesm2022/logosphere-ui-angular-src-lib-switch.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs +4 -4
- package/fesm2022/logosphere-ui-angular-src-lib-tab.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs +32 -32
- package/fesm2022/logosphere-ui-angular-src-lib-textarea.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs +20 -20
- package/fesm2022/logosphere-ui-angular-src-lib-timepicker.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs +11 -11
- package/fesm2022/logosphere-ui-angular-src-lib-toast.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs +4 -4
- package/fesm2022/logosphere-ui-angular-src-lib-tree-menu.mjs.map +1 -1
- package/fesm2022/logosphere-ui-angular-ssr.mjs +59 -0
- package/fesm2022/logosphere-ui-angular-ssr.mjs.map +1 -0
- package/fesm2022/logosphere-ui-angular.mjs +339 -251
- package/fesm2022/logosphere-ui-angular.mjs.map +1 -1
- package/package.json +13 -3
- package/ssr/README.md +111 -0
- package/types/logosphere-ui-angular-src-lib-button.d.ts +2 -1
- package/types/logosphere-ui-angular-src-lib-checkbox.d.ts +1 -1
- package/types/logosphere-ui-angular-src-lib-combobox.d.ts +9 -2
- package/types/logosphere-ui-angular-src-lib-pagination.d.ts +32 -0
- package/types/logosphere-ui-angular-ssr.d.ts +27 -0
- package/types/logosphere-ui-angular.d.ts +40 -5
|
@@ -40,26 +40,26 @@ class LogosphereTextarea {
|
|
|
40
40
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
41
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTextarea, isStandalone: true, selector: "lgs-textarea", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, autoResize: { classPropertyName: "autoResize", publicName: "autoResize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { inputEvent: "inputChange", change: "change", clear: "clear" }, ngImport: i0, template: `
|
|
42
42
|
<logosphere-textarea
|
|
43
|
-
[value]="value()"
|
|
44
|
-
[placeholder]="placeholder()"
|
|
45
|
-
[name]="name()"
|
|
46
|
-
[autocomplete]="autocomplete()"
|
|
43
|
+
[attr.value]="value()"
|
|
44
|
+
[attr.placeholder]="placeholder()"
|
|
45
|
+
[attr.name]="name()"
|
|
46
|
+
[attr.autocomplete]="autocomplete()"
|
|
47
47
|
[attr.minlength]="minlength()"
|
|
48
48
|
[attr.maxlength]="maxlength()"
|
|
49
|
-
[rows]="rows()"
|
|
50
|
-
[
|
|
49
|
+
[attr.rows]="rows()"
|
|
50
|
+
[attr.maxrows]="maxRows()"
|
|
51
51
|
[attr.cols]="cols()"
|
|
52
|
-
[wrap]="wrap()"
|
|
53
|
-
[resize]="resize()"
|
|
52
|
+
[attr.wrap]="wrap()"
|
|
53
|
+
[attr.resize]="resize()"
|
|
54
54
|
[autoResize]="autoResize()"
|
|
55
|
-
[size]="size()"
|
|
56
|
-
[variant]="variant()"
|
|
57
|
-
[label]="label()"
|
|
58
|
-
[helper]="helper()"
|
|
59
|
-
[error]="error()"
|
|
60
|
-
[required]="required()"
|
|
61
|
-
[disabled]="disabled()"
|
|
62
|
-
[readonly]="readonly()"
|
|
55
|
+
[attr.size]="size()"
|
|
56
|
+
[attr.variant]="variant()"
|
|
57
|
+
[attr.label]="label()"
|
|
58
|
+
[attr.helper]="helper()"
|
|
59
|
+
[attr.error]="error()"
|
|
60
|
+
[attr.required]="required() ? '' : null"
|
|
61
|
+
[attr.disabled]="disabled() ? '' : null"
|
|
62
|
+
[attr.readonly]="readonly() ? '' : null"
|
|
63
63
|
(input)="onInput($event)"
|
|
64
64
|
(change)="onChange($event)"
|
|
65
65
|
(clear)="onClear()"
|
|
@@ -73,26 +73,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
73
73
|
imports: [],
|
|
74
74
|
template: `
|
|
75
75
|
<logosphere-textarea
|
|
76
|
-
[value]="value()"
|
|
77
|
-
[placeholder]="placeholder()"
|
|
78
|
-
[name]="name()"
|
|
79
|
-
[autocomplete]="autocomplete()"
|
|
76
|
+
[attr.value]="value()"
|
|
77
|
+
[attr.placeholder]="placeholder()"
|
|
78
|
+
[attr.name]="name()"
|
|
79
|
+
[attr.autocomplete]="autocomplete()"
|
|
80
80
|
[attr.minlength]="minlength()"
|
|
81
81
|
[attr.maxlength]="maxlength()"
|
|
82
|
-
[rows]="rows()"
|
|
83
|
-
[
|
|
82
|
+
[attr.rows]="rows()"
|
|
83
|
+
[attr.maxrows]="maxRows()"
|
|
84
84
|
[attr.cols]="cols()"
|
|
85
|
-
[wrap]="wrap()"
|
|
86
|
-
[resize]="resize()"
|
|
85
|
+
[attr.wrap]="wrap()"
|
|
86
|
+
[attr.resize]="resize()"
|
|
87
87
|
[autoResize]="autoResize()"
|
|
88
|
-
[size]="size()"
|
|
89
|
-
[variant]="variant()"
|
|
90
|
-
[label]="label()"
|
|
91
|
-
[helper]="helper()"
|
|
92
|
-
[error]="error()"
|
|
93
|
-
[required]="required()"
|
|
94
|
-
[disabled]="disabled()"
|
|
95
|
-
[readonly]="readonly()"
|
|
88
|
+
[attr.size]="size()"
|
|
89
|
+
[attr.variant]="variant()"
|
|
90
|
+
[attr.label]="label()"
|
|
91
|
+
[attr.helper]="helper()"
|
|
92
|
+
[attr.error]="error()"
|
|
93
|
+
[attr.required]="required() ? '' : null"
|
|
94
|
+
[attr.disabled]="disabled() ? '' : null"
|
|
95
|
+
[attr.readonly]="readonly() ? '' : null"
|
|
96
96
|
(input)="onInput($event)"
|
|
97
97
|
(change)="onChange($event)"
|
|
98
98
|
(clear)="onClear()"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logosphere-ui-angular-src-lib-textarea.mjs","sources":["../../projects/wrapper/src/lib/textarea/textarea.ts","../../projects/wrapper/src/lib/textarea/logosphere-ui-angular-src-lib-textarea.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/textarea';\n\n@Component({\n selector: 'lgs-textarea',\n imports: [],\n template: `\n <logosphere-textarea\n [value]=\"value()\"\n [placeholder]=\"placeholder()\"\n [name]=\"name()\"\n [autocomplete]=\"autocomplete()\"\n [attr.minlength]=\"minlength()\"\n [attr.maxlength]=\"maxlength()\"\n [rows]=\"rows()\"\n [
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-textarea.mjs","sources":["../../projects/wrapper/src/lib/textarea/textarea.ts","../../projects/wrapper/src/lib/textarea/logosphere-ui-angular-src-lib-textarea.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/textarea';\n\n@Component({\n selector: 'lgs-textarea',\n imports: [],\n template: `\n <logosphere-textarea\n [attr.value]=\"value()\"\n [attr.placeholder]=\"placeholder()\"\n [attr.name]=\"name()\"\n [attr.autocomplete]=\"autocomplete()\"\n [attr.minlength]=\"minlength()\"\n [attr.maxlength]=\"maxlength()\"\n [attr.rows]=\"rows()\"\n [attr.maxrows]=\"maxRows()\"\n [attr.cols]=\"cols()\"\n [attr.wrap]=\"wrap()\"\n [attr.resize]=\"resize()\"\n [autoResize]=\"autoResize()\"\n [attr.size]=\"size()\"\n [attr.variant]=\"variant()\"\n [attr.label]=\"label()\"\n [attr.helper]=\"helper()\"\n [attr.error]=\"error()\"\n [attr.required]=\"required() ? '' : null\"\n [attr.disabled]=\"disabled() ? '' : null\"\n [attr.readonly]=\"readonly() ? '' : null\"\n (input)=\"onInput($event)\"\n (change)=\"onChange($event)\"\n (clear)=\"onClear()\"\n ></logosphere-textarea>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTextarea {\n value = input<string>('');\n placeholder = input<string>('');\n name = input<string>('');\n autocomplete = input<string>('');\n minlength = input<number | undefined>(undefined);\n maxlength = input<number | undefined>(undefined);\n rows = input<number>(3);\n maxRows = input<number>(8);\n cols = input<number | undefined>(undefined);\n wrap = input<'soft' | 'hard'>('soft');\n resize = input<'none' | 'vertical' | 'horizontal' | 'both'>('vertical');\n autoResize = input<boolean>(true);\n size = input<'default' | 'large'>('default');\n variant = input<'default' | 'subtle'>('default');\n label = input<string>('');\n helper = input<string>('');\n error = input<string>('');\n required = input<boolean>(false);\n disabled = input<boolean>(false);\n readonly = input<boolean>(false);\n\n inputEvent = output<{ value: string }>({ alias: 'inputChange' });\n change = output<{ value: string }>();\n clear = output<void>();\n\n onInput(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.inputEvent.emit(e.detail);\n }\n\n onChange(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.change.emit(e.detail);\n }\n\n onClear() {\n this.clear.emit();\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -25,16 +25,16 @@ class LogosphereTimePicker {
|
|
|
25
25
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereTimePicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
26
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereTimePicker, isStandalone: true, selector: "lgs-timepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helper: { classPropertyName: "helper", publicName: "helper", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", clear: "clear" }, ngImport: i0, template: `
|
|
27
27
|
<logosphere-timepicker
|
|
28
|
-
[value]="value()"
|
|
29
|
-
[label]="label()"
|
|
30
|
-
[helper]="helper()"
|
|
31
|
-
[error]="error()"
|
|
32
|
-
[placeholder]="placeholder()"
|
|
33
|
-
[required]="required()"
|
|
34
|
-
[disabled]="disabled()"
|
|
35
|
-
[readonly]="readonly()"
|
|
36
|
-
[size]="size()"
|
|
37
|
-
[variant]="variant()"
|
|
28
|
+
[attr.value]="value()"
|
|
29
|
+
[attr.label]="label()"
|
|
30
|
+
[attr.helper]="helper()"
|
|
31
|
+
[attr.error]="error()"
|
|
32
|
+
[attr.placeholder]="placeholder()"
|
|
33
|
+
[attr.required]="required() ? '' : null"
|
|
34
|
+
[attr.disabled]="disabled() ? '' : null"
|
|
35
|
+
[attr.readonly]="readonly() ? '' : null"
|
|
36
|
+
[attr.size]="size()"
|
|
37
|
+
[attr.variant]="variant()"
|
|
38
38
|
(change)="onChange($event)"
|
|
39
39
|
(clear)="onClear()"
|
|
40
40
|
></logosphere-timepicker>
|
|
@@ -47,16 +47,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
47
47
|
imports: [],
|
|
48
48
|
template: `
|
|
49
49
|
<logosphere-timepicker
|
|
50
|
-
[value]="value()"
|
|
51
|
-
[label]="label()"
|
|
52
|
-
[helper]="helper()"
|
|
53
|
-
[error]="error()"
|
|
54
|
-
[placeholder]="placeholder()"
|
|
55
|
-
[required]="required()"
|
|
56
|
-
[disabled]="disabled()"
|
|
57
|
-
[readonly]="readonly()"
|
|
58
|
-
[size]="size()"
|
|
59
|
-
[variant]="variant()"
|
|
50
|
+
[attr.value]="value()"
|
|
51
|
+
[attr.label]="label()"
|
|
52
|
+
[attr.helper]="helper()"
|
|
53
|
+
[attr.error]="error()"
|
|
54
|
+
[attr.placeholder]="placeholder()"
|
|
55
|
+
[attr.required]="required() ? '' : null"
|
|
56
|
+
[attr.disabled]="disabled() ? '' : null"
|
|
57
|
+
[attr.readonly]="readonly() ? '' : null"
|
|
58
|
+
[attr.size]="size()"
|
|
59
|
+
[attr.variant]="variant()"
|
|
60
60
|
(change)="onChange($event)"
|
|
61
61
|
(clear)="onClear()"
|
|
62
62
|
></logosphere-timepicker>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logosphere-ui-angular-src-lib-timepicker.mjs","sources":["../../projects/wrapper/src/lib/timepicker/timepicker.ts","../../projects/wrapper/src/lib/timepicker/logosphere-ui-angular-src-lib-timepicker.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/timepicker';\n\n@Component({\n selector: 'lgs-timepicker',\n imports: [],\n template: `\n <logosphere-timepicker\n [value]=\"value()\"\n [label]=\"label()\"\n [helper]=\"helper()\"\n [error]=\"error()\"\n [placeholder]=\"placeholder()\"\n [required]=\"required()\"\n [disabled]=\"disabled()\"\n [readonly]=\"readonly()\"\n [size]=\"size()\"\n [variant]=\"variant()\"\n (change)=\"onChange($event)\"\n (clear)=\"onClear()\"\n ></logosphere-timepicker>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTimePicker {\n value = input<string>('');\n label = input<string>('');\n helper = input<string>('');\n error = input<string>('');\n placeholder = input<string>('__:__');\n required = input<boolean>(false);\n disabled = input<boolean>(false);\n readonly = input<boolean>(false);\n size = input<'default' | 'large'>('default');\n variant = input<'default' | 'subtle'>('default');\n\n change = output<{ value: string }>();\n clear = output<void>();\n\n onChange(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.change.emit(e.detail);\n }\n\n onClear() {\n this.clear.emit();\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-timepicker.mjs","sources":["../../projects/wrapper/src/lib/timepicker/timepicker.ts","../../projects/wrapper/src/lib/timepicker/logosphere-ui-angular-src-lib-timepicker.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/timepicker';\n\n@Component({\n selector: 'lgs-timepicker',\n imports: [],\n template: `\n <logosphere-timepicker\n [attr.value]=\"value()\"\n [attr.label]=\"label()\"\n [attr.helper]=\"helper()\"\n [attr.error]=\"error()\"\n [attr.placeholder]=\"placeholder()\"\n [attr.required]=\"required() ? '' : null\"\n [attr.disabled]=\"disabled() ? '' : null\"\n [attr.readonly]=\"readonly() ? '' : null\"\n [attr.size]=\"size()\"\n [attr.variant]=\"variant()\"\n (change)=\"onChange($event)\"\n (clear)=\"onClear()\"\n ></logosphere-timepicker>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTimePicker {\n value = input<string>('');\n label = input<string>('');\n helper = input<string>('');\n error = input<string>('');\n placeholder = input<string>('__:__');\n required = input<boolean>(false);\n disabled = input<boolean>(false);\n readonly = input<boolean>(false);\n size = input<'default' | 'large'>('default');\n variant = input<'default' | 'subtle'>('default');\n\n change = output<{ value: string }>();\n clear = output<void>();\n\n onChange(event: Event) {\n const e = event as CustomEvent<{ value: string }>;\n this.change.emit(e.detail);\n }\n\n onClear() {\n this.clear.emit();\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ class LogosphereToast {
|
|
|
8
8
|
text = input('', ...(ngDevMode ? [{ debugName: "text" }] : []));
|
|
9
9
|
icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
10
10
|
closeable = input(true, ...(ngDevMode ? [{ debugName: "closeable" }] : []));
|
|
11
|
-
duration = input(
|
|
11
|
+
duration = input(6000, ...(ngDevMode ? [{ debugName: "duration" }] : []));
|
|
12
12
|
autoDismiss = input(true, ...(ngDevMode ? [{ debugName: "autoDismiss" }] : []));
|
|
13
13
|
dismiss = output();
|
|
14
14
|
onDismiss() {
|
|
@@ -17,12 +17,12 @@ class LogosphereToast {
|
|
|
17
17
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.7", ngImport: i0, type: LogosphereToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
18
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.7", type: LogosphereToast, isStandalone: true, selector: "lgs-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, toastTitle: { classPropertyName: "toastTitle", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, autoDismiss: { classPropertyName: "autoDismiss", publicName: "autoDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: `
|
|
19
19
|
<logosphere-toast
|
|
20
|
-
[type]="type()"
|
|
21
|
-
[title]="toastTitle()"
|
|
22
|
-
[text]="text()"
|
|
23
|
-
[icon]="icon()"
|
|
20
|
+
[attr.type]="type()"
|
|
21
|
+
[attr.toast-title]="toastTitle()"
|
|
22
|
+
[attr.text]="text()"
|
|
23
|
+
[attr.icon]="icon()"
|
|
24
24
|
[closeable]="closeable()"
|
|
25
|
-
[duration]="duration()"
|
|
25
|
+
[attr.duration]="duration()"
|
|
26
26
|
[autoDismiss]="autoDismiss()"
|
|
27
27
|
(dismiss)="onDismiss()"
|
|
28
28
|
></logosphere-toast>
|
|
@@ -35,12 +35,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
35
35
|
imports: [],
|
|
36
36
|
template: `
|
|
37
37
|
<logosphere-toast
|
|
38
|
-
[type]="type()"
|
|
39
|
-
[title]="toastTitle()"
|
|
40
|
-
[text]="text()"
|
|
41
|
-
[icon]="icon()"
|
|
38
|
+
[attr.type]="type()"
|
|
39
|
+
[attr.toast-title]="toastTitle()"
|
|
40
|
+
[attr.text]="text()"
|
|
41
|
+
[attr.icon]="icon()"
|
|
42
42
|
[closeable]="closeable()"
|
|
43
|
-
[duration]="duration()"
|
|
43
|
+
[attr.duration]="duration()"
|
|
44
44
|
[autoDismiss]="autoDismiss()"
|
|
45
45
|
(dismiss)="onDismiss()"
|
|
46
46
|
></logosphere-toast>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logosphere-ui-angular-src-lib-toast.mjs","sources":["../../projects/wrapper/src/lib/toast/toast.ts","../../projects/wrapper/src/lib/toast/logosphere-ui-angular-src-lib-toast.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/toast';\n\nexport type ToastType = 'success' | 'danger' | 'warning' | 'info';\n\nexport type ToastActionConfig = {\n label: string;\n onClick: () => void;\n};\n\n@Component({\n selector: 'lgs-toast',\n imports: [],\n template: `\n <logosphere-toast\n [type]=\"type()\"\n [title]=\"toastTitle()\"\n [text]=\"text()\"\n [icon]=\"icon()\"\n [closeable]=\"closeable()\"\n [duration]=\"duration()\"\n [autoDismiss]=\"autoDismiss()\"\n (dismiss)=\"onDismiss()\"\n ></logosphere-toast>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereToast {\n type = input<ToastType>('info');\n toastTitle = input<string>('', { alias: 'title' });\n text = input<string>('');\n icon = input<string>('');\n closeable = input<boolean>(true);\n duration = input<number>(
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-toast.mjs","sources":["../../projects/wrapper/src/lib/toast/toast.ts","../../projects/wrapper/src/lib/toast/logosphere-ui-angular-src-lib-toast.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, input, output} from '@angular/core';\nimport '@logosphere-ui/core/toast';\n\nexport type ToastType = 'success' | 'danger' | 'warning' | 'info';\n\nexport type ToastActionConfig = {\n label: string;\n onClick: () => void;\n};\n\n@Component({\n selector: 'lgs-toast',\n imports: [],\n template: `\n <logosphere-toast\n [attr.type]=\"type()\"\n [attr.toast-title]=\"toastTitle()\"\n [attr.text]=\"text()\"\n [attr.icon]=\"icon()\"\n [closeable]=\"closeable()\"\n [attr.duration]=\"duration()\"\n [autoDismiss]=\"autoDismiss()\"\n (dismiss)=\"onDismiss()\"\n ></logosphere-toast>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereToast {\n type = input<ToastType>('info');\n toastTitle = input<string>('', { alias: 'title' });\n text = input<string>('');\n icon = input<string>('');\n closeable = input<boolean>(true);\n duration = input<number>(6000);\n autoDismiss = input<boolean>(true);\n\n dismiss = output<void>();\n\n onDismiss() {\n this.dismiss.emit();\n }\n}\n\n@Component({\n selector: 'lgs-toast-container',\n imports: [],\n template: `\n <logosphere-toast-container #el></logosphere-toast-container>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereToastContainer {\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -35,9 +35,9 @@ class LogosphereTreeMenu {
|
|
|
35
35
|
<logosphere-tree-menu
|
|
36
36
|
#el
|
|
37
37
|
[expandOnLabelClick]="expandOnLabelClick()"
|
|
38
|
-
[
|
|
38
|
+
[attr.chevronposition]="chevronPosition()"
|
|
39
39
|
[showLabels]="showLabels()"
|
|
40
|
-
[
|
|
40
|
+
[attr.iconsize]="iconSize()"
|
|
41
41
|
(toggle)="onToggle($event)"
|
|
42
42
|
(item-click)="onItemClick($event)"
|
|
43
43
|
(node-click)="onNodeClick($event)"
|
|
@@ -53,9 +53,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.7", ngImpor
|
|
|
53
53
|
<logosphere-tree-menu
|
|
54
54
|
#el
|
|
55
55
|
[expandOnLabelClick]="expandOnLabelClick()"
|
|
56
|
-
[
|
|
56
|
+
[attr.chevronposition]="chevronPosition()"
|
|
57
57
|
[showLabels]="showLabels()"
|
|
58
|
-
[
|
|
58
|
+
[attr.iconsize]="iconSize()"
|
|
59
59
|
(toggle)="onToggle($event)"
|
|
60
60
|
(item-click)="onItemClick($event)"
|
|
61
61
|
(node-click)="onNodeClick($event)"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logosphere-ui-angular-src-lib-tree-menu.mjs","sources":["../../projects/wrapper/src/lib/tree-menu/tree-menu.ts","../../projects/wrapper/src/lib/tree-menu/logosphere-ui-angular-src-lib-tree-menu.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, input, output, ViewChild} from '@angular/core';\nimport '@logosphere-ui/core/tree-menu';\n\nexport type TreeMenuItem = {\n id: string;\n label: string;\n icon?: string;\n children?: TreeMenuItem[];\n data?: unknown;\n};\n\n@Component({\n selector: 'lgs-tree-menu',\n imports: [],\n template: `\n <logosphere-tree-menu\n #el\n [expandOnLabelClick]=\"expandOnLabelClick()\"\n [
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-src-lib-tree-menu.mjs","sources":["../../projects/wrapper/src/lib/tree-menu/tree-menu.ts","../../projects/wrapper/src/lib/tree-menu/logosphere-ui-angular-src-lib-tree-menu.ts"],"sourcesContent":["import {Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, input, output, ViewChild} from '@angular/core';\nimport '@logosphere-ui/core/tree-menu';\n\nexport type TreeMenuItem = {\n id: string;\n label: string;\n icon?: string;\n children?: TreeMenuItem[];\n data?: unknown;\n};\n\n@Component({\n selector: 'lgs-tree-menu',\n imports: [],\n template: `\n <logosphere-tree-menu\n #el\n [expandOnLabelClick]=\"expandOnLabelClick()\"\n [attr.chevronposition]=\"chevronPosition()\"\n [showLabels]=\"showLabels()\"\n [attr.iconsize]=\"iconSize()\"\n (toggle)=\"onToggle($event)\"\n (item-click)=\"onItemClick($event)\"\n (node-click)=\"onNodeClick($event)\"\n ></logosphere-tree-menu>\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class LogosphereTreeMenu {\n items = input<TreeMenuItem[]>([]);\n expandedIds = input<string[]>([]);\n expandOnLabelClick = input<boolean>(true);\n chevronPosition = input<'left' | 'right'>('left');\n showLabels = input<boolean>(true);\n iconSize = input<number>(16);\n\n toggle = output<{ item: TreeMenuItem; expanded: boolean }>();\n itemClick = output<{ item: TreeMenuItem }>();\n nodeClick = output<{ item: TreeMenuItem; hasChildren: boolean }>();\n\n @ViewChild('el', { static: false }) set elRef(element: ElementRef | undefined) {\n if (element) {\n (element.nativeElement as any).items = this.items();\n (element.nativeElement as any).expandedIds = this.expandedIds();\n }\n }\n\n onToggle(event: Event) {\n const e = event as CustomEvent<{ item: TreeMenuItem; expanded: boolean }>;\n this.toggle.emit(e.detail);\n }\n\n onItemClick(event: Event) {\n const e = event as CustomEvent<{ item: TreeMenuItem }>;\n this.itemClick.emit(e.detail);\n }\n\n onNodeClick(event: Event) {\n const e = event as CustomEvent<{ item: TreeMenuItem; hasChildren: boolean }>;\n this.nodeClick.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,59 @@
|
|
|
1
|
+
import { render } from '@lit-labs/ssr';
|
|
2
|
+
import { collectResult } from '@lit-labs/ssr/lib/render-result.js';
|
|
3
|
+
import { html } from 'lit';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Wrap a raw HTML string as a binding-less Lit template so @lit-labs/ssr can
|
|
7
|
+
* parse it and render the shadow DOM of any custom element it contains. Because
|
|
8
|
+
* the markup lives entirely in the template's static part, there are no dynamic
|
|
9
|
+
* bindings — every logosphere-* element found is rendered as Declarative Shadow
|
|
10
|
+
* DOM and all surrounding markup passes through verbatim.
|
|
11
|
+
*/
|
|
12
|
+
function staticTemplate(rawHtml) {
|
|
13
|
+
const strings = [rawHtml];
|
|
14
|
+
strings.raw = [rawHtml];
|
|
15
|
+
return html(strings);
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Inject Declarative Shadow DOM into an @angular/ssr-rendered HTML string.
|
|
19
|
+
*
|
|
20
|
+
* Angular's server renderer emits Logosphere custom elements as bare host tags
|
|
21
|
+
* (attributes + projected light DOM, but no shadow content, because Domino does
|
|
22
|
+
* not upgrade custom elements). This runs that HTML through @lit-labs/ssr so
|
|
23
|
+
* every **registered** logosphere-* element gets its full shadow tree emitted as
|
|
24
|
+
* `<template shadowrootmode="open">…</template>`, recursively, while the rest of
|
|
25
|
+
* the Angular markup is left untouched. The emitted Lit hydration markers
|
|
26
|
+
* (`<!--lit-part-->`) let the client hydrate instead of re-rendering.
|
|
27
|
+
*
|
|
28
|
+
* The components must already be **registered** (their modules imported) in the
|
|
29
|
+
* server process before this is called — which they are, since the Angular
|
|
30
|
+
* wrapper components import them. Registration relies on a single shared
|
|
31
|
+
* `@lit-labs/ssr-dom-shim` customElements registry (pinned via the workspace
|
|
32
|
+
* `overrides`), so don't let that version drift.
|
|
33
|
+
*
|
|
34
|
+
* Works on a full document string or a fragment.
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* // server.ts (@angular/ssr)
|
|
38
|
+
* const html = await angularApp.render(request); // bare custom elements
|
|
39
|
+
* const withDsd = await renderLogosphereShadowRoots(html); // DSD injected
|
|
40
|
+
*/
|
|
41
|
+
async function renderLogosphereShadowRoots(htmlString) {
|
|
42
|
+
return collectResult(render(staticTemplate(htmlString)));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/*
|
|
46
|
+
* Public API surface of @logosphere-ui/angular/ssr
|
|
47
|
+
*
|
|
48
|
+
* SERVER-ONLY. This entry point pulls in @lit-labs/ssr (Node) and must never be
|
|
49
|
+
* imported into the browser bundle — import it only from your @angular/ssr
|
|
50
|
+
* `server.ts`. It is intentionally NOT re-exported from the primary
|
|
51
|
+
* `@logosphere-ui/angular` entry point.
|
|
52
|
+
*/
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* Generated bundle index. Do not edit.
|
|
56
|
+
*/
|
|
57
|
+
|
|
58
|
+
export { renderLogosphereShadowRoots };
|
|
59
|
+
//# sourceMappingURL=logosphere-ui-angular-ssr.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logosphere-ui-angular-ssr.mjs","sources":["../../projects/wrapper/ssr/server-render.ts","../../projects/wrapper/ssr/public-api.ts","../../projects/wrapper/ssr/logosphere-ui-angular-ssr.ts"],"sourcesContent":["import { render } from '@lit-labs/ssr';\nimport { collectResult } from '@lit-labs/ssr/lib/render-result.js';\nimport { html, type TemplateResult } from 'lit';\n\n/**\n * Wrap a raw HTML string as a binding-less Lit template so @lit-labs/ssr can\n * parse it and render the shadow DOM of any custom element it contains. Because\n * the markup lives entirely in the template's static part, there are no dynamic\n * bindings — every logosphere-* element found is rendered as Declarative Shadow\n * DOM and all surrounding markup passes through verbatim.\n */\nfunction staticTemplate(rawHtml: string): TemplateResult {\n const strings = [rawHtml] as unknown as string[] & { raw: readonly string[] };\n strings.raw = [rawHtml];\n return html(strings as unknown as TemplateStringsArray);\n}\n\n/**\n * Inject Declarative Shadow DOM into an @angular/ssr-rendered HTML string.\n *\n * Angular's server renderer emits Logosphere custom elements as bare host tags\n * (attributes + projected light DOM, but no shadow content, because Domino does\n * not upgrade custom elements). This runs that HTML through @lit-labs/ssr so\n * every **registered** logosphere-* element gets its full shadow tree emitted as\n * `<template shadowrootmode=\"open\">…</template>`, recursively, while the rest of\n * the Angular markup is left untouched. The emitted Lit hydration markers\n * (`<!--lit-part-->`) let the client hydrate instead of re-rendering.\n *\n * The components must already be **registered** (their modules imported) in the\n * server process before this is called — which they are, since the Angular\n * wrapper components import them. Registration relies on a single shared\n * `@lit-labs/ssr-dom-shim` customElements registry (pinned via the workspace\n * `overrides`), so don't let that version drift.\n *\n * Works on a full document string or a fragment.\n *\n * @example\n * // server.ts (@angular/ssr)\n * const html = await angularApp.render(request); // bare custom elements\n * const withDsd = await renderLogosphereShadowRoots(html); // DSD injected\n */\nexport async function renderLogosphereShadowRoots(htmlString: string): Promise<string> {\n return collectResult(render(staticTemplate(htmlString)));\n}\n","/*\n * Public API surface of @logosphere-ui/angular/ssr\n *\n * SERVER-ONLY. This entry point pulls in @lit-labs/ssr (Node) and must never be\n * imported into the browser bundle — import it only from your @angular/ssr\n * `server.ts`. It is intentionally NOT re-exported from the primary\n * `@logosphere-ui/angular` entry point.\n */\nexport { renderLogosphereShadowRoots } from './server-render';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAIA;;;;;;AAMG;AACH,SAAS,cAAc,CAAC,OAAe,EAAA;AACrC,IAAA,MAAM,OAAO,GAAG,CAAC,OAAO,CAAqD;AAC7E,IAAA,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;AACvB,IAAA,OAAO,IAAI,CAAC,OAA0C,CAAC;AACzD;AAEA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACI,eAAe,2BAA2B,CAAC,UAAkB,EAAA;IAClE,OAAO,aAAa,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;AAC1D;;AC3CA;;;;;;;AAOG;;ACPH;;AAEG;;;;"}
|