@breadstone/mosaik-elements-angular 0.0.106 → 0.0.108
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/CHANGELOG.md +13 -0
- package/fesm2022/mosaik-elements-angular.mjs +32 -9
- package/fesm2022/mosaik-elements-angular.mjs.map +1 -1
- package/index.d.ts +5 -1
- package/index.d.ts.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
## 0.0.108 (2025-08-15)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **chat:** enhance styling and theming for chat components ([b8f5a8f6c6](https://github.com/RueDeRennes/mosaik/commit/b8f5a8f6c6))
|
|
6
|
+
- **dialog): enhance DialogPortalComponent with dynamic properties and update button appearance feat(translator:** improve addTranslations method to merge existing translations chore: update release script version to 0.0.107 ([e6974a901b](https://github.com/RueDeRennes/mosaik/commit/e6974a901b))
|
|
7
|
+
|
|
8
|
+
## 0.0.107 (2025-08-15)
|
|
9
|
+
|
|
10
|
+
### 🚀 Features
|
|
11
|
+
|
|
12
|
+
- **instructions:** add guideline for using "const object + derived union" pattern chore: update release version to 0.0.106 ([28ffdf76fb](https://github.com/RueDeRennes/mosaik/commit/28ffdf76fb))
|
|
13
|
+
|
|
1
14
|
## 0.0.106 (2025-08-15)
|
|
2
15
|
|
|
3
16
|
### 🚀 Features
|
|
@@ -9133,6 +9133,26 @@ let ChatInputComponent = class ChatInputComponent {
|
|
|
9133
9133
|
this._element.variant = value;
|
|
9134
9134
|
});
|
|
9135
9135
|
}
|
|
9136
|
+
get appearance() {
|
|
9137
|
+
// @ts-ignore - temporary fix for the type error
|
|
9138
|
+
return this._element.appearance;
|
|
9139
|
+
}
|
|
9140
|
+
set appearance(value) {
|
|
9141
|
+
this._zone.runOutsideAngular(() => {
|
|
9142
|
+
// @ts-ignore - temporary fix for the type error
|
|
9143
|
+
this._element.appearance = value;
|
|
9144
|
+
});
|
|
9145
|
+
}
|
|
9146
|
+
get disabled() {
|
|
9147
|
+
// @ts-ignore - temporary fix for the type error
|
|
9148
|
+
return this._element.disabled;
|
|
9149
|
+
}
|
|
9150
|
+
set disabled(value) {
|
|
9151
|
+
this._zone.runOutsideAngular(() => {
|
|
9152
|
+
// @ts-ignore - temporary fix for the type error
|
|
9153
|
+
this._element.disabled = value;
|
|
9154
|
+
});
|
|
9155
|
+
}
|
|
9136
9156
|
get dir() {
|
|
9137
9157
|
// @ts-ignore - temporary fix for the type error
|
|
9138
9158
|
return this._element.dir;
|
|
@@ -9177,12 +9197,12 @@ let ChatInputComponent = class ChatInputComponent {
|
|
|
9177
9197
|
}
|
|
9178
9198
|
}
|
|
9179
9199
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ChatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9180
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ChatInputComponent, isStandalone: true, selector: "mosaik-chat-input", inputs: { value: "value", reactions: "reactions", placeholder: "placeholder", allowAttachments: "allowAttachments", themeName: "themeName", variant: "variant", dir: "dir", lang: "lang" }, outputs: { submitted: "submitted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9200
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ChatInputComponent, isStandalone: true, selector: "mosaik-chat-input", inputs: { value: "value", reactions: "reactions", placeholder: "placeholder", allowAttachments: "allowAttachments", themeName: "themeName", variant: "variant", appearance: "appearance", disabled: "disabled", dir: "dir", lang: "lang" }, outputs: { submitted: "submitted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9181
9201
|
};
|
|
9182
9202
|
ChatInputComponent = __decorate$2S([
|
|
9183
9203
|
ProxyCmp({
|
|
9184
9204
|
defineCustomElementFn: () => customElements.define('mosaik-chat-input', ChatInputElement),
|
|
9185
|
-
inputs: ['value', 'reactions', 'placeholder', 'allowAttachments', 'themeName', 'variant', 'dir', 'lang'],
|
|
9205
|
+
inputs: ['value', 'reactions', 'placeholder', 'allowAttachments', 'themeName', 'variant', 'appearance', 'disabled', 'dir', 'lang'],
|
|
9186
9206
|
methods: ['send', 'attach', 'clear', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
9187
9207
|
}),
|
|
9188
9208
|
__metadata$2S("design:paramtypes", [])
|
|
@@ -9194,7 +9214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
9194
9214
|
standalone: true,
|
|
9195
9215
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
9196
9216
|
template: '<ng-content></ng-content>',
|
|
9197
|
-
inputs: ['value', 'reactions', 'placeholder', 'allowAttachments', 'themeName', 'variant', 'dir', 'lang'],
|
|
9217
|
+
inputs: ['value', 'reactions', 'placeholder', 'allowAttachments', 'themeName', 'variant', 'appearance', 'disabled', 'dir', 'lang'],
|
|
9198
9218
|
outputs: ['submitted', 'connected', 'disconnected', 'changed']
|
|
9199
9219
|
}]
|
|
9200
9220
|
}], ctorParameters: () => [], propDecorators: { value: [{
|
|
@@ -9209,6 +9229,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
9209
9229
|
type: Input
|
|
9210
9230
|
}], variant: [{
|
|
9211
9231
|
type: Input
|
|
9232
|
+
}], appearance: [{
|
|
9233
|
+
type: Input
|
|
9234
|
+
}], disabled: [{
|
|
9235
|
+
type: Input
|
|
9212
9236
|
}], dir: [{
|
|
9213
9237
|
type: Input
|
|
9214
9238
|
}], lang: [{
|
|
@@ -54864,7 +54888,7 @@ class DialogPortalComponent extends PortalComponent {
|
|
|
54864
54888
|
return this._portalOutlet;
|
|
54865
54889
|
}
|
|
54866
54890
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
54867
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_dialog", first: true, predicate: DialogComponent, descendants: true, static: true }], exportAs: ["mosaikDialogPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-dialog>\n @if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n <mosaik-dialog-header>\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n </mosaik-dialog-header>\n }\n <mosaik-dialog-content cdkScrollable>\n <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @if (this.dialogConfig?.actions) {\n <mosaik-dialog-actions>\n @for (action of this.dialogConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind !== 'primary' ? '
|
|
54891
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_dialog", first: true, predicate: DialogComponent, descendants: true, static: true }], exportAs: ["mosaikDialogPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-dialog [closeable]=\"this.dialogConfig?.closeable ?? false\"\n [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n [enter]=\"this.dialogConfig?.enter ?? null\"\n [exit]=\"this.dialogConfig?.exit ?? null\">\n @if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n <mosaik-dialog-header>\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n </mosaik-dialog-header>\n }\n <mosaik-dialog-content cdkScrollable>\n <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @if (this.dialogConfig?.actions) {\n <mosaik-dialog-actions>\n @for (action of this.dialogConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind !== 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-dialog-actions>\n }\n</mosaik-dialog>", dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: DialogComponent, selector: "mosaik-dialog", inputs: ["dragging", "offsetX", "offsetY", "isFullScreen", "isDraggable", "themeName", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["closed", "opened", "connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderComponent, selector: "mosaik-dialog-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderTextComponent, selector: "mosaik-dialog-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderSubTextComponent, selector: "mosaik-dialog-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogActionsComponent, selector: "mosaik-dialog-actions", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: ButtonComponent, selector: "mosaik-button", inputs: ["download", "href", "rel", "target", "themeName", "reverse", "orientation", "horizontalContentAlignment", "verticalContentAlignment", "fit", "isBusy", "label", "icon", "iconPosition", "iconSize", "type", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: OfPipe, name: "of" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
54868
54892
|
}
|
|
54869
54893
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, decorators: [{
|
|
54870
54894
|
type: Component,
|
|
@@ -54881,7 +54905,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
54881
54905
|
DialogHeaderSubTextComponent,
|
|
54882
54906
|
DialogActionsComponent,
|
|
54883
54907
|
ButtonComponent
|
|
54884
|
-
], template: "<mosaik-dialog>\n @if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n <mosaik-dialog-header>\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n </mosaik-dialog-header>\n }\n <mosaik-dialog-content cdkScrollable>\n <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @if (this.dialogConfig?.actions) {\n <mosaik-dialog-actions>\n @for (action of this.dialogConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind !== 'primary' ? '
|
|
54908
|
+
], template: "<mosaik-dialog [closeable]=\"this.dialogConfig?.closeable ?? false\"\n [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n [enter]=\"this.dialogConfig?.enter ?? null\"\n [exit]=\"this.dialogConfig?.exit ?? null\">\n @if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n <mosaik-dialog-header>\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n </mosaik-dialog-header>\n }\n <mosaik-dialog-content cdkScrollable>\n <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @if (this.dialogConfig?.actions) {\n <mosaik-dialog-actions>\n @for (action of this.dialogConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind !== 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-dialog-actions>\n }\n</mosaik-dialog>" }]
|
|
54885
54909
|
}], ctorParameters: () => [], propDecorators: { _portalOutlet: [{
|
|
54886
54910
|
type: ViewChild,
|
|
54887
54911
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -55172,8 +55196,7 @@ class PortalProvider {
|
|
|
55172
55196
|
* @protected
|
|
55173
55197
|
*/
|
|
55174
55198
|
createComponent(portal, overlayRef, component, config) {
|
|
55175
|
-
|
|
55176
|
-
return containerRef;
|
|
55199
|
+
return overlayRef.attach(portal);
|
|
55177
55200
|
}
|
|
55178
55201
|
/**
|
|
55179
55202
|
* @protected
|
|
@@ -55351,6 +55374,7 @@ class DialogService extends PortalProvider {
|
|
|
55351
55374
|
createPortalInjector(config) {
|
|
55352
55375
|
return new StatelessInjector(this.injector, [
|
|
55353
55376
|
[DIALOG_CONFIG, config]
|
|
55377
|
+
// [DIALOG_REF, ref]
|
|
55354
55378
|
]);
|
|
55355
55379
|
}
|
|
55356
55380
|
/**
|
|
@@ -55399,8 +55423,7 @@ class DialogService extends PortalProvider {
|
|
|
55399
55423
|
}
|
|
55400
55424
|
});
|
|
55401
55425
|
}
|
|
55402
|
-
|
|
55403
|
-
return containerRef;
|
|
55426
|
+
return super.createComponent(portal, overlayRef, _component, config);
|
|
55404
55427
|
}
|
|
55405
55428
|
/**
|
|
55406
55429
|
* @private
|