@libs-ui/components-inputs-quill 0.2.89 → 0.2.91
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/esm2022/link/link.component.mjs +6 -6
- package/esm2022/quill.component.mjs +20 -24
- package/esm2022/upload-image/upload-image.component.mjs +4 -4
- package/fesm2022/libs-ui-components-inputs-quill.mjs +26 -30
- package/fesm2022/libs-ui-components-inputs-quill.mjs.map +1 -1
- package/link/link.component.d.ts +4 -4
- package/package.json +1 -1
- package/upload-image/upload-image.component.d.ts +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, input, output, signal } from '@angular/core';
|
|
2
2
|
import { LibsUiComponentsModalComponent } from '@libs-ui/components-modal';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class LibsUiComponentsInputsQuillUploadImageComponent {
|
|
@@ -16,7 +16,7 @@ export class LibsUiComponentsInputsQuillUploadImageComponent {
|
|
|
16
16
|
disable = signal(false);
|
|
17
17
|
// private mediaFile =signal<IMediaFile | undefined>(undefined);
|
|
18
18
|
// private mediaUploadFunctionControl =signal<IMediaUploadBaseFunctionControlEvent | undefined>(undefined);
|
|
19
|
-
uploadImageConfig =
|
|
19
|
+
uploadImageConfig = input.required();
|
|
20
20
|
outClose = output();
|
|
21
21
|
// protected handlerFunctionsControl(event: IMediaUploadBaseFunctionControlEvent) {
|
|
22
22
|
// this.mediaUploadFunctionControl.set(event);
|
|
@@ -57,7 +57,7 @@ export class LibsUiComponentsInputsQuillUploadImageComponent {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsQuillUploadImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsInputsQuillUploadImageComponent, isStandalone: true, selector: "libs_ui-components-inputs-quill-upload_image", inputs: { uploadImageConfig: { classPropertyName: "uploadImageConfig", publicName: "uploadImageConfig", isSignal: true, isRequired: true, transformFunction: null } }, outputs: {
|
|
60
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsInputsQuillUploadImageComponent, isStandalone: true, selector: "libs_ui-components-inputs-quill-upload_image", inputs: { uploadImageConfig: { classPropertyName: "uploadImageConfig", publicName: "uploadImageConfig", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { outClose: "outClose" }, ngImport: i0, template: "<libs_ui-components-modal [title]=\"'i18n_download_image'\"\n [mode]=\"'center'\"\n [width]=\"'598px'\"\n [headerConfig]=\"{ignoreHeaderTheme:true}\"\n [maxHeight]=\"'calc(100% - 100px)'\"\n [height]=\"'auto'\"\n [zIndex]=\"uploadImageConfig().zIndex || 1203\"\n [disable]=\"disable()\"\n [buttonsFooter]=\"buttonFooter()\"\n (outEvent)=\"handlerEventModal($event)\">\n <div class=\"libs-ui-modal-body-custom\">\n <!-- <mo-libs-shared-components-media-upload [zIndex]=\"zIndex+1\"\n [labelConfig]=\"labelConfig\"\n [multiple]=\"false\"\n [fileType]=\"'image'\"\n [doNotDelete]=\"true\"\n [maxImageSize]=\"maxImageSize || 1048576\"\n [limitFile]=\"10\"\n [validRequired]=\"{isRequired: true}\"\n (moChangeFile)=\"handlerChangeFile($event)\"\n (moFunctionsControl)=\"handlerFunctionsControl($event)\">\n </mo-libs-shared-components-media-upload> -->\n </div>\n</libs_ui-components-modal>\n", dependencies: [{ kind: "component", type: LibsUiComponentsModalComponent, selector: "libs_ui-components-modal", inputs: ["show", "mode", "isBackdropTransparent", "isBackgroundTransparentModal", "isSizeBackdropByWidthHeightInput", "hasShadowBoxWhenHiddenBackDropTransparent", "classIncludeModalWrapper", "zIndex", "width", "height", "maxWidth", "maxHeight", "minWidth", "isFullScreen", "disable", "ignoreCommunicateMicroEvent", "headerConfig", "bodyConfig", "footerConfig", "buttonsFooter", "title", "titleUseXssFilter", "titleUseTooltip", "titleUseInnerText"], outputs: ["showChange", "widthChange", "heightChange", "maxWidthChange", "maxHeightChange", "minWidthChange", "disableChange", "buttonsFooterChange", "outScrollContent", "outEvent", "outFunctionControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
61
61
|
}
|
|
62
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsQuillUploadImageComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
@@ -65,4 +65,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
65
65
|
LibsUiComponentsModalComponent
|
|
66
66
|
], template: "<libs_ui-components-modal [title]=\"'i18n_download_image'\"\n [mode]=\"'center'\"\n [width]=\"'598px'\"\n [headerConfig]=\"{ignoreHeaderTheme:true}\"\n [maxHeight]=\"'calc(100% - 100px)'\"\n [height]=\"'auto'\"\n [zIndex]=\"uploadImageConfig().zIndex || 1203\"\n [disable]=\"disable()\"\n [buttonsFooter]=\"buttonFooter()\"\n (outEvent)=\"handlerEventModal($event)\">\n <div class=\"libs-ui-modal-body-custom\">\n <!-- <mo-libs-shared-components-media-upload [zIndex]=\"zIndex+1\"\n [labelConfig]=\"labelConfig\"\n [multiple]=\"false\"\n [fileType]=\"'image'\"\n [doNotDelete]=\"true\"\n [maxImageSize]=\"maxImageSize || 1048576\"\n [limitFile]=\"10\"\n [validRequired]=\"{isRequired: true}\"\n (moChangeFile)=\"handlerChangeFile($event)\"\n (moFunctionsControl)=\"handlerFunctionsControl($event)\">\n </mo-libs-shared-components-media-upload> -->\n </div>\n</libs_ui-components-modal>\n" }]
|
|
67
67
|
}] });
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLWltYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMtdWkvY29tcG9uZW50cy9pbnB1dHMvcXVpbGwvc3JjL3VwbG9hZC1pbWFnZS91cGxvYWQtaW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2lucHV0cy9xdWlsbC9zcmMvdXBsb2FkLWltYWdlL3VwbG9hZC1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFGLE9BQU8sRUFBRSw4QkFBOEIsRUFBb0IsTUFBTSwyQkFBMkIsQ0FBQzs7QUFhN0YsTUFBTSxPQUFPLCtDQUErQztJQUVoRCxZQUFZLEdBQUcsTUFBTSxDQUFpQjtRQUM5QztZQUNFLElBQUksRUFBRSxjQUFjO1lBQ3BCLEtBQUssRUFBRSxhQUFhO1lBQ3BCLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFO1NBQ3pDO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsV0FBVztZQUNsQixNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1NBQ3RDO0tBQUMsQ0FBQyxDQUFDO0lBQ0ksT0FBTyxHQUFHLE1BQU0sQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUUzQyxnRUFBZ0U7SUFDaEUsMkdBQTJHO0lBRWxHLGlCQUFpQixHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXNCLENBQUM7SUFFekQsUUFBUSxHQUFHLE1BQU0sRUFBaUIsQ0FBQztJQUU1QyxtRkFBbUY7SUFDbkYsZ0RBQWdEO0lBQ2hELElBQUk7SUFFSixvREFBb0Q7SUFDcEQsd0NBQXdDO0lBQ3hDLElBQUk7SUFFSSxLQUFLLENBQUMsZ0JBQWdCO1FBQzVCLDJEQUEyRDtRQUMzRCxZQUFZO1FBQ1osSUFBSTtRQUNKLG9DQUFvQztRQUNwQyxrREFBa0Q7UUFFbEQsWUFBWTtRQUNaLElBQUk7UUFDSixzQ0FBc0M7UUFDdEMseUJBQXlCO1FBQ3pCLGdDQUFnQztRQUNoQyxxQkFBcUI7UUFDckIsZ0RBQWdEO1FBQ2hELEtBQUs7UUFFTCx1QkFBdUI7UUFDdkIsUUFBUTtRQUNSLDBLQUEwSztRQUMxSyxtRUFBbUU7UUFFbkUsc0NBQXNDO1FBQ3RDLG9CQUFvQjtRQUNwQix3QkFBd0I7UUFFeEIsdUpBQXVKO1FBQ3ZKLHlCQUF5QjtRQUN6QixjQUFjO1FBQ2QsMEJBQTBCO1FBQzFCLElBQUk7SUFDTixDQUFDO0lBRVMsaUJBQWlCLENBQUMsS0FBdUI7UUFDakQsSUFBSSxLQUFLLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN2QixDQUFDO0lBQ0gsQ0FBQzt3R0FqRVUsK0NBQStDOzRGQUEvQywrQ0FBK0Msa1RDZjVELHU3QkF3QkEsNENEWkksOEJBQThCOzs0RkFHckIsK0NBQStDO2tCQVYzRCxTQUFTOytCQUVFLDhDQUE4QyxjQUU1QyxJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0sV0FDdEM7d0JBQ1AsOEJBQThCO3FCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0LCBvdXRwdXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUJ1dHRvbiB9IGZyb20gJ0BsaWJzLXVpL2NvbXBvbmVudHMtYnV0dG9ucy1idXR0b24nO1xuaW1wb3J0IHsgTGlic1VpQ29tcG9uZW50c01vZGFsQ29tcG9uZW50LCBUWVBFX01PREFMX0VWRU5UIH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1tb2RhbCc7XG5pbXBvcnQgeyBJVXBsb2FkSW1hZ2VDb25maWcgfSBmcm9tICcuLi9pbnRlcmZhY2VzL3F1aWxsLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpYnNfdWktY29tcG9uZW50cy1pbnB1dHMtcXVpbGwtdXBsb2FkX2ltYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VwbG9hZC1pbWFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbXG4gICAgTGlic1VpQ29tcG9uZW50c01vZGFsQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c0lucHV0c1F1aWxsVXBsb2FkSW1hZ2VDb21wb25lbnQge1xuXG4gIHByb3RlY3RlZCBidXR0b25Gb290ZXIgPSBzaWduYWw8QXJyYXk8SUJ1dHRvbj4+KFtcbiAgICB7XG4gICAgICB0eXBlOiAnYnV0dG9uLXRoaXJkJyxcbiAgICAgIGxhYmVsOiAnaTE4bl9jYW5jZWwnLFxuICAgICAgYWN0aW9uOiBhc3luYyAoKSA9PiB0aGlzLm91dENsb3NlLmVtaXQoKVxuICAgIH0sXG4gICAge1xuICAgICAgbGFiZWw6ICdpMThuX3NhdmUnLFxuICAgICAgYWN0aW9uOiAoKSA9PiB0aGlzLmhhbmRsZXJTYXZlSW1hZ2UoKVxuICAgIH1dKTtcbiAgcHJvdGVjdGVkIGRpc2FibGUgPSBzaWduYWw8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIC8vIHByaXZhdGUgbWVkaWFGaWxlID1zaWduYWw8SU1lZGlhRmlsZSB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgLy8gcHJpdmF0ZSBtZWRpYVVwbG9hZEZ1bmN0aW9uQ29udHJvbCA9c2lnbmFsPElNZWRpYVVwbG9hZEJhc2VGdW5jdGlvbkNvbnRyb2xFdmVudCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuICByZWFkb25seSB1cGxvYWRJbWFnZUNvbmZpZyA9IGlucHV0LnJlcXVpcmVkPElVcGxvYWRJbWFnZUNvbmZpZz4oKTtcblxuICByZWFkb25seSBvdXRDbG9zZSA9IG91dHB1dDxzdHJpbmcgfCB2b2lkPigpO1xuXG4gIC8vIHByb3RlY3RlZCBoYW5kbGVyRnVuY3Rpb25zQ29udHJvbChldmVudDogSU1lZGlhVXBsb2FkQmFzZUZ1bmN0aW9uQ29udHJvbEV2ZW50KSB7XG4gIC8vICAgdGhpcy5tZWRpYVVwbG9hZEZ1bmN0aW9uQ29udHJvbC5zZXQoZXZlbnQpO1xuICAvLyB9XG5cbiAgLy8gcHJvdGVjdGVkIGhhbmRsZXJDaGFuZ2VGaWxlKGV2ZW50OiBJQ2hhbmdlRmlsZSkge1xuICAvLyAgIHRoaXMubWVkaWFGaWxlLnNldChldmVudC5maWxlc1swXSk7XG4gIC8vIH1cblxuICBwcml2YXRlIGFzeW5jIGhhbmRsZXJTYXZlSW1hZ2UoKSB7XG4gICAgLy8gaWYgKCFhd2FpdCB0aGlzLm1lZGlhVXBsb2FkRnVuY3Rpb25Db250cm9sKCk/LnZhbGlkKCkpIHtcbiAgICAvLyAgIHJldHVybjtcbiAgICAvLyB9XG4gICAgLy8gaWYgKHRoaXMubWVkaWFGaWxlPy5vcmlnaW5fdXJsKSB7XG4gICAgLy8gICB0aGlzLm1vQ2xvc2UuZW1pdCh0aGlzLm1lZGlhRmlsZS5vcmlnaW5fdXJsKTtcblxuICAgIC8vICAgcmV0dXJuO1xuICAgIC8vIH1cbiAgICAvLyBjb25zdCBib2R5OiBJT3B0aW9uc1VwbG9hZE1lZGlhID0ge1xuICAgIC8vICAgZG9fbm90X2RlbGV0ZTogdHJ1ZSxcbiAgICAvLyAgIGZpbGU6IHRoaXMubWVkaWFGaWxlPy5maWxlLFxuICAgIC8vICAgb3B0aW9uOiAndGh1bWInLFxuICAgIC8vICAgc2l6ZTogW3sgJ3dpZHRoJzogJzIwMCcsICdoZWlnaHQnOiAnMjAwJyB9XVxuICAgIC8vIH07XG5cbiAgICAvLyB0aGlzLmRpc2FibGUgPSB0cnVlO1xuICAgIC8vIHRyeSB7XG4gICAgLy8gICBjb25zdCBwYXJhbXMgPSBuZXcgSHR0cFBhcmFtc1JlcXVlc3QoeyBmcm9tT2JqZWN0OiB7IHBlbTogQlVJTERfUEVNX09CSkVDVCh7IGlzQ2hlY2s6IDAsIGFjdGlvbjogRGVmaW5lQ29uc3RhbnRzLlBFUk1JU1NJT05fQUNUSU9OX1ZJRVcsIHBhdGhDaGVjazogJy9vdGhlcicgfSkgfSB9KTtcbiAgICAvLyAgIGNvbnN0IHJlcyA9IGF3YWl0IHRoaXMubWVkaWFTZXJ2aWNlLnVwbG9hZEltYWdlKHBhcmFtcywgYm9keSk7XG5cbiAgICAvLyAgIHRoaXMubW9DbG9zZS5lbWl0KHJlcy5kYXRhPy51cmwpO1xuICAgIC8vIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgLy8gICBjb25zb2xlLmxvZyhlcnJvcik7XG5cbiAgICAvLyAgIHRoaXMucHVzaE1lc3NhZ2VTZXJ2aWNlLnNob3dDb21wVHlwZVRleHQoJ2kxOG5fbm90aWZpY2F0aW9uX21hbmlwdWxhdGlvbl9ub3Rfc3VjY2VzcycsIHVuZGVmaW5lZCwgdW5kZWZpbmVkLCB7IHRpbWVSZW1vdmU6IDIwMDAsIHR5cGU6ICdlcnJvcicgfSk7XG4gICAgLy8gICB0aGlzLm1vQ2xvc2UuZW1pdCgpO1xuICAgIC8vIH0gZmluYWxseSB7XG4gICAgLy8gICB0aGlzLmRpc2FibGUgPSBmYWxzZTtcbiAgICAvLyB9XG4gIH1cblxuICBwcm90ZWN0ZWQgaGFuZGxlckV2ZW50TW9kYWwoZXZlbnQ6IFRZUEVfTU9EQUxfRVZFTlQpIHtcbiAgICBpZiAoZXZlbnQgPT09ICdjbG9zZScpIHtcbiAgICAgIHRoaXMub3V0Q2xvc2UuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGxpYnNfdWktY29tcG9uZW50cy1tb2RhbCBbdGl0bGVdPVwiJ2kxOG5fZG93bmxvYWRfaW1hZ2UnXCJcbiAgW21vZGVdPVwiJ2NlbnRlcidcIlxuICBbd2lkdGhdPVwiJzU5OHB4J1wiXG4gIFtoZWFkZXJDb25maWddPVwie2lnbm9yZUhlYWRlclRoZW1lOnRydWV9XCJcbiAgW21heEhlaWdodF09XCInY2FsYygxMDAlIC0gMTAwcHgpJ1wiXG4gIFtoZWlnaHRdPVwiJ2F1dG8nXCJcbiAgW3pJbmRleF09XCJ1cGxvYWRJbWFnZUNvbmZpZygpLnpJbmRleCB8fCAxMjAzXCJcbiAgW2Rpc2FibGVdPVwiZGlzYWJsZSgpXCJcbiAgW2J1dHRvbnNGb290ZXJdPVwiYnV0dG9uRm9vdGVyKClcIlxuICAob3V0RXZlbnQpPVwiaGFuZGxlckV2ZW50TW9kYWwoJGV2ZW50KVwiPlxuICA8ZGl2IGNsYXNzPVwibGlicy11aS1tb2RhbC1ib2R5LWN1c3RvbVwiPlxuICAgIDwhLS0gPG1vLWxpYnMtc2hhcmVkLWNvbXBvbmVudHMtbWVkaWEtdXBsb2FkIFt6SW5kZXhdPVwiekluZGV4KzFcIlxuICAgICAgW2xhYmVsQ29uZmlnXT1cImxhYmVsQ29uZmlnXCJcbiAgICAgIFttdWx0aXBsZV09XCJmYWxzZVwiXG4gICAgICBbZmlsZVR5cGVdPVwiJ2ltYWdlJ1wiXG4gICAgICBbZG9Ob3REZWxldGVdPVwidHJ1ZVwiXG4gICAgICBbbWF4SW1hZ2VTaXplXT1cIm1heEltYWdlU2l6ZSB8fCAxMDQ4NTc2XCJcbiAgICAgIFtsaW1pdEZpbGVdPVwiMTBcIlxuICAgICAgW3ZhbGlkUmVxdWlyZWRdPVwie2lzUmVxdWlyZWQ6IHRydWV9XCJcbiAgICAgIChtb0NoYW5nZUZpbGUpPVwiaGFuZGxlckNoYW5nZUZpbGUoJGV2ZW50KVwiXG4gICAgICAobW9GdW5jdGlvbnNDb250cm9sKT1cImhhbmRsZXJGdW5jdGlvbnNDb250cm9sKCRldmVudClcIj5cbiAgICA8L21vLWxpYnMtc2hhcmVkLWNvbXBvbmVudHMtbWVkaWEtdXBsb2FkPiAtLT5cbiAgPC9kaXY+XG48L2xpYnNfdWktY29tcG9uZW50cy1tb2RhbD5cbiJdfQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { NgTemplateOutlet } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { signal,
|
|
3
|
+
import { signal, input, output, Component, ChangeDetectionStrategy, computed, inject, model, viewChild, viewChildren } from '@angular/core';
|
|
4
4
|
import { LibsUiComponentsButtonsButtonComponent } from '@libs-ui/components-buttons-button';
|
|
5
5
|
import { LibsUiComponentsButtonsSelectColorComponent } from '@libs-ui/components-buttons-select-color';
|
|
6
6
|
import { LibsUiComponentsDropdownComponent } from '@libs-ui/components-dropdown';
|
|
@@ -41,9 +41,9 @@ class LibsUiComponentsInputsQuillLinkComponent {
|
|
|
41
41
|
dataLink = signal({ title: '', link: '' });
|
|
42
42
|
patternLink = signal(patternUrl());
|
|
43
43
|
inputValidFunctionControl = signal([]);
|
|
44
|
-
zIndex =
|
|
45
|
-
title =
|
|
46
|
-
link =
|
|
44
|
+
zIndex = input(1200);
|
|
45
|
+
title = input();
|
|
46
|
+
link = input();
|
|
47
47
|
outClose = output();
|
|
48
48
|
outSaveLink = output();
|
|
49
49
|
ngOnInit() {
|
|
@@ -76,7 +76,7 @@ class LibsUiComponentsInputsQuillLinkComponent {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsQuillLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsInputsQuillLinkComponent, isStandalone: true, selector: "libs_ui-components-inputs-quill-link", inputs: { zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, outputs: {
|
|
79
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsInputsQuillLinkComponent, isStandalone: true, selector: "libs_ui-components-inputs-quill-link", inputs: { zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { outClose: "outClose", outSaveLink: "outSaveLink" }, ngImport: i0, template: "<libs_ui-components-modal [title]=\"'i18n_insert_link'\"\n [mode]=\"'center'\"\n [height]=\"'auto'\"\n [width]=\"'598px'\"\n [headerConfig]=\"{ignoreHeaderTheme: true}\"\n [zIndex]=\"zIndex()\"\n (outEvent)=\"handlerEvent($event)\">\n <div class=\"libs-ui-modal-body-custom\">\n <libs_ui-components-inputs-valid [labelConfig]=\"{labelLeft: 'i18n_content', required: true}\"\n [(item)]=\"dataLink\"\n [fieldNameBind]=\"'title'\"\n [placeholder]=\"'i18n_import_content'\"\n [validRequired]=\"{isRequired: true}\"\n (outFunctionsControl)=\"handlerFunctionsControl($event)\" />\n <div class=\"mt-[16px]\">\n <libs_ui-components-inputs-valid [labelConfig]=\"{labelLeft: 'Link', required: true}\"\n [(item)]=\"dataLink\"\n [fieldNameBind]=\"'link'\"\n [placeholder]=\"'https:/\u2026'\"\n [validRequired]=\"{isRequired: true}\"\n [validPattern]=\"[{pattern: patternLink(), valuePatternShowError: false}]\"\n [keySelectedUnitLeft]=\"'1'\"\n [unitsLeft]=\"[{id:'1',label:'URL'}]\"\n (outFunctionsControl)=\"handlerFunctionsControl($event)\" />\n </div>\n </div>\n</libs_ui-components-modal>\n", dependencies: [{ kind: "component", type: LibsUiComponentsModalComponent, selector: "libs_ui-components-modal", inputs: ["show", "mode", "isBackdropTransparent", "isBackgroundTransparentModal", "isSizeBackdropByWidthHeightInput", "hasShadowBoxWhenHiddenBackDropTransparent", "classIncludeModalWrapper", "zIndex", "width", "height", "maxWidth", "maxHeight", "minWidth", "isFullScreen", "disable", "ignoreCommunicateMicroEvent", "headerConfig", "bodyConfig", "footerConfig", "buttonsFooter", "title", "titleUseXssFilter", "titleUseTooltip", "titleUseInnerText"], outputs: ["showChange", "widthChange", "heightChange", "maxWidthChange", "maxHeightChange", "minWidthChange", "disableChange", "buttonsFooterChange", "outScrollContent", "outEvent", "outFunctionControl"] }, { kind: "component", type: LibsUiComponentsInputsValidComponent, selector: "libs_ui-components-inputs-valid", inputs: ["item", "labelConfig", "emitEmptyInDataTypeNumber", "ignoreBlockInputMaxValue", "fieldNameBind", "showCount", "typeComponentSelectItem", "valueComponentSelectItem", "disableComponentSelectItem", "tagInput", "dataType", "resetAutoCompletePassword", "textAreaEnterNotNewLine", "hiddenContent", "fixedFloat", "acceptNegativeValue", "valueUpDownNumber", "ignoreWidthInput100", "classIncludeInput", "classContainerInput", "readonly", "disable", "noBorder", "backgroundNone", "useColorModeExist", "placeholder", "keepPlaceholderOnly", "classContainerBottomInput", "autoRemoveEmoji", "defaultHeight", "maxHeightTextArea", "minHeightTextArea", "ignoreShowError", "borderError", "iconLeftClass", "popoverContentIconLeft", "iconRightClass", "popoverContentIconRight", "zIndexPopoverContent", "unitsLeft", "configUnitLeft", "keySelectedUnitLeft", "unitsRight", "configUnitRight", "keySelectedUnitRight", "maxValueNumber", "minValueNumber", "ignoreContentLeft", "ignoreContentRight", "isBaselineStyle", "valuePatternShowError", "validPattern", "validRequired", "validMinLength", "validMinValue", "validMaxValue", "validMaxLength", "functionValid", "maxLength", "positionMessageErrorStartInput", "classInclude", "resize", "templateLeftBottomInput", "templateRightBottomInput", "onlyAcceptNegativeValue", "autoAddZeroLessThan10InTypeInt", "maxLengthNumberCount", "classMessageErrorInclude", "ignoreStopPropagationEvent", "ignoreUnitRightClassReadOnly", "paddingRightCustomSpecific", "focusTimeOut"], outputs: ["itemChange", "outValueChange", "outSelect", "outIconLeft", "outIconRight", "outClickButtonLabel", "outSwitchEventLabel", "outLabelRightClick", "outEnterInputEvent", "outHeightAreaChange", "outFunctionsControl", "outFocusAndBlur", "outChangeValueByButtonUpDown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
80
80
|
}
|
|
81
81
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsQuillLinkComponent, decorators: [{
|
|
82
82
|
type: Component,
|
|
@@ -134,7 +134,7 @@ class LibsUiComponentsInputsQuillUploadImageComponent {
|
|
|
134
134
|
disable = signal(false);
|
|
135
135
|
// private mediaFile =signal<IMediaFile | undefined>(undefined);
|
|
136
136
|
// private mediaUploadFunctionControl =signal<IMediaUploadBaseFunctionControlEvent | undefined>(undefined);
|
|
137
|
-
uploadImageConfig =
|
|
137
|
+
uploadImageConfig = input.required();
|
|
138
138
|
outClose = output();
|
|
139
139
|
// protected handlerFunctionsControl(event: IMediaUploadBaseFunctionControlEvent) {
|
|
140
140
|
// this.mediaUploadFunctionControl.set(event);
|
|
@@ -175,7 +175,7 @@ class LibsUiComponentsInputsQuillUploadImageComponent {
|
|
|
175
175
|
}
|
|
176
176
|
}
|
|
177
177
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsQuillUploadImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
178
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsInputsQuillUploadImageComponent, isStandalone: true, selector: "libs_ui-components-inputs-quill-upload_image", inputs: { uploadImageConfig: { classPropertyName: "uploadImageConfig", publicName: "uploadImageConfig", isSignal: true, isRequired: true, transformFunction: null } }, outputs: {
|
|
178
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsInputsQuillUploadImageComponent, isStandalone: true, selector: "libs_ui-components-inputs-quill-upload_image", inputs: { uploadImageConfig: { classPropertyName: "uploadImageConfig", publicName: "uploadImageConfig", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { outClose: "outClose" }, ngImport: i0, template: "<libs_ui-components-modal [title]=\"'i18n_download_image'\"\n [mode]=\"'center'\"\n [width]=\"'598px'\"\n [headerConfig]=\"{ignoreHeaderTheme:true}\"\n [maxHeight]=\"'calc(100% - 100px)'\"\n [height]=\"'auto'\"\n [zIndex]=\"uploadImageConfig().zIndex || 1203\"\n [disable]=\"disable()\"\n [buttonsFooter]=\"buttonFooter()\"\n (outEvent)=\"handlerEventModal($event)\">\n <div class=\"libs-ui-modal-body-custom\">\n <!-- <mo-libs-shared-components-media-upload [zIndex]=\"zIndex+1\"\n [labelConfig]=\"labelConfig\"\n [multiple]=\"false\"\n [fileType]=\"'image'\"\n [doNotDelete]=\"true\"\n [maxImageSize]=\"maxImageSize || 1048576\"\n [limitFile]=\"10\"\n [validRequired]=\"{isRequired: true}\"\n (moChangeFile)=\"handlerChangeFile($event)\"\n (moFunctionsControl)=\"handlerFunctionsControl($event)\">\n </mo-libs-shared-components-media-upload> -->\n </div>\n</libs_ui-components-modal>\n", dependencies: [{ kind: "component", type: LibsUiComponentsModalComponent, selector: "libs_ui-components-modal", inputs: ["show", "mode", "isBackdropTransparent", "isBackgroundTransparentModal", "isSizeBackdropByWidthHeightInput", "hasShadowBoxWhenHiddenBackDropTransparent", "classIncludeModalWrapper", "zIndex", "width", "height", "maxWidth", "maxHeight", "minWidth", "isFullScreen", "disable", "ignoreCommunicateMicroEvent", "headerConfig", "bodyConfig", "footerConfig", "buttonsFooter", "title", "titleUseXssFilter", "titleUseTooltip", "titleUseInnerText"], outputs: ["showChange", "widthChange", "heightChange", "maxWidthChange", "maxHeightChange", "minWidthChange", "disableChange", "buttonsFooterChange", "outScrollContent", "outEvent", "outFunctionControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
179
179
|
}
|
|
180
180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsInputsQuillUploadImageComponent, decorators: [{
|
|
181
181
|
type: Component,
|
|
@@ -884,20 +884,18 @@ class LibsUiComponentsInputsQuillComponent {
|
|
|
884
884
|
const selection = this.quill()?.getSelection();
|
|
885
885
|
const textSelected = selection?.length ? this.quill()?.getText(selection?.index, selection?.length) : '';
|
|
886
886
|
const data = event;
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
instance.outClose.subscribe(() => this.dynamicComponentService.remove(this.addEditLinkComponentRef()));
|
|
900
|
-
}
|
|
887
|
+
this.addEditLinkComponentRef()?.setInput('zIndex', this.zIndex());
|
|
888
|
+
this.addEditLinkComponentRef()?.setInput('title', data?.title || textSelected);
|
|
889
|
+
this.addEditLinkComponentRef()?.setInput('link', data?.url || '');
|
|
890
|
+
instance?.outSaveLink.subscribe((item) => {
|
|
891
|
+
if (data instanceof Object && data.url) {
|
|
892
|
+
this.quill()?.deleteText(data.range.index, data.range.length, Quill.sources.USER);
|
|
893
|
+
this.quill()?.insertText(data.range.index, item.title, 'link', item.link);
|
|
894
|
+
return;
|
|
895
|
+
}
|
|
896
|
+
this.insertLink(item.title, item.link);
|
|
897
|
+
});
|
|
898
|
+
instance?.outClose.subscribe(() => this.dynamicComponentService.remove(this.addEditLinkComponentRef()));
|
|
901
899
|
this.dynamicComponentService.addToBody(this.addEditLinkComponentRef());
|
|
902
900
|
}
|
|
903
901
|
handlerUnInsertLink() {
|
|
@@ -994,15 +992,13 @@ class LibsUiComponentsInputsQuillComponent {
|
|
|
994
992
|
handlerShowUploadImage() {
|
|
995
993
|
this.uploadImageComponentRef.set(this.dynamicComponentService.resolveComponentFactory(LibsUiComponentsInputsQuillUploadImageComponent));
|
|
996
994
|
const instance = this.uploadImageComponentRef()?.instance;
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
});
|
|
1005
|
-
}
|
|
995
|
+
this.uploadImageComponentRef()?.setInput('uploadImageConfig', this.uploadImageConfig());
|
|
996
|
+
instance?.outClose.subscribe((event) => {
|
|
997
|
+
this.dynamicComponentService.remove(this.uploadImageComponentRef());
|
|
998
|
+
if (event) {
|
|
999
|
+
this.insertHtml('image', event);
|
|
1000
|
+
}
|
|
1001
|
+
});
|
|
1006
1002
|
this.dynamicComponentService.addToBody(this.uploadImageComponentRef());
|
|
1007
1003
|
}
|
|
1008
1004
|
setSelection(index, length, sources) {
|