@porscheinformatik/clr-addons 19.4.0 → 19.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/fesm2022/clr-addons.mjs
CHANGED
|
@@ -4898,7 +4898,7 @@ const PriceTypeSwitchShape = clrIconSVG(`<path d="M2.598 6.605h13.106c3.1 0 3.92
|
|
|
4898
4898
|
<path d="M3.69 4.996c.808-.81 2.022-1.982 3.643-3.512L6.42.516C2.407 4.306 1.335 5.382 1.335 5.9c0 .518 1.072 1.597 5.085 5.39l.914-.967A176.794 176.794 0 013.69 6.806c-.384-.386-.674-.69-.868-.906.194-.216.484-.518.868-.904zM19.978 16.996c-.807-.81-2.022-1.982-3.643-3.512l.913-.968c4.014 3.79 5.086 4.866 5.086 5.384 0 .518-1.073 1.597-5.085 5.39l-.914-.967a176.795 176.795 0 003.643-3.517c.384-.386.674-.69.867-.906a25.407 25.407 0 00-.867-.904z"/>`);
|
|
4899
4899
|
const TouaregServiceShape = clrIconSVG(`<path d="M.735 9.949a2.213 2.213 0 003.129 0L5.913 7.9a3.921 3.921 0 004.245-2.084l.157-.486L9.5 3.877l.8-1.45-.157-.314A3.861 3.861 0 006.6 0a3.848 3.848 0 00-3.982 3.979 4.383 4.383 0 00.061.723L.649 6.731a2.213 2.213 0 000 3.128zm.855-2.276l2.556-2.558-.1-.369a2.974 2.974 0 01-.1-.767A2.534 2.534 0 016.6 1.33a2.585 2.585 0 012.184 1.09l-.124.224H6.887L5.768 4.037l1.17 1.123h1.755l.158.278a2.688 2.688 0 01-2.994 1.1l-.366-.092-2.567 2.562a.907.907 0 01-1.246 0l-.089-.09a.88.88 0 010-1.248zm19.819 10.535a2.38 2.38 0 00.1-1.827c-.007-.018-.017-.033-.024-.051a53.47 53.47 0 001-.383 2.1 2.1 0 001.467-1.6c.247-.872-.558-2.289-1.022-3.084a1.918 1.918 0 00-2.025-1.143 7.536 7.536 0 00-.819.05c-1.985.217-4.093.7-4.093.7a32.316 32.316 0 00-3.254-1.21 5.418 5.418 0 00-1.639-.291A13.983 13.983 0 006.555 10.6C3.023 11.932 1.16 13.109.6 13.786c.505.651.368.612-.291 2.325S.18 18.64.684 20.337a3.548 3.548 0 001.269 2.125 4.064 4.064 0 00.437.019 8.044 8.044 0 001.63-.181c.074-.016.166-.038.274-.066.014.054.02.109.039.162A2.391 2.391 0 006.587 24c.065 0 .129-.011.194-.016L6.734 24h4.035L24 19.38v-1.409l-3.447 1.2a2.382 2.382 0 00.856-.963zm-1.154-1.386a1.061 1.061 0 01-2 .705 1.062 1.062 0 011-1.413 1.073 1.073 0 01.314.049 1.059 1.059 0 01.26.126c.006 0 .014.006.02.01a1.061 1.061 0 01.393.5c.002.006.009.013.013.023zm-.022-5.334a6.3 6.3 0 01.674-.042c.565 0 .6.02.842.427-.608.13-1.192.272-1.964.48l.346 1.285c.9-.243 1.537-.395 2.27-.543a2.115 2.115 0 01.273.884c-.128.454-.18.532-.682.734-.224.09-.712.275-1.356.516a2.383 2.383 0 00-3.537.91 2.455 2.455 0 00-.163.453c-1.2.437-2.4.869-3.336 1.2-.411.144-.891.311-1.4.487l-1.472-3.761c4.66-1.682 7.865-2.766 7.916-2.784l-.008-.02c.51-.087 1.057-.167 1.597-.226zm-7.882-.564a29.11 29.11 0 012.251.8c-1.254.441-2.776.981-4.5 1.6l-1.64-2A8.41 8.41 0 0111.1 10.7a4.108 4.108 0 011.251.224zM2.215 14.147a23.583 23.583 0 014.808-2.3l.117-.043L8.8 13.8c-2.2.8-4.655 1.713-7.214 2.691.089-.23.17-.432.238-.6a3.44 3.44 0 00.391-1.744zM3.747 21a6.742 6.742 0 01-1.242.148 3.867 3.867 0 01-.546-1.191c-.093-.314-.187-.6-.275-.866A8.591 8.591 0 011.37 18a500.413 500.413 0 018.1-3.027l1.463 3.739c-.952.323-1.964.662-2.925.978a2.377 2.377 0 00-3.675 1.161c-.253.069-.456.123-.586.149zm2.383 1.564a1.051 1.051 0 01-.541-.605c-.011-.031-.006-.063-.014-.095a1.07 1.07 0 01.085-.751.822.822 0 01.049-.067 1.021 1.021 0 01.181-.232 1.032 1.032 0 01.7-.267 1.029 1.029 0 01.31.053 1.059 1.059 0 01.256.123c.008 0 .017.007.025.012a1.068 1.068 0 01.392.495c0 .011.013.019.017.031a1.061 1.061 0 01-.651 1.352 1.051 1.051 0 01-.809-.049zm1.785 1.024a2.371 2.371 0 00.931-2.772c1.909-.632 3.923-1.32 5.2-1.767.841-.3 1.892-.673 2.965-1.063a2.391 2.391 0 002.246 1.582c.08 0 .159-.012.239-.02z"/>`);
|
|
4900
4900
|
const VehicleConversionShape = clrIconSVG(`<path d="M23.887 17.55a4.447 4.447 0 00-2.092-3.5l-.852-.508a3.6 3.6 0 01-.718-.565L17.019 9.72a2.723 2.723 0 00-1.928-.831h-1.949l.005-1.771H.584v7.859A35.209 35.209 0 00.4 16.568L.171 19.21a1.044 1.044 0 00.757 1.123l1.992.477a2.354 2.354 0 004.7.015l9.136-.029a2.354 2.354 0 004.7-.015h.166l1.5-.43A1.286 1.286 0 0024 19zm-8.8-7.331a1.392 1.392 0 01.984.434l2.823 2.867-5.765-.026.009-3.275zm-3.274-1.771v1.054l-.03 5.263H1.914V8.448zM1.722 16.681c.013-.163.036-.371.061-.586h10.008l-.01 3.387-4.452.018a2.344 2.344 0 00-4.128.013l-1.685-.4zm3.546 4.989a1.023 1.023 0 01-1-.834 1.052 1.052 0 01-.04-.2 1.036 1.036 0 111.04 1.034zm13.832 0a1.035 1.035 0 111.036-1.035 1.076 1.076 0 01-.03.15 1.024 1.024 0 01-1.006.885zm2.328-2.219h-.291a2.345 2.345 0 00-4.08.013l-3.945.013.013-4.654 7.429.033.56.334a2.878 2.878 0 01.944.944 44.139 44.139 0 00-2.639-.148l-.031 1.33c1.074.025 2.128.092 3.146.191.005.048.023.093.026.142l.105 1.446z"/>`);
|
|
4901
|
-
const WrenchForward = clrIconSVG(`<path d="
|
|
4901
|
+
const WrenchForward = clrIconSVG(`<path d="M33.18 26.11L20.35 13.28A9.28 9.28 0 007.54 2.79l-1.34.59 5.38 5.38-2.82 2.83-5.38-5.38-.59 1.33a9.27 9.27 0 0010.49 12.81l12.83 12.83a2 2 0 002.83 0l4.24-4.24a2 2 0 000-2.83zm-5.66 5.66L13.88 18.12l-.57.16a7.27 7.27 0 01-9-4.94A7.54 7.54 0 014 11.28a7.36 7.36 0 01.15-1.48l4.61 4.61 5.66-5.66-4.61-4.6a7.27 7.27 0 018.47 9.16l-.16.57 13.65 13.65z"/><circle cx="27.13" cy="27.09" r="1.3"/><path d="M18.06 28.94l-4-4a1.5 1.5 0 00-2.12 2.12l1.44 1.44H3a1.5 1.5 0 000 3h10.38l-1.44 1.44a1.49 1.49 0 000 2.12 1.5 1.5 0 002.12 0l4-4a1.49 1.49 0 000-2.12z"/><path fill="none" d="M0 0h36v36H0z"/>`, '0 0 36 36');
|
|
4902
4902
|
const TopcardShape = clrIconSVG(`<path fill="none" d="M0 0h36v36H0z"/><path d="M32 6H4a2 2 0 00-2 2v20a2 2 0 002 2h28a2 2 0 002-2V8a2 2 0 00-2-2zm0 2v12H4V8zM4 28v-4h28v4z"/><path d="M12.09 11.24h-1.9v6.24a1.16 1.16 0 01-.24.8.82.82 0 01-.62.26.8.8 0 01-.63-.27 1.13 1.13 0 01-.24-.79v-6.24h-1.9A1 1 0 015.9 11a.65.65 0 01-.22-.52.67.67 0 01.23-.48 1 1 0 01.65-.19h5.53a1 1 0 01.67.2.66.66 0 01.22.52.65.65 0 01-.22.52 1 1 0 01-.67.19zM17.63 9.65a4.53 4.53 0 012.3.55 3.49 3.49 0 011.45 1.54 5.2 5.2 0 01.49 2.34 5.69 5.69 0 01-.27 1.81 3.9 3.9 0 01-.81 1.42 3.51 3.51 0 01-1.32.91 4.85 4.85 0 01-1.8.32 4.75 4.75 0 01-1.81-.33 3.49 3.49 0 01-1.33-.92 3.86 3.86 0 01-.8-1.42 5.76 5.76 0 01-.27-1.8 5.5 5.5 0 01.28-1.81 3.94 3.94 0 01.82-1.41 3.58 3.58 0 011.32-.85 4.79 4.79 0 011.75-.35zm2.48 4.42a4 4 0 00-.31-1.63 2.27 2.27 0 00-.87-1 2.46 2.46 0 00-1.3-.35 2.35 2.35 0 00-1 .19 2.12 2.12 0 00-.76.57 2.9 2.9 0 00-.51 1 4.46 4.46 0 00-.18 1.31 4.6 4.6 0 00.18 1.33 2.78 2.78 0 00.53 1 2.15 2.15 0 00.77.58 2.32 2.32 0 001 .19 2.27 2.27 0 002.12-1.36 4 4 0 00.33-1.83zM26.69 15H25.1v2.44a1.12 1.12 0 01-.25.79.86.86 0 01-1.25 0 1.14 1.14 0 01-.24-.78v-6.58a1.09 1.09 0 01.26-.82 1.19 1.19 0 01.84-.25h2.23a6 6 0 011.53.15 2.3 2.3 0 01.91.49 2.22 2.22 0 01.58.83 3 3 0 01.2 1.11 2.45 2.45 0 01-.81 2 3.69 3.69 0 01-2.41.62zm-.42-3.93H25.1v2.62h1.17a3.4 3.4 0 001-.13 1.18 1.18 0 00.63-.42 1.28 1.28 0 00.22-.77 1.32 1.32 0 00-.34-.92 2.19 2.19 0 00-1.51-.34z"/>`, '0 0 36 36');
|
|
4903
4903
|
const TaskAndAppointment = clrIconSVG(`<path d="M11.59,5.12v2h8.24v-2ZM5,23.85V7.12H7.34v-2H4.58a1.6079,1.6079,0,0,0-1.13.49A1.5847,1.5847,0,0,0,3,6.75l.01,17.56a1.7838,1.7838,0,0,0,.03.28c.02.08.09.28.09.28a1.4509,1.4509,0,0,0,.12.22l.07.1a1.1511,1.1511,0,0,0,.14.17l.09.09.12.1a1.0634,1.0634,0,0,0,.19.11l.11.05c.05.02.1.04.16.06a.6468.6468,0,0,0,.13.04,1.5682,1.5682,0,0,0,.33.04h5.69v-2ZM26.83,5.12H24.07V6.77a4.6661,4.6661,0,0,1,.9.35h1.44V8.14a4.97,4.97,0,0,1,.65.79h1.35V6.72A1.6138,1.6138,0,0,0,26.83,5.12ZM21.95,2a1.0029,1.0029,0,0,0-1,1V6.86c.11-.04.24-.08.36-.11a5.0565,5.0565,0,0,1,1.33-.17c.1,0,.2,0,.31.01V3A1.0029,1.0029,0,0,0,21.95,2ZM9.46,2a1.0029,1.0029,0,0,0-1,1V7.68a1,1,0,0,0,2,0V3A.9965.9965,0,0,0,9.46,2ZM7.68,19.17v2h2v-2Zm0-3.9v2h2v-2Zm0-3.91v2h2v-2Z"/><path d="M17.5626,24.0412a1,1,0,0,1,1.3984-1.4229L21.62,25.2765l5.1353-5.1357a.9994.9994,0,0,1,1.4228.0976.9945.9945,0,0,1,0,1.3l-6.5581,6.56ZM16.1769,16.047V12.963a2.05,2.05,0,0,1,2.0366-2.0371h1.2319a3.3415,3.3415,0,0,1,2.3608-2.2431,3.3794,3.3794,0,0,1,.8316-.1055,3.3389,3.3389,0,0,1,3.1875,2.3486h1.2388a2.0508,2.0508,0,0,1,2.0376,2.0362V16.047Zm10.9248-2V12.963L23.98,12.9259v-1a1.3409,1.3409,0,0,0-2.6817,0v1h-3.084a.0374.0374,0,0,0-.0375.0371v1.084ZM31.45,10.93H31V32H14.28V10.93h-.22a1.6292,1.6292,0,0,0-1.77,1.34,1.21,1.21,0,0,0-.01.19v20A1.5429,1.5429,0,0,0,13.83,34H31.46A1.5407,1.5407,0,0,0,33,32.46v-20A1.5408,1.5408,0,0,0,31.45,10.93Z"/>`, '0 0 36 36');
|
|
4904
4904
|
const ParkingLocation = clrIconSVG(`<path d="M28,8V28H8V8H28m0-2H8A2,2,0,0,0,6,8V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8a2,2,0,0,0-2-2Z"/><path d="M16,25H14V11h4.5a4.5,4.5,0,0,1,0,9H16Zm0-7h2.5a2.5,2.5,0,0,0,0-5H16Z"/>`, '0 0 36 36');
|
|
@@ -13150,7 +13150,7 @@ class ClrDaterangepickerContainerComponent extends ClrAbstractContainer {
|
|
|
13150
13150
|
DaterangeService,
|
|
13151
13151
|
OpenedDatepickersTrackerService,
|
|
13152
13152
|
ControlIdService,
|
|
13153
|
-
], queries: [{ propertyName: "daterangepickerDirective", first: true, predicate: ClrDaterangepickerDirective, descendants: true }], viewQueries: [{ propertyName: "datepickerComponents", predicate: ClrDatepickerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"label\"></ng-content>\n<label *ngIf=\"!this.labelComponent && this.addLayoutGrid\"></label>\n<div\n [class.clr-col-12]=\"this.addLayoutGrid\"\n [class.clr-col-md-10]=\"this.addLayoutGrid\"\n [class.clr-error]=\"this.isInvalid\"\n class=\"clr-control-container\"\n>\n <div class=\"clr-input-wrapper\" clrPopoverAnchor>\n <div
|
|
13153
|
+
], queries: [{ propertyName: "daterangepickerDirective", first: true, predicate: ClrDaterangepickerDirective, descendants: true }], viewQueries: [{ propertyName: "datepickerComponents", predicate: ClrDatepickerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"label\"></ng-content>\n<label *ngIf=\"!this.labelComponent && this.addLayoutGrid\"></label>\n<div\n [class.clr-col-12]=\"this.addLayoutGrid\"\n [class.clr-col-md-10]=\"this.addLayoutGrid\"\n [class.clr-error]=\"this.isInvalid\"\n class=\"clr-control-container\"\n>\n <div class=\"clr-input-wrapper\" clrPopoverAnchor>\n <div\n [class.clr-focus]=\"this.focus\"\n class=\"custom-input-group clr-input-group\"\n [ngClass]=\"_timeSelection ? 'custom-input-group-time' : 'custom-input-group-date'\"\n >\n <ng-content select=\"[clrDaterangepicker]\"></ng-content>\n <button\n [attr.aria-label]=\"this.friendlyDaterange\"\n [disabled]=\"this.disabled\"\n [title]=\"this.friendlyDaterange\"\n class=\"clr-input-group-icon-action\"\n clrPopoverOpenCloseButton\n type=\"button\"\n >\n <cds-icon shape=\"calendar\" status=\"info\"></cds-icon>\n </button>\n </div>\n <cds-icon\n *ngIf=\"this.isInvalid\"\n aria-hidden=\"true\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"!this.isInvalid\"\n aria-hidden=\"true\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n ></cds-icon>\n </div>\n <ng-content *ngIf=\"this.showHelper\" select=\"clr-control-helper\"></ng-content>\n <ng-content *ngIf=\"this.showInvalid\" select=\"clr-control-error\"></ng-content>\n <ng-content *ngIf=\"this.showValid\" select=\"clr-control-success\"></ng-content>\n\n <div\n *clrPopoverContent=\"this.open; at: this.popoverPosition; outsideClickToClose: true; scrollToClose: true\"\n class=\"clr-daterangepicker-container-popup datepicker\"\n >\n <button\n class=\"btn btn-sm btn-link close clr-smart-close-button btn-trash\"\n type=\"button\"\n (click)=\"daterangeService.updateSelectedDaterange(null)\"\n >\n <cds-icon shape=\"trash\"></cds-icon>\n </button>\n <button\n [attr.aria-label]=\"this.commonStrings.close\"\n class=\"btn btn-sm btn-link close\"\n clrPopoverCloseButton\n type=\"button\"\n >\n <cds-icon [attr.title]=\"this.commonStrings.close\" aria-hidden=\"true\" shape=\"window-close\"></cds-icon>\n <span class=\"clr-sr-only\">{{ this.commonStrings.close }}</span>\n </button>\n <div class=\"clr-daterangepicker-container-popup-content\">\n <form [clrLayout]=\"'vertical'\" clrForm>\n <div class=\"datetime-container\">\n <clr-datepicker\n (valueChange)=\"this.onDateFromChange($event)\"\n [label]=\"this.labelFrom\"\n [maxDate]=\"this.maxDate\"\n [minDate]=\"this.minDate\"\n [value]=\"this.dateFrom\"\n class=\"clr-datepicker\"\n >\n </clr-datepicker>\n <clr-timepicker\n *ngIf=\"_timeSelection\"\n class=\"timepicker\"\n (valueChange)=\"this.onTimeFromChange($event)\"\n [value]=\"this.timeFrom\"\n [activateSeconds]=\"_activateSeconds\"\n >\n </clr-timepicker>\n </div>\n <div class=\"datetime-container datetime-container-to\">\n <clr-datepicker\n (valueChange)=\"this.onDateToChange($event)\"\n [label]=\"this.labelTo\"\n [maxDate]=\"this.maxDate\"\n [minDate]=\"this.minDate\"\n [value]=\"this.dateTo\"\n class=\"clr-datepicker\"\n >\n </clr-datepicker>\n <clr-timepicker\n *ngIf=\"_timeSelection\"\n class=\"timepicker\"\n (valueChange)=\"this.onTimeToChange($event)\"\n [value]=\"this.timeTo\"\n [activateSeconds]=\"_activateSeconds\"\n >\n </clr-timepicker>\n </div>\n </form>\n <div *ngIf=\"this.presets?.length > 0\" class=\"clr-daterangepicker-container-popup-content-presets\">\n <ng-container *ngFor=\"let preset of this.presets\">\n <button (click)=\"this.applyPreset(preset)\" class=\"btn btn-outline btn-sm btn-block\" type=\"button\">\n {{ preset.text }}\n </button>\n </ng-container>\n </div>\n <div *ngIf=\"this.presetsDateTime?.length > 0\" class=\"clr-daterangepicker-container-popup-content-presets\">\n <ng-container *ngFor=\"let preset of this.presetsDateTime\">\n <button (click)=\"this.applyPresetTime(preset)\" class=\"btn btn-outline btn-sm btn-block\" type=\"button\">\n {{ preset.text }}\n </button>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n", styles: [".clr-input-wrapper>.clr-input-group{max-width:fit-content;padding-right:1.5rem}.clr-input-wrapper>.clr-input-group ::ng-deep>.clr-input{width:100%;padding:0 .3rem}.clr-daterangepicker-container-popup.datepicker{padding:0;width:auto;height:auto;display:block}.clr-daterangepicker-container-popup.datepicker .clr-smart-close-button{min-width:1.2rem;padding:0;position:absolute;right:0;margin:5px}.clr-daterangepicker-container-popup.datepicker .btn-trash{padding-right:25px;margin:5px}.clr-daterangepicker-container-popup.datepicker .clr-daterangepicker-container-popup-content{padding:1rem;display:flex;flex-direction:row}.clr-daterangepicker-container-popup.datepicker .clr-daterangepicker-container-popup-content .clr-form ::ng-deep clr-datepicker:first-of-type ::ng-deep clr-date-container{margin-top:0}.clr-daterangepicker-container-popup.datepicker .clr-daterangepicker-container-popup-content .clr-daterangepicker-container-popup-content-presets{margin-left:.6rem;padding:.3rem}.clr-daterangepicker-container-popup.datepicker .clr-daterangepicker-container-popup-content .clr-daterangepicker-container-popup-content-presets .btn{margin-right:0}.datetime-container{display:flex;flex-direction:row;align-items:flex-start}.datetime-container-to{padding-top:1rem}.timepicker{padding-left:1rem}.timepicker clr-input-container{margin-top:.8rem}.custom-input-group{padding-right:0!important}.custom-input-group .clr-input-group-icon-action{margin-left:.5rem}.custom-input-group input{min-width:10rem!important;width:10rem!important}.custom-input-group-time{min-width:17rem!important}.custom-input-group-date{min-width:12rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.CdsIconCustomTag, selector: "cds-icon" }, { kind: "directive", type: i2.ClrLabel, selector: "label", inputs: ["id", "for"] }, { kind: "directive", type: i2.ClrForm, selector: "[clrForm]", inputs: ["clrLabelSize"] }, { kind: "directive", type: i2.ClrLayout, selector: "[clrForm][clrLayout]", inputs: ["clrLayout"] }, { kind: "directive", type: i2.ClrPopoverAnchor, selector: "[clrPopoverAnchor]" }, { kind: "directive", type: i2.ÇlrClrPopoverCloseButton, selector: "[clrPopoverCloseButton]", outputs: ["clrPopoverOnCloseChange"] }, { kind: "directive", type: i2.ÇlrClrPopoverOpenCloseButton, selector: "[clrPopoverOpenCloseButton]", outputs: ["clrPopoverOpenCloseChange"] }, { kind: "directive", type: i2.ClrPopoverContent, selector: "[clrPopoverContent]", inputs: ["clrPopoverContent", "clrPopoverContentAt", "clrPopoverContentOutsideClickToClose", "clrPopoverContentScrollToClose"] }, { kind: "component", type: ClrDatepickerComponent, selector: "clr-datepicker", inputs: ["value", "label", "minDate", "maxDate", "timeSelection"], outputs: ["valueChange"] }, { kind: "component", type: ClrTimepickerComponent, selector: "clr-timepicker", inputs: ["value", "activateSeconds"], outputs: ["valueChange"] }] }); }
|
|
13154
13154
|
}
|
|
13155
13155
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ClrDaterangepickerContainerComponent, decorators: [{
|
|
13156
13156
|
type: Component,
|
|
@@ -13162,7 +13162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
13162
13162
|
DaterangeService,
|
|
13163
13163
|
OpenedDatepickersTrackerService,
|
|
13164
13164
|
ControlIdService,
|
|
13165
|
-
], standalone: false, template: "<ng-content select=\"label\"></ng-content>\n<label *ngIf=\"!this.labelComponent && this.addLayoutGrid\"></label>\n<div\n [class.clr-col-12]=\"this.addLayoutGrid\"\n [class.clr-col-md-10]=\"this.addLayoutGrid\"\n [class.clr-error]=\"this.isInvalid\"\n class=\"clr-control-container\"\n>\n <div class=\"clr-input-wrapper\" clrPopoverAnchor>\n <div
|
|
13165
|
+
], standalone: false, template: "<ng-content select=\"label\"></ng-content>\n<label *ngIf=\"!this.labelComponent && this.addLayoutGrid\"></label>\n<div\n [class.clr-col-12]=\"this.addLayoutGrid\"\n [class.clr-col-md-10]=\"this.addLayoutGrid\"\n [class.clr-error]=\"this.isInvalid\"\n class=\"clr-control-container\"\n>\n <div class=\"clr-input-wrapper\" clrPopoverAnchor>\n <div\n [class.clr-focus]=\"this.focus\"\n class=\"custom-input-group clr-input-group\"\n [ngClass]=\"_timeSelection ? 'custom-input-group-time' : 'custom-input-group-date'\"\n >\n <ng-content select=\"[clrDaterangepicker]\"></ng-content>\n <button\n [attr.aria-label]=\"this.friendlyDaterange\"\n [disabled]=\"this.disabled\"\n [title]=\"this.friendlyDaterange\"\n class=\"clr-input-group-icon-action\"\n clrPopoverOpenCloseButton\n type=\"button\"\n >\n <cds-icon shape=\"calendar\" status=\"info\"></cds-icon>\n </button>\n </div>\n <cds-icon\n *ngIf=\"this.isInvalid\"\n aria-hidden=\"true\"\n class=\"clr-validate-icon\"\n shape=\"exclamation-circle\"\n status=\"danger\"\n ></cds-icon>\n <cds-icon\n *ngIf=\"!this.isInvalid\"\n aria-hidden=\"true\"\n class=\"clr-validate-icon\"\n shape=\"check-circle\"\n status=\"success\"\n ></cds-icon>\n </div>\n <ng-content *ngIf=\"this.showHelper\" select=\"clr-control-helper\"></ng-content>\n <ng-content *ngIf=\"this.showInvalid\" select=\"clr-control-error\"></ng-content>\n <ng-content *ngIf=\"this.showValid\" select=\"clr-control-success\"></ng-content>\n\n <div\n *clrPopoverContent=\"this.open; at: this.popoverPosition; outsideClickToClose: true; scrollToClose: true\"\n class=\"clr-daterangepicker-container-popup datepicker\"\n >\n <button\n class=\"btn btn-sm btn-link close clr-smart-close-button btn-trash\"\n type=\"button\"\n (click)=\"daterangeService.updateSelectedDaterange(null)\"\n >\n <cds-icon shape=\"trash\"></cds-icon>\n </button>\n <button\n [attr.aria-label]=\"this.commonStrings.close\"\n class=\"btn btn-sm btn-link close\"\n clrPopoverCloseButton\n type=\"button\"\n >\n <cds-icon [attr.title]=\"this.commonStrings.close\" aria-hidden=\"true\" shape=\"window-close\"></cds-icon>\n <span class=\"clr-sr-only\">{{ this.commonStrings.close }}</span>\n </button>\n <div class=\"clr-daterangepicker-container-popup-content\">\n <form [clrLayout]=\"'vertical'\" clrForm>\n <div class=\"datetime-container\">\n <clr-datepicker\n (valueChange)=\"this.onDateFromChange($event)\"\n [label]=\"this.labelFrom\"\n [maxDate]=\"this.maxDate\"\n [minDate]=\"this.minDate\"\n [value]=\"this.dateFrom\"\n class=\"clr-datepicker\"\n >\n </clr-datepicker>\n <clr-timepicker\n *ngIf=\"_timeSelection\"\n class=\"timepicker\"\n (valueChange)=\"this.onTimeFromChange($event)\"\n [value]=\"this.timeFrom\"\n [activateSeconds]=\"_activateSeconds\"\n >\n </clr-timepicker>\n </div>\n <div class=\"datetime-container datetime-container-to\">\n <clr-datepicker\n (valueChange)=\"this.onDateToChange($event)\"\n [label]=\"this.labelTo\"\n [maxDate]=\"this.maxDate\"\n [minDate]=\"this.minDate\"\n [value]=\"this.dateTo\"\n class=\"clr-datepicker\"\n >\n </clr-datepicker>\n <clr-timepicker\n *ngIf=\"_timeSelection\"\n class=\"timepicker\"\n (valueChange)=\"this.onTimeToChange($event)\"\n [value]=\"this.timeTo\"\n [activateSeconds]=\"_activateSeconds\"\n >\n </clr-timepicker>\n </div>\n </form>\n <div *ngIf=\"this.presets?.length > 0\" class=\"clr-daterangepicker-container-popup-content-presets\">\n <ng-container *ngFor=\"let preset of this.presets\">\n <button (click)=\"this.applyPreset(preset)\" class=\"btn btn-outline btn-sm btn-block\" type=\"button\">\n {{ preset.text }}\n </button>\n </ng-container>\n </div>\n <div *ngIf=\"this.presetsDateTime?.length > 0\" class=\"clr-daterangepicker-container-popup-content-presets\">\n <ng-container *ngFor=\"let preset of this.presetsDateTime\">\n <button (click)=\"this.applyPresetTime(preset)\" class=\"btn btn-outline btn-sm btn-block\" type=\"button\">\n {{ preset.text }}\n </button>\n </ng-container>\n </div>\n </div>\n </div>\n</div>\n", styles: [".clr-input-wrapper>.clr-input-group{max-width:fit-content;padding-right:1.5rem}.clr-input-wrapper>.clr-input-group ::ng-deep>.clr-input{width:100%;padding:0 .3rem}.clr-daterangepicker-container-popup.datepicker{padding:0;width:auto;height:auto;display:block}.clr-daterangepicker-container-popup.datepicker .clr-smart-close-button{min-width:1.2rem;padding:0;position:absolute;right:0;margin:5px}.clr-daterangepicker-container-popup.datepicker .btn-trash{padding-right:25px;margin:5px}.clr-daterangepicker-container-popup.datepicker .clr-daterangepicker-container-popup-content{padding:1rem;display:flex;flex-direction:row}.clr-daterangepicker-container-popup.datepicker .clr-daterangepicker-container-popup-content .clr-form ::ng-deep clr-datepicker:first-of-type ::ng-deep clr-date-container{margin-top:0}.clr-daterangepicker-container-popup.datepicker .clr-daterangepicker-container-popup-content .clr-daterangepicker-container-popup-content-presets{margin-left:.6rem;padding:.3rem}.clr-daterangepicker-container-popup.datepicker .clr-daterangepicker-container-popup-content .clr-daterangepicker-container-popup-content-presets .btn{margin-right:0}.datetime-container{display:flex;flex-direction:row;align-items:flex-start}.datetime-container-to{padding-top:1rem}.timepicker{padding-left:1rem}.timepicker clr-input-container{margin-top:.8rem}.custom-input-group{padding-right:0!important}.custom-input-group .clr-input-group-icon-action{margin-left:.5rem}.custom-input-group input{min-width:10rem!important;width:10rem!important}.custom-input-group-time{min-width:17rem!important}.custom-input-group-date{min-width:12rem!important}\n"] }]
|
|
13166
13166
|
}], ctorParameters: () => [{ type: i2.ClrPopoverEventsService }, { type: i2.ClrPopoverToggleService }, { type: i2.ClrCommonStringsService }, { type: i2.ClrLayout, decorators: [{
|
|
13167
13167
|
type: Optional
|
|
13168
13168
|
}] }, { type: DaterangeControlStateService }, { type: OpenedDatepickersTrackerService }, { type: DaterangeService }, { type: DaterangeParsingService }], propDecorators: { presets: [{
|