@naniteninja/dashboard-components-lib 2.1.20 → 2.1.21
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.
|
@@ -4363,11 +4363,11 @@ class MatcherStatusesComponent {
|
|
|
4363
4363
|
this.sendMessage.emit(event);
|
|
4364
4364
|
}
|
|
4365
4365
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MatcherStatusesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4366
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: MatcherStatusesComponent, isStandalone: true, selector: "lib-matcher-statuses", inputs: { adsTemplate: "adsTemplate", status: "status", hideStatuses: "hideStatuses", messages: "messages", inputValue: "inputValue", maxLength: "maxLength", responseTime: "responseTime", disabled: "disabled", prospectJoinDate: "prospectJoinDate" }, outputs: { getMessages: "getMessages", sendMessage: "sendMessage" }, ngImport: i0, template: "<div class=\"matcher-statuses-container\" [class.box-shadow-statuses]=\"!hideStatuses\">\n <div class=\"top-gradient-fade\"></div>\n\n @if (!hideStatuses) {\n <div class=\"status-list\">\n @for (matcherStatus of MATCHER_STATUSES; let idx = $index; track matcherStatus.title) {\n <div class=\"status-cell\">\n <lib-bubble-btn class=\"custom-bubble-status\" [title]=\"matcherStatus.title\" [subTitle]=\"matcherStatus.subtitle\" [checked]=\"status | isStatusIncluded: idx\"></lib-bubble-btn>\n </div>\n }\n </div>\n }\n <lib-chat\n class=\"conversation-chat\"\n (getMessages)=\"handleGetMessages($event)\"\n (sendMessage)=\"handleSendMessage($event)\"\n [dateMessages]=\"messages\"\n [inputValue]=\"inputValue\"\n [maxLength]=\"maxLength\"\n [responseTime]=\"responseTime\"\n [disabled]=\"disabled\"\n [prospectJoinDate]=\"prospectJoinDate\"\n [hasShadow]=\"false\"\n >\n </lib-chat>\n</div>\n", styles: ["@charset \"UTF-8\";.box-shadow-statuses{position:relative;padding:0 1.9em 1.2em;border-radius:clamp(6px,2.2dvw,11.17px);background:#28252d;width:min(90dvw,750px);height:clamp(370px,65dvh,30em);margin-inline:auto;font-size:clamp(0px,3.2dvw,15px);display:flex;flex-direction:column;overflow:hidden}.box-shadow-statuses:has(.status-list){padding:0 1.9em 1.2em 2.9em}.box-shadow-statuses .status-list{position:absolute;top:0;bottom:0;left:.3em;width:auto;overflow:hidden;display:grid;grid-template-rows:repeat(10,1fr);align-items:center;row-gap:0;justify-content:space-evenly}.box-shadow-statuses .status-cell{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.box-shadow-statuses .custom-bubble-status{width:clamp(
|
|
4366
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: MatcherStatusesComponent, isStandalone: true, selector: "lib-matcher-statuses", inputs: { adsTemplate: "adsTemplate", status: "status", hideStatuses: "hideStatuses", messages: "messages", inputValue: "inputValue", maxLength: "maxLength", responseTime: "responseTime", disabled: "disabled", prospectJoinDate: "prospectJoinDate" }, outputs: { getMessages: "getMessages", sendMessage: "sendMessage" }, ngImport: i0, template: "<div class=\"matcher-statuses-container\" [class.box-shadow-statuses]=\"!hideStatuses\">\n <div class=\"top-gradient-fade\"></div>\n\n @if (!hideStatuses) {\n <div class=\"status-list\">\n @for (matcherStatus of MATCHER_STATUSES; let idx = $index; track matcherStatus.title) {\n <div class=\"status-cell\">\n <lib-bubble-btn class=\"custom-bubble-status\" [title]=\"matcherStatus.title\" [subTitle]=\"matcherStatus.subtitle\" [checked]=\"status | isStatusIncluded: idx\"></lib-bubble-btn>\n </div>\n }\n </div>\n }\n <lib-chat\n class=\"conversation-chat\"\n (getMessages)=\"handleGetMessages($event)\"\n (sendMessage)=\"handleSendMessage($event)\"\n [dateMessages]=\"messages\"\n [inputValue]=\"inputValue\"\n [maxLength]=\"maxLength\"\n [responseTime]=\"responseTime\"\n [disabled]=\"disabled\"\n [prospectJoinDate]=\"prospectJoinDate\"\n [hasShadow]=\"false\"\n >\n </lib-chat>\n</div>\n", styles: ["@charset \"UTF-8\";.box-shadow-statuses{position:relative;padding:0 1.9em 1.2em;border-radius:clamp(6px,2.2dvw,11.17px);background:#28252d;width:min(90dvw,750px);height:clamp(370px,65dvh,30em);margin-inline:auto;font-size:clamp(0px,3.2dvw,15px);display:flex;flex-direction:column;overflow:hidden}.box-shadow-statuses:has(.status-list){padding:0 1.9em 1.2em 2.9em}.box-shadow-statuses .status-list{position:absolute;top:0;bottom:0;left:.3em;width:auto;overflow:hidden;display:grid;grid-template-rows:repeat(10,1fr);align-items:center;row-gap:0;justify-content:space-evenly}.box-shadow-statuses .status-cell{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.box-shadow-statuses .custom-bubble-status{width:clamp(14px,4.5dvh,40px);height:clamp(14px,4.5dvh,40px);transform:scale(1.4)}.box-shadow-statuses .conversation-chat{--height-chat-conversation: clamp(370px, 65dvh, 30em);--max-height-chat-conversation: none;--max-width-container: 100%;flex:1 1 auto;min-height:0;overflow:visible;margin:0;width:100%;z-index:2}.box-shadow-statuses .top-gradient-fade{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,#27242c,transparent);z-index:1;pointer-events:none}.box-shadow-statuses:after{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;box-shadow:clamp(2px,1.3dvw,4.654px) clamp(2px,1.3dvw,4.654px) clamp(4px,2.6dvw,9.309px) 0 #00000052 inset,clamp(-1.5px,-.8dvw,-2.793px) clamp(-1.5px,-.8dvw,-2.793px) clamp(2px,1dvw,3.723px) 0 #ffffff1a inset}\n"], dependencies: [{ kind: "ngmodule", type: LibChatComponentModule }, { kind: "component", type: ChatComponent, selector: "lib-chat", inputs: ["default", "responseTime", "inputValue", "emojiPickerConfig", "includeGifMessage", "includeTime", "dateMessages", "maxLength", "enableGifPicker", "prospectJoinDate", "disabled", "hasShadow"], outputs: ["sendMessage", "getMessages"] }, { kind: "ngmodule", type: ButtonsModule }, { kind: "component", type: i1.BubbleBtnComponent, selector: "lib-bubble-btn", inputs: ["title", "subTitle", "hasIcon", "enableActiveStyle", "checked", "disabled", "loading$"] }, { kind: "pipe", type: IsStatusIncludedPipe, name: "isStatusIncluded" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4367
4367
|
}
|
|
4368
4368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: MatcherStatusesComponent, decorators: [{
|
|
4369
4369
|
type: Component,
|
|
4370
|
-
args: [{ selector: 'lib-matcher-statuses', imports: [LibChatComponentModule, ButtonsModule, IsStatusIncludedPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"matcher-statuses-container\" [class.box-shadow-statuses]=\"!hideStatuses\">\n <div class=\"top-gradient-fade\"></div>\n\n @if (!hideStatuses) {\n <div class=\"status-list\">\n @for (matcherStatus of MATCHER_STATUSES; let idx = $index; track matcherStatus.title) {\n <div class=\"status-cell\">\n <lib-bubble-btn class=\"custom-bubble-status\" [title]=\"matcherStatus.title\" [subTitle]=\"matcherStatus.subtitle\" [checked]=\"status | isStatusIncluded: idx\"></lib-bubble-btn>\n </div>\n }\n </div>\n }\n <lib-chat\n class=\"conversation-chat\"\n (getMessages)=\"handleGetMessages($event)\"\n (sendMessage)=\"handleSendMessage($event)\"\n [dateMessages]=\"messages\"\n [inputValue]=\"inputValue\"\n [maxLength]=\"maxLength\"\n [responseTime]=\"responseTime\"\n [disabled]=\"disabled\"\n [prospectJoinDate]=\"prospectJoinDate\"\n [hasShadow]=\"false\"\n >\n </lib-chat>\n</div>\n", styles: ["@charset \"UTF-8\";.box-shadow-statuses{position:relative;padding:0 1.9em 1.2em;border-radius:clamp(6px,2.2dvw,11.17px);background:#28252d;width:min(90dvw,750px);height:clamp(370px,65dvh,30em);margin-inline:auto;font-size:clamp(0px,3.2dvw,15px);display:flex;flex-direction:column;overflow:hidden}.box-shadow-statuses:has(.status-list){padding:0 1.9em 1.2em 2.9em}.box-shadow-statuses .status-list{position:absolute;top:0;bottom:0;left:.3em;width:auto;overflow:hidden;display:grid;grid-template-rows:repeat(10,1fr);align-items:center;row-gap:0;justify-content:space-evenly}.box-shadow-statuses .status-cell{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.box-shadow-statuses .custom-bubble-status{width:clamp(
|
|
4370
|
+
args: [{ selector: 'lib-matcher-statuses', imports: [LibChatComponentModule, ButtonsModule, IsStatusIncludedPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"matcher-statuses-container\" [class.box-shadow-statuses]=\"!hideStatuses\">\n <div class=\"top-gradient-fade\"></div>\n\n @if (!hideStatuses) {\n <div class=\"status-list\">\n @for (matcherStatus of MATCHER_STATUSES; let idx = $index; track matcherStatus.title) {\n <div class=\"status-cell\">\n <lib-bubble-btn class=\"custom-bubble-status\" [title]=\"matcherStatus.title\" [subTitle]=\"matcherStatus.subtitle\" [checked]=\"status | isStatusIncluded: idx\"></lib-bubble-btn>\n </div>\n }\n </div>\n }\n <lib-chat\n class=\"conversation-chat\"\n (getMessages)=\"handleGetMessages($event)\"\n (sendMessage)=\"handleSendMessage($event)\"\n [dateMessages]=\"messages\"\n [inputValue]=\"inputValue\"\n [maxLength]=\"maxLength\"\n [responseTime]=\"responseTime\"\n [disabled]=\"disabled\"\n [prospectJoinDate]=\"prospectJoinDate\"\n [hasShadow]=\"false\"\n >\n </lib-chat>\n</div>\n", styles: ["@charset \"UTF-8\";.box-shadow-statuses{position:relative;padding:0 1.9em 1.2em;border-radius:clamp(6px,2.2dvw,11.17px);background:#28252d;width:min(90dvw,750px);height:clamp(370px,65dvh,30em);margin-inline:auto;font-size:clamp(0px,3.2dvw,15px);display:flex;flex-direction:column;overflow:hidden}.box-shadow-statuses:has(.status-list){padding:0 1.9em 1.2em 2.9em}.box-shadow-statuses .status-list{position:absolute;top:0;bottom:0;left:.3em;width:auto;overflow:hidden;display:grid;grid-template-rows:repeat(10,1fr);align-items:center;row-gap:0;justify-content:space-evenly}.box-shadow-statuses .status-cell{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.box-shadow-statuses .custom-bubble-status{width:clamp(14px,4.5dvh,40px);height:clamp(14px,4.5dvh,40px);transform:scale(1.4)}.box-shadow-statuses .conversation-chat{--height-chat-conversation: clamp(370px, 65dvh, 30em);--max-height-chat-conversation: none;--max-width-container: 100%;flex:1 1 auto;min-height:0;overflow:visible;margin:0;width:100%;z-index:2}.box-shadow-statuses .top-gradient-fade{position:absolute;top:0;left:0;width:100%;background:linear-gradient(180deg,#27242c,transparent);z-index:1;pointer-events:none}.box-shadow-statuses:after{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;box-shadow:clamp(2px,1.3dvw,4.654px) clamp(2px,1.3dvw,4.654px) clamp(4px,2.6dvw,9.309px) 0 #00000052 inset,clamp(-1.5px,-.8dvw,-2.793px) clamp(-1.5px,-.8dvw,-2.793px) clamp(2px,1dvw,3.723px) 0 #ffffff1a inset}\n"] }]
|
|
4371
4371
|
}], ctorParameters: () => [], propDecorators: { adsTemplate: [{
|
|
4372
4372
|
type: Input
|
|
4373
4373
|
}], status: [{
|