ca-components 1.3.3 → 1.3.6

package/esm2022/lib/components/ca-input-note/ca-input-note.component.mjs

@@ -126,7 +126,7 @@ export class CaInputNoteComponent {
         return SvgRoutes[propertyName];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputNoteComponent, isStandalone: true, selector: "app-ca-input-note", inputs: { note: "note", isVisibleNote: "isVisibleNote", isBlankNote: "isBlankNote", noteType: "noteType", entityId: "entityId", entityType: "entityType", hasDefArrow: "hasDefArrow", isVisibleArrow: "isVisibleArrow", noteLabel: "noteLabel", placeholder: "placeholder", isReadOnly: "isReadOnly", customClass: "customClass" }, outputs: { styledValueEmitter: "styledValueEmitter" }, viewQueries: [{ propertyName: "noteRef", first: true, predicate: ["main_editor"], descendants: true, static: true }, { propertyName: "noteContainer", first: true, predicate: ["noteContainer"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"note-container {{ customClass }}\">\n  <!-- Header -->\n  <div\n    class=\"note-header d-flex align-items-center\"\n    [class.pointer]=\"isVisibleArrow\"\n  >\n    <div\n      class=\"d-flex align-items-center note-label\"\n      [ngStyle]=\"{ color: _isVisibleNote ? '#424242' : '#6C6C6C' }\"\n      (click)=\"isVisibleArrow ? openNote() : ''\"\n    >\n      {{ noteLabel }}\n    </div>\n\n    <div\n      class=\"note_tools_container\"\n      (click)=\"isVisibleArrow && !_isVisibleNote ? openNote() : ''\"\n    >\n      <app-ca-note-container\n        #noteContainer\n        [isExpanded]=\"_isVisibleNote && _isVisibleNote != 'null'\"\n        [range]=\"range\"\n        [selectionTaken]=\"selectionTaken\"\n        [value]=\"value\"\n        [isPopoverNote]=\"false\"\n        [selectedEditor]=\"noteRef?.nativeElement\"\n        [isVisibleArrow]=\"isVisibleArrow\"\n        (stopBlurRemoveTimeout)=\"stopBlurRemoveTimeout()\"\n      ></app-ca-note-container>\n    </div>\n\n    <ng-container *ngIf=\"isVisibleArrow\">\n      <div\n        class=\"note_upper_hold d-flex justify-content-center align-items-center\"\n      >\n        <svg-icon\n          class=\"note-arrow\"\n          [ngClass]=\"{\n            rotate: _isVisibleNote && _isVisibleNote != 'null',\n          }\"\n          [src]=\"hasDefArrow ? getSvgPath('downArrow') : getSvgPath('upArrow')\"\n          (click)=\"openNote()\"\n        ></svg-icon>\n      </div>\n    </ng-container>\n  </div>\n\n  <!-- Body -->\n\n  <div\n    class=\"note-body\"\n    [ngClass]=\"noActive\"\n    #noteBody\n    [@showHideCardBody]=\"{\n      value: _isVisibleNote.toString(),\n      params: {\n        marginTop: '0px',\n        marginBottom: '0px',\n      },\n    }\"\n  >\n    <div\n      #main_editor\n      id=\"main_editor\"\n      class=\"note-textarea\"\n      [class.details_textarea]=\"noteType == 'details-card'\"\n      contenteditable=\"true\"\n      [attr.data-text]=\"placeholder\"\n      spellcheck=\"false\"\n      (input)=\"changeValue($event)\"\n      (focus)=\"checkFocus()\"\n      (blur)=\"prepareForTextRange()\"\n      [innerHTML]=\"showNote | safeHtml\"\n      (paste)=\"onPaste($event)\"\n    ></div>\n\n    <!-- Spinner -->\n\n    <ng-container *ngIf=\"isSavingNote && noteType == 'details-card'\">\n      <div class=\"spinner d-flex\">\n        <app-ca-spinner [size]=\"'small'\" [color]=\"'blueDark'\"></app-ca-spinner>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.cursor-pointer{cursor:pointer}.note-container{display:block}.note-container .note-header{line-height:18px;margin:4px 0;height:26px;font-family:Montserrat,sans-serif}.note-container .note-header.pointer{cursor:pointer}.note-container .note-header .note-label{font-weight:800;font-size:14px;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.note-container .note-header .note_upper_hold{width:18px}.note-container .note-header .note_upper_hold .note_tools_container{margin-right:7px}.note-container .note-header .note-arrow{transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;right:-2px}.note-container .note-header .rotate{transform:rotate(180deg);transition:all .3s ease-in-out}@keyframes growDown{0%{max-height:0px;overflow:hidden}to{max-height:600px;overflow:auto}}.note-container .note-body{position:relative;overflow:hidden;padding-right:6px;cursor:text;max-width:607px}.note-container .note-body.innactive{height:0px!important;overflow:hidden!important;opacity:0!important;margin-top:0!important;margin-bottom:0!important}.note-container .note-body.active{overflow:visible!important;opacity:1!important}.note-container .note-body .note-textarea{overflow:auto;line-height:18px;min-height:15px;padding-bottom:12px;padding-top:5px;max-height:75px;font-size:14px;width:100%;resize:none;color:#424242;border:none;box-shadow:none;outline:none;scrollbar-width:none!important}.note-container .note-body .note-textarea.details_textarea{padding-bottom:7px;padding-right:20px}.note-container .note-body .note-textarea::-webkit-scrollbar{width:3px}.note-container .note-body .note-textarea::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid #e5e5e5;border-radius:1px}.note-container .note-body .note-textarea::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.note-container .note-body .note-textarea::-webkit-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::-moz-placeholder{color:#dadada!important}.note-container .note-body .note-textarea:-ms-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::-ms-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::placeholder{color:#dadada!important}.note-container .note-body .note-textarea:empty:before{content:attr(placeholder);color:#aaa}.note-container .note-body [contentEditable=true]:empty:not(:focus):before{content:attr(data-text)}.note-container .note-body .spinner{position:absolute;bottom:1px;right:0}.note-container.note-small .note-header,.note-container.note-small .note-body{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputNoteComponent, isStandalone: true, selector: "app-ca-input-note", inputs: { note: "note", isVisibleNote: "isVisibleNote", isBlankNote: "isBlankNote", noteType: "noteType", entityId: "entityId", entityType: "entityType", hasDefArrow: "hasDefArrow", isVisibleArrow: "isVisibleArrow", noteLabel: "noteLabel", placeholder: "placeholder", isReadOnly: "isReadOnly", customClass: "customClass" }, outputs: { styledValueEmitter: "styledValueEmitter" }, viewQueries: [{ propertyName: "noteRef", first: true, predicate: ["main_editor"], descendants: true, static: true }, { propertyName: "noteContainer", first: true, predicate: ["noteContainer"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"note-container {{ customClass }}\">\n  <!-- Header -->\n  <div\n    class=\"note-header d-flex align-items-center\"\n    [class.pointer]=\"isVisibleArrow\"\n  >\n    <div\n      class=\"d-flex align-items-center note-label\"\n      [ngStyle]=\"{ color: _isVisibleNote ? '#424242' : '#6C6C6C' }\"\n      (click)=\"isVisibleArrow ? openNote() : ''\"\n    >\n      {{ noteLabel }}\n    </div>\n\n    <div\n      class=\"note_tools_container\"\n      (click)=\"isVisibleArrow && !_isVisibleNote ? openNote() : ''\"\n    >\n      <app-ca-note-container\n        #noteContainer\n        [isExpanded]=\"_isVisibleNote && _isVisibleNote != 'null'\"\n        [range]=\"range\"\n        [selectionTaken]=\"selectionTaken\"\n        [value]=\"value\"\n        [isPopoverNote]=\"false\"\n        [selectedEditor]=\"noteRef?.nativeElement\"\n        [isVisibleArrow]=\"isVisibleArrow\"\n        (stopBlurRemoveTimeout)=\"stopBlurRemoveTimeout()\"\n      ></app-ca-note-container>\n    </div>\n\n    <ng-container *ngIf=\"isVisibleArrow\">\n      <div\n        class=\"note_upper_hold d-flex justify-content-center align-items-center\"\n      >\n        <svg-icon\n          class=\"note-arrow\"\n          [ngClass]=\"{\n            rotate: _isVisibleNote && _isVisibleNote != 'null',\n          }\"\n          [src]=\"hasDefArrow ? getSvgPath('downArrow') : getSvgPath('upArrow')\"\n          (click)=\"openNote()\"\n        ></svg-icon>\n      </div>\n    </ng-container>\n  </div>\n\n  <!-- Body -->\n\n  <div\n    class=\"note-body\"\n    [ngClass]=\"noActive\"\n    #noteBody\n    [@showHideCardBody]=\"{\n      value: _isVisibleNote.toString(),\n      params: {\n        marginTop: '0px',\n        marginBottom: '0px',\n      },\n    }\"\n  >\n    <div\n      #main_editor\n      id=\"main_editor\"\n      class=\"note-textarea\"\n      [class.details_textarea]=\"noteType == 'details-card'\"\n      contenteditable=\"true\"\n      [attr.data-text]=\"placeholder\"\n      spellcheck=\"false\"\n      (input)=\"changeValue($event)\"\n      (focus)=\"checkFocus()\"\n      (blur)=\"prepareForTextRange()\"\n      [innerHTML]=\"showNote | safeHtml\"\n      (paste)=\"onPaste($event)\"\n    ></div>\n\n    <!-- Spinner -->\n\n    <ng-container *ngIf=\"isSavingNote && noteType == 'details-card'\">\n      <div class=\"spinner d-flex\">\n        <app-ca-spinner [size]=\"'small'\" [color]=\"'blueDark'\"></app-ca-spinner>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#bed0f9!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.note-container{display:block}.note-container .note-header{line-height:18px;margin:4px 0;height:26px;font-family:Montserrat,sans-serif}.note-container .note-header.pointer{cursor:pointer}.note-container .note-header .note-label{font-weight:800;font-size:14px;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.note-container .note-header .note_upper_hold{width:18px}.note-container .note-header .note_upper_hold .note_tools_container{margin-right:7px}.note-container .note-header .note-arrow{transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;right:-2px}.note-container .note-header .rotate{transform:rotate(180deg);transition:all .3s ease-in-out}@keyframes growDown{0%{max-height:0px;overflow:hidden}to{max-height:600px;overflow:auto}}.note-container .note-body{position:relative;overflow:hidden;padding-right:6px;cursor:text;max-width:607px}.note-container .note-body.innactive{height:0px!important;overflow:hidden!important;opacity:0!important;margin-top:0!important;margin-bottom:0!important}.note-container .note-body.active{overflow:visible!important;opacity:1!important}.note-container .note-body .note-textarea{overflow:auto;line-height:18px;min-height:15px;padding-bottom:12px;padding-top:5px;max-height:75px;font-size:14px;width:100%;resize:none;color:#424242;border:none;box-shadow:none;outline:none;scrollbar-width:none!important}.note-container .note-body .note-textarea.details_textarea{padding-bottom:7px;padding-right:20px}.note-container .note-body .note-textarea::-webkit-scrollbar{width:3px}.note-container .note-body .note-textarea::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid #e5e5e5;border-radius:1px}.note-container .note-body .note-textarea::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.note-container .note-body .note-textarea::-webkit-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::-moz-placeholder{color:#dadada!important}.note-container .note-body .note-textarea:-ms-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::-ms-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::placeholder{color:#dadada!important}.note-container .note-body .note-textarea:empty:before{content:attr(placeholder);color:#aaa}.note-container .note-body [contentEditable=true]:empty:not(:focus):before{content:attr(data-text)}.note-container .note-body .spinner{position:absolute;bottom:1px;right:0}.note-container.note-small .note-header,.note-container.note-small .note-body{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // Module
                 CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NgbModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: 
                 // Component
@@ -148,7 +148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaSpinnerComponent,
                         // Pipe
                         SafeHtmlPipe,
-                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"note-container {{ customClass }}\">\n  <!-- Header -->\n  <div\n    class=\"note-header d-flex align-items-center\"\n    [class.pointer]=\"isVisibleArrow\"\n  >\n    <div\n      class=\"d-flex align-items-center note-label\"\n      [ngStyle]=\"{ color: _isVisibleNote ? '#424242' : '#6C6C6C' }\"\n      (click)=\"isVisibleArrow ? openNote() : ''\"\n    >\n      {{ noteLabel }}\n    </div>\n\n    <div\n      class=\"note_tools_container\"\n      (click)=\"isVisibleArrow && !_isVisibleNote ? openNote() : ''\"\n    >\n      <app-ca-note-container\n        #noteContainer\n        [isExpanded]=\"_isVisibleNote && _isVisibleNote != 'null'\"\n        [range]=\"range\"\n        [selectionTaken]=\"selectionTaken\"\n        [value]=\"value\"\n        [isPopoverNote]=\"false\"\n        [selectedEditor]=\"noteRef?.nativeElement\"\n        [isVisibleArrow]=\"isVisibleArrow\"\n        (stopBlurRemoveTimeout)=\"stopBlurRemoveTimeout()\"\n      ></app-ca-note-container>\n    </div>\n\n    <ng-container *ngIf=\"isVisibleArrow\">\n      <div\n        class=\"note_upper_hold d-flex justify-content-center align-items-center\"\n      >\n        <svg-icon\n          class=\"note-arrow\"\n          [ngClass]=\"{\n            rotate: _isVisibleNote && _isVisibleNote != 'null',\n          }\"\n          [src]=\"hasDefArrow ? getSvgPath('downArrow') : getSvgPath('upArrow')\"\n          (click)=\"openNote()\"\n        ></svg-icon>\n      </div>\n    </ng-container>\n  </div>\n\n  <!-- Body -->\n\n  <div\n    class=\"note-body\"\n    [ngClass]=\"noActive\"\n    #noteBody\n    [@showHideCardBody]=\"{\n      value: _isVisibleNote.toString(),\n      params: {\n        marginTop: '0px',\n        marginBottom: '0px',\n      },\n    }\"\n  >\n    <div\n      #main_editor\n      id=\"main_editor\"\n      class=\"note-textarea\"\n      [class.details_textarea]=\"noteType == 'details-card'\"\n      contenteditable=\"true\"\n      [attr.data-text]=\"placeholder\"\n      spellcheck=\"false\"\n      (input)=\"changeValue($event)\"\n      (focus)=\"checkFocus()\"\n      (blur)=\"prepareForTextRange()\"\n      [innerHTML]=\"showNote | safeHtml\"\n      (paste)=\"onPaste($event)\"\n    ></div>\n\n    <!-- Spinner -->\n\n    <ng-container *ngIf=\"isSavingNote && noteType == 'details-card'\">\n      <div class=\"spinner d-flex\">\n        <app-ca-spinner [size]=\"'small'\" [color]=\"'blueDark'\"></app-ca-spinner>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background:#86c9c333!important;color:#86c9c3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background:#ed929233!important;color:#ed9292!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white-2::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-fill-grey svg path{fill:#919191!important}.svg-fill-red-10 svg path{fill:#e66767!important}.svg-fill-green svg path{fill:#56b4ac!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.cursor-pointer{cursor:pointer}.note-container{display:block}.note-container .note-header{line-height:18px;margin:4px 0;height:26px;font-family:Montserrat,sans-serif}.note-container .note-header.pointer{cursor:pointer}.note-container .note-header .note-label{font-weight:800;font-size:14px;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.note-container .note-header .note_upper_hold{width:18px}.note-container .note-header .note_upper_hold .note_tools_container{margin-right:7px}.note-container .note-header .note-arrow{transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;right:-2px}.note-container .note-header .rotate{transform:rotate(180deg);transition:all .3s ease-in-out}@keyframes growDown{0%{max-height:0px;overflow:hidden}to{max-height:600px;overflow:auto}}.note-container .note-body{position:relative;overflow:hidden;padding-right:6px;cursor:text;max-width:607px}.note-container .note-body.innactive{height:0px!important;overflow:hidden!important;opacity:0!important;margin-top:0!important;margin-bottom:0!important}.note-container .note-body.active{overflow:visible!important;opacity:1!important}.note-container .note-body .note-textarea{overflow:auto;line-height:18px;min-height:15px;padding-bottom:12px;padding-top:5px;max-height:75px;font-size:14px;width:100%;resize:none;color:#424242;border:none;box-shadow:none;outline:none;scrollbar-width:none!important}.note-container .note-body .note-textarea.details_textarea{padding-bottom:7px;padding-right:20px}.note-container .note-body .note-textarea::-webkit-scrollbar{width:3px}.note-container .note-body .note-textarea::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid #e5e5e5;border-radius:1px}.note-container .note-body .note-textarea::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.note-container .note-body .note-textarea::-webkit-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::-moz-placeholder{color:#dadada!important}.note-container .note-body .note-textarea:-ms-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::-ms-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::placeholder{color:#dadada!important}.note-container .note-body .note-textarea:empty:before{content:attr(placeholder);color:#aaa}.note-container .note-body [contentEditable=true]:empty:not(:focus):before{content:attr(data-text)}.note-container .note-body .spinner{position:absolute;bottom:1px;right:0}.note-container.note-small .note-header,.note-container.note-small .note-body{padding:0}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"note-container {{ customClass }}\">\n  <!-- Header -->\n  <div\n    class=\"note-header d-flex align-items-center\"\n    [class.pointer]=\"isVisibleArrow\"\n  >\n    <div\n      class=\"d-flex align-items-center note-label\"\n      [ngStyle]=\"{ color: _isVisibleNote ? '#424242' : '#6C6C6C' }\"\n      (click)=\"isVisibleArrow ? openNote() : ''\"\n    >\n      {{ noteLabel }}\n    </div>\n\n    <div\n      class=\"note_tools_container\"\n      (click)=\"isVisibleArrow && !_isVisibleNote ? openNote() : ''\"\n    >\n      <app-ca-note-container\n        #noteContainer\n        [isExpanded]=\"_isVisibleNote && _isVisibleNote != 'null'\"\n        [range]=\"range\"\n        [selectionTaken]=\"selectionTaken\"\n        [value]=\"value\"\n        [isPopoverNote]=\"false\"\n        [selectedEditor]=\"noteRef?.nativeElement\"\n        [isVisibleArrow]=\"isVisibleArrow\"\n        (stopBlurRemoveTimeout)=\"stopBlurRemoveTimeout()\"\n      ></app-ca-note-container>\n    </div>\n\n    <ng-container *ngIf=\"isVisibleArrow\">\n      <div\n        class=\"note_upper_hold d-flex justify-content-center align-items-center\"\n      >\n        <svg-icon\n          class=\"note-arrow\"\n          [ngClass]=\"{\n            rotate: _isVisibleNote && _isVisibleNote != 'null',\n          }\"\n          [src]=\"hasDefArrow ? getSvgPath('downArrow') : getSvgPath('upArrow')\"\n          (click)=\"openNote()\"\n        ></svg-icon>\n      </div>\n    </ng-container>\n  </div>\n\n  <!-- Body -->\n\n  <div\n    class=\"note-body\"\n    [ngClass]=\"noActive\"\n    #noteBody\n    [@showHideCardBody]=\"{\n      value: _isVisibleNote.toString(),\n      params: {\n        marginTop: '0px',\n        marginBottom: '0px',\n      },\n    }\"\n  >\n    <div\n      #main_editor\n      id=\"main_editor\"\n      class=\"note-textarea\"\n      [class.details_textarea]=\"noteType == 'details-card'\"\n      contenteditable=\"true\"\n      [attr.data-text]=\"placeholder\"\n      spellcheck=\"false\"\n      (input)=\"changeValue($event)\"\n      (focus)=\"checkFocus()\"\n      (blur)=\"prepareForTextRange()\"\n      [innerHTML]=\"showNote | safeHtml\"\n      (paste)=\"onPaste($event)\"\n    ></div>\n\n    <!-- Spinner -->\n\n    <ng-container *ngIf=\"isSavingNote && noteType == 'details-card'\">\n      <div class=\"spinner d-flex\">\n        <app-ca-spinner [size]=\"'small'\" [color]=\"'blueDark'\"></app-ca-spinner>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#bed0f9!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.filter-dropdown-popover{width:260px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.note-container{display:block}.note-container .note-header{line-height:18px;margin:4px 0;height:26px;font-family:Montserrat,sans-serif}.note-container .note-header.pointer{cursor:pointer}.note-container .note-header .note-label{font-weight:800;font-size:14px;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.note-container .note-header .note_upper_hold{width:18px}.note-container .note-header .note_upper_hold .note_tools_container{margin-right:7px}.note-container .note-header .note-arrow{transition:all .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;right:-2px}.note-container .note-header .rotate{transform:rotate(180deg);transition:all .3s ease-in-out}@keyframes growDown{0%{max-height:0px;overflow:hidden}to{max-height:600px;overflow:auto}}.note-container .note-body{position:relative;overflow:hidden;padding-right:6px;cursor:text;max-width:607px}.note-container .note-body.innactive{height:0px!important;overflow:hidden!important;opacity:0!important;margin-top:0!important;margin-bottom:0!important}.note-container .note-body.active{overflow:visible!important;opacity:1!important}.note-container .note-body .note-textarea{overflow:auto;line-height:18px;min-height:15px;padding-bottom:12px;padding-top:5px;max-height:75px;font-size:14px;width:100%;resize:none;color:#424242;border:none;box-shadow:none;outline:none;scrollbar-width:none!important}.note-container .note-body .note-textarea.details_textarea{padding-bottom:7px;padding-right:20px}.note-container .note-body .note-textarea::-webkit-scrollbar{width:3px}.note-container .note-body .note-textarea::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid #e5e5e5;border-radius:1px}.note-container .note-body .note-textarea::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.note-container .note-body .note-textarea::-webkit-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::-moz-placeholder{color:#dadada!important}.note-container .note-body .note-textarea:-ms-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::-ms-input-placeholder{color:#dadada!important}.note-container .note-body .note-textarea::placeholder{color:#dadada!important}.note-container .note-body .note-textarea:empty:before{content:attr(placeholder);color:#aaa}.note-container .note-body [contentEditable=true]:empty:not(:focus):before{content:attr(data-text)}.note-container .note-body .spinner{position:absolute;bottom:1px;right:0}.note-container.note-small .note-header,.note-container.note-small .note-body{padding:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { noteRef: [{
                 type: ViewChild,
                 args: ['main_editor', { static: true }]

package/esm2022/lib/components/ca-input-test/base-classes/ca-input-event-manager.mjs

@@ -0,0 +1,24 @@
+import { BehaviorSubject } from 'rxjs';
+export class EventInputManager {
+    constructor(initialValue, eventEmitter) {
+        this.eventEmitter = eventEmitter;
+        this.stateSubject = new BehaviorSubject(initialValue);
+        this.state$ = this.stateSubject.asObservable();
+    }
+    /**
+     * Update the value and emit the event.
+     */
+    next(newValue) {
+        this.stateSubject.next(newValue); // Update state
+        if (this.eventEmitter) {
+            this.eventEmitter.emit(newValue); // Emit event
+        }
+    }
+    /**
+     * Get the current value.
+     */
+    get value() {
+        return this.stateSubject.value;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZXZlbnQtbWFuYWdlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LXRlc3QvYmFzZS1jbGFzc2VzL2NhLWlucHV0LWV2ZW50LW1hbmFnZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUduRCxNQUFNLE9BQU8saUJBQWlCO0lBSTVCLFlBQ0UsWUFBc0IsRUFDZCxZQUE2QjtRQUE3QixpQkFBWSxHQUFaLFlBQVksQ0FBaUI7UUFFckMsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLGVBQWUsQ0FBVyxZQUFZLENBQUMsQ0FBQztRQUNoRSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDakQsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBSSxDQUFDLFFBQVc7UUFDZCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGVBQWU7UUFDakQsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhO1FBQ2pELENBQUM7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDO0lBQ2pDLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjbGFzcyBFdmVudElucHV0TWFuYWdlcjxUPiB7XG4gIHByaXZhdGUgc3RhdGVTdWJqZWN0OiBCZWhhdmlvclN1YmplY3Q8VCB8IG51bGw+O1xuICBzdGF0ZSQ6IE9ic2VydmFibGU8VCB8IG51bGw+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGluaXRpYWxWYWx1ZTogVCB8IG51bGwsXG4gICAgcHJpdmF0ZSBldmVudEVtaXR0ZXI6IEV2ZW50RW1pdHRlcjxUPlxuICApIHtcbiAgICB0aGlzLnN0YXRlU3ViamVjdCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8VCB8IG51bGw+KGluaXRpYWxWYWx1ZSk7XG4gICAgdGhpcy5zdGF0ZSQgPSB0aGlzLnN0YXRlU3ViamVjdC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGUgdGhlIHZhbHVlIGFuZCBlbWl0IHRoZSBldmVudC5cbiAgICovXG4gIG5leHQobmV3VmFsdWU6IFQpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlU3ViamVjdC5uZXh0KG5ld1ZhbHVlKTsgLy8gVXBkYXRlIHN0YXRlXG4gICAgaWYgKHRoaXMuZXZlbnRFbWl0dGVyKSB7XG4gICAgICB0aGlzLmV2ZW50RW1pdHRlci5lbWl0KG5ld1ZhbHVlKTsgLy8gRW1pdCBldmVudFxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBHZXQgdGhlIGN1cnJlbnQgdmFsdWUuXG4gICAqL1xuICBnZXQgdmFsdWUoKTogVCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnN0YXRlU3ViamVjdC52YWx1ZTtcbiAgfVxufVxuIl19

package/esm2022/lib/components/ca-input-test/components/ca-input-clear/ca-input-clear.component.mjs

@@ -0,0 +1,66 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { FormsModule, ReactiveFormsModule, } from '@angular/forms';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+// pipes
+import { InputClearClassPipe } from '../../pipes';
+// helpers
+import { InputSvgRoutes } from '../../utils';
+// components
+import { CaAppTooltipV2Component } from '../../../ca-app-tooltip-v2/ca-app-tooltip-v2.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+import * as i3 from "@ng-bootstrap/ng-bootstrap";
+export class CaInputClearComponent {
+    constructor() {
+        this.clearInputClick = new EventEmitter();
+    }
+    clearInput(event) {
+        this.clearInputClick.emit(event);
+    }
+    getSvgPath(propertyName) {
+        return InputSvgRoutes[propertyName];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputClearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputClearComponent, isStandalone: true, selector: "app-ca-input-clear", inputs: { inputConfig: "inputConfig", getSuperControl: "getSuperControl", isFocusInput: "isFocusInput", incorrectValue: "incorrectValue", selectedDropdownLabelColor: "selectedDropdownLabelColor", template: "template" }, outputs: { clearInputClick: "clearInputClick" }, ngImport: i0, template: "<div\n  class=\"input-clear {{ inputConfig.customClass }}\"\n  [ngClass]=\"\n    getSuperControl\n      | inputClearClass\n        : isFocusInput\n        : inputConfig\n        : incorrectValue\n        : !!selectedDropdownLabelColor\n        : template\n        : getSuperControl?.value\n  \"\n  ngbTooltip\n  [mainCaTooltip]=\"\n    inputConfig.incorrectInput\n      ? 'Mark Incorrect'\n      : inputConfig.removeInput\n      ? 'Remove'\n      : 'Clear'\n  \"\n  [tooltipBackground]=\"\n    inputConfig.incorrectInput ? '#ef5350' : '#2F2F2F'\n  \"\n  position=\"top\"\n  (click)=\"clearInput($event)\"\n>\n  <svg-icon\n    [src]=\"\n      inputConfig.removeInput\n        ? getSvgPath('removeInputSvg')\n        : getSvgPath('xClearSvg')\n    \"\n    class=\"input-clear-x\"\n  ></svg-icon>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: 
+                // Module
+                CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "pipe", type: 
+                // Pipes
+                InputClearClassPipe, name: "inputClearClass" }, { kind: "component", type: 
+                // Components
+                CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputClearComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-clear', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        // Module
+                        CommonModule,
+                        AngularSvgIconModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        AngularSvgIconModule,
+                        NgbModule,
+                        // Pipes
+                        InputClearClassPipe,
+                        // Components
+                        CaAppTooltipV2Component,
+                    ], template: "<div\n  class=\"input-clear {{ inputConfig.customClass }}\"\n  [ngClass]=\"\n    getSuperControl\n      | inputClearClass\n        : isFocusInput\n        : inputConfig\n        : incorrectValue\n        : !!selectedDropdownLabelColor\n        : template\n        : getSuperControl?.value\n  \"\n  ngbTooltip\n  [mainCaTooltip]=\"\n    inputConfig.incorrectInput\n      ? 'Mark Incorrect'\n      : inputConfig.removeInput\n      ? 'Remove'\n      : 'Clear'\n  \"\n  [tooltipBackground]=\"\n    inputConfig.incorrectInput ? '#ef5350' : '#2F2F2F'\n  \"\n  position=\"top\"\n  (click)=\"clearInput($event)\"\n>\n  <svg-icon\n    [src]=\"\n      inputConfig.removeInput\n        ? getSvgPath('removeInputSvg')\n        : getSvgPath('xClearSvg')\n    \"\n    class=\"input-clear-x\"\n  ></svg-icon>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { inputConfig: [{
+                type: Input
+            }], getSuperControl: [{
+                type: Input
+            }], isFocusInput: [{
+                type: Input
+            }], incorrectValue: [{
+                type: Input
+            }], selectedDropdownLabelColor: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], clearInputClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtY2xlYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWNsZWFyL2NhLWlucHV0LWNsZWFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1jbGVhci9jYS1pbnB1dC1jbGVhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBRUwsV0FBVyxFQUNYLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBTXhCLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFdkQsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVsRCxVQUFVO0FBQ1YsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU3QyxhQUFhO0FBQ2IsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0RBQXdELENBQUM7Ozs7O0FBd0JqRyxNQUFNLE9BQU8scUJBQXFCO0lBVWhDO1FBRlUsb0JBQWUsR0FBd0IsSUFBSSxZQUFZLEVBQVMsQ0FBQztJQUU1RCxDQUFDO0lBRVQsVUFBVSxDQUFDLEtBQVk7UUFDNUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVNLFVBQVUsQ0FBQyxZQUF5QztRQUN6RCxPQUFPLGNBQWMsQ0FBQyxZQUFZLENBQVcsQ0FBQztJQUNoRCxDQUFDOytHQWxCVSxxQkFBcUI7bUdBQXJCLHFCQUFxQiwyVkMvQ2xDLHF5QkFtQ0E7Z0JERkksU0FBUztnQkFDVCxZQUFZLDRIQUNaLG9CQUFvQixnT0FDcEIsV0FBVyw4QkFDWCxtQkFBbUIsOEJBRW5CLFNBQVM7Z0JBQ1QsUUFBUTtnQkFDUixtQkFBbUI7Z0JBRW5CLGFBQWE7Z0JBQ2IsdUJBQXVCOzs0RkFHZCxxQkFBcUI7a0JBckJqQyxTQUFTOytCQUNFLG9CQUFvQixpQkFHZixpQkFBaUIsQ0FBQyxJQUFJLGNBQ3pCLElBQUksV0FDUDt3QkFDUCxTQUFTO3dCQUNULFlBQVk7d0JBQ1osb0JBQW9CO3dCQUNwQixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsb0JBQW9CO3dCQUNwQixTQUFTO3dCQUNULFFBQVE7d0JBQ1IsbUJBQW1CO3dCQUVuQixhQUFhO3dCQUNiLHVCQUF1QjtxQkFDeEI7d0RBR1EsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRywwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQWJzdHJhY3RDb250cm9sLFxuICBGb3Jtc01vZHVsZSxcbiAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IElDYUlucHV0IH0gZnJvbSAnLi4vLi4vY29uZmlnJztcbmltcG9ydCB7IExhYmVsQ29sb3IgfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuaW1wb3J0IHsgTmdiTW9kdWxlIH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSW5wdXRDbGVhckNsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzJztcblxuLy8gaGVscGVyc1xuaW1wb3J0IHsgSW5wdXRTdmdSb3V0ZXMgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbi8vIGNvbXBvbmVudHNcbmltcG9ydCB7IENhQXBwVG9vbHRpcFYyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY2EtYXBwLXRvb2x0aXAtdjIvY2EtYXBwLXRvb2x0aXAtdjIuY29tcG9uZW50JztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtY2xlYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtY2xlYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1jbGVhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgLy8gTW9kdWxlXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG4gICAgTmdiTW9kdWxlLFxuICAgIC8vIFBpcGVzXG4gICAgSW5wdXRDbGVhckNsYXNzUGlwZSxcblxuICAgIC8vIENvbXBvbmVudHNcbiAgICBDYUFwcFRvb2x0aXBWMkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dENsZWFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaW5wdXRDb25maWchOiBJQ2FJbnB1dDtcbiAgQElucHV0KCkgZ2V0U3VwZXJDb250cm9sITogQWJzdHJhY3RDb250cm9sPGFueSwgYW55PiB8IG51bGw7XG4gIEBJbnB1dCgpIGlzRm9jdXNJbnB1dCE6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGluY29ycmVjdFZhbHVlITogYm9vbGVhbjtcbiAgQElucHV0KCkgc2VsZWN0ZWREcm9wZG93bkxhYmVsQ29sb3IhOiBMYWJlbENvbG9yIHwgbnVsbDtcbiAgQElucHV0KCkgdGVtcGxhdGUhOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGNsZWFySW5wdXRDbGljazogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIHB1YmxpYyBjbGVhcklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuY2xlYXJJbnB1dENsaWNrLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgcHVibGljIGdldFN2Z1BhdGgocHJvcGVydHlOYW1lOiBrZXlvZiB0eXBlb2YgSW5wdXRTdmdSb3V0ZXMpOiBzdHJpbmcge1xuICAgIHJldHVybiBJbnB1dFN2Z1JvdXRlc1twcm9wZXJ0eU5hbWVdIGFzIHN0cmluZztcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImlucHV0LWNsZWFyIHt7IGlucHV0Q29uZmlnLmN1c3RvbUNsYXNzIH19XCJcbiAgW25nQ2xhc3NdPVwiXG4gICAgZ2V0U3VwZXJDb250cm9sXG4gICAgICB8IGlucHV0Q2xlYXJDbGFzc1xuICAgICAgICA6IGlzRm9jdXNJbnB1dFxuICAgICAgICA6IGlucHV0Q29uZmlnXG4gICAgICAgIDogaW5jb3JyZWN0VmFsdWVcbiAgICAgICAgOiAhIXNlbGVjdGVkRHJvcGRvd25MYWJlbENvbG9yXG4gICAgICAgIDogdGVtcGxhdGVcbiAgICAgICAgOiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlXG4gIFwiXG4gIG5nYlRvb2x0aXBcbiAgW21haW5DYVRvb2x0aXBdPVwiXG4gICAgaW5wdXRDb25maWcuaW5jb3JyZWN0SW5wdXRcbiAgICAgID8gJ01hcmsgSW5jb3JyZWN0J1xuICAgICAgOiBpbnB1dENvbmZpZy5yZW1vdmVJbnB1dFxuICAgICAgPyAnUmVtb3ZlJ1xuICAgICAgOiAnQ2xlYXInXG4gIFwiXG4gIFt0b29sdGlwQmFja2dyb3VuZF09XCJcbiAgICBpbnB1dENvbmZpZy5pbmNvcnJlY3RJbnB1dCA/ICcjZWY1MzUwJyA6ICcjMkYyRjJGJ1xuICBcIlxuICBwb3NpdGlvbj1cInRvcFwiXG4gIChjbGljayk9XCJjbGVhcklucHV0KCRldmVudClcIlxuPlxuICA8c3ZnLWljb25cbiAgICBbc3JjXT1cIlxuICAgICAgaW5wdXRDb25maWcucmVtb3ZlSW5wdXRcbiAgICAgICAgPyBnZXRTdmdQYXRoKCdyZW1vdmVJbnB1dFN2ZycpXG4gICAgICAgIDogZ2V0U3ZnUGF0aCgneENsZWFyU3ZnJylcbiAgICBcIlxuICAgIGNsYXNzPVwiaW5wdXQtY2xlYXIteFwiXG4gID48L3N2Zy1pY29uPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/ca-input-test/components/ca-input-commands/ca-input-commands.component.mjs

@@ -0,0 +1,48 @@
+import { CommonModule } from "@angular/common";
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+// modules
+import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
+import { AngularSvgIconModule } from "angular-svg-icon";
+// components
+import { CaAppTooltipV2Component } from "../../../ca-app-tooltip-v2/ca-app-tooltip-v2.component";
+// enums
+import { InputCommandsType } from "../../enums";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+import * as i3 from "@ng-bootstrap/ng-bootstrap";
+export class CaInputCommandsComponent {
+    constructor() {
+        this.onCommandsClick = new EventEmitter();
+        this.inputCommandsType = InputCommandsType;
+    }
+    onCommands(event, type, action) {
+        this.onCommandsClick.emit({ event, type, action });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputCommandsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputCommandsComponent, isStandalone: true, selector: "app-ca-input-commands", inputs: { inputConfig: "inputConfig", isFocusInput: "isFocusInput", isVisibleCommands: "isVisibleCommands" }, outputs: { onCommandsClick: "onCommandsClick" }, ngImport: i0, template: "<div\n    class=\"ta-input-commands\"\n    [ngClass]=\"{\n        'blue-commands': inputConfig.commands?.blueCommands,\n        'blue-commands-focus':\n            isFocusInput &&\n            inputConfig.commands?.blueCommands &&\n            inputConfig.commands?.active &&\n            isVisibleCommands,\n    }\"\n    [attr.data-before-content]=\"\n        inputConfig.commands?.type === inputCommandsType.INCREMENT_DECREMENT\n            ? inputConfig.placeholderText\n            : ''\n    \"\n>\n    <div\n        class=\"ta-input-command-first\"\n        ngbTooltip\n        [mainCaTooltip]=\"inputConfig.commands?.firstCommand?.popup?.name\"\n        [tooltipBackground]=\"\n            inputConfig.commands?.firstCommand?.popup?.backgroundColor\n        \"\n        [disableTooltip]=\"!inputConfig.commands?.firstCommand?.popup\"\n        position=\"top\"\n    >\n        <svg-icon\n            class=\"ta-input-command-svg-first\"\n            [src]=\"inputConfig.commands?.firstCommand?.svg!\"\n            (mousedown)=\"\n                onCommands(\n                    $event,\n                    inputConfig.commands?.type!,\n                    inputConfig.commands?.firstCommand?.name!\n                )\n            \"\n        ></svg-icon>\n    </div>\n    <div\n        class=\"ta-input-command-second\"\n        ngbTooltip\n        [mainCaTooltip]=\"inputConfig.commands?.secondCommand?.popup?.name\"\n        [tooltipBackground]=\"\n            inputConfig.commands?.secondCommand?.popup?.backgroundColor\n        \"\n        [disableTooltip]=\"!inputConfig.commands?.secondCommand?.popup\"\n        position=\"top\"\n    >\n        <svg-icon\n            class=\"ta-input-command-svg-second\"\n            [src]=\"inputConfig.commands?.secondCommand?.svg!\"\n            (mousedown)=\"\n                onCommands(\n                    $event,\n                    inputConfig.commands?.type!,\n                    inputConfig.commands?.secondCommand?.name!\n                )\n            \"\n        ></svg-icon>\n    </div>\n    <ng-container *ngIf=\"inputConfig.commands?.thirdCommand\">\n        <div\n            class=\"ta-input-command-third\"\n            ngbTooltip\n            [mainCaTooltip]=\"inputConfig.commands?.thirdCommand?.popup?.name\"\n            [tooltipBackground]=\"\n                inputConfig.commands?.thirdCommand?.popup?.backgroundColor\n            \"\n            [disableTooltip]=\"!inputConfig.commands?.thirdCommand?.popup\"\n            position=\"top\"\n        >\n            <svg-icon\n                class=\"ta-input-command-svg-third\"\n                [src]=\"inputConfig.commands?.thirdCommand?.svg!\"\n                (mousedown)=\"\n                    onCommands(\n                        $event,\n                        inputConfig.commands?.type!,\n                        inputConfig.commands?.thirdCommand?.name!\n                    )\n                \"\n            ></svg-icon>\n        </div>\n    </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: 
+                // Module
+                CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
+                // Components
+                CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputCommandsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-ca-input-commands", standalone: true, imports: [
+                        // Module
+                        CommonModule,
+                        AngularSvgIconModule,
+                        NgbModule,
+                        // Components
+                        CaAppTooltipV2Component,
+                    ], template: "<div\n    class=\"ta-input-commands\"\n    [ngClass]=\"{\n        'blue-commands': inputConfig.commands?.blueCommands,\n        'blue-commands-focus':\n            isFocusInput &&\n            inputConfig.commands?.blueCommands &&\n            inputConfig.commands?.active &&\n            isVisibleCommands,\n    }\"\n    [attr.data-before-content]=\"\n        inputConfig.commands?.type === inputCommandsType.INCREMENT_DECREMENT\n            ? inputConfig.placeholderText\n            : ''\n    \"\n>\n    <div\n        class=\"ta-input-command-first\"\n        ngbTooltip\n        [mainCaTooltip]=\"inputConfig.commands?.firstCommand?.popup?.name\"\n        [tooltipBackground]=\"\n            inputConfig.commands?.firstCommand?.popup?.backgroundColor\n        \"\n        [disableTooltip]=\"!inputConfig.commands?.firstCommand?.popup\"\n        position=\"top\"\n    >\n        <svg-icon\n            class=\"ta-input-command-svg-first\"\n            [src]=\"inputConfig.commands?.firstCommand?.svg!\"\n            (mousedown)=\"\n                onCommands(\n                    $event,\n                    inputConfig.commands?.type!,\n                    inputConfig.commands?.firstCommand?.name!\n                )\n            \"\n        ></svg-icon>\n    </div>\n    <div\n        class=\"ta-input-command-second\"\n        ngbTooltip\n        [mainCaTooltip]=\"inputConfig.commands?.secondCommand?.popup?.name\"\n        [tooltipBackground]=\"\n            inputConfig.commands?.secondCommand?.popup?.backgroundColor\n        \"\n        [disableTooltip]=\"!inputConfig.commands?.secondCommand?.popup\"\n        position=\"top\"\n    >\n        <svg-icon\n            class=\"ta-input-command-svg-second\"\n            [src]=\"inputConfig.commands?.secondCommand?.svg!\"\n            (mousedown)=\"\n                onCommands(\n                    $event,\n                    inputConfig.commands?.type!,\n                    inputConfig.commands?.secondCommand?.name!\n                )\n            \"\n        ></svg-icon>\n    </div>\n    <ng-container *ngIf=\"inputConfig.commands?.thirdCommand\">\n        <div\n            class=\"ta-input-command-third\"\n            ngbTooltip\n            [mainCaTooltip]=\"inputConfig.commands?.thirdCommand?.popup?.name\"\n            [tooltipBackground]=\"\n                inputConfig.commands?.thirdCommand?.popup?.backgroundColor\n            \"\n            [disableTooltip]=\"!inputConfig.commands?.thirdCommand?.popup\"\n            position=\"top\"\n        >\n            <svg-icon\n                class=\"ta-input-command-svg-third\"\n                [src]=\"inputConfig.commands?.thirdCommand?.svg!\"\n                (mousedown)=\"\n                    onCommands(\n                        $event,\n                        inputConfig.commands?.type!,\n                        inputConfig.commands?.thirdCommand?.name!\n                    )\n                \"\n            ></svg-icon>\n        </div>\n    </ng-container>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { inputConfig: [{
+                type: Input
+            }], isFocusInput: [{
+                type: Input
+            }], isVisibleCommands: [{
+                type: Input
+            }], onCommandsClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtY29tbWFuZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWNvbW1hbmRzL2NhLWlucHV0LWNvbW1hbmRzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1jb21tYW5kcy9jYS1pbnB1dC1jb21tYW5kcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxVQUFVO0FBQ1YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBTXhELGFBQWE7QUFDYixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUVqRyxRQUFRO0FBQ1IsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sYUFBYSxDQUFDOzs7OztBQWtCaEQsTUFBTSxPQUFPLHdCQUF3QjtJQVNuQztRQUpVLG9CQUFlLEdBQStCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFcEUsc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7SUFFOUIsQ0FBQztJQUVULFVBQVUsQ0FBQyxLQUFZLEVBQUUsSUFBWSxFQUFFLE1BQWM7UUFDMUQsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDckQsQ0FBQzsrR0FiVSx3QkFBd0I7bUdBQXhCLHdCQUF3QixnUENqQ3JDLGs4RkFxRkE7Z0JEN0RJLFNBQVM7Z0JBQ1QsWUFBWSxnT0FDWixvQkFBb0IsZ09BQ3BCLFNBQVM7Z0JBRVQsYUFBYTtnQkFDYix1QkFBdUI7OzRGQUdkLHdCQUF3QjtrQkFmcEMsU0FBUzsrQkFDRSx1QkFBdUIsY0FHckIsSUFBSSxXQUNQO3dCQUNQLFNBQVM7d0JBQ1QsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLFNBQVM7d0JBRVQsYUFBYTt3QkFDYix1QkFBdUI7cUJBQ3hCO3dEQUdRLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgTmdiTW9kdWxlIH0gZnJvbSBcIkBuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwXCI7XG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gXCJhbmd1bGFyLXN2Zy1pY29uXCI7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgSUNhSW5wdXQgfSBmcm9tIFwiLi4vLi4vY29uZmlnXCI7XG5pbXBvcnQgeyBDb21tYW5kQ2xpY2sgfSBmcm9tIFwiLi4vLi4vbW9kZWxzXCI7XG5cbi8vIGNvbXBvbmVudHNcbmltcG9ydCB7IENhQXBwVG9vbHRpcFYyQ29tcG9uZW50IH0gZnJvbSBcIi4uLy4uLy4uL2NhLWFwcC10b29sdGlwLXYyL2NhLWFwcC10b29sdGlwLXYyLmNvbXBvbmVudFwiO1xuXG4vLyBlbnVtc1xuaW1wb3J0IHsgSW5wdXRDb21tYW5kc1R5cGUgfSBmcm9tIFwiLi4vLi4vZW51bXNcIjtcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLWNhLWlucHV0LWNvbW1hbmRzXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2EtaW5wdXQtY29tbWFuZHMuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL2NhLWlucHV0LWNvbW1hbmRzLmNvbXBvbmVudC5zY3NzXCJdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgLy8gTW9kdWxlXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuICAgIE5nYk1vZHVsZSxcblxuICAgIC8vIENvbXBvbmVudHNcbiAgICBDYUFwcFRvb2x0aXBWMkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dENvbW1hbmRzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaW5wdXRDb25maWchOiBJQ2FJbnB1dDtcbiAgQElucHV0KCkgaXNGb2N1c0lucHV0ITogYm9vbGVhbjtcbiAgQElucHV0KCkgaXNWaXNpYmxlQ29tbWFuZHMhOiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKSBvbkNvbW1hbmRzQ2xpY2s6IEV2ZW50RW1pdHRlcjxDb21tYW5kQ2xpY2s+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBpbnB1dENvbW1hbmRzVHlwZSA9IElucHV0Q29tbWFuZHNUeXBlO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBwdWJsaWMgb25Db21tYW5kcyhldmVudDogRXZlbnQsIHR5cGU6IHN0cmluZywgYWN0aW9uOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ29tbWFuZHNDbGljay5lbWl0KHsgZXZlbnQsIHR5cGUsIGFjdGlvbiB9KTtcbiAgfVxufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwidGEtaW5wdXQtY29tbWFuZHNcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgJ2JsdWUtY29tbWFuZHMnOiBpbnB1dENvbmZpZy5jb21tYW5kcz8uYmx1ZUNvbW1hbmRzLFxuICAgICAgICAnYmx1ZS1jb21tYW5kcy1mb2N1cyc6XG4gICAgICAgICAgICBpc0ZvY3VzSW5wdXQgJiZcbiAgICAgICAgICAgIGlucHV0Q29uZmlnLmNvbW1hbmRzPy5ibHVlQ29tbWFuZHMgJiZcbiAgICAgICAgICAgIGlucHV0Q29uZmlnLmNvbW1hbmRzPy5hY3RpdmUgJiZcbiAgICAgICAgICAgIGlzVmlzaWJsZUNvbW1hbmRzLFxuICAgIH1cIlxuICAgIFthdHRyLmRhdGEtYmVmb3JlLWNvbnRlbnRdPVwiXG4gICAgICAgIGlucHV0Q29uZmlnLmNvbW1hbmRzPy50eXBlID09PSBpbnB1dENvbW1hbmRzVHlwZS5JTkNSRU1FTlRfREVDUkVNRU5UXG4gICAgICAgICAgICA/IGlucHV0Q29uZmlnLnBsYWNlaG9sZGVyVGV4dFxuICAgICAgICAgICAgOiAnJ1xuICAgIFwiXG4+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cInRhLWlucHV0LWNvbW1hbmQtZmlyc3RcIlxuICAgICAgICBuZ2JUb29sdGlwXG4gICAgICAgIFttYWluQ2FUb29sdGlwXT1cImlucHV0Q29uZmlnLmNvbW1hbmRzPy5maXJzdENvbW1hbmQ/LnBvcHVwPy5uYW1lXCJcbiAgICAgICAgW3Rvb2x0aXBCYWNrZ3JvdW5kXT1cIlxuICAgICAgICAgICAgaW5wdXRDb25maWcuY29tbWFuZHM/LmZpcnN0Q29tbWFuZD8ucG9wdXA/LmJhY2tncm91bmRDb2xvclxuICAgICAgICBcIlxuICAgICAgICBbZGlzYWJsZVRvb2x0aXBdPVwiIWlucHV0Q29uZmlnLmNvbW1hbmRzPy5maXJzdENvbW1hbmQ/LnBvcHVwXCJcbiAgICAgICAgcG9zaXRpb249XCJ0b3BcIlxuICAgID5cbiAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICBjbGFzcz1cInRhLWlucHV0LWNvbW1hbmQtc3ZnLWZpcnN0XCJcbiAgICAgICAgICAgIFtzcmNdPVwiaW5wdXRDb25maWcuY29tbWFuZHM/LmZpcnN0Q29tbWFuZD8uc3ZnIVwiXG4gICAgICAgICAgICAobW91c2Vkb3duKT1cIlxuICAgICAgICAgICAgICAgIG9uQ29tbWFuZHMoXG4gICAgICAgICAgICAgICAgICAgICRldmVudCxcbiAgICAgICAgICAgICAgICAgICAgaW5wdXRDb25maWcuY29tbWFuZHM/LnR5cGUhLFxuICAgICAgICAgICAgICAgICAgICBpbnB1dENvbmZpZy5jb21tYW5kcz8uZmlyc3RDb21tYW5kPy5uYW1lIVxuICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgIFwiXG4gICAgICAgID48L3N2Zy1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJ0YS1pbnB1dC1jb21tYW5kLXNlY29uZFwiXG4gICAgICAgIG5nYlRvb2x0aXBcbiAgICAgICAgW21haW5DYVRvb2x0aXBdPVwiaW5wdXRDb25maWcuY29tbWFuZHM/LnNlY29uZENvbW1hbmQ/LnBvcHVwPy5uYW1lXCJcbiAgICAgICAgW3Rvb2x0aXBCYWNrZ3JvdW5kXT1cIlxuICAgICAgICAgICAgaW5wdXRDb25maWcuY29tbWFuZHM/LnNlY29uZENvbW1hbmQ/LnBvcHVwPy5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgXCJcbiAgICAgICAgW2Rpc2FibGVUb29sdGlwXT1cIiFpbnB1dENvbmZpZy5jb21tYW5kcz8uc2Vjb25kQ29tbWFuZD8ucG9wdXBcIlxuICAgICAgICBwb3NpdGlvbj1cInRvcFwiXG4gICAgPlxuICAgICAgICA8c3ZnLWljb25cbiAgICAgICAgICAgIGNsYXNzPVwidGEtaW5wdXQtY29tbWFuZC1zdmctc2Vjb25kXCJcbiAgICAgICAgICAgIFtzcmNdPVwiaW5wdXRDb25maWcuY29tbWFuZHM/LnNlY29uZENvbW1hbmQ/LnN2ZyFcIlxuICAgICAgICAgICAgKG1vdXNlZG93bik9XCJcbiAgICAgICAgICAgICAgICBvbkNvbW1hbmRzKFxuICAgICAgICAgICAgICAgICAgICAkZXZlbnQsXG4gICAgICAgICAgICAgICAgICAgIGlucHV0Q29uZmlnLmNvbW1hbmRzPy50eXBlISxcbiAgICAgICAgICAgICAgICAgICAgaW5wdXRDb25maWcuY29tbWFuZHM/LnNlY29uZENvbW1hbmQ/Lm5hbWUhXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgXCJcbiAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlucHV0Q29uZmlnLmNvbW1hbmRzPy50aGlyZENvbW1hbmRcIj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3M9XCJ0YS1pbnB1dC1jb21tYW5kLXRoaXJkXCJcbiAgICAgICAgICAgIG5nYlRvb2x0aXBcbiAgICAgICAgICAgIFttYWluQ2FUb29sdGlwXT1cImlucHV0Q29uZmlnLmNvbW1hbmRzPy50aGlyZENvbW1hbmQ/LnBvcHVwPy5uYW1lXCJcbiAgICAgICAgICAgIFt0b29sdGlwQmFja2dyb3VuZF09XCJcbiAgICAgICAgICAgICAgICBpbnB1dENvbmZpZy5jb21tYW5kcz8udGhpcmRDb21tYW5kPy5wb3B1cD8uYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgICBcIlxuICAgICAgICAgICAgW2Rpc2FibGVUb29sdGlwXT1cIiFpbnB1dENvbmZpZy5jb21tYW5kcz8udGhpcmRDb21tYW5kPy5wb3B1cFwiXG4gICAgICAgICAgICBwb3NpdGlvbj1cInRvcFwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxzdmctaWNvblxuICAgICAgICAgICAgICAgIGNsYXNzPVwidGEtaW5wdXQtY29tbWFuZC1zdmctdGhpcmRcIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwiaW5wdXRDb25maWcuY29tbWFuZHM/LnRoaXJkQ29tbWFuZD8uc3ZnIVwiXG4gICAgICAgICAgICAgICAgKG1vdXNlZG93bik9XCJcbiAgICAgICAgICAgICAgICAgICAgb25Db21tYW5kcyhcbiAgICAgICAgICAgICAgICAgICAgICAgICRldmVudCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGlucHV0Q29uZmlnLmNvbW1hbmRzPy50eXBlISxcbiAgICAgICAgICAgICAgICAgICAgICAgIGlucHV0Q29uZmlnLmNvbW1hbmRzPy50aGlyZENvbW1hbmQ/Lm5hbWUhXG4gICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/ca-input-test/components/ca-input-password/ca-input-password.component.mjs

@@ -0,0 +1,63 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { CommonModule } from "@angular/common";
+// helpers
+import { InputSvgRoutes } from "../../utils";
+// modules
+import { AngularSvgIconModule } from "angular-svg-icon";
+import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
+// components
+import { CaAppTooltipV2Component } from "../../../ca-app-tooltip-v2/ca-app-tooltip-v2.component";
+// pipes
+import { InputPasswordEyeClassPipe } from "../../pipes";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+import * as i3 from "@ng-bootstrap/ng-bootstrap";
+export class CaInputPasswordComponent {
+    constructor() {
+        this.onTogglePasswordClick = new EventEmitter();
+    }
+    ngOnInit() { }
+    onTogglePassword(event) {
+        this.onTogglePasswordClick.emit(event);
+    }
+    getSvgPath(propertyName) {
+        return InputSvgRoutes[propertyName];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputPasswordComponent, isStandalone: true, selector: "app-ca-input-password", inputs: { inputConfig: "inputConfig", getSuperControl: "getSuperControl", isFocusInput: "isFocusInput", isTouchedInput: "isTouchedInput", isCapsLockOn: "isCapsLockOn", isTogglePassword: "isTogglePassword" }, outputs: { onTogglePasswordClick: "onTogglePasswordClick" }, ngImport: i0, template: "<!-- Input Password Caps Lock -->\n<ng-container\n  *ngIf=\"\n    isCapsLockOn &&\n    inputConfig.type === 'password' &&\n    isFocusInput &&\n    !inputConfig.isDisabled\n  \"\n>\n  <p class=\"password-capslock\">Caps Lock is ON</p>\n</ng-container>\n\n<!-- Input Password Eye -->\n<ng-container *ngIf=\"inputConfig.type === 'password' && getSuperControl?.value\">\n  <div\n    class=\"input-password-eye {{ inputConfig.customClass }}\"\n    [ngClass]=\"\n      getSuperControl\n        | inputPasswordEyeClass\n          : isFocusInput\n          : inputConfig\n          : isTouchedInput\n          : getSuperControl?.value\n    \"\n    ngbTooltip\n    mainCaTooltip=\"{{ !isTogglePassword ? 'Show Password' : 'Hide Password' }}\"\n    tooltipBackground=\"#2f2f2f\"\n    position=\"top\"\n    (click)=\"onTogglePassword($event)\"\n  >\n    <svg-icon\n      src=\"{{\n        !isTogglePassword\n          ? getSvgPath('eyeVisibleSvg')\n          : getSvgPath('eyeHiddenSvg')\n      }}\"\n    ></svg-icon>\n  </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: 
+                // modules
+                CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
+                // components
+                CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "pipe", type: 
+                // pipes
+                InputPasswordEyeClassPipe, name: "inputPasswordEyeClass" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-ca-input-password", standalone: true, imports: [
+                        // modules
+                        CommonModule,
+                        AngularSvgIconModule,
+                        NgbModule,
+                        // components
+                        CaAppTooltipV2Component,
+                        // pipes
+                        InputPasswordEyeClassPipe,
+                    ], template: "<!-- Input Password Caps Lock -->\n<ng-container\n  *ngIf=\"\n    isCapsLockOn &&\n    inputConfig.type === 'password' &&\n    isFocusInput &&\n    !inputConfig.isDisabled\n  \"\n>\n  <p class=\"password-capslock\">Caps Lock is ON</p>\n</ng-container>\n\n<!-- Input Password Eye -->\n<ng-container *ngIf=\"inputConfig.type === 'password' && getSuperControl?.value\">\n  <div\n    class=\"input-password-eye {{ inputConfig.customClass }}\"\n    [ngClass]=\"\n      getSuperControl\n        | inputPasswordEyeClass\n          : isFocusInput\n          : inputConfig\n          : isTouchedInput\n          : getSuperControl?.value\n    \"\n    ngbTooltip\n    mainCaTooltip=\"{{ !isTogglePassword ? 'Show Password' : 'Hide Password' }}\"\n    tooltipBackground=\"#2f2f2f\"\n    position=\"top\"\n    (click)=\"onTogglePassword($event)\"\n  >\n    <svg-icon\n      src=\"{{\n        !isTogglePassword\n          ? getSvgPath('eyeVisibleSvg')\n          : getSvgPath('eyeHiddenSvg')\n      }}\"\n    ></svg-icon>\n  </div>\n</ng-container>\n" }]
+        }], ctorParameters: () => [], propDecorators: { inputConfig: [{
+                type: Input
+            }], getSuperControl: [{
+                type: Input
+            }], isFocusInput: [{
+                type: Input
+            }], isTouchedInput: [{
+                type: Input
+            }], isCapsLockOn: [{
+                type: Input
+            }], isTogglePassword: [{
+                type: Input
+            }], onTogglePasswordClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtcGFzc3dvcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LXBhc3N3b3JkL2NhLWlucHV0LXBhc3N3b3JkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1wYXNzd29yZC9jYS1pbnB1dC1wYXNzd29yZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUcvQyxVQUFVO0FBQ1YsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUs3QyxVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXZELGFBQWE7QUFDYixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUVqRyxRQUFRO0FBQ1IsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sYUFBYSxDQUFDOzs7OztBQW9CeEQsTUFBTSxPQUFPLHdCQUF3QjtJQVduQztRQUhVLDBCQUFxQixHQUM3QixJQUFJLFlBQVksRUFBUyxDQUFDO0lBRWIsQ0FBQztJQUVoQixRQUFRLEtBQUksQ0FBQztJQUVOLGdCQUFnQixDQUFDLEtBQVk7UUFDbEMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRU0sVUFBVSxDQUFDLFlBQXlDO1FBQ3pELE9BQU8sY0FBYyxDQUFDLFlBQVksQ0FBVyxDQUFDO0lBQ2hELENBQUM7K0dBckJVLHdCQUF3QjttR0FBeEIsd0JBQXdCLDhWQ3RDckMsOGdDQXVDQTtnQkRiSSxVQUFVO2dCQUNWLFlBQVksZ09BQ1osb0JBQW9CLGdPQUNwQixTQUFTO2dCQUVULGFBQWE7Z0JBQ2IsdUJBQXVCO2dCQUV2QixRQUFRO2dCQUNSLHlCQUF5Qjs7NEZBR2hCLHdCQUF3QjtrQkFsQnBDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBR3JCLElBQUksV0FDUDt3QkFDUCxVQUFVO3dCQUNWLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUNwQixTQUFTO3dCQUVULGFBQWE7d0JBQ2IsdUJBQXVCO3dCQUV2QixRQUFRO3dCQUNSLHlCQUF5QjtxQkFDMUI7d0RBR1EsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFSSxxQkFBcUI7c0JBQTlCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuXG4vLyBoZWxwZXJzXG5pbXBvcnQgeyBJbnB1dFN2Z1JvdXRlcyB9IGZyb20gXCIuLi8uLi91dGlsc1wiO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IElDYUlucHV0IH0gZnJvbSBcIi4uLy4uL2NvbmZpZ1wiO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gXCJhbmd1bGFyLXN2Zy1pY29uXCI7XG5pbXBvcnQgeyBOZ2JNb2R1bGUgfSBmcm9tIFwiQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXBcIjtcblxuLy8gY29tcG9uZW50c1xuaW1wb3J0IHsgQ2FBcHBUb29sdGlwVjJDb21wb25lbnQgfSBmcm9tIFwiLi4vLi4vLi4vY2EtYXBwLXRvb2x0aXAtdjIvY2EtYXBwLXRvb2x0aXAtdjIuY29tcG9uZW50XCI7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBJbnB1dFBhc3N3b3JkRXllQ2xhc3NQaXBlIH0gZnJvbSBcIi4uLy4uL3BpcGVzXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtY2EtaW5wdXQtcGFzc3dvcmRcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYS1pbnB1dC1wYXNzd29yZC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2EtaW5wdXQtcGFzc3dvcmQuY29tcG9uZW50LnNjc3NcIl0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICAvLyBtb2R1bGVzXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuICAgIE5nYk1vZHVsZSxcblxuICAgIC8vIGNvbXBvbmVudHNcbiAgICBDYUFwcFRvb2x0aXBWMkNvbXBvbmVudCxcblxuICAgIC8vIHBpcGVzXG4gICAgSW5wdXRQYXNzd29yZEV5ZUNsYXNzUGlwZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dFBhc3N3b3JkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgaW5wdXRDb25maWchOiBJQ2FJbnB1dDtcbiAgQElucHV0KCkgZ2V0U3VwZXJDb250cm9sITogQWJzdHJhY3RDb250cm9sPGFueSwgYW55PiB8IG51bGw7XG4gIEBJbnB1dCgpIGlzRm9jdXNJbnB1dCE6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzVG91Y2hlZElucHV0ITogYm9vbGVhbjtcbiAgQElucHV0KCkgaXNDYXBzTG9ja09uITogYm9vbGVhbjtcbiAgQElucHV0KCkgaXNUb2dnbGVQYXNzd29yZCE6IGJvb2xlYW47XG5cbiAgQE91dHB1dCgpIG9uVG9nZ2xlUGFzc3dvcmRDbGljazogRXZlbnRFbWl0dGVyPEV2ZW50PiA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIHB1YmxpYyBvblRvZ2dsZVBhc3N3b3JkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMub25Ub2dnbGVQYXNzd29yZENsaWNrLmVtaXQoZXZlbnQpO1xuICB9XG5cbiAgcHVibGljIGdldFN2Z1BhdGgocHJvcGVydHlOYW1lOiBrZXlvZiB0eXBlb2YgSW5wdXRTdmdSb3V0ZXMpOiBzdHJpbmcge1xuICAgIHJldHVybiBJbnB1dFN2Z1JvdXRlc1twcm9wZXJ0eU5hbWVdIGFzIHN0cmluZztcbiAgfVxufVxuIiwiPCEtLSBJbnB1dCBQYXNzd29yZCBDYXBzIExvY2sgLS0+XG48bmctY29udGFpbmVyXG4gICpuZ0lmPVwiXG4gICAgaXNDYXBzTG9ja09uICYmXG4gICAgaW5wdXRDb25maWcudHlwZSA9PT0gJ3Bhc3N3b3JkJyAmJlxuICAgIGlzRm9jdXNJbnB1dCAmJlxuICAgICFpbnB1dENvbmZpZy5pc0Rpc2FibGVkXG4gIFwiXG4+XG4gIDxwIGNsYXNzPVwicGFzc3dvcmQtY2Fwc2xvY2tcIj5DYXBzIExvY2sgaXMgT048L3A+XG48L25nLWNvbnRhaW5lcj5cblxuPCEtLSBJbnB1dCBQYXNzd29yZCBFeWUgLS0+XG48bmctY29udGFpbmVyICpuZ0lmPVwiaW5wdXRDb25maWcudHlwZSA9PT0gJ3Bhc3N3b3JkJyAmJiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImlucHV0LXBhc3N3b3JkLWV5ZSB7eyBpbnB1dENvbmZpZy5jdXN0b21DbGFzcyB9fVwiXG4gICAgW25nQ2xhc3NdPVwiXG4gICAgICBnZXRTdXBlckNvbnRyb2xcbiAgICAgICAgfCBpbnB1dFBhc3N3b3JkRXllQ2xhc3NcbiAgICAgICAgICA6IGlzRm9jdXNJbnB1dFxuICAgICAgICAgIDogaW5wdXRDb25maWdcbiAgICAgICAgICA6IGlzVG91Y2hlZElucHV0XG4gICAgICAgICAgOiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlXG4gICAgXCJcbiAgICBuZ2JUb29sdGlwXG4gICAgbWFpbkNhVG9vbHRpcD1cInt7ICFpc1RvZ2dsZVBhc3N3b3JkID8gJ1Nob3cgUGFzc3dvcmQnIDogJ0hpZGUgUGFzc3dvcmQnIH19XCJcbiAgICB0b29sdGlwQmFja2dyb3VuZD1cIiMyZjJmMmZcIlxuICAgIHBvc2l0aW9uPVwidG9wXCJcbiAgICAoY2xpY2spPVwib25Ub2dnbGVQYXNzd29yZCgkZXZlbnQpXCJcbiAgPlxuICAgIDxzdmctaWNvblxuICAgICAgc3JjPVwie3tcbiAgICAgICAgIWlzVG9nZ2xlUGFzc3dvcmRcbiAgICAgICAgICA/IGdldFN2Z1BhdGgoJ2V5ZVZpc2libGVTdmcnKVxuICAgICAgICAgIDogZ2V0U3ZnUGF0aCgnZXllSGlkZGVuU3ZnJylcbiAgICAgIH19XCJcbiAgICA+PC9zdmctaWNvbj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==