@matechat/ng 17.3.0-alpha.0 → 17.3.0-alpha.1
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/matechat-ng.mjs
CHANGED
|
@@ -4964,6 +4964,24 @@ class LayoutContentFoundation extends BaseFoundation {
|
|
|
4964
4964
|
}
|
|
4965
4965
|
}
|
|
4966
4966
|
|
|
4967
|
+
class ArrowDownIconComponent {
|
|
4968
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ArrowDownIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4969
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ArrowDownIconComponent, isStandalone: true, selector: "mc-arrow-down-icon", ngImport: i0, template: "<svg t=\"1773994085709\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"4044\" width=\"16\" height=\"16\">\r\n <path d=\"M898.133333 512c-12.8-12.8-32-12.8-44.8-2.133333L544 800V149.333333c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v650.666667L170.666667 509.866667c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l362.666667 341.333333c2.133333 2.133333 6.4 4.266667 8.533333 6.4 4.266667 2.133333 6.4 2.133333 10.666667 2.133334s8.533333 0 10.666666-2.133334c4.266667-2.133333 6.4-4.266667 8.533334-6.4l362.666666-341.333333c17.066667-12.8 19.2-32 6.4-44.8z\" fill=\"#666666\" p-id=\"4045\"></path>\r\n</svg>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4970
|
+
}
|
|
4971
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ArrowDownIconComponent, decorators: [{
|
|
4972
|
+
type: Component,
|
|
4973
|
+
args: [{ selector: 'mc-arrow-down-icon', standalone: true, imports: [CommonModule], template: "<svg t=\"1773994085709\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"4044\" width=\"16\" height=\"16\">\r\n <path d=\"M898.133333 512c-12.8-12.8-32-12.8-44.8-2.133333L544 800V149.333333c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v650.666667L170.666667 509.866667c-12.8-12.8-34.133333-10.666667-44.8 2.133333-12.8 12.8-10.666667 34.133333 2.133333 44.8l362.666667 341.333333c2.133333 2.133333 6.4 4.266667 8.533333 6.4 4.266667 2.133333 6.4 2.133333 10.666667 2.133334s8.533333 0 10.666666-2.133334c4.266667-2.133333 6.4-4.266667 8.533334-6.4l362.666666-341.333333c17.066667-12.8 19.2-32 6.4-44.8z\" fill=\"#666666\" p-id=\"4045\"></path>\r\n</svg>\r\n" }]
|
|
4974
|
+
}] });
|
|
4975
|
+
|
|
4976
|
+
class ArrowUpIconComponent {
|
|
4977
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ArrowUpIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4978
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ArrowUpIconComponent, isStandalone: true, selector: "mc-arrow-up-icon", ngImport: i0, template: "<svg t=\"1773991901622\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3858\" width=\"16\" height=\"16\">\r\n <path d=\"M896 467.2l-362.666667-341.333333c-2.133333-2.133333-6.4-4.266667-8.533333-6.4-4.266667-2.133333-6.4-2.133333-10.666667-2.133334s-8.533333 0-10.666666 2.133334c-4.266667 2.133333-6.4 4.266667-8.533334 6.4l-362.666666 341.333333c-12.8 12.8-12.8 32-2.133334 44.8 12.8 12.8 32 12.8 44.8 2.133333l309.333334-290.133333V874.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V224L853.333333 514.133333c6.4 6.4 14.933333 8.533333 21.333334 8.533334 8.533333 0 17.066667-4.266667 23.466666-10.666667 12.8-12.8 10.666667-32-2.133333-44.8z\" fill=\"#666666\" p-id=\"3859\"></path>\r\n</svg>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
4979
|
+
}
|
|
4980
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ArrowUpIconComponent, decorators: [{
|
|
4981
|
+
type: Component,
|
|
4982
|
+
args: [{ selector: 'mc-arrow-up-icon', standalone: true, imports: [CommonModule], template: "<svg t=\"1773991901622\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"3858\" width=\"16\" height=\"16\">\r\n <path d=\"M896 467.2l-362.666667-341.333333c-2.133333-2.133333-6.4-4.266667-8.533333-6.4-4.266667-2.133333-6.4-2.133333-10.666667-2.133334s-8.533333 0-10.666666 2.133334c-4.266667 2.133333-6.4 4.266667-8.533334 6.4l-362.666666 341.333333c-12.8 12.8-12.8 32-2.133334 44.8 12.8 12.8 32 12.8 44.8 2.133333l309.333334-290.133333V874.666667c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V224L853.333333 514.133333c6.4 6.4 14.933333 8.533333 21.333334 8.533334 8.533333 0 17.066667-4.266667 23.466666-10.666667 12.8-12.8 10.666667-32-2.133333-44.8z\" fill=\"#666666\" p-id=\"3859\"></path>\r\n</svg>\r\n" }]
|
|
4983
|
+
}] });
|
|
4984
|
+
|
|
4967
4985
|
class LayoutContentComponent extends BaseComponent {
|
|
4968
4986
|
constructor() {
|
|
4969
4987
|
super(...arguments);
|
|
@@ -5056,11 +5074,11 @@ class LayoutContentComponent extends BaseComponent {
|
|
|
5056
5074
|
this.scrollerRef.nativeElement?.removeEventListener('wheel', this.wheelHandler);
|
|
5057
5075
|
}
|
|
5058
5076
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
5059
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: LayoutContentComponent, isStandalone: true, selector: "mc-layout-content", inputs: { autoScroll: "autoScroll", showScrollArrow: "showScrollArrow" }, outputs: { onScrollerScroll: "onScrollerScroll", onScrollerWheel: "onScrollerWheel" }, viewQueries: [{ propertyName: "scrollerRef", first: true, predicate: ["scrollerRef"], descendants: true }, { propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-layout-content-container\">\r\n <div class=\"mc-layout-content-scroller\" #scrollerRef>\r\n <div class=\"mc-layout-content\" #contentRef>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"showScrollArrow\">\r\n <div *ngIf=\"showUpArrow\" class=\"mc-layout-content-arrow up\" (click)=\"scrollToTop()\">\r\n <div>\r\n <
|
|
5077
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: LayoutContentComponent, isStandalone: true, selector: "mc-layout-content", inputs: { autoScroll: "autoScroll", showScrollArrow: "showScrollArrow" }, outputs: { onScrollerScroll: "onScrollerScroll", onScrollerWheel: "onScrollerWheel" }, viewQueries: [{ propertyName: "scrollerRef", first: true, predicate: ["scrollerRef"], descendants: true }, { propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-layout-content-container\">\r\n <div class=\"mc-layout-content-scroller\" #scrollerRef>\r\n <div class=\"mc-layout-content\" #contentRef>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"showScrollArrow\">\r\n <div *ngIf=\"showUpArrow\" class=\"mc-layout-content-arrow up\" (click)=\"scrollToTop()\">\r\n <div>\r\n <mc-arrow-up-icon />\r\n </div>\r\n </div>\r\n <div *ngIf=\"showDownArrow\" class=\"mc-layout-content-arrow down\" (click)=\"scrollToBottom()\">\r\n <div>\r\n <mc-arrow-down-icon />\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n", styles: [".mc-layout-content-container{position:relative;flex:auto;display:flex;flex-direction:column;min-height:0;margin-right:-20px}.mc-layout-content-container .mc-layout-content-scroller{flex:1;overflow:auto;padding-right:8px;scrollbar-width:thin;scrollbar-gutter:stable}.mc-layout-content-container .mc-layout-content-arrow{position:absolute;left:50%;transform:translate(-50%);z-index:9;display:flex;justify-content:center;align-items:center;width:32px;height:32px;cursor:pointer}.mc-layout-content-container .mc-layout-content-arrow.up{top:20px}.mc-layout-content-container .mc-layout-content-arrow.down{bottom:20px}.mc-layout-content-container .mc-layout-content-arrow:hover>div{transform:scale(1.3);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24))}.mc-layout-content-container .mc-layout-content-arrow div{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background-color:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-full, 100px);box-shadow:var(--devui-box-shadow-length-base, 0 1px 6px 0) var(--devui-shadow, rgba(0, 0, 0, .16));transition:transform .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow .3s var(--devui-animation-duration-base, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ArrowUpIconComponent, selector: "mc-arrow-up-icon" }, { kind: "component", type: ArrowDownIconComponent, selector: "mc-arrow-down-icon" }] }); }
|
|
5060
5078
|
}
|
|
5061
5079
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: LayoutContentComponent, decorators: [{
|
|
5062
5080
|
type: Component,
|
|
5063
|
-
args: [{ selector: 'mc-layout-content', standalone: true, imports: [CommonModule], template: "<div class=\"mc-layout-content-container\">\r\n <div class=\"mc-layout-content-scroller\" #scrollerRef>\r\n <div class=\"mc-layout-content\" #contentRef>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"showScrollArrow\">\r\n <div *ngIf=\"showUpArrow\" class=\"mc-layout-content-arrow up\" (click)=\"scrollToTop()\">\r\n <div>\r\n <
|
|
5081
|
+
args: [{ selector: 'mc-layout-content', standalone: true, imports: [CommonModule, ArrowUpIconComponent, ArrowDownIconComponent], template: "<div class=\"mc-layout-content-container\">\r\n <div class=\"mc-layout-content-scroller\" #scrollerRef>\r\n <div class=\"mc-layout-content\" #contentRef>\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"showScrollArrow\">\r\n <div *ngIf=\"showUpArrow\" class=\"mc-layout-content-arrow up\" (click)=\"scrollToTop()\">\r\n <div>\r\n <mc-arrow-up-icon />\r\n </div>\r\n </div>\r\n <div *ngIf=\"showDownArrow\" class=\"mc-layout-content-arrow down\" (click)=\"scrollToBottom()\">\r\n <div>\r\n <mc-arrow-down-icon />\r\n </div>\r\n </div>\r\n </ng-container>\r\n</div>\r\n", styles: [".mc-layout-content-container{position:relative;flex:auto;display:flex;flex-direction:column;min-height:0;margin-right:-20px}.mc-layout-content-container .mc-layout-content-scroller{flex:1;overflow:auto;padding-right:8px;scrollbar-width:thin;scrollbar-gutter:stable}.mc-layout-content-container .mc-layout-content-arrow{position:absolute;left:50%;transform:translate(-50%);z-index:9;display:flex;justify-content:center;align-items:center;width:32px;height:32px;cursor:pointer}.mc-layout-content-container .mc-layout-content-arrow.up{top:20px}.mc-layout-content-container .mc-layout-content-arrow.down{bottom:20px}.mc-layout-content-container .mc-layout-content-arrow:hover>div{transform:scale(1.3);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24))}.mc-layout-content-container .mc-layout-content-arrow div{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background-color:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-full, 100px);box-shadow:var(--devui-box-shadow-length-base, 0 1px 6px 0) var(--devui-shadow, rgba(0, 0, 0, .16));transition:transform .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),box-shadow .3s var(--devui-animation-duration-base, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}\n"] }]
|
|
5064
5082
|
}], propDecorators: { autoScroll: [{
|
|
5065
5083
|
type: Input
|
|
5066
5084
|
}], showScrollArrow: [{
|